@extends('layouts.app')
@section('title', 'Importação Mestre de Clientes')
@section('page_title', 'Importação Mestre de Clientes')
@section('content')
<div class="py-6 space-y-5">
    <div class="bg-white border border-gray-200 rounded-xl p-5 shadow-sm">
        <div class="flex flex-col lg:flex-row lg:items-center lg:justify-between gap-4">
            <div>
                <h2 class="font-semibold text-gray-900">Clientes_MD.xlsx</h2>
                <p class="text-sm text-gray-500 mt-1">A leitura vai para staging. CNPJ é normalizado com zeros à esquerda até 14 dígitos e validado antes da consolidação.</p>
            </div>
            <form method="POST" action="{{ route('admin.clientes.importacao.importar') }}" enctype="multipart/form-data" class="flex flex-wrap items-center gap-2">
                @csrf
                <input type="file" name="arquivo" accept=".xlsx,.xls" required class="text-sm border border-gray-300 rounded-lg px-3 py-2 bg-white">
                <button class="text-white px-4 py-2 rounded-lg text-sm font-semibold" style="background:#F26522;">Ler planilha</button>
            </form>
        </div>
        @error('arquivo')<p class="text-sm text-red-600 mt-3">{{ $message }}</p>@enderror
    </div>

    <div class="bg-white border border-gray-200 rounded-xl overflow-hidden shadow-sm">
        <div class="px-5 py-4 border-b border-gray-100"><h2 class="font-semibold text-gray-800">Importações realizadas</h2></div>
        <table class="min-w-full divide-y divide-gray-200 text-sm">
            <thead class="bg-gray-50 text-xs uppercase text-gray-500"><tr>
                <th class="px-4 py-3 text-left">Data</th><th class="px-4 py-3 text-left">Arquivo</th><th class="px-4 py-3 text-right">Linhas</th><th class="px-4 py-3 text-right">CNPJ válidos</th><th class="px-4 py-3 text-right">Pendências</th><th class="px-4 py-3 text-left">Status</th><th class="px-4 py-3"></th>
            </tr></thead>
            <tbody class="divide-y divide-gray-100">
            @forelse($importacoes as $i)
                <tr><td class="px-4 py-3">{{ $i->created_at->format('d/m/Y H:i') }}</td><td class="px-4 py-3 font-medium">{{ $i->arquivo }}</td><td class="px-4 py-3 text-right">{{ $i->total_linhas }}</td><td class="px-4 py-3 text-right text-green-700">{{ $i->cnpj_validos }}</td><td class="px-4 py-3 text-right {{ $i->pendencias ? 'text-amber-700 font-semibold' : '' }}">{{ $i->pendencias }}</td><td class="px-4 py-3">{{ ucfirst($i->status) }}</td><td class="px-4 py-3 text-right"><a href="{{ route('admin.clientes.importacao.show',$i) }}" class="text-blue-600 hover:underline">Abrir</a></td></tr>
            @empty
                <tr><td colspan="7" class="px-4 py-10 text-center text-gray-400">Nenhuma importação executada.</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
    {{ $importacoes->links() }}
</div>
@endsection