@extends('layouts.app')
@section('title', 'Agenda Operacional')
@section('page_title', 'Agenda Operacional')

@section('content')
@php
    $preservar = request()->except(['data', 'modo']);
    $weekday = [1 => 'Segunda-feira', 2 => 'Terça-feira', 3 => 'Quarta-feira', 4 => 'Quinta-feira', 5 => 'Sexta-feira', 6 => 'Sábado', 7 => 'Domingo'];
    $statusClasses = [
        'programado' => 'bg-blue-100 text-blue-800 border-blue-200',
        'em_execucao' => 'bg-indigo-100 text-indigo-800 border-indigo-200',
        'concluido' => 'bg-emerald-100 text-emerald-800 border-emerald-200',
        'cancelado' => 'bg-red-100 text-red-700 border-red-200',
        'negado' => 'bg-orange-100 text-orange-700 border-orange-200',
    ];
@endphp
<div class="py-6 space-y-5">
    <div class="bg-white rounded-xl border border-gray-200 shadow-sm p-4">
        <div class="flex flex-col xl:flex-row xl:items-center justify-between gap-4">
            <div class="flex flex-wrap items-center gap-2">
                <a href="{{ route('operador.agenda.index', array_merge($preservar, ['modo'=>$modo, 'data'=>$passoAnterior->toDateString()])) }}" class="h-10 w-10 inline-flex items-center justify-center rounded-lg border border-gray-300 text-gray-700 hover:bg-gray-50">←</a>
                <a href="{{ route('operador.agenda.index', array_merge($preservar, ['modo'=>$modo, 'data'=>now()->toDateString()])) }}" class="h-10 px-4 inline-flex items-center rounded-lg border border-gray-300 text-sm font-medium text-gray-700 hover:bg-gray-50">Hoje</a>
                <a href="{{ route('operador.agenda.index', array_merge($preservar, ['modo'=>$modo, 'data'=>$passoProximo->toDateString()])) }}" class="h-10 w-10 inline-flex items-center justify-center rounded-lg border border-gray-300 text-gray-700 hover:bg-gray-50">→</a>
                <div class="ml-1">
                    <div class="font-semibold text-gray-900">{{ $modo === 'dia' ? $inicio->format('d/m/Y') : $inicio->format('d/m').' — '.$fim->format('d/m/Y') }}</div>
                    <div class="text-xs text-gray-500">{{ $resumo['total'] }} operação(ões) · {{ $fontes[$fonte] }}</div>
                </div>
            </div>
            <div class="inline-flex rounded-lg border border-gray-300 overflow-hidden self-start xl:self-auto">
                <a href="{{ route('operador.agenda.index', array_merge($preservar, ['modo'=>'dia', 'data'=>$data->toDateString()])) }}" class="px-4 py-2 text-sm font-medium {{ $modo==='dia' ? 'text-white' : 'text-gray-700 bg-white hover:bg-gray-50' }}" @if($modo==='dia') style="background:#0A1E3D" @endif>Dia</a>
                <a href="{{ route('operador.agenda.index', array_merge($preservar, ['modo'=>'semana', 'data'=>$data->toDateString()])) }}" class="px-4 py-2 text-sm font-medium border-l border-gray-300 {{ $modo==='semana' ? 'text-white' : 'text-gray-700 bg-white hover:bg-gray-50' }}" @if($modo==='semana') style="background:#0A1E3D" @endif>Semana</a>
            </div>
        </div>
    </div>

    <div class="grid grid-cols-2 md:grid-cols-4 xl:grid-cols-8 gap-3">
        @foreach([
            ['Sistema', $resumo['sistema'], 'border-slate-200'],
            ['Importados', $resumo['importados'], 'border-violet-200'],
            ['Programadas', $resumo['programadas'], 'border-blue-200'],
            ['Em execução', $resumo['em_execucao'], 'border-indigo-200'],
            ['Concluídas', $resumo['concluidas'], 'border-emerald-200'],
            ['Postergadas', $resumo['postergadas'], 'border-amber-200'],
            ['Conflitos', $resumo['criticos'], 'border-red-300'],
            ['Atenções', $resumo['atencoes'] + $resumo['sem_motorista'] + $resumo['sem_cavalo'], 'border-orange-200'],
        ] as [$label,$valor,$border])
        <div class="bg-white rounded-xl border {{ $border }} shadow-sm p-4"><div class="text-2xl font-bold text-gray-900">{{ $valor }}</div><div class="text-xs text-gray-500 mt-1">{{ $label }}</div></div>
        @endforeach
    </div>

    <div class="bg-white rounded-xl border border-gray-200 shadow-sm p-4">
        <form method="GET" action="{{ route('operador.agenda.index') }}" class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 xl:grid-cols-8 gap-3 items-end">
            <input type="hidden" name="modo" value="{{ $modo }}">
            <div><label class="block text-xs text-gray-500 mb-1">Data de referência</label><input type="date" name="data" value="{{ $data->toDateString() }}" class="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm"></div>
            <div><label class="block text-xs text-gray-500 mb-1">Base de dados</label><select name="fonte" class="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm">@foreach($fontes as $key=>$label)<option value="{{ $key }}" @selected($fonte===$key)>{{ $label }}</option>@endforeach</select></div>
            <div><label class="block text-xs text-gray-500 mb-1">Status</label><select name="status" class="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm"><option value="">Todos</option>@foreach($statusList as $key=>$info)<option value="{{ $key }}" @selected(request('status')===$key)>{{ $info['label'] }}</option>@endforeach</select></div>
            <div><label class="block text-xs text-gray-500 mb-1">Motorista</label><select name="motorista_id" class="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm"><option value="">Todos</option>@foreach($motoristas as $m)<option value="{{ $m->id }}" @selected((string)request('motorista_id')===(string)$m->id)>{{ $m->nome }}</option>@endforeach</select></div>
            <div><label class="block text-xs text-gray-500 mb-1">Cavalo</label><select name="veiculo_id" class="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm"><option value="">Todos</option>@foreach($cavalos as $v)<option value="{{ $v->id }}" @selected((string)request('veiculo_id')===(string)$v->id)>{{ $v->placa }}</option>@endforeach</select></div>
            <div><label class="block text-xs text-gray-500 mb-1">Carreta</label><select name="carreta_id" class="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm"><option value="">Todas</option>@foreach($carretas as $v)<option value="{{ $v->id }}" @selected((string)request('carreta_id')===(string)$v->id)>{{ $v->placa }}</option>@endforeach</select></div>
            <div><label class="block text-xs text-gray-500 mb-1">Cliente</label><select name="cliente" class="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm"><option value="">Todos</option>@foreach($clientes as $cliente)<option value="{{ $cliente }}" @selected(request('cliente')===$cliente)>{{ $cliente }}</option>@endforeach</select></div>
            <div><label class="block text-xs text-gray-500 mb-1">Busca</label><input name="busca" value="{{ request('busca') }}" placeholder="OS, rota, placa..." class="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm"></div>
            <div class="sm:col-span-2 lg:col-span-4 xl:col-span-8 flex flex-wrap items-center gap-2 pt-1">
                <button class="px-4 py-2 rounded-lg text-white text-sm font-semibold" style="background:#F26522">Aplicar filtros</button>
                <a href="{{ route('operador.agenda.index', ['modo'=>$modo,'data'=>$data->toDateString(),'fonte'=>$fonte]) }}" class="px-4 py-2 rounded-lg border border-gray-300 text-sm text-gray-700 hover:bg-gray-50">Limpar filtros</a>
                <label class="inline-flex items-center gap-2 text-sm text-gray-600"><input type="checkbox" name="somente_conflitos" value="1" @checked(request()->boolean('somente_conflitos'))> Somente conflitos/atenções</label>
                <a href="{{ route('operador.agenda-historica.index') }}" class="ml-auto px-4 py-2 rounded-lg border border-gray-300 text-sm text-gray-700 hover:bg-gray-50">Abrir Agenda Histórica</a>
            </div>
        </form>
    </div>

    @if($resumo['sem_motorista'] || $resumo['sem_cavalo'] || $resumo['criticos'])
    <div class="rounded-xl border border-orange-200 bg-orange-50 px-4 py-3 text-sm text-orange-900 flex flex-wrap gap-x-6 gap-y-1">
        @if($resumo['criticos'])<span><strong>{{ $resumo['criticos'] }}</strong> operação(ões) com conflito crítico.</span>@endif
        @if($resumo['sem_motorista'])<span><strong>{{ $resumo['sem_motorista'] }}</strong> operação(ões) ativa(s) sem motorista.</span>@endif
        @if($resumo['sem_cavalo'])<span><strong>{{ $resumo['sem_cavalo'] }}</strong> operação(ões) ativa(s) sem cavalo.</span>@endif
    </div>
    @endif

    <div class="space-y-4">
        @foreach($dias as $dia)
        @php $lista = $itensPorDia[$dia->toDateString()] ?? collect(); $hoje = $dia->isToday(); @endphp
        <section class="bg-white rounded-xl border {{ $hoje ? 'border-orange-300' : 'border-gray-200' }} shadow-sm overflow-hidden">
            <div class="px-4 py-3 border-b border-gray-100 flex flex-wrap items-center justify-between gap-2 {{ $hoje ? 'bg-orange-50' : 'bg-gray-50' }}">
                <div><span class="font-semibold text-gray-900">{{ $weekday[$dia->dayOfWeekIso] ?? '' }}, {{ $dia->format('d/m') }}</span>@if($hoje)<span class="ml-2 text-xs font-semibold px-2 py-0.5 rounded-full text-white" style="background:#F26522">Hoje</span>@endif</div>
                <div class="text-xs text-gray-500">{{ $lista->count() }} operação(ões)</div>
            </div>
            @if($lista->isEmpty())
                <div class="px-5 py-7 text-sm text-gray-400">Nenhuma operação encontrada para este dia.</div>
            @else
            <div class="divide-y divide-gray-100">
                @foreach($lista as $item)
                @php $conflito=$item->agenda_conflito_nivel; $border=$conflito==='critico'?'border-l-red-500':($conflito==='atencao'?'border-l-orange-400':'border-l-transparent'); @endphp
                <article class="border-l-4 {{ $border }} px-4 py-3 hover:bg-gray-50 transition">
                    <div class="grid grid-cols-1 xl:grid-cols-[105px_1fr_220px_180px] gap-3 xl:items-center">
                        <div><div class="text-lg font-bold text-gray-900">{{ $item->hora_coleta ?: '—:—' }}</div><div class="font-mono text-[11px] text-gray-500">{{ $item->numero_os ?: 'Sem nº OS' }}</div><span class="mt-1 inline-flex px-2 py-0.5 rounded-full text-[10px] font-semibold {{ $item->fonte==='sistema' ? 'bg-slate-100 text-slate-700' : 'bg-violet-100 text-violet-700' }}">{{ $item->fonte_label }}</span></div>
                        <div class="min-w-0">
                            <div class="flex flex-wrap items-center gap-2 mb-1"><span class="text-sm font-semibold text-gray-900">{{ $item->cliente ?: 'Cliente não informado' }}</span><span class="inline-flex px-2 py-0.5 rounded-full border text-[11px] font-semibold {{ $statusClasses[$item->status] ?? 'bg-gray-100 text-gray-700 border-gray-200' }}">{{ $item->status_label }}</span>@if($item->postergado)<span class="inline-flex px-2 py-0.5 rounded-full bg-amber-100 text-amber-800 text-[11px] font-semibold">Postergado</span>@endif</div>
                            <div class="text-sm text-gray-700 font-medium">{{ $item->origem ?: '—' }} <span class="text-gray-400">→</span> {{ $item->destino ?: '—' }}</div>
                            <div class="mt-1 text-xs text-gray-500 flex flex-wrap gap-x-4 gap-y-1">@if($item->sonda)<span>Sonda: <strong class="text-gray-700">{{ $item->sonda }}</strong></span>@endif @if($item->tipo_veiculo)<span>Tipo: <strong class="text-gray-700">{{ $item->tipo_veiculo }}</strong></span>@endif</div>
                            @if($conflito)<div class="mt-2 text-xs {{ $conflito==='critico' ? 'text-red-700' : 'text-orange-700' }}">@foreach($item->agenda_conflito_motivos as $motivo)<div>⚠ {{ $motivo }}</div>@endforeach</div>@endif
                        </div>
                        <div class="text-xs space-y-1 text-gray-600"><div><span class="text-gray-400 inline-block w-16">Motorista</span> <strong class="text-gray-800">{{ $item->motorista ?: 'Não alocado' }}</strong></div><div><span class="text-gray-400 inline-block w-16">Cavalo</span> <strong class="text-gray-800">{{ $item->cavalo ?: 'Não alocado' }}</strong></div><div><span class="text-gray-400 inline-block w-16">Carreta</span> <strong class="text-gray-800">{{ $item->carreta ?: '—' }}</strong></div></div>
                        <div class="flex xl:justify-end gap-2">
                            @if($item->fonte==='sistema' && $item->os_id)<a href="{{ route('operador.ordens.show', $item->os_id) }}" class="inline-flex items-center justify-center px-3 py-2 rounded-lg text-white text-xs font-semibold" style="background:#0A1E3D">Abrir OS</a>
                            @elseif($item->fonte==='importados' && auth()->user()->hasRole('superadmin'))<a href="{{ route('admin.historico.show', $item->historico_id) }}" class="inline-flex items-center justify-center px-3 py-2 rounded-lg border border-gray-300 text-gray-700 text-xs font-semibold">Auditar</a>@endif
                        </div>
                    </div>
                </article>
                @endforeach
            </div>
            @endif
        </section>
        @endforeach
    </div>

    <div class="grid grid-cols-1 lg:grid-cols-2 gap-4">
        @foreach([['Motoristas mais alocados',$ocupacao['motoristas']],['Cavalos mais alocados',$ocupacao['cavalos']]] as [$titulo,$dados])
        <div class="bg-white rounded-xl border border-gray-200 shadow-sm overflow-hidden"><div class="px-4 py-3 border-b border-gray-100 font-semibold text-sm text-gray-800">{{ $titulo }}</div><div class="divide-y divide-gray-100">@forelse($dados as $item)<div class="px-4 py-2.5 flex items-center justify-between gap-4 text-sm"><span class="font-medium text-gray-700 truncate">{{ $item['label'] }}</span><span class="text-xs text-gray-500 whitespace-nowrap"><strong class="text-gray-900">{{ $item['total'] }}</strong> operações · {{ $item['dias'] }} dia(s)</span></div>@empty<div class="px-4 py-5 text-sm text-gray-400">Sem alocações no período.</div>@endforelse</div></div>
        @endforeach
    </div>

    <div class="text-xs text-gray-400 px-1">Em “Ambos”, os conflitos são avaliados em conjunto entre OS do Sistema e registros Importados. Conflito crítico = mesmo motorista, cavalo ou carreta em mais de uma operação ativa no mesmo dia e horário. Atenção = recurso repetido no mesmo dia em horários diferentes.</div>
</div>
@endsection