@extends('layouts.app')
@section('title', 'Fichier Finess')
@section('page-title', 'Fichier Finess — Établissements')

@push('styles')
<style>
    .finess-page { display: flex; flex-direction: column; gap: 16px; }
    .finess-toolbar { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
    .finess-toolbar input[type=text] { flex: 1; min-width: 220px; padding: 8px 14px; border: 1.5px solid #C0CCEC; border-radius: 10px; font-size: 13px; }
    .finess-table-wrap { background: #fff; border-radius: 14px; border: 1.5px solid #E0E6F0; overflow: hidden; }
    .finess-table { width: 100%; border-collapse: collapse; font-size: 12px; }
    .finess-table th { background: #1A2340; color: #F5C518; padding: 10px 12px; text-align: left; font-weight: 700; white-space: nowrap; }
    .finess-table td { padding: 8px 12px; border-bottom: 1px solid #F0F4FF; color: #2D3A5A; }
    .finess-table tr:last-child td { border-bottom: none; }
    .finess-table tr:hover td { background: #F7F9FF; }
    .finess-count { font-size: 12px; color: #6B7A9A; }
    .btn-import { background: #1A2340; color: #F5C518; border: none; border-radius: 10px; padding: 8px 18px; font-size: 13px; font-weight: 700; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; }
    .btn-import:hover { background: #253260; }
</style>
@endpush

@section('content')
<div class="finess-page">

    <div class="finess-toolbar">
        <form method="GET" action="{{ route('admin.finess.index') }}" style="display:contents">
            <input type="text" name="q" value="{{ $q }}" placeholder="Filtrer par commune, établissement, code Finess…" autocomplete="off">
            <button type="submit" class="btn-import">🔍 Filtrer</button>
        </form>
        <a href="{{ route('admin.finess.import.form') }}" class="btn-import">📂 Importer CSV</a>
        <span class="finess-count">{{ $finess->total() }} enregistrements</span>
    </div>

    @if(session('success'))
        <div style="background:#E8F5E9;border:1.5px solid #A5D6A7;border-radius:10px;padding:12px 18px;color:#2E7D32;font-size:13px;">
            {{ session('success') }}
        </div>
    @endif

    <div class="finess-table-wrap">
        <table class="finess-table">
            <thead>
                <tr>
                    <th>Dép.</th>
                    <th>Établissement</th>
                    <th>Code INSEE</th>
                    <th>Commune</th>
                    <th>Code Finess Géo</th>
                </tr>
            </thead>
            <tbody>
                @forelse($finess as $row)
                <tr>
                    <td>{{ $row->fin_dep_code }}</td>
                    <td>{{ $row->fin_libelle_etablissement }}</td>
                    <td>{{ $row->fin_code_insee }}</td>
                    <td>{{ $row->fin_commune }}</td>
                    <td>{{ $row->fin_finess_geo }}</td>
                </tr>
                @empty
                <tr><td colspan="5" style="text-align:center;color:#9AA5BE;padding:24px">Aucun enregistrement. Importez un fichier CSV.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>

    @if($finess->hasPages())
    <div style="display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap">
        {{-- Précédent --}}
        @if($finess->onFirstPage())
            <span style="padding:5px 12px;border-radius:8px;background:#E8ECF8;color:#9AA5BE;font-size:12px;font-weight:700">←</span>
        @else
            <a href="{{ $finess->previousPageUrl() }}" style="padding:5px 12px;border-radius:8px;background:#E8ECF8;color:#1A2340;font-size:12px;font-weight:700;text-decoration:none">←</a>
        @endif

        {{-- Pages --}}
        @foreach($finess->getUrlRange(1, $finess->lastPage()) as $page => $url)
            @if($page == $finess->currentPage())
                <span style="padding:5px 12px;border-radius:8px;background:#1A2340;color:#F5C518;font-size:12px;font-weight:700">{{ $page }}</span>
            @else
                <a href="{{ $url }}" style="padding:5px 12px;border-radius:8px;background:#E8ECF8;color:#1A2340;font-size:12px;font-weight:700;text-decoration:none">{{ $page }}</a>
            @endif
        @endforeach

        {{-- Suivant --}}
        @if($finess->hasMorePages())
            <a href="{{ $finess->nextPageUrl() }}" style="padding:5px 12px;border-radius:8px;background:#E8ECF8;color:#1A2340;font-size:12px;font-weight:700;text-decoration:none">→</a>
        @else
            <span style="padding:5px 12px;border-radius:8px;background:#E8ECF8;color:#9AA5BE;font-size:12px;font-weight:700">→</span>
        @endif

        <span style="font-size:11px;color:#9AA5BE;margin-left:8px">Page {{ $finess->currentPage() }} / {{ $finess->lastPage() }} — {{ $finess->total() }} résultats</span>
    </div>
    @endif

</div>
@endsection