@extends('layouts.app')

@section('titre', 'Importer une feuille de route')

@section('contenu')
    <a href="{{ route('encombrants.index') }}" class="mb-3 inline-block text-sm text-slate-500 hover:underline">
        &larr; Retour aux encombrants
    </a>

    <div class="mx-auto max-w-2xl">
        <h1 class="mb-1 text-xl font-semibold">Importer une feuille de route</h1>
        <p class="mb-4 text-sm text-slate-500">
            Le PDF envoyé par Grand Calais, tel qu'il arrive. Rien n'est créé à l'envoi :
            vous relisez d'abord.
        </p>

        <form method="POST" action="{{ route('encombrants.import.analyse') }}"
              enctype="multipart/form-data" class="carte space-y-4">
            @csrf
            <label><span class="etiquette">Fichier</span>
                <input type="file" name="feuille" accept=".pdf,application/pdf,.csv,text/csv,text/plain" required class="champ">
                <span class="mt-1 block text-sm text-slate-500">
                    PDF de la collectivité, ou fichier CSV. Huit méga-octets au plus.
                </span>
            </label>
            <button type="submit" class="bouton-principal w-full sm:w-auto">Lire le fichier</button>
        </form>

        <div class="carte mt-4">
            <h2 class="mb-2 font-semibold">Le PDF de Grand Calais</h2>
            <p class="mb-3 text-sm text-slate-600">
                Il est lu tel quel : la date d'intervention et la commune sont prises dans
                l'en-tête, et chaque ligne du tableau devient un arrêt, dans l'ordre. La
                tournée peut être composée dans la foulée.
            </p>
            <p class="mb-3 text-sm text-amber-700">
                Un PDF scanné, c'est-à-dire une simple photo de la feuille, ne contient pas
                de texte à lire. Il faut alors le fichier d'origine.
            </p>

            <h2 class="mt-4 mb-2 font-semibold">Un fichier CSV, à défaut</h2>
            <p class="mb-3 text-sm text-slate-600">
                Une ligne d'en-tête, puis une ligne par adresse. Seule l'adresse est
                indispensable ; le reste est repris s'il est présent.
            </p>
            <ul class="list-inside list-disc text-sm text-slate-700">
                <li><strong>Adresse</strong>, ou Rue, ou Lieu</li>
                <li>Commune, Code postal, Secteur</li>
                <li>Demandeur, Téléphone</li>
                <li>N° d'OS, Date de la demande, Créneau</li>
                <li>Nature de la mission, ou Articles</li>
            </ul>
            <p class="mt-3 text-sm text-slate-500">
                Le point-virgule comme la virgule font office de séparateur, et un fichier
                enregistré par Excel en Windows-1252 est relu correctement : les accents ne
                seront pas abîmés.
            </p>
        </div>
    </div>
@endsection