{{--
    Adresse (rue, numero, code postal, localite, pays optionnel).
    Contrat de nommage : reponses[<cle>][rue], [numero], [code_postal],
    [localite], [pays] (voir App\Services\Formulaires\ValidateurSchema::reglesAdresse()).
    Le "N°" et le pays restent facultatifs meme si le champ est obligatoire.

    Peaufinage charte (Phase 2) : mise en page via la grille utilitaire
    .biome-grille-3 (deja globale et responsive, voir public/css/mobile.css) :
    rue en pleine largeur, puis numero / code postal / localite alignes sur
    une meme rangee, puis pays en pleine largeur. Sous 1024px la grille
    repasse a 1 colonne (regle deja existante, aucune media query ajoutee
    ici). Chaque sous-champ porte son propre mini-label (classe
    .formulaire-public__mini-label, definie dans public.blade.php).
--}}
@php
    $cle = $champ['cle'] ?? '';
    $obligatoire = (bool) ($champ['obligatoire'] ?? false);
    $valeurs = (array) old("reponses.{$cle}", []);
    $rue = $valeurs['rue'] ?? '';
    $numero = $valeurs['numero'] ?? '';
    $codePostal = $valeurs['code_postal'] ?? '';
    $localite = $valeurs['localite'] ?? '';
    $pays = $valeurs['pays'] ?? '';

    $erreurRue = $errors->has("reponses.{$cle}.rue");
    $erreurNumero = $errors->has("reponses.{$cle}.numero");
    $erreurCodePostal = $errors->has("reponses.{$cle}.code_postal");
    $erreurLocalite = $errors->has("reponses.{$cle}.localite");
@endphp
<fieldset class="formulaire-public__champ" data-champ="{{ $cle }}">
    <legend class="formulaire-public__legende">
        {{ $champ['label'] ?? $cle }}@if ($obligatoire)<span class="formulaire-public__req"> *</span>@endif
    </legend>

    <div class="formulaire-public__sous-champ-ligne" style="margin-bottom:12px;">
        <label for="champ-{{ $cle }}-rue" class="formulaire-public__mini-label">Rue</label>
        <input
            type="text"
            id="champ-{{ $cle }}-rue"
            name="reponses[{{ $cle }}][rue]"
            value="{{ $rue }}"
            placeholder="Nom de la rue"
            class="formulaire-public__input @if ($erreurRue) formulaire-public__input--erreur @endif"
            @if ($obligatoire) required @endif
            @if ($erreurRue) aria-invalid="true" aria-describedby="champ-{{ $cle }}-rue-erreur" @endif
        >
        @error("reponses.{$cle}.rue")<span id="champ-{{ $cle }}-rue-erreur" class="formulaire-public__erreur" role="alert">{{ $message }}</span>@enderror
    </div>

    <div class="biome-grille-3 formulaire-public__sous-champ-ligne" style="display:grid;grid-template-columns:.8fr 1fr 1.4fr;gap:12px;margin-bottom:12px;">
        <div>
            <label for="champ-{{ $cle }}-numero" class="formulaire-public__mini-label">N&deg; <span class="formulaire-public__optionnel">(optionnel)</span></label>
            <input
                type="text"
                id="champ-{{ $cle }}-numero"
                name="reponses[{{ $cle }}][numero]"
                value="{{ $numero }}"
                placeholder="N&deg;"
                class="formulaire-public__input @if ($erreurNumero) formulaire-public__input--erreur @endif"
                @if ($erreurNumero) aria-invalid="true" aria-describedby="champ-{{ $cle }}-numero-erreur" @endif
            >
            @error("reponses.{$cle}.numero")<span id="champ-{{ $cle }}-numero-erreur" class="formulaire-public__erreur" role="alert">{{ $message }}</span>@enderror
        </div>
        <div>
            <label for="champ-{{ $cle }}-code-postal" class="formulaire-public__mini-label">Code postal</label>
            <input
                type="text"
                id="champ-{{ $cle }}-code-postal"
                name="reponses[{{ $cle }}][code_postal]"
                value="{{ $codePostal }}"
                placeholder="Code postal"
                class="formulaire-public__input @if ($erreurCodePostal) formulaire-public__input--erreur @endif"
                @if ($obligatoire) required @endif
                @if ($erreurCodePostal) aria-invalid="true" aria-describedby="champ-{{ $cle }}-code-postal-erreur" @endif
            >
            @error("reponses.{$cle}.code_postal")<span id="champ-{{ $cle }}-code-postal-erreur" class="formulaire-public__erreur" role="alert">{{ $message }}</span>@enderror
        </div>
        <div>
            <label for="champ-{{ $cle }}-localite" class="formulaire-public__mini-label">Localite</label>
            <input
                type="text"
                id="champ-{{ $cle }}-localite"
                name="reponses[{{ $cle }}][localite]"
                value="{{ $localite }}"
                placeholder="Ville, commune"
                class="formulaire-public__input @if ($erreurLocalite) formulaire-public__input--erreur @endif"
                @if ($obligatoire) required @endif
                @if ($erreurLocalite) aria-invalid="true" aria-describedby="champ-{{ $cle }}-localite-erreur" @endif
            >
            @error("reponses.{$cle}.localite")<span id="champ-{{ $cle }}-localite-erreur" class="formulaire-public__erreur" role="alert">{{ $message }}</span>@enderror
        </div>
    </div>

    <div>
        <label for="champ-{{ $cle }}-pays" class="formulaire-public__mini-label">Pays <span class="formulaire-public__optionnel">(optionnel)</span></label>
        <input
            type="text"
            id="champ-{{ $cle }}-pays"
            name="reponses[{{ $cle }}][pays]"
            value="{{ $pays }}"
            placeholder="Belgique"
            class="formulaire-public__input"
        >
    </div>

    @if (! empty($champ['aide']))
        <span class="formulaire-public__aide">{{ $champ['aide'] }}</span>
    @endif
</fieldset>