{{-- Quick Order Actions Dropdown --}}
@php
    $statuses = [
        'pending'         => ['label' => 'معلق', 'color' => 'bg-amber-500'],
        'pending_payment' => ['label' => 'في انتظار الدفع', 'color' => 'bg-amber-600'],
        'processing'      => ['label' => 'قيد المعالجة (مدفوع)', 'color' => 'bg-blue-600'],
        'completed'       => ['label' => 'مكتمل', 'color' => 'bg-green-600'],
        'canceled'        => ['label' => 'ملغي', 'color' => 'bg-red-600'],
    ];
    $currentStatus = $order->status;
@endphp

<x-admin::dropdown position="bottom-{{ app()->getLocale() === 'ar' ? 'right' : 'left' }}">
    <x-slot:toggle>
        <button type="button" class="secondary-button px-3 py-1.5">
            <span class="icon-sort-down text-lg"></span>
            تغيير حالة الطلب
        </button>
    </x-slot>

    <x-slot:content class="!p-0">
        @foreach($statuses as $status => $info)
            @if($status !== $currentStatus)
                <form action="{{ route('admin.delivery.order-status', $order->id) }}" method="POST">
                    @csrf
                    <input type="hidden" name="status" value="{{ $status }}">
                    <button
                        type="submit"
                        class="flex w-full items-center gap-3 px-5 py-2.5 text-sm text-gray-700 transition-all hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-950"
                        onclick="return confirm('تغيير حالة الطلب إلى: {{ $info['label'] }}؟')"
                    >
                        <span class="h-2.5 w-2.5 rounded-full {{ $info['color'] }}"></span>
                        {{ $info['label'] }}
                    </button>
                </form>
            @else
                <div class="flex w-full items-center gap-3 bg-gray-50 px-5 py-2.5 text-sm font-semibold text-gray-900 dark:bg-gray-800 dark:text-white">
                    <span class="h-2.5 w-2.5 rounded-full {{ $info['color'] }}"></span>
                    {{ $info['label'] }}
                    <span class="mr-auto text-xs text-gray-400">(الحالية)</span>
                </div>
            @endif
        @endforeach

        @if($order->canInvoice())
            <div class="border-t dark:border-gray-800">
                <form action="{{ route('admin.delivery.quick-invoice', $order->id) }}" method="POST">
                    @csrf
                    <button type="submit" class="flex w-full items-center gap-3 px-5 py-2.5 text-sm font-medium text-green-600 hover:bg-green-50 dark:hover:bg-green-600/10" onclick="return confirm('إنشاء فاتورة وتحويل لمدفوع؟')">
                        <span class="icon-sales text-lg"></span>
                        إنشاء فاتورة (تحويل لمدفوع)
                    </button>
                </form>
            </div>
        @endif

        @if($order->canShip())
            <div class="border-t dark:border-gray-800">
                <form action="{{ route('admin.delivery.quick-ship', $order->id) }}" method="POST">
                    @csrf
                    <button type="submit" class="flex w-full items-center gap-3 px-5 py-2.5 text-sm font-medium text-blue-600 hover:bg-blue-50 dark:hover:bg-blue-600/10" onclick="return confirm('إنشاء شحنة؟')">
                        <span class="icon-ship text-lg"></span>
                        إنشاء شحنة
                    </button>
                </form>
            </div>
        @endif
        {{-- Print Invoice --}}
        @if($order->invoices->count() > 0)
            <div class="border-t dark:border-gray-800">
                @foreach($order->invoices as $invoice)
                    <a
                        href="{{ route('admin.sales.invoices.print', $invoice->id) }}"
                        target="_blank"
                        class="flex w-full items-center gap-3 px-5 py-2.5 text-sm font-medium text-gray-700 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-950"
                    >
                        <span class="icon-export text-lg"></span>
                        طباعة الفاتورة #{{ $invoice->id }}
                    </a>
                @endforeach
            </div>
        @endif
    </x-slot>
</x-admin::dropdown>