@if (! empty($error))
    <p class="mt-3 text-sm text-red-700">Routeur injoignable : {{ $error }}</p>
@endif
@if ($results)
    @if ($results['too_short'])
        <p class="mt-3 text-sm text-amber-700">Saisissez au moins {{ \App\Services\TicketSearch::MIN_LENGTH }} caractères.</p>
    @else
        @if ($results['tickets'] !== null)
            <x-ui.card :title="'Tickets : '.$results['tickets']['total'].' trouvé(s) pour « '.$search.' »'" subtitle="Codes lus sur le routeur, tickets utilisés qui n'y sont plus et tickets en attente d'envoi." flush class="mt-4">
                @if ($results['tickets']['total'] === 0)
                    <x-ui.empty>Aucun ticket ne correspond à « {{ $search }} ».</x-ui.empty>
                @else
                    <ul class="divide-y divide-slate-100">
                        @foreach ($results['tickets']['rows'] as $t)
                            <li class="px-4 py-3 sm:px-5">
                                <div class="flex items-start justify-between gap-3">
                                    <div class="min-w-0">
                                        <p class="truncate font-semibold tracking-wide text-slate-900">{{ $t['code'] }}</p>
                                        <p class="text-xs text-slate-500">
                                            {{ $t['profile'] }}
                                            @if ($t['reseller']) · {{ $t['reseller'] }}@endif
                                            @if ($t['lot']) · lot {{ $t['lot'] }}@endif
                                            @if ($t['at']) · {{ $t['at']->format('d/m/Y H:i') }}@endif
                                            @if ($t['note']) · {{ $t['note'] }}@endif
                                        </p>
                                        <p class="mt-1 flex flex-wrap gap-1.5 text-xs">
                                            <span class="rounded-full px-2 py-0.5 font-semibold {{ $t['state'] === 'unused' ? 'bg-navy-50 text-navy-800' : 'bg-slate-100 text-slate-600' }}">{{ $t['state_label'] }}</span>
                                            @if ($t['disabled'])<span class="rounded-full bg-amber-50 px-2 py-0.5 font-medium text-amber-800">désactivé</span>@endif
                                        </p>
                                    </div>
                                    @if ($t['on_router'])
                                        <div class="flex shrink-0 items-center gap-1">
                                            <a href="{{ route('tickets.print-codes', ['router' => $router->id, 'code' => $t['code']]) }}" target="_blank" rel="noopener"
                                               class="rounded-lg bg-navy-800 px-3 py-2 text-xs font-semibold text-white hover:bg-navy-700">Imprimer</a>
                                            <a href="{{ route('routers.show', ['router' => $router, 'tab' => 'users', 'q' => $t['code']]) }}"
                                               class="rounded-lg border border-slate-200 px-3 py-2 text-xs font-semibold text-slate-600 hover:bg-slate-50">Voir</a>
                                        </div>
                                    @endif
                                </div>
                            </li>
                        @endforeach
                    </ul>
                    @if ($results['tickets']['total'] > count($results['tickets']['rows']))
                        <p class="border-t border-slate-100 px-4 py-3 text-xs text-slate-500 sm:px-5">{{ count($results['tickets']['rows']) }} premiers résultats affichés : précisez le code pour réduire la liste.</p>
                    @endif
                @endif
            </x-ui.card>
        @endif

        @if ($results['lots'] !== null)
            <x-ui.card :title="'Lots de tickets : '.$results['lots']['total'].' trouvé(s) pour « '.$search.' »'" subtitle="Lots en stock sur le routeur et lots créés par la plateforme (même entièrement utilisés)." flush class="mt-4">
                @if ($results['lots']['total'] === 0)
                    <x-ui.empty>Aucun lot ne correspond à « {{ $search }} ».</x-ui.empty>
                @else
                    <ul class="divide-y divide-slate-100">
                        @foreach ($results['lots']['rows'] as $lot)
                            <li class="px-4 py-3 sm:px-5">
                                <div class="flex items-start justify-between gap-3">
                                    <div class="min-w-0">
                                        <p class="truncate font-semibold tracking-wide text-slate-900">{{ $lot['comment'] }}</p>
                                        <p class="text-xs text-slate-500">
                                            {{ implode(', ', $lot['profiles']) }}
                                            @if ($lot['resellers']) · {{ implode(', ', $lot['resellers']) }}@endif
                                            @if ($lot['date']) · {{ \Carbon\Carbon::parse($lot['date'])->format('d/m/Y') }}@endif
                                            @if ($lot['quantity'] !== null) · {{ $lot['quantity'] }} créé(s)@endif
                                        </p>
                                        <p class="mt-1 flex flex-wrap gap-1.5 text-xs">
                                            @if ($lot['on_router'])
                                                <span class="rounded-full bg-navy-50 px-2 py-0.5 font-semibold text-navy-800">{{ $lot['unused'] }} non utilisé(s)</span>
                                            @else
                                                <span class="rounded-full bg-slate-100 px-2 py-0.5 text-slate-600">plus de ticket non utilisé sur le routeur</span>
                                            @endif
                                            @if ($lot['disabled'])<span class="rounded-full bg-amber-50 px-2 py-0.5 font-medium text-amber-800">{{ $lot['disabled'] }} désactivé(s)</span>@endif
                                            @if (! $lot['platform'])<span class="rounded-full bg-slate-100 px-2 py-0.5 text-slate-500">créé hors plateforme</span>@endif
                                        </p>
                                    </div>
                                    <div class="flex shrink-0 items-center gap-1">
                                        @if ($lot['on_router'] && empty($lot['orphan']))
                                            <a href="{{ route('tickets.print', ['router' => $router->id, 'lot' => $lot['comment']]) }}" target="_blank" rel="noopener"
                                               class="rounded-lg bg-navy-800 px-3 py-2 text-xs font-semibold text-white hover:bg-navy-700">Imprimer</a>
                                            <a href="{{ route('routers.show', ['router' => $router, 'tab' => 'users', 'q' => $lot['comment']]) }}"
                                               class="rounded-lg border border-slate-200 px-3 py-2 text-xs font-semibold text-slate-600 hover:bg-slate-50">Voir les codes</a>
                                        @elseif ($lot['on_router'])
                                            <a href="{{ route('routers.show', ['router' => $router, 'tab' => 'users', 'status' => 'new']) }}"
                                               class="rounded-lg bg-navy-800 px-3 py-2 text-xs font-semibold text-white hover:bg-navy-700">Voir / imprimer</a>
                                        @elseif ($lot['batch_id'])
                                            <a href="{{ route('tickets.batches.show', $lot['batch_id']) }}"
                                               class="rounded-lg border border-slate-200 px-3 py-2 text-xs font-semibold text-slate-600 hover:bg-slate-50">Détail du lot</a>
                                        @endif
                                    </div>
                                </div>
                            </li>
                        @endforeach
                    </ul>
                    @if ($results['lots']['total'] > count($results['lots']['rows']))
                        <p class="border-t border-slate-100 px-4 py-3 text-xs text-slate-500 sm:px-5">{{ count($results['lots']['rows']) }} premiers résultats affichés : précisez la recherche.</p>
                    @endif
                @endif
            </x-ui.card>
        @endif
    @endif
@endif