@extends('layouts.app')
@section('title', 'Revisão da Importação de Clientes')
@section('page_title', 'Revisão da Importação Mestre')
@section('content')
<div class="py-6 space-y-5">
    <div class="flex flex-wrap items-center justify-between gap-3">
        <div><h2 class="font-semibold text-gray-900">{{ $importacao->arquivo }}</h2><p class="text-sm text-gray-500">Importação #{{ $importacao->id }} · {{ $importacao->created_at->format('d/m/Y H:i') }}</p></div>
        <div class="flex gap-2">
            <a href="{{ route('admin.clientes.importacao.index') }}" class="px-4 py-2 border rounded-lg text-sm text-gray-700">Voltar</a>
            @if($importacao->status !== 'concluido')
            <form method="POST" action="{{ route('admin.clientes.importacao.confirmar',$importacao) }}" onsubmit="return confirm('Consolidar apenas os clientes identificados com segurança? Registros ambíguos permanecerão como pendência.')">
                @csrf
                <button class="px-4 py-2 rounded-lg text-sm font-semibold text-white bg-green-600 hover:bg-green-700">Confirmar dados seguros</button>
            </form>
            @endif
        </div>
    </div>

    @if(session('success'))<div class="rounded-lg border border-green-200 bg-green-50 text-green-800 px-4 py-3 text-sm">{{ session('success') }}</div>@endif
    @error('importacao')<div class="rounded-lg border border-red-200 bg-red-50 text-red-800 px-4 py-3 text-sm">{{ $message }}</div>@enderror

    <div class="grid grid-cols-2 md:grid-cols-4 xl:grid-cols-8 gap-3">
        @php $cards=[['Linhas',$importacao->total_linhas,''],['CNPJ válidos',$importacao->cnpj_validos,'text-green-700'],['Inválidos',$importacao->cnpj_invalidos,'text-red-700'],['Sem CNPJ',$importacao->sem_cnpj,'text-amber-700'],['Clientes criados',$importacao->clientes_criados,'text-blue-700'],['Atualizados',$importacao->clientes_atualizados,''],['Unidades',$importacao->unidades_criadas,'text-indigo-700'],['Pendências',$importacao->pendencias,'text-amber-700']]; @endphp
        @foreach($cards as [$label,$value,$class])<div class="bg-white border rounded-xl p-3"><div class="text-xs text-gray-500">{{ $label }}</div><div class="text-xl font-bold mt-1 {{ $class }}">{{ number_format($value,0,',','.') }}</div></div>@endforeach
    </div>

    <div class="bg-blue-50 border border-blue-200 rounded-xl px-4 py-3 text-sm text-blue-900">
        <strong>Regra de segurança:</strong> CNPJ informado é convertido para apenas dígitos, preenchido com zeros à esquerda até 14 posições e validado. Sem CNPJ/ inválido só é associado automaticamente quando o nome completo coincide exatamente com um alias já confirmado.
    </div>

    <form method="GET" class="flex flex-wrap gap-2 items-end bg-white border rounded-xl p-4">
        <div><label class="block text-xs text-gray-500 mb-1">Buscar</label><input name="search" value="{{ request('search') }}" class="border rounded-lg px-3 py-2 text-sm" placeholder="Nome, CNPJ ou ID"></div>
        <div><label class="block text-xs text-gray-500 mb-1">Status</label><select name="status" class="border rounded-lg px-3 py-2 text-sm"><option value="">Todos</option>@foreach(['pronto'=>'Pronto','importado'=>'Importado','associado_por_alias'=>'Associado por alias','pendente'=>'Pendente'] as $v=>$l)<option value="{{ $v }}" @selected(request('status')===$v)>{{ $l }}</option>@endforeach</select></div>
        <button class="px-4 py-2 rounded-lg bg-gray-800 text-white text-sm">Filtrar</button>
        @if(request()->query())<a href="{{ route('admin.clientes.importacao.show',$importacao) }}" class="px-4 py-2 rounded-lg bg-gray-100 text-sm">Limpar</a>@endif
    </form>

    <div class="bg-white border rounded-xl overflow-x-auto shadow-sm">
        <table class="min-w-full divide-y divide-gray-200 text-xs">
            <thead class="bg-gray-50 text-gray-500 uppercase"><tr><th class="px-3 py-3 text-right">Linha</th><th class="px-3 py-3 text-left">ID externo</th><th class="px-3 py-3 text-left">Nome da planilha</th><th class="px-3 py-3 text-left">CNPJ original</th><th class="px-3 py-3 text-left">CNPJ normalizado</th><th class="px-3 py-3 text-left">GPS</th><th class="px-3 py-3 text-left">Resultado</th><th class="px-3 py-3 text-left">Cliente</th><th class="px-3 py-3 text-left">Observação</th></tr></thead>
            <tbody class="divide-y divide-gray-100">
            @foreach($linhas as $l)
                <tr class="{{ $l->status==='pendente' ? 'bg-amber-50/40' : '' }}">
                    <td class="px-3 py-2 text-right">{{ $l->linha }}</td><td class="px-3 py-2">{{ $l->referencia_externa ?: '—' }}</td><td class="px-3 py-2 font-medium max-w-xs">{{ $l->razao_social }}</td><td class="px-3 py-2">{{ $l->cnpj_original ?: '—' }}</td><td class="px-3 py-2 font-mono">{{ $l->cnpj_normalizado ?: '—' }} @if($l->cnpj_normalizado)<span class="ml-1 {{ $l->cnpj_valido?'text-green-600':'text-red-600' }}">{{ $l->cnpj_valido?'✓':'✕' }}</span>@endif</td><td class="px-3 py-2">{{ $l->coordenadas_validas ? number_format($l->latitude,6,',','.').' / '.number_format($l->longitude,6,',','.') : '—' }}</td><td class="px-3 py-2"><span class="px-2 py-0.5 rounded-full {{ $l->status==='pendente'?'bg-amber-100 text-amber-800':'bg-green-100 text-green-800' }}">{{ str_replace('_',' ',ucfirst($l->status)) }}</span></td><td class="px-3 py-2">@if($l->cliente)<a class="text-blue-600 hover:underline" href="{{ route('admin.clientes.edit',$l->cliente) }}">{{ $l->cliente->razao_social }}</a>@else—@endif</td><td class="px-3 py-2 text-gray-500 max-w-xs">{{ $l->observacao ?: '—' }}</td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </div>
    {{ $linhas->links() }}
</div>
@endsection