{{-- En-tete d'une commande, partage par la creation et la modification :
     devis, client et « pour qui » sur une ligne, le resume du devis dessous.

     Deux colonnes Client / Commande laissaient un grand vide sous le client,
     qui n'a que deux champs quand les dates en ont cinq. Tout tient ici en une
     ligne, et les dates passent en bandeau sous l'en-tete (voir les vues).

     Saisir un numero de devis charge ce que Gestan en sait
     (js/commandes/devis.js) et le resume sur une ligne.

     Attendus : `$devisId`, `$clientId` et `$negoce`, valeurs de depart — old()
     a la creation, la commande a la modification. --}}
<div class="fc-entete">
    <div class="fc-champ">
        <label for="numero_devis">{{ __('ID devis') }}</label>
        {{-- 5 chiffres au plus, comme l'ID client : `maxlength` n'a pas
             d'effet sur un champ numerique, d'ou la coupe a la saisie, et `max`
             pour que le navigateur refuse aussi un collage. Le controleur
             verifie de son cote (max:99999). --}}
        <input type="number" name="devis_id" id="numero_devis" class="form-control form-control-sm"
            value="{{ $devisId }}" min="1" max="99999"
            oninput="this.value = this.value.slice(0, 5)" enterkeyhint="done">
        <small id="devis_status" class="text-muted d-block"></small>
    </div>

    {{-- Avec un devis, le client en decoule : l'api le remplit, le champ
         reste en lecture seule et la recherche s'eteint — un client choisi a
         la main ne doit pas contredire le devis. Sans devis, il devient
         saisissable et obligatoire : c'est lui qui portera seul l'identite de
         la commande. Pour changer de client, on vide d'abord le devis. --}}
    <div class="fc-champ">
        <label for="numero_client">{{ __('ID client') }}</label>
        <div class="input-group input-group-sm">
            <input type="number" name="client_id" id="numero_client" class="form-control"
                value="{{ $clientId }}" min="1" max="99999"
                oninput="this.value = this.value.slice(0, 5)" enterkeyhint="done" @readonly($devisId)>
            <button type="button" class="btn btn-outline-secondary" id="btn_recherche_client"
                data-bs-toggle="modal" data-bs-target="#modaleClient"
                title="{{ __('Rechercher un client') }}" @disabled($devisId)>
                <i class="bi bi-search"></i>
            </button>
        </div>
        <small id="client_status" class="text-muted d-block"></small>
    </div>

    {{-- En une ligne, dans la place que l'ID client prenait pour rien : ce
         que porte le devis s'il y en a un, sinon la fiche du client saisi
         (nom, adresse, telephone). Le devis a la priorite : c'est lui qui dit
         ou se fait le chantier, le client peut avoir d'autres adresses.
         Cache tant que ni l'un ni l'autre n'a ete trouve. --}}
    <div class="fc-champ-resume pt-0 d-none" id="bloc_devis">
        <div class="ac-accordeon">
            <div class="ac-accordeon-corps">
                <div class="fc-resume" id="devis_resume"></div>
            </div>
        </div>
    </div>

    {{-- ACPORTAIL ou NEGOCE : deux boutons plutot qu'un select, le choix se
         voit sans ouvrir de liste.

         `$negoceAuto` (creation seulement) : le client charge decide, NEGOCE
         s'il a deja commande en negoce, tant qu'on n'a pas choisi soi-meme. --}}
    <div class="fc-champ fc-champ-pour">
        <span class="fc-etiquette">{{ __('Pour') }}</span>
        <div class="btn-group btn-group-sm" role="group" aria-label="{{ __('Pour') }}"
            @if (!empty($negoceAuto)) data-negoce-auto @endif>
            <input type="radio" class="btn-check" name="negoce" id="negoce_0" value="0" @checked(!$negoce)>
            <label class="btn btn-outline-primary" for="negoce_0">ACPORTAIL</label>
            <input type="radio" class="btn-check" name="negoce" id="negoce_1" value="1" @checked($negoce)>
            <label class="btn btn-outline-primary" for="negoce_1">NEGOCE</label>
        </div>
    </div>
</div>

<script>
    window.AC_DEVIS_LANG = {!! json_encode([
        'devisChargement' => __('Chargement du devis...'),
        'devisCharge' => __('Devis chargé'),
        'devisIntrouvable' => __('Devis introuvable'),
        'devisErreur' => __('Erreur serveur'),
        'clientRequis' => __('Obligatoire sans devis'),
        'clientChargement' => __('Chargement du client...'),
        'clientCharge' => __('Client chargé'),
        'clientIntrouvable' => __('Client introuvable'),
        'resp' => __('Resp.'),
    ], JSON_UNESCAPED_UNICODE | JSON_HEX_TAG) !!};
</script>
<script src="@assetV('js/commandes/devis.js')"></script>