@extends('layouts.app')
@section('title', 'Solicitações — Operador')
@section('page_title', 'Painel do Operador — Solicitações de Transporte')

@section('content')
<div class="py-6 space-y-5">

    {{-- Resumo / atalhos rápidos --}}
    <div class="grid grid-cols-2 md:grid-cols-3 xl:grid-cols-6 gap-3">
        <a href="{{ route('operador.solicitacoes.index') }}"
           class="bg-white rounded-xl border border-gray-200 shadow-sm px-4 py-3 hover:shadow-md transition">
            <p class="text-2xl font-bold text-gray-800">{{ $contadores['total'] }}</p>
            <p class="text-xs text-gray-500 font-medium">Todas</p>
        </a>
        <a href="{{ route('operador.solicitacoes.index', ['status'=>'enviada']) }}"
           class="bg-white rounded-xl border border-blue-200 shadow-sm px-4 py-3 hover:shadow-md transition">
            <p class="text-2xl font-bold text-blue-700">{{ $contadores['enviadas'] }}</p>
            <p class="text-xs text-gray-500 font-medium">Aguardando análise</p>
        </a>
        <a href="{{ route('operador.solicitacoes.index', ['status'=>'em_analise']) }}"
           class="bg-white rounded-xl border border-yellow-200 shadow-sm px-4 py-3 hover:shadow-md transition">
            <p class="text-2xl font-bold text-yellow-700">{{ $contadores['em_analise'] }}</p>
            <p class="text-xs text-gray-500 font-medium">Em análise</p>
        </a>
        <a href="{{ route('operador.solicitacoes.index', ['status'=>'aprovada']) }}"
           class="bg-white rounded-xl border border-green-200 shadow-sm px-4 py-3 hover:shadow-md transition">
            <p class="text-2xl font-bold text-green-700">{{ $contadores['aprovadas'] }}</p>
            <p class="text-xs text-gray-500 font-medium">Aprovadas</p>
        </a>
        <a href="{{ route('operador.solicitacoes.index', ['status'=>'rejeitada']) }}"
           class="bg-white rounded-xl border border-red-200 shadow-sm px-4 py-3 hover:shadow-md transition">
            <p class="text-2xl font-bold text-red-700">{{ $contadores['rejeitadas'] }}</p>
            <p class="text-xs text-gray-500 font-medium">Rejeitadas</p>
        </a>
        <a href="{{ route('operador.solicitacoes.index', ['status'=>'cancelada']) }}"
           class="bg-white rounded-xl border border-gray-300 shadow-sm px-4 py-3 hover:shadow-md transition">
            <p class="text-2xl font-bold text-gray-700">{{ $contadores['canceladas'] }}</p>
            <p class="text-xs text-gray-500 font-medium">Canceladas</p>
        </a>
    </div>

    {{-- Filtros + botão Nova --}}
    <div class="flex items-center justify-between gap-3 flex-wrap">
        <form class="flex gap-2 flex-wrap" method="GET"
              x-data x-on:change="$el.submit()">
            <input type="text" name="search" value="{{ request('search') }}" placeholder="Nº, pedido/OS, assunto ou cliente..."
                   class="border border-gray-300 rounded-lg px-4 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-orange-400 w-64"
                   x-on:keydown.enter="$el.closest('form').submit()">
            <select name="status" class="border border-gray-300 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-orange-400">
                <option value="">Todos os status</option>
                <option value="rascunho" {{ request('status') === 'rascunho' ? 'selected' : '' }}>Rascunho</option>
                <option value="enviada" {{ request('status') === 'enviada' ? 'selected' : '' }}>Enviada</option>
                <option value="em_analise" {{ request('status') === 'em_analise' ? 'selected' : '' }}>Em Análise</option>
                <option value="aprovada" {{ request('status') === 'aprovada' ? 'selected' : '' }}>Aprovada</option>
                <option value="em_execucao" {{ request('status') === 'em_execucao' ? 'selected' : '' }}>Em Execução</option>
                <option value="concluida" {{ request('status') === 'concluida' ? 'selected' : '' }}>Concluída</option>
                <option value="rejeitada" {{ request('status') === 'rejeitada' ? 'selected' : '' }}>Rejeitada</option>
                <option value="cancelada" {{ request('status') === 'cancelada' ? 'selected' : '' }}>Cancelada</option>
            </select>
            <input type="date" name="data_de" value="{{ request('data_de') }}"
                   class="border border-gray-300 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-orange-400">
            <input type="date" name="data_ate" value="{{ request('data_ate') }}"
                   class="border border-gray-300 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-orange-400">
            @if(request()->hasAny(['search','status','data_de','data_ate']))
                <a href="{{ route('operador.solicitacoes.index') }}" class="bg-gray-200 text-gray-700 px-4 py-2 rounded-lg text-sm hover:bg-gray-300 transition">Limpar</a>
            @endif
        </form>

        <a href="{{ route('operador.solicitacoes.nova') }}"
           class="inline-flex items-center gap-2 text-white px-4 py-2 rounded-lg text-sm font-medium transition shrink-0"
           style="background:#F26522;" onmouseover="this.style.opacity='.88'" onmouseout="this.style.opacity='1'">
            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"/>
            </svg>
            Nova Solicitação
        </a>
    </div>

    {{-- Tabela --}}
    <div class="bg-white rounded-xl shadow-sm border border-gray-200 overflow-hidden">
        <table class="min-w-full divide-y divide-gray-200 text-sm">
            <thead class="bg-gray-50">
                <tr>
                    <x-th-sort column="numero_solicitacao" label="Número"      :sort="$sort" :dir="$dir" />
                    <x-th-sort column="cliente_nome"       label="Cliente"     :sort="$sort" :dir="$dir" />
                    <x-th-sort column="assunto"            label="Assunto"     :sort="$sort" :dir="$dir" />
                    <th class="px-4 py-3 text-center text-xs font-semibold text-gray-500 uppercase">Itens</th>
                    <th class="px-4 py-3 text-left text-xs font-semibold text-gray-500 uppercase">Solicitado para</th>
                    <x-th-sort column="created_at"         label="Recebido em" :sort="$sort" :dir="$dir" />
                    <x-th-sort column="operador_nome"      label="Operador"    :sort="$sort" :dir="$dir" />
                    <x-th-sort column="status"             label="Status"      :sort="$sort" :dir="$dir" />
                    <th class="px-4 py-3 text-right text-xs font-semibold text-gray-500 uppercase">Ações</th>
                </tr>
            </thead>
            <tbody class="bg-white divide-y divide-gray-100">
                @forelse($solicitacoes as $sol)
                @php
                    $sc = $sol->statusColor();
                    $colorMap = ['gray'=>'bg-gray-100 text-gray-700','blue'=>'bg-blue-100 text-blue-700','yellow'=>'bg-yellow-100 text-yellow-700','green'=>'bg-green-100 text-green-800','indigo'=>'bg-indigo-100 text-indigo-800','teal'=>'bg-teal-100 text-teal-800','red'=>'bg-red-100 text-red-700'];
                    $badgeClass = $colorMap[$sc] ?? 'bg-gray-100 text-gray-700';
                    $itensComData = $sol->itens->filter(fn($i) => $i->data_coleta)->sortBy(function($i) {
                        return $i->data_coleta->format('Y-m-d') . ' ' . ($i->hora_coleta ? substr((string)$i->hora_coleta, 0, 5) : '99:99');
                    });
                    $primeiraColeta = $itensComData->first();
                    $horariosDistintos = $itensComData->map(fn($i) => $i->data_coleta->format('Y-m-d') . ' ' . ($i->hora_coleta ? substr((string)$i->hora_coleta, 0, 5) : ''))->unique()->count();
                    $agendaConflito = $conflitosLista[$sol->id] ?? null;
                    $temConflitoSistema = $agendaConflito && ($agendaConflito['sistema'] ?? 0) > 0;
                @endphp
                <tr class="hover:bg-gray-50 transition {{ $temConflitoSistema ? 'bg-red-50/50' : ($sol->status === 'enviada' ? 'bg-blue-50/40' : '') }}">
                    <td class="px-4 py-3"><div class="font-mono font-semibold text-gray-800">{{ $sol->numero_solicitacao }}</div>@if($sol->pedido_cliente)<div class="text-[11px] text-blue-600 mt-0.5" title="Pedido / OS do Cliente">Pedido: {{ $sol->pedido_cliente }}</div>@endif</td>
                    <td class="px-4 py-3 text-gray-700 font-medium">{{ $sol->cliente?->nome_fantasia ?? $sol->cliente?->razao_social ?? '—' }}</td>
                    <td class="px-4 py-3 text-gray-500 max-w-xs truncate" title="{{ $sol->assunto }}">{{ $sol->assunto ?? '—' }}</td>
                    <td class="px-4 py-3 text-center text-gray-600 font-medium">{{ $sol->itens->count() }}</td>
                    <td class="px-4 py-3 whitespace-nowrap">
                        @if($primeiraColeta)
                            <div class="font-semibold text-gray-800">{{ $primeiraColeta->data_coleta->format('d/m/Y') }}</div>
                            <div class="text-xs text-gray-500">
                                {{ $primeiraColeta->hora_coleta ? substr((string)$primeiraColeta->hora_coleta, 0, 5) : 'Sem horário' }}
                                @if($horariosDistintos > 1)
                                    <span class="ml-1 text-amber-700 font-medium" title="Esta solicitação possui itens em datas/horários diferentes">+{{ $horariosDistintos - 1 }} horário(s)</span>
                                @endif
                            </div>
                            @if($agendaConflito)
                                <div class="mt-1">
                                    <span class="inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[10px] font-bold {{ $temConflitoSistema ? 'bg-red-100 text-red-700' : 'bg-amber-100 text-amber-800' }}"
                                          title="{{ ($agendaConflito['sistema'] ?? 0) }} ocorrência(s) do Sistema/OS e {{ ($agendaConflito['importados'] ?? 0) }} importada(s) no mesmo dia e horário">
                                        {{ $temConflitoSistema ? '⛔' : '⚠' }} {{ $agendaConflito['total'] }} coincidência(s)
                                    </span>
                                    <div class="mt-0.5 text-[10px] {{ $temConflitoSistema ? 'text-red-600' : 'text-amber-700' }}">
                                        @if(($agendaConflito['sistema'] ?? 0) > 0) Sistema/OS: {{ $agendaConflito['sistema'] }} @endif
                                        @if(($agendaConflito['sistema'] ?? 0) > 0 && ($agendaConflito['importados'] ?? 0) > 0) · @endif
                                        @if(($agendaConflito['importados'] ?? 0) > 0) Importados: {{ $agendaConflito['importados'] }} @endif
                                    </div>
                                </div>
                            @endif
                        @else
                            <span class="text-gray-400">—</span>
                        @endif
                    </td>
                    <td class="px-4 py-3 text-gray-500">{{ $sol->created_at->format('d/m/Y H:i') }}</td>
                    <td class="px-4 py-3 text-gray-500 text-xs">{{ $sol->operador?->name ?? '—' }}</td>
                    <td class="px-4 py-3">
                        <span class="inline-flex px-2 py-0.5 rounded-full text-xs font-medium {{ $badgeClass }}">
                            {{ $sol->statusLabel() }}
                        </span>
                        @if($sol->status === 'cancelada' && filled($sol->justificativa_rejeicao))
                            <p class="mt-1 text-[11px] text-red-600 max-w-56 truncate" title="{{ $sol->justificativa_rejeicao }}">
                                {{ $sol->justificativa_rejeicao }}
                            </p>
                        @endif
                    </td>
                    <td class="px-4 py-3 text-right">
                        <div class="flex items-center justify-end gap-2">
                            <a href="{{ route('operador.solicitacoes.show', $sol) }}"
                               class="inline-flex items-center px-3 py-1 rounded-md bg-gray-500 text-white hover:bg-gray-600 text-xs font-medium transition">Abrir</a>
                            @if(!in_array($sol->status, ['concluida','cancelada']))
                                <a href="{{ route('operador.solicitacoes.edit', $sol) }}"
                                   class="inline-flex items-center px-3 py-1 rounded-md border border-blue-500 text-blue-700 hover:bg-blue-50 text-xs font-medium transition">Editar</a>
                            @endif
                            @if($sol->status === 'enviada' && !$sol->operador_id)
                                <form method="POST" action="{{ route('operador.solicitacoes.assumir', $sol) }}">
                                    @csrf @method('PATCH')
                                    <button type="submit"
                                            class="inline-flex items-center px-3 py-1 rounded-md bg-yellow-500 text-white hover:bg-yellow-600 text-xs font-medium transition">Assumir</button>
                                </form>
                            @endif
                        </div>
                    </td>
                </tr>
                @empty
                <tr><td colspan="9" class="px-6 py-16 text-center text-gray-400 text-sm">Nenhuma solicitação encontrada.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    <div>{{ $solicitacoes->links() }}</div>
</div>
@endsection