mesreleves-php/resources/views/sources/import.blade.php

<x-app-layout>
    <x-slot name="header">
        <div>
            <h2 class="text-xl font-semibold text-gray-800 dark:text-gray-200">Importer des relevés</h2>
            <p class="text-sm text-gray-500 dark:text-gray-400 mt-0.5">
                Source : <a href="{{ route('sources.show', $source) }}" class="text-indigo-600 hover:underline">{{ $source->nom }}</a>
            </p>
        </div>
    </x-slot>

    <div class="py-8 max-w-2xl mx-auto px-4 sm:px-6 lg:px-8 space-y-6">

        @if(session('error'))
            <div class="p-4 bg-red-50 dark:bg-red-900/30 border border-red-200 dark:border-red-700 text-red-800 dark:text-red-200 rounded-md">
                {{ session('error') }}
            </div>
        @endif

        <div class="bg-white dark:bg-gray-800 shadow rounded-lg p-6 space-y-5">
            <form method="POST" action="{{ route('sources.import.store', $source) }}" enctype="multipart/form-data">
                @csrf

                <div>
                    <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">
                        Fichier CSV <span class="text-red-500">*</span>
                    </label>
                    <input type="file" name="fichier" accept=".csv,.txt" required
                           class="block w-full text-sm text-gray-700 dark:text-gray-300
                                  file:mr-4 file:py-2 file:px-4 file:rounded-md file:border-0
                                  file:text-sm file:font-medium file:bg-indigo-50 file:text-indigo-700
                                  hover:file:bg-indigo-100 dark:file:bg-indigo-900/30 dark:file:text-indigo-300">
                    @error('fichier')
                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                    @enderror
                </div>

                <div class="mt-5">
                    <button type="submit"
                            class="px-5 py-2 bg-indigo-600 text-white rounded-md hover:bg-indigo-700 text-sm">
                        Importer
                    </button>
                </div>
            </form>
        </div>

        {{-- Format attendu --}}
        <div class="bg-gray-50 dark:bg-gray-700 rounded-lg p-5 text-sm space-y-3">
            <p class="font-medium text-gray-700 dark:text-gray-300">Format attendu</p>
            <ul class="text-gray-600 dark:text-gray-400 space-y-1 list-disc list-inside">
                <li>Encodage <strong>UTF-8</strong>, séparateur <strong>point-virgule</strong> (<code>;</code>) ou virgule (<code>,</code>)</li>
                <li>Première ligne = en-têtes correspondant aux <strong>libellés</strong> des champs</li>
                <li>Dates au format <code>AAAA-MM-JJ</code>, ou <code>AAAA-MM-JJ (calendrier)</code> pour julien/républicain</li>
                <li>Booléens : <code>Oui</code> / <code>Non</code></li>
                <li>Lieux : nom long du lieu (ex : <code>Bordeaux, Gironde, France</code>)</li>
            </ul>
            @if($source->releves->isNotEmpty() ?? $source->releves()->exists())
            <p class="text-gray-500 dark:text-gray-400 text-xs mt-2">
                Astuce : utilisez
                <a href="{{ route('export.source.csv', $source) }}" class="text-indigo-600 hover:underline">l'export CSV</a>
                d'une source existante comme modèle.
            </p>
            @endif

            @if($source->sourceType->fields->isNotEmpty())
            <div class="mt-3">
                <p class="text-xs font-medium text-gray-500 dark:text-gray-400 uppercase mb-2">Colonnes attendues pour ce type de source</p>
                <div class="flex flex-wrap gap-2">
                    @foreach($source->sourceType->fields->sortBy('order') as $field)
                        <span class="inline-flex items-center gap-1 px-2 py-0.5 rounded bg-white dark:bg-gray-600 border border-gray-200 dark:border-gray-500 text-xs text-gray-700 dark:text-gray-300">
                            {{ $field->label }}
                            @if($field->required)
                                <span class="text-red-500">*</span>
                            @endif
                            <span class="text-gray-400 dark:text-gray-500">({{ $field->type->value }})</span>
                        </span>
                    @endforeach
                </div>
            </div>
            @endif
        </div>

        <a href="{{ route('sources.show', $source) }}" class="text-sm text-indigo-600 hover:underline">← Retour à la source</a>
    </div>
</x-app-layout>