<div>
    {{-- Top Nav --}}
    @include('livewire.fuel-price-update.top-nav.on-demand')

    <!-- Main Content -->
    <div class="flex flex-col items-center justify-center w-full mt-10">

        <!-- Import File Section -->
        <div class="bg-white w-[80%] max-w-lg rounded-md shadow-md p-10 text-center">
            <h2 class="text-2xl font-semibold mb-8">Import File</h2>

            <div class="flex flex-col items-start gap-6 w-full max-w-md mx-auto">

                <!-- File Upload -->
                <div class="w-full">
                    <input
                        type="file"
                        class="border rounded px-4 py-2 w-full" />
                </div>

                <!-- Buttons -->
                <div class="w-full flex gap-4 mt-6">
                    <div class="w-1/2">
                        <button class="w-full bg-orange-500 hover:bg-orange-600 text-white font-semibold py-2 px-6 rounded">
                            Submit
                        </button>
                    </div>
                    <div class="w-1/2">
                        <button class="w-full bg-orange-500 hover:bg-orange-600 text-white font-semibold py-2 px-6 rounded">
                            Export Fuel Prices
                        </button>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
