{{-- La ligne qui se deroule sous une liste pour y creer une entree sans
     quitter le formulaire (js/ajout-sur-place.js). C'est la forme utilisee
     DANS une fenetre : une seconde fenetre par-dessus se superpose mal.

     Ce n'est pas un formulaire — elle vit dans celui qu'on remplit, et deux
     formulaires ne s'imbriquent pas. Le script poste lui-meme le nom, avec le
     jeton du formulaire qui l'entoure.

     Le « + » qui l'ouvre est a poser a cote de la liste :
         <button type="button" data-ajout-derouler="#{{ $id }}" aria-expanded="false">

     Attendus :
       `$id`           identifiant du bloc (ex. ajout-ligne-type)
       `$action`       adresse de creation
       `$pour`         la liste a completer (ex. #modele-type)
       `$placeholder`  ex. « Nom du nouveau type »
       `$fixes`        facultatif : valeurs envoyees avec le nom (les deux cases
                       d'un nouveau type, cochees comme a la creation) --}}
<div class="d-none" id="{{ $id }}" data-ajout-hote>
    <div class="ac-accordeon">
        <div class="ac-accordeon-corps">
            <div class="ajout-ligne" data-ajout-ligne data-action="{{ $action }}" data-pour="{{ $pour }}"
                data-fixes="{{ json_encode($fixes ?? (object) []) }}">
                <div class="input-group input-group-sm">
                    <input type="text" class="form-control" data-ajout-nom maxlength="191" autocomplete="off"
                        placeholder="{{ $placeholder }}" aria-label="{{ $placeholder }}">
                    <button type="button" class="btn btn-primary" data-ajout-valider>Ajouter</button>
                </div>
                <div class="small text-danger mt-1" data-ajout-erreurs hidden></div>
            </div>
        </div>
    </div>
</div>