@extends('layouts.app')
@section('title','Importação da Programação')
@section('page_title','Programação Operacional — Importação')
@section('content')
<div class="space-y-6">
    @if(session('success'))<div class="rounded-lg bg-green-50 border border-green-200 px-4 py-3 text-sm text-green-800">{{ session('success') }}</div>@endif
    @if($errors->any())<div class="rounded-lg bg-red-50 border border-red-200 px-4 py-3 text-sm text-red-800">{{ $errors->first() }}</div>@endif

    <div class="bg-white rounded-xl border border-gray-200 p-5">
        <div class="flex flex-col lg:flex-row lg:items-center lg:justify-between gap-4">
            <div>
                <h2 class="font-semibold text-gray-900">Programacao_Operacao_Atual.xlsx</h2>
                <p class="text-sm text-gray-500 mt-1">Lê somente as abas diárias nesta fase, cruza os cadastros e mantém tudo em staging. Nenhuma OS é criada automaticamente.</p>
            </div>
            <form method="POST" action="{{ route('admin.programacao.importar') }}" enctype="multipart/form-data" class="flex flex-wrap items-end gap-2">
                @csrf
                <div><label class="block text-xs font-semibold text-gray-600 mb-1">Arquivo XLSX</label><input type="file" name="arquivo" accept=".xlsx" required class="block text-sm border rounded-lg p-2 bg-white"></div>
                <button class="px-4 py-2 rounded-lg bg-blue-700 text-white text-sm font-semibold hover:bg-blue-800">Ler e cruzar cadastros</button>
            </form>
        </div>
    </div>

    <div class="bg-white rounded-xl border border-gray-200 overflow-hidden">
        <div class="px-5 py-4 border-b"><h3 class="font-semibold text-gray-900">Importações realizadas</h3></div>
        <div class="overflow-x-auto"><table class="min-w-full text-sm">
            <thead class="bg-gray-50 text-xs uppercase text-gray-500"><tr><th class="px-4 py-3 text-left">Arquivo</th><th class="px-4 py-3 text-right">Abas</th><th class="px-4 py-3 text-right">Linhas</th><th class="px-4 py-3 text-right">Prontas</th><th class="px-4 py-3 text-right">Pendentes</th><th class="px-4 py-3 text-left">Status</th><th class="px-4 py-3"></th></tr></thead>
            <tbody class="divide-y">
            @forelse($importacoes as $imp)
                <tr><td class="px-4 py-3 font-medium">{{ $imp->arquivo }}</td><td class="px-4 py-3 text-right">{{ number_format($imp->abas_processadas,0,',','.') }}</td><td class="px-4 py-3 text-right">{{ number_format($imp->total_linhas,0,',','.') }}</td><td class="px-4 py-3 text-right text-green-700 font-semibold">{{ number_format($imp->linhas_prontas,0,',','.') }}</td><td class="px-4 py-3 text-right text-amber-700 font-semibold">{{ number_format($imp->linhas_pendentes,0,',','.') }}</td><td class="px-4 py-3">{{ $imp->status }}</td><td class="px-4 py-3 text-right"><a href="{{ route('admin.programacao.show',$imp) }}" class="text-blue-700 font-semibold">Revisar</a></td></tr>
            @empty<tr><td colspan="7" class="px-4 py-8 text-center text-gray-400">Nenhuma programação processada.</td></tr>@endforelse
            </tbody>
        </table></div>
        <div class="p-4">{{ $importacoes->links() }}</div>
    </div>
</div>
@endsection