@extends('layouts.app')
@section('title', 'Import Finess')
@section('page-title', 'Import Fichier Finess')

@push('styles')
<style>
    .import-card { background: #fff; border-radius: 14px; border: 1.5px solid #E0E6F0; padding: 28px 32px; max-width: 600px; }
    .import-card h3 { font-size: 15px; font-weight: 800; color: #1A2340; margin-bottom: 8px; }
    .import-info { background: #F0F4FF; border-radius: 10px; padding: 14px 18px; font-size: 12px; color: #2D3A5A; line-height: 1.7; margin-bottom: 20px; }
    .import-info code { background: #E0E6F0; border-radius: 4px; padding: 1px 5px; font-family: monospace; font-size: 11px; }
    .btn-upload { background: #1A2340; color: #F5C518; border: none; border-radius: 10px; padding: 10px 24px; font-size: 13px; font-weight: 700; cursor: pointer; }
    .btn-upload:hover { background: #253260; }
    .btn-back { background: #E0E6F0; color: #2D3A5A; border: none; border-radius: 10px; padding: 10px 20px; font-size: 13px; font-weight: 600; cursor: pointer; text-decoration: none; }
</style>
@endpush

@section('content')
<div style="display:flex;flex-direction:column;gap:16px">

    @if(session('error'))
        <div style="background:#FFEBEE;border:1.5px solid #EF9A9A;border-radius:10px;padding:12px 18px;color:#C62828;font-size:13px;">
            {{ session('error') }}
        </div>
    @endif
    @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="import-card">
        <h3>📂 Import du fichier Finess (CSV)</h3>

        <div class="import-info">
            <strong>Format attendu :</strong> fichier CSV séparé par <code>;</code><br>
            Colonnes requises (ordre libre) :<br>
            <code>IDTXFINESS</code> · <code>FIN_DEP_CODE</code> · <code>FIN_LIBELLE_ETABLISSEMENT</code>
            · <code>FIN_CODE_INSEE</code> · <code>FIN_COMMUNE</code> · <code>FIN_FINESS_GEO</code><br><br>
            ⚠️ L'import <strong>remplace toutes les données existantes</strong>.
        </div>

        <form method="POST" action="{{ route('admin.finess.import') }}" enctype="multipart/form-data"
              style="display:flex;flex-direction:column;gap:14px">
            @csrf
            <div>
                <input type="file" name="fichier" accept=".csv,.xlsx,.xls" required
                       style="border:1.5px solid #C0CCEC;border-radius:8px;padding:8px;width:100%;font-size:13px">
            </div>
            <div style="display:flex;gap:10px;align-items:center">
                <button type="submit" class="btn-upload">⬆️ Importer</button>
                <a href="{{ route('admin.finess.index') }}" class="btn-back">← Retour</a>
            </div>
        </form>
    </div>

</div>
@endsection