@php
    $q = $q ?? request('q', '');
    $status = $status ?? request('status', 'alle');

    $isAdmin = auth()->user()?->isDistrictUser() ?? false;

    $statuses = [
        'alle' => 'Alle',
        'placed' => 'Aufgegeben',
        'processing' => 'In Bearbeitung',
        'ready' => 'Abholbereit',
        'received' => 'Erhalten',
    ];

    $priorityLabels = [
        'low' => 'Niedrig',
        'medium' => 'Mittel',
        'high' => 'Hoch',
    ];

    $urgencyLabels = [
        'normal' => 'Normal',
        'urgent' => 'Dringend',
        'immediate' => 'Sofort',
    ];

    $statusPills = [
        'placed' => 'bg-neutral-100 text-rk-slate border-rk',
        'processing' => 'bg-blue-50 text-blue-700 border-blue-200',
        'ready' => 'bg-emerald-50 text-emerald-700 border-emerald-200',
        'received' => 'bg-neutral-100 text-rk-slate border-rk',
    ];

    $priorityPills = [
        'low' => 'bg-neutral-100 text-rk-slate border-rk',
        'medium' => 'bg-amber-50 text-amber-700 border-amber-200',
        'high' => 'bg-red-50 text-red-700 border-red-200',
    ];

    $urgencyPills = [
        'normal' => 'bg-neutral-100 text-rk-slate border-rk',
        'urgent' => 'bg-red-50 text-red-700 border-red-200',
        'immediate' => 'bg-red-50 text-red-700 border-red-200',
    ];

    // Helper: Query für Links (kein doppeltes Reset / keine leeren Query-Params)
    $qs = fn(array $extra = []) => array_filter(
        array_merge(['q' => $q, 'status' => $status], $extra),
        fn($v) => $v !== '' && $v !== null,
    );
@endphp

<x-layouts.app title="Bestellungen" :userRole="$isAdmin ? 'Bezirksstelle' : 'Ortstelle'">
    <div class="flex flex-col gap-4">

        {{-- Header --}}
        <div class="flex flex-col sm:flex-row sm:items-end sm:justify-between gap-3">
            <div>
                <div class="text-xl font-semibold">Bestellungen</div>
                <div class="mt-1 text-sm text-rk-slate">
                    Status-Workflow, Prioritäten & Dringlichkeit, Abholscheine.
                </div>
            </div>

            <div class="flex items-center gap-2">
                <a href="{{ route('orders.index', $qs()) }}" class="btn-rk-soft">
                    Aktualisieren
                </a>

                @if (!$isAdmin)
                    <a href="{{ route('orders.create', ['prefill' => 'under_min']) }}"
                        class="bg-rk-green text-sm text-white rounded-2xl px-3 py-2 font-semibold transition-rk hover:shadow-button hover:bg-rk-green-dark">
                        Bestellung erstellen
                    </a>
                @endif
            </div>
        </div>

        {{-- Filter Bar --}}
        <form method="GET" action="{{ route('orders.index') }}"
            class="rounded-3xl bg-white border border-rk p-4 shadow-sm">
            <div class="grid grid-cols-1 lg:grid-cols-12 gap-3 lg:items-end">
                <div class="lg:col-span-7">
                    <label class="text-xs font-semibold text-rk-slate/80 uppercase tracking-wider">Suche</label>
                    <input name="q" type="text" value="{{ $q }}"
                        class="mt-2 w-full rounded-2xl border border-rk bg-white px-4 py-3 text-sm outline-none focus:ring-2 ring-rk focus:border-transparent"
                        placeholder="Bestellnummer, Kommentar…">
                </div>

                <div class="lg:col-span-3">
                    <label class="text-xs font-semibold text-rk-slate/80 uppercase tracking-wider">Status</label>
                    <select name="status" class="mt-2 w-full rounded-2xl border border-rk bg-white px-4 py-3 text-sm">
                        @foreach ($statuses as $k => $label)
                            <option value="{{ $k }}" @selected($status === $k)>{{ $label }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="lg:col-span-2 flex gap-2">
                    <a href="{{ route('orders.index') }}"
                        class="w-full rounded-2xl border border-rk bg-white px-3 py-3 text-sm font-semibold hover:bg-neutral-50 text-center transition-rk hover:shadow-button">
                        Reset
                    </a>
                    <button type="submit"
                        class="w-full rounded-2xl bg-rk-green px-4 py-3 text-sm font-semibold text-white hover:bg-rk-green-dark transition-rk hover:shadow-button">
                        Filtern
                    </button>
                </div>

                {{-- Quick filters (kompakter, gleicher Stil wie Inventory) --}}
                <div class="lg:col-span-12 flex flex-wrap gap-2 pt-2 items-center">
                    <span
                        class="text-xs font-semibold text-rk-slate/80 uppercase tracking-wider mr-1">Schnellfilter:</span>

                    @foreach ($statuses as $k => $label)
                        <a href="{{ route('orders.index', $qs(['status' => $k])) }}"
                            class="rounded-full px-3 py-1 text-xs font-semibold border transition-rk
                            {{ $status === $k ? 'bg-rk-green text-white border-transparent' : 'bg-white border-rk text-rk-slate hover:bg-neutral-50' }}">
                            {{ $label }}
                        </a>
                    @endforeach
                </div>
            </div>
        </form>

        {{-- Table --}}
        <div class="rounded-3xl bg-white border border-rk shadow-sm overflow-hidden">
            <div
                class="px-5 py-4 flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3 border-b border-rk bg-white">
                <div>
                    <div class="text-sm font-semibold">Übersicht</div>
                    <div class="text-xs text-rk-slate">
                        {{ method_exists($orders, 'total') ? $orders->total() : $orders->count() }}
                        Bestellungen
                        @if ($status !== 'alle')
                            · Status: <span class="font-semibold">{{ $statuses[$status] ?? $status }}</span>
                        @endif
                        @if ($q !== '')
                            · Suche: <span class="font-semibold">{{ $q }}</span>
                        @endif
                    </div>
                </div>

                <div class="flex items-center gap-2">
                    <a href="{{ route('reports.orders.export.csv', request()->query()) }}" class="btn-rk-soft">
                        Export CSV
                    </a>
                    <a href="{{ route('reports.orders.export.xlsx', request()->query()) }}" class="btn-rk-soft">
                        Export XLSX
                    </a>
                </div>
            </div>

            <div class="overflow-x-auto">
                <table class="w-full text-sm">
                    <thead class="text-xs text-rk-slate/80 uppercase tracking-wider bg-neutral-50">
                        <tr class="border-b border-rk">
                            <th class="py-3 px-5 text-left">Bestellung</th>
                            <th class="py-3 px-5 text-left">Ortstelle</th>
                            <th class="py-3 px-5 text-left">Priorität</th>
                            <th class="py-3 px-5 text-left">Status</th>
                            <th class="py-3 px-5 text-left">Erstellt</th>
                            <th class="py-3 px-5 text-right">Aktion</th>
                        </tr>
                    </thead>

                    <tbody class="divide-y divide-[color:var(--rk-border)]">
                        @forelse($orders as $order)
                            @php
                                $pillStatus = $statusPills[$order->status] ?? 'bg-neutral-100 text-rk-slate border-rk';
                                $pillPrio =
                                    $priorityPills[$order->priority] ?? 'bg-neutral-100 text-rk-slate border-rk';
                                $pillUrg = $urgencyPills[$order->urgency] ?? 'bg-neutral-100 text-rk-slate border-rk';

                                $statusLabel = $statuses[$order->status] ?? $order->status;
                                $prioLabel = $priorityLabels[$order->priority] ?? $order->priority;
                                $urgLabel = $urgencyLabels[$order->urgency] ?? $order->urgency;
                            @endphp

                            <tr class="hover:bg-neutral-50">
                                <td class="py-4 px-5">
                                    <div class="font-semibold">#B-{{ $order->id }}</div>
                                    <div class="text-xs text-rk-slate">
                                        {{ (int) ($order->items_count ?? 0) }} Positionen
                                    </div>
                                </td>

                                <td class="py-4 px-5">
                                    {{ $order->station?->name ?? '—' }}
                                </td>

                                <td class="py-4 px-5">
                                    <div class="flex flex-wrap gap-2">
                                        <span
                                            class="inline-flex items-center rounded-full px-3 py-1 text-xs font-semibold border {{ $pillPrio }}">
                                            {{ $prioLabel }}
                                        </span>
                                        <span
                                            class="inline-flex items-center rounded-full px-3 py-1 text-xs font-semibold border {{ $pillUrg }}">
                                            {{ $urgLabel }}
                                        </span>
                                    </div>
                                </td>

                                <td class="py-4 px-5">
                                    <span
                                        class="inline-flex items-center rounded-full px-3 py-1 text-xs font-semibold border {{ $pillStatus }}">
                                        {{ $statusLabel }}
                                    </span>
                                </td>

                                <td class="py-4 px-5 text-rk-slate">
                                    {{ optional($order->created_at)->format('d.m.Y H:i') }}
                                </td>

                                <td class="py-4 px-6 text-right">
                                    <a href="{{ route('orders.show', $order) }}"
                                        class="inline-flex items-center justify-center h-10 w-10 rounded-2xl border border-rk bg-white hover:bg-neutral-50 transition-rk"
                                        title="Öffnen" aria-label="Öffnen">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"
                                            viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                                            stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"
                                            class="text-rk-green">
                                            <path d="M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7z" />
                                            <circle cx="12" cy="12" r="3" />
                                        </svg>
                                    </a>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="6" class="py-10 px-5 text-center text-sm text-rk-slate">
                                    Keine Bestellungen gefunden.
                                </td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>

            {{-- Pagination --}}
            @if (method_exists($orders, 'links'))
                <div class="px-5 py-4 border-t border-rk bg-white">
                    {{ $orders->onEachSide(1)->links() }}
                </div>
            @endif
        </div>
    </div>
</x-layouts.app>