{{-- Example: admin/orders/index.blade.php --}}
@extends('layouts.app') {{-- Or your admin layout --}}

@section('title', __('orders.index.title'))

@section('content')
    <div class="container mx-auto px-4 py-8">
        <div class="flex justify-between items-center mb-6">
            <h1 class="text-2xl font-semibold text-gray-800 dark:text-gray-200">{{ __('orders.index.header') }}</h1>
            {{-- Export Section with Advanced Options --}}
            <div x-data="{ showAdvancedExport: false }">
                <div class="flex items-center space-x-2">
                    <button @click="showAdvancedExport = !showAdvancedExport" type="button"
                        class="text-sm text-indigo-600 hover:text-indigo-900 dark:text-indigo-400 dark:hover:text-indigo-300 hover:underline focus:outline-none">
                        {{ __('orders.index.export_options') }}
                    </button>
                    {{-- The form now wraps the export button and includes date inputs --}}
                    <form action="{{ route('admin.orders.export.csv') }}" method="GET" id="exportOrdersForm">
                        {{-- Hidden by default, shown by Alpine toggle --}}
                        <div x-show="showAdvancedExport" x-transition
                            class="mt-2 p-4 border rounded-md bg-gray-50 dark:bg-gray-700 dark:border-gray-600 space-y-3 sm:flex sm:space-y-0 sm:space-x-3">
                            <div>
                                <label for="start_date"
                                    class="block text-xs font-medium text-gray-700 dark:text-gray-300">{{ __('orders.index.start_date_label') }}</label>
                                <input type="date" name="start_date" id="start_date" value="{{ request('start_date') }}"
                                    class="mt-1 block w-full sm:w-auto rounded-md border-gray-300 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 text-sm">
                            </div>
                            <div>
                                <label for="end_date"
                                    class="block text-xs font-medium text-gray-700 dark:text-gray-300">{{ __('orders.index.end_date_label') }}</label>
                                <input type="date" name="end_date" id="end_date" value="{{ request('end_date') }}"
                                    class="mt-1 block w-full sm:w-auto rounded-md border-gray-300 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 text-sm">
                            </div>
                        </div>

                        <button type="submit"
                            class="ml-2 inline-flex items-center px-4 py-2 bg-green-600 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest hover:bg-green-700 active:bg-green-900 focus:outline-none focus:border-green-900 focus:ring ring-green-300 disabled:opacity-25 transition ease-in-out duration-150">
                            {{ __('orders.index.export_button') }}
                        </button>
                    </form>
                </div>
            </div>
        </div>

        {{-- Display applied filters if any --}}
        @if (request()->filled('start_date') || request()->filled('end_date'))
            <div
                class="mb-4 p-3 bg-blue-50 border border-blue-200 rounded-md text-sm text-blue-700 dark:bg-blue-900/20 dark:border-blue-800/30 dark:text-blue-300">
                <strong>{{ __('orders.index.filters_active_notice') }}</strong>
                @if (request()->filled('start_date'))
                    {{ __('orders.index.start_date') }}: {{ request('start_date') }}
                @endif
                @if (request()->filled('end_date'))
                    @if (request()->filled('start_date'))
                        |
                    @endif{{ __('orders.index.end_date') }}: {{ request('end_date') }}
                @endif
                <a href="{{ route('admin.orders.export.csv') }}"
                    class="ml-2 text-blue-500 hover:underline">({{ __('orders.index.clear_filters_button') }})</a>
            </div>
        @endif


        {{-- Your existing table or list of orders --}}
        @if ($orders->count() > 0)
            <div class="bg-white shadow-md rounded-lg overflow-x-auto dark:bg-gray-800">
                <table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700">
                    <thead class="bg-gray-50 dark:bg-gray-700/50">
                        <tr>
                            <th
                                class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider">
                                {{ __('orders.table.order_id') }}</th>
                            <th
                                class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider">
                                {{ __('orders.table.status') }}</th>
                            <th
                                class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider">
                                {{ __('orders.table.contact_email') }}</th>
                            <th
                                class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider">
                                {{ __('orders.table.total_value') }}</th>
                            <th
                                class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider">
                                {{ __('orders.table.date') }}</th>
                            <th
                                class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider">
                                {{ __('orders.table.actions') }}</th>
                        </tr>
                    </thead>
                    <tbody class="bg-white divide-y divide-gray-200 dark:bg-gray-800 dark:divide-gray-700">
                        @foreach ($orders as $order)
                            <tr>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900 dark:text-gray-200">
                                    #{{ $order->id }}</td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400">
                                    {{ ucfirst(__($order->status)) }}
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400">
                                    {{ $order->contact_email }}
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400">
                                    ${{ number_format($order->total_product_value + $order->donation_amount, 2) }}</td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400">
                                    {{ $order->created_at->format('M d, Y') }}</td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm font-medium">
                                    <a href="{{ route('admin.orders.show', $order) }}"
                                        class="text-indigo-600 hover:text-indigo-900 dark:text-indigo-400 dark:hover:text-indigo-200">{{ __('orders.index.view_button') }}</a>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            <div class="mt-8">
                {{-- Append existing query parameters (like page) to pagination links, but not export-specific ones if they conflict --}}
                {{ $orders->appends(request()->except(['start_date', 'end_date']))->links() }}
            </div>
        @else
            <p class="text-gray-600 dark:text-gray-400">{{ __('orders.index.no_orders_found') }}</p>
        @endif
    </div>
@endsection