Import CSV des relevés d'une source

- ImportController : create() (formulaire) + store() (traitement)
- Détection automatique du séparateur ; ou ,
- Suppression du BOM UTF-8
- Correspondance colonnes ↔ champs par libellé
- Parsing des types : date (avec calendrier), booléen, nombre, lieu (recherche par nom_long), texte
- Vue sources/import.blade.php : formulaire + liste des colonnes attendues
- Routes sources.import.create / sources.import.store
- Bouton "↑ Importer CSV" dans la fiche source (soumis aux droits create releve)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-06-05 20:05:03 +02:00
parent f5a7407be0
commit cdbf6d458c
4 changed files with 222 additions and 0 deletions
+84
View File
@@ -0,0 +1,84 @@
<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>