{{-- Devis et client d'une commande, partages par la creation et la
     modification.

     Saisir un numero de devis charge ce que Gestan en sait et le deroule en
     lecture seule dessous (js/commandes/devis.js). `$devisId` et `$clientId`
     sont les valeurs de depart : old() a la creation, la commande a la
     modification. --}}
                    {{-- -------------------- INFORMATIONS DEVIS AUTO -------------------- --}}
                    <div class="col-md-2">
                        <label for="numero_devis">{{ __('ID devis') }}</label>
                        <input type="number" name="devis_id" id="numero_devis" class="form-control"
                            value="{{ $devisId }}"
                            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 et le
                         champ reste en lecture seule. Sans devis, il devient
                         saisissable et obligatoire — c'est lui qui portera seul
                         l'identite de la commande dans l'index. --}}
                    <div class="col-md-2">
                        <label for="numero_client">{{ __('ID client') }}</label>
                        <div class="input-group">
                            <input type="number" name="client_id" id="numero_client" class="form-control"
                                value="{{ $clientId }}" @readonly($devisId)>
                            {{-- Sans devis ni identifiant sous la main, on cherche le
                                 client par son nom. Le bouton reste actif meme avec un
                                 devis : corriger un client mal resolu doit rester
                                 possible sans vider le devis d'abord. --}}
                            <button type="button" class="btn btn-outline-secondary" id="btn_recherche_client"
                                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 d-block"></small>
                    </div>

                    {{-- Ce que le devis nous apprend. Cache tant qu'aucun devis n'a
                         ete trouve : neuf champs vides et grises en tete d'ecran
                         donnaient surtout l'impression d'un formulaire a remplir,
                         alors qu'ils sont en lecture seule.

                         Une colonne pleine largeur qui porte sa propre `row` : les
                         champs restent sur la grille, et le `hr` qui les separe du
                         numero de devis disparait avec eux plutot que de laisser
                         deux traits colles.

                         ⚠️ La recherche de client n'y touche pas. Elle ne renseigne
                         que `client_id` : ce bloc dit ce que porte le devis, pas ce
                         qu'on sait du client, et ecraser l'un avec l'autre ferait
                         lire des informations de contact comme des informations de
                         devis. --}}
                    {{-- `pt-0` : la gouttiere de la `row` est un padding porte
                         par la colonne, donc hors du panneau qui se deroule. Le
                         repli finirait sur 24 px qui disparaissent d'un coup.
                         L'ecart est repris par le `hr`, lui a l'interieur. --}}
                    <div class="col-12 pt-0 d-none" id="bloc_devis">
                        <div class="ac-accordeon">
                        <div class="ac-accordeon-corps">
                        <hr>
                        <div class="row gy-4">
                    <div class="col-md-2">
                        <label>{{ __('Raison sociale') }}</label>
                        <input type="text" name="raison_sociale" id="raison_sociale" class="form-control" readonly>
                    </div>
                    <div class="col-md-2">
                        <label>{{ __('Nature') }}</label>
                        <input type="text" name="nature" id="nature" class="form-control" readonly>
                    </div>
                    <div class="col-md-2">
                        <label>{{ __('Nom + Prénom') }}</label>
                        <input type="text" name="nom_prenom" id="nom_prenom" class="form-control" readonly>
                    </div>
                    <div class="col-md-2">
                        <label>{{ __('Adresse 1') }}</label>
                        <input type="text" name="adresse_1" id="adresse_1" class="form-control" readonly>
                    </div>
                    <div class="col-md-2">
                        <label>{{ __('Adresse 2') }}</label>
                        <input type="text" name="adresse_2" id="adresse_2" class="form-control" readonly>
                    </div>
                    <div class="col-md-2">
                        <label>{{ __('Code postal') }}</label>
                        <input type="text" name="code_postal" id="code_postal" class="form-control" readonly>
                    </div>
                    <div class="col-md-2">
                        <label>{{ __('Ville') }}</label>
                        <input type="text" name="ville" id="ville" class="form-control" readonly>
                    </div>
                    <div class="col-md-4">
                        <label>{{ __('V/REF') }}</label>
                        <input type="text" name="v_ref" id="v_ref" class="form-control" readonly>
                    </div>
                    <div class="col-md-2">
                        <label>{{ __('Responsable devis') }}</label>
                        <input type="text" name="responsable" id="responsable_devis" class="form-control" readonly>
                    </div>
                        </div>
                        </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'),
    ], JSON_UNESCAPED_UNICODE | JSON_HEX_TAG) !!};
</script>
<script src="@assetV('js/commandes/devis_ancien.js')"></script>