{{-- Client d'un chantier, partage par create et edit. Attendu : `$clientId`.

     L'id saisi (ou choisi dans la modale de recherche) charge la fiche Gestan
     (js/api/clients.js), resumee en un bandeau a cote de l'id : qui, ou,
     comment le joindre. Meme principe que l'en-tete d'une commande
     (commandes/_devis) : trois champs en lecture seule, vides tant que rien
     n'est charge, se lisaient comme un formulaire a remplir. --}}
<div class="col-md-2">
    <label for="client_id">ID client</label>
    <div class="input-group">
        {{-- 5 chiffres au plus, comme sur une commande : `maxlength` est sans
             effet sur un champ numerique, d'ou la coupe a la saisie, et `max`
             pour refuser aussi un collage. Le controleur verifie (max:99999). --}}
        <input type="number" name="client_id" id="client_id" class="form-control client-input"
            value="{{ $clientId }}" min="1" max="99999"
            oninput="this.value = this.value.slice(0, 5)" enterkeyhint="done" required>
        {{-- Sans identifiant sous la main, on cherche le client par son nom.
             Le choix pose l'id et emet un evenement change, que
             js/api/clients.js ecoute deja : la fiche se charge comme si le
             numero avait ete tape. --}}
        <button type="button" class="btn btn-outline-secondary"
            data-bs-toggle="modal" data-bs-target="#modaleClient"
            title="Rechercher un client">
            <i class="bi bi-search"></i>
        </button>
    </div>
    <small id="client_status" class="text-muted"></small>
</div>

{{-- pt-0 : la gouttiere de la row est un padding de la colonne, hors du
     panneau qui se deroule (voir css/accordeon.css). --}}
<div class="col-md-10 pl-resume-hote pt-0 d-none" id="client_resume_hote">
    <div class="ac-accordeon">
        <div class="ac-accordeon-corps">
            <div class="pl-resume" id="client_resume"></div>
        </div>
    </div>
</div>