@extends('layouts.app')
@section('title', 'Detalhe do Histórico de OS')
@section('page_title', 'Detalhe do Histórico de OS')

@section('content')
@php
    $linked = fn($id) => $id
        ? ['label' => 'Vinculado', 'class' => 'bg-green-50 text-green-700 border-green-200']
        : ['label' => 'Sem vínculo', 'class' => 'bg-amber-50 text-amber-700 border-amber-200'];
@endphp

<div class="py-6 max-w-6xl space-y-6">
    @if(session('success'))
        <div class="rounded-lg border border-green-200 bg-green-50 px-4 py-3 text-sm text-green-800">{{ session('success') }}</div>
    @endif
    @if(session('error'))
        <div class="rounded-lg border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-800">{{ session('error') }}</div>
    @endif
    <div class="flex flex-wrap items-center gap-3">
        <a href="{{ url()->previous() }}" class="inline-flex items-center gap-2 px-3 py-2 rounded-lg border border-gray-300 text-sm text-gray-700 hover:bg-gray-50">← Voltar</a>
        <div>
            <h2 class="text-lg font-bold text-gray-900">Registro #{{ $historico->id }}</h2>
            <p class="text-xs text-gray-500">Fonte: {{ $historico->fonte === 'importacao' ? 'Importação XLSX' : 'Sistema' }} · criado em {{ $historico->created_at?->format('d/m/Y H:i') ?? '—' }}</p>
        </div>
    </div>

    <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
        <div class="bg-white rounded-xl border border-gray-200 p-5">
            <p class="text-xs text-gray-500 uppercase tracking-wide">Data do serviço</p>
            <p class="mt-1 text-xl font-bold text-gray-900">{{ $historico->data_servico?->format('d/m/Y') ?? '—' }}</p>
            <p class="text-sm text-gray-500">Hora: {{ $historico->hora_coleta ?: '—' }}</p>
        </div>
        <div class="bg-white rounded-xl border border-gray-200 p-5">
            <p class="text-xs text-gray-500 uppercase tracking-wide">Número da OS</p>
            <p class="mt-1 text-xl font-bold font-mono text-gray-900">{{ $historico->numero_os ?: '—' }}</p>
            <p class="text-sm text-gray-500">Status: {{ $historico->status ?: '—' }}</p>
        </div>
        <div class="bg-white rounded-xl border border-gray-200 p-5">
            <p class="text-xs text-gray-500 uppercase tracking-wide">Origem do registro</p>
            <p class="mt-1 text-xl font-bold text-gray-900">{{ $historico->fonte === 'importacao' ? 'XLSX' : 'Sistema' }}</p>
            <p class="text-sm text-gray-500">OS interna: {{ $historico->ordem_servico_id ?: '—' }}</p>
        </div>
    </div>

    <div class="bg-white rounded-xl border border-gray-200 shadow-sm overflow-hidden">
        <div class="px-6 py-4 border-b border-gray-100 flex items-center gap-3">
            <div class="w-1 h-5 rounded-full" style="background:#F26522;"></div>
            <div><h3 class="text-sm font-bold text-gray-800 uppercase tracking-wide">Conteúdo importado e vínculos cadastrais</h3><p class="text-xs text-gray-500 mt-0.5">O texto é preservado mesmo quando não existe correspondência no cadastro.</p></div>
        </div>
        <div class="divide-y divide-gray-100">
            @foreach([
                ['Cliente', $historico->cliente_nome, $historico->cliente_id, ($historico->cliente?->nome_fantasia ?: $historico->cliente?->razao_social)],
                ['Origem', $historico->origem_texto, $historico->origem_id, $historico->origem?->nome],
                ['Destino', $historico->destino_texto, $historico->destino_id, $historico->destino?->nome],
                ['Motorista', $historico->motorista_nome, $historico->motorista_id, $historico->motorista?->nome],
                ['Cavalo', $historico->cavalo_placa, $historico->veiculo_id, $historico->veiculo?->placa],
                ['Carreta', $historico->carreta_placa, $historico->carreta_id, $historico->carreta?->placa],
            ] as [$label, $texto, $id, $cadastro])
                @php $badge = $linked($id); @endphp
                <div class="px-6 py-4 grid grid-cols-1 md:grid-cols-[140px_1fr_160px_1fr] gap-3 items-start">
                    <div class="text-xs font-semibold text-gray-500 uppercase tracking-wide">{{ $label }}</div>
                    <div><p class="text-sm font-medium text-gray-900 break-words">{{ $texto ?: '—' }}</p><p class="text-xs text-gray-400 mt-0.5">Texto armazenado no histórico</p></div>
                    <div><span class="inline-flex px-2 py-1 rounded-full border text-xs font-semibold {{ $badge['class'] }}">{{ $badge['label'] }}</span>@if($id)<p class="text-[11px] text-gray-400 mt-1">ID {{ $id }}</p>@endif</div>
                    <div><p class="text-sm text-gray-700 break-words">{{ $cadastro ?: '—' }}</p><p class="text-xs text-gray-400 mt-0.5">Valor atual no cadastro</p></div>
                </div>
            @endforeach
        </div>
    </div>

    <div class="bg-white rounded-xl border border-gray-200 shadow-sm overflow-hidden">
        <div class="px-6 py-4 border-b border-gray-100 flex items-center gap-3">
            <div class="w-1 h-5 rounded-full" style="background:#0A1E3D;"></div>
            <div>
                <h3 class="text-sm font-bold text-gray-800 uppercase tracking-wide">Vinculação manual / equivalências</h3>
                <p class="text-xs text-gray-500 mt-0.5">Associe variações do XLSX ao cadastro correto. A regra fica gravada e será usada também nas próximas reimportações.</p>
            </div>
        </div>
        @php
            $camposVinculo = [
                'cliente' => ['label' => 'Cliente', 'texto' => $historico->cliente_nome, 'id' => $historico->cliente_id],
                'origem' => ['label' => 'Origem', 'texto' => $historico->origem_texto, 'id' => $historico->origem_id],
                'destino' => ['label' => 'Destino', 'texto' => $historico->destino_texto, 'id' => $historico->destino_id],
                'motorista' => ['label' => 'Motorista', 'texto' => $historico->motorista_nome, 'id' => $historico->motorista_id],
                'cavalo' => ['label' => 'Cavalo', 'texto' => $historico->cavalo_placa, 'id' => $historico->veiculo_id],
                'carreta' => ['label' => 'Carreta', 'texto' => $historico->carreta_placa, 'id' => $historico->carreta_id],
            ];
        @endphp
        <div class="divide-y divide-gray-100">
            @foreach($camposVinculo as $campo => $meta)
                @if($meta['texto'])
                    @php
                        $sugestao = $sugestoesVinculo[$campo] ?? null;
                        $selecionado = $meta['id'] ?: ($sugestao['id'] ?? null);
                    @endphp
                    <form method="POST" action="{{ route('admin.historico.vincular', $historico) }}" class="px-6 py-4 grid grid-cols-1 lg:grid-cols-[130px_1fr_1.3fr_auto] gap-3 items-end">
                        @csrf
                        <input type="hidden" name="campo" value="{{ $campo }}">
                        <div>
                            <p class="text-xs font-semibold text-gray-500 uppercase tracking-wide">{{ $meta['label'] }}</p>
                            <p class="text-sm font-medium text-gray-900 mt-1 break-words">{{ $meta['texto'] }}</p>
                        </div>
                        <div>
                            <label class="block text-xs font-medium text-gray-600 mb-1">Vincular ao cadastro</label>
                            <select name="entidade_id" required class="w-full rounded-lg border-gray-300 text-sm focus:border-orange-500 focus:ring-orange-500">
                                <option value="">Selecione...</option>
                                @foreach($opcoesVinculo[$campo] ?? [] as $opcao)
                                    <option value="{{ $opcao['id'] }}" @selected((int)$selecionado === (int)$opcao['id'])>{{ $opcao['label'] }}</option>
                                @endforeach
                            </select>
                            @if($sugestao && !$meta['id'])
                                <p class="text-[11px] text-blue-700 mt-1">Sugestão por normalização: <strong>{{ $sugestao['label'] }}</strong></p>
                            @elseif($meta['id'])
                                <p class="text-[11px] text-green-700 mt-1">Já vinculado. Você pode corrigir o vínculo selecionando outro cadastro.</p>
                            @endif
                        </div>
                        <label class="inline-flex items-center gap-2 text-xs text-gray-600 pb-2">
                            <input type="hidden" name="aplicar_equivalentes" value="0">
                            <input type="checkbox" name="aplicar_equivalentes" value="1" checked class="rounded border-gray-300 text-orange-600 focus:ring-orange-500">
                            Aplicar a todos os valores equivalentes já importados
                        </label>
                        <button type="submit" class="px-4 py-2.5 rounded-lg text-white text-sm font-semibold hover:opacity-90" style="background:#0A1E3D;">Salvar vínculo</button>
                    </form>
                @endif
            @endforeach
        </div>
        <div class="px-6 py-3 bg-gray-50 border-t border-gray-100 text-xs text-gray-500">
            A equivalência ignora diferenças de maiúsculas/minúsculas, acentos, espaços e pontuação. Ex.: <strong>VTS-RDO</strong> e <strong>VTS RDO</strong> são tratados como a mesma chave de equivalência.
        </div>
    </div>

    <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
        <div class="bg-white rounded-xl border border-gray-200 shadow-sm overflow-hidden">
            <div class="px-6 py-4 border-b border-gray-100"><h3 class="text-sm font-bold text-gray-800 uppercase tracking-wide">Dados operacionais</h3></div>
            <dl class="divide-y divide-gray-100 text-sm">
                @foreach([
                    'Tipo de veículo solicitado' => $historico->tipo_veiculo_solicitado,
                    'Status' => $historico->status,
                    'Fonte' => $historico->fonte,
                    'Data do serviço' => $historico->data_servico?->format('d/m/Y'),
                    'Hora da coleta' => $historico->hora_coleta,
                    'Número da OS' => $historico->numero_os,
                ] as $label => $value)
                    <div class="px-6 py-3 grid grid-cols-2 gap-4"><dt class="text-gray-500">{{ $label }}</dt><dd class="text-gray-900 font-medium break-words">{{ $value ?: '—' }}</dd></div>
                @endforeach
            </dl>
        </div>

        <div class="bg-white rounded-xl border border-gray-200 shadow-sm overflow-hidden">
            <div class="px-6 py-4 border-b border-gray-100"><h3 class="text-sm font-bold text-gray-800 uppercase tracking-wide">Rastreabilidade técnica</h3></div>
            <dl class="divide-y divide-gray-100 text-sm">
                @foreach([
                    'ID histórico' => $historico->id,
                    'ordem_servico_id' => $historico->ordem_servico_id,
                    'cliente_id' => $historico->cliente_id,
                    'origem_id' => $historico->origem_id,
                    'destino_id' => $historico->destino_id,
                    'veiculo_id' => $historico->veiculo_id,
                    'carreta_id' => $historico->carreta_id,
                    'motorista_id' => $historico->motorista_id,
                ] as $label => $value)
                    <div class="px-6 py-3 grid grid-cols-2 gap-4"><dt class="font-mono text-gray-500">{{ $label }}</dt><dd class="font-mono text-gray-900">{{ $value ?: '—' }}</dd></div>
                @endforeach
            </dl>
        </div>
    </div>
</div>
@endsection