@extends('admin.layout')

@section('title', __('Modifier la commande n° :id', ['id' => $commande->id]))

@section('content')

    {{-- ⚠️ Calque de create.blade.php : meme ordre des champs, memes blocs.
         Un champ ajoute a la creation s'ajoute ici a la meme place. Ce qui
         n'existe qu'en modification (le suivi) vient apres le bloc de la
         commande, sans deplacer le reste. Seule difference : les boutons
         d'observation, remplaces par le fil de la fiche. --}}

    <div class="pagetitle">
        <h1>@yield('title')</h1>
    </div>

    <link rel="stylesheet" href="@assetV('css/accordeon.css')">
    <script src="@assetV('js/accordeon.js')"></script>
    <link rel="stylesheet" href="@assetV('css/commandes/formulaire.css')">

    @php
        use App\Helpers\CommandeHelper;

        // Les colonnes de date sortent en chaine ou en Carbon selon la
        // provenance : l'input date ne veut que Y-m-d.
        $date = fn ($champ, $colonne = null) => old($champ, filled($commande->{$colonne ?? $champ})
            ? \Illuminate\Support\Carbon::parse($commande->{$colonne ?? $champ})->format('Y-m-d')
            : '');
        $ouiNon = fn ($champ, $valeur) => old($champ, $valeur ? 'Oui' : 'Non');
        $accessoire = $typeAccessoire !== null && (int) old('type_id', $commande->type_id) === $typeAccessoire;
        $carport = $typeCarport !== null && (int) old('type_id', $commande->type_id) === $typeCarport;
        $store = $typeStore !== null && (int) old('type_id', $commande->type_id) === $typeStore;
        $decoupesPosees = old('decoupes', array_keys($lignesDecoupe));
        $decoupeOui = $ouiNon('decoupe_inox', $commande->decoupe || $lignesDecoupe !== []) === 'Oui';
        // « Pas de laquage » n'a pas de finition : le select part grise, comme
        // la saisie assistee le fait quand on choisit cette couleur.
        $sansLaquage = collect($colors)->contains(
            fn ($c) => (int) $c['id'] === (int) $couleurId
                && mb_strtoupper((string) ($c['value'] ?? ''), 'UTF-8') === 'RAL0000'
        );
    @endphp

    <section class="section contact">
        <div class="card p-4">

            @if ($errors->any())
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif

            {{-- « X est en train de modifier cette fiche » (js/presence.js). --}}
            <div data-presence-hote></div>

            <form action="{{ route('commandes.update', $commande) }}" method="post" class="fc" data-presence>
                @csrf
                @method('PUT')
                {{-- La commande telle qu'a l'ouverture : seul ce qu'on change ici
                     s'ecrit, un etat ou un retour du laquage pose entre-temps sur
                     un autre poste reste (CommandeController::update). --}}
                <input type="hidden" name="origine" value="{{ old('origine', $origine) }}">

                {{-- Un meme champ change ici et sur un autre poste : rien ne
                     s'est ecrit, on choisit champ par champ. « Reprendre la
                     sienne » remet aussi sa valeur dans le champ quand le
                     formulaire la saisit telle quelle (un etat, une date). Les
                     choix sont obligatoires : sans eux, l'envoi ne part pas. --}}
                @if ($conflits = session('conflits'))
                    <div class="alert alert-warning fc-conflits" data-conflits>
                        <p class="fw-semibold mb-2">
                            {{ __('Modifié sur un autre poste pendant votre saisie. Choisissez, champ par champ, la valeur à garder, puis enregistrez.') }}
                        </p>
                        @foreach ($conflits as $colonne => $conflit)
                            <div class="fc-conflit py-2" data-conflit data-champ="{{ $conflit['champ'] }}"
                                @if ($conflit['formulaire'] !== null) data-sienne="{{ $conflit['formulaire'] }}" @endif>
                                <div class="mb-1">
                                    <strong>{{ $conflit['libelle'] }}</strong>
                                    —
                                    @if ($conflit['qui'])
                                        {{ __('changé par :qui à :quand', ['qui' => $conflit['qui'], 'quand' => $conflit['quand']]) }}
                                    @else
                                        {{ __('changé sur un autre poste') }}
                                    @endif
                                </div>
                                <div class="d-flex flex-wrap gap-2">
                                    <input type="radio" class="btn-check" name="choix[{{ $colonne }}]" value="garder"
                                        id="choix-{{ $colonne }}-garder" required>
                                    <label class="btn btn-sm btn-outline-dark fc-choix" for="choix-{{ $colonne }}-garder">
                                        {{ __('Garder la mienne') }} : <strong>{{ $conflit['mienne'] }}</strong>
                                    </label>
                                    <input type="radio" class="btn-check" name="choix[{{ $colonne }}]" value="reprendre"
                                        id="choix-{{ $colonne }}-reprendre">
                                    <label class="btn btn-sm btn-outline-dark fc-choix" for="choix-{{ $colonne }}-reprendre">
                                        {{ __('Reprendre la sienne') }} : <strong>{{ $conflit['sienne'] }}</strong>
                                    </label>
                                </div>
                            </div>
                        @endforeach
                    </div>
                    <script>
                        // « Reprendre la sienne » la montre dans le champ ; « Garder
                        // la mienne » remet ce qu'on avait saisi. Au chargement :
                        // les champs sont plus bas que ce panneau.
                        document.addEventListener('DOMContentLoaded', function () {
                            document.querySelectorAll('[data-conflit][data-sienne]').forEach(function (bloc) {
                                var champ = bloc.closest('form').querySelector('[name="' + bloc.getAttribute('data-champ') + '"]');

                                if (!champ) {
                                    return;
                                }

                                var mienne = champ.value;

                                bloc.addEventListener('change', function (e) {
                                    champ.value = e.target.value === 'reprendre' ? bloc.getAttribute('data-sienne') : mienne;
                                    champ.dispatchEvent(new Event('change', { bubbles: true }));
                                });
                            });
                        });
                    </script>
                @endif
                <div class="row g-4">

                    {{-- ==================== EN-TETE ==================== --}}
                    <div class="col-12">
                        {{-- Le devis de la commande se charge et se resume a
                             l'ouverture, comme apres une saisie a la creation. --}}
                        @include('admin.commandes._devis', [
                            'devisId' => old('devis_id', $commande->devis_id),
                            'clientId' => old('client_id', $commande->client_id),
                            'negoce' => (bool) old('negoce', $commande->negoce),
                        ])

                        @include('admin.commandes._adresse_chantier', [
                            'adresseChantier' => $adresseChantier,
                            'devisId' => $commande->devis_id,
                            'clientId' => $commande->client_id,
                        ])

                        <div class="fc-bandeau">
                            <div class="fc-champ">
                                <label for="date_accueil">{{ __('Réception accueil') }}</label>
                                <input type="date" name="date_accueil" id="date_accueil" class="form-control form-control-sm" value="{{ $date('date_accueil') }}">
                            </div>
                            <div class="fc-champ">
                                <label for="date_etude">{{ __("Réception bureau d'étude") }}</label>
                                <input type="date" name="date_etude" id="date_etude" class="form-control form-control-sm" value="{{ $date('date_etude') }}">
                            </div>
                            <div class="fc-champ">
                                <label for="date_cotes_oks">{{ __('Vérif côtes') }}</label>
                                <input type="date" name="date_cotes_oks" id="date_cotes_oks" class="form-control form-control-sm" value="{{ $date('date_cotes_oks', 'date_cotes_ok') }}">
                            </div>
                            <div class="fc-champ">
                                <label for="visuel_valide">{{ __('Visuel validé') }}</label>
                                <input type="date" name="visuel_valide" id="visuel_valide" class="form-control form-control-sm" value="{{ $date('visuel_valide', 'date_visuel_ok') }}">
                            </div>
                            <div class="fc-champ">
                                <label for="validateur_visuel">{{ __('Validé par') }}</label>
                                <select name="validateur_visuel" id="validateur_visuel" class="form-select form-select-sm">
                                    <option value="">{{ __('-- Non renseigné --') }}</option>
                                    @foreach (config('commandes.validateurs_visuel', []) as $code => $meta)
                                        <option value="{{ $code }}" @selected(old('validateur_visuel', $commande->validateur_visuel) == $code)>
                                            {{ CommandeHelper::validateurVisuel($code) }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                    </div>

                    {{-- ==================== COMMANDE ==================== --}}
                    <div class="col-12">
                        <div id="commande-container">

                            <div class="commande-item fc-carte">
                                <div class="row gx-4">
                                <div class="col-lg-6">

                                <div class="fc-ligne">
                                    <label>{{ __('Type') }}</label>
                                    <select name="type_id" class="form-select form-select-sm type-select" required>
                                        <option value="">{{ __('-- Sélectionnez un type --') }}</option>
                                        @foreach ($types as $type)
                                            <option value="{{ $type->id }}" @selected(old('type_id', $commande->type_id) == $type->id)>{{ CommandeHelper::nomTraduit($type->nom) }}</option>
                                        @endforeach
                                    </select>
                                </div>

                                {{-- Le libelle fige s'affiche sans id : le controleur
                                     l'enregistre comme une saisie libre. Choisir une
                                     entree du catalogue le remplace. --}}
                                <div class="fc-ligne">
                                    <label>{{ __('Modèle') }}</label>
                                    <div class="ac" data-ac="modele">
                                        <input type="text" class="form-control form-control-sm ac-input modele-input"
                                            name="modele" maxlength="100"
                                            value="{{ old('modele', $commande->modele) }}"
                                            placeholder="{{ __('Tapez un modèle, ex. C-100') }}"
                                            autocomplete="off" required>
                                        <input type="hidden" name="modele_id" class="ac-modele-id">
                                        <input type="hidden" name="variation_id" class="ac-variation-id">
                                        <ul class="ac-menu" hidden></ul>
                                    </div>
                                </div>

                                <div class="platine-hote @unless ($accessoire) d-none @endunless">
                                    <div class="ac-accordeon @if ($accessoire) ac-ouvert @endif">
                                        <div class="ac-accordeon-corps">
                                            <div class="fc-ligne">
                                                <label>{{ __('Platine') }}</label>
                                                <select name="platine" class="form-select form-select-sm platine-select" @disabled(!$accessoire)>
                                                    <option value="">{{ __('-- Aucune --') }}</option>
                                                    @foreach (config('commandes.platines') as $code => $platine)
                                                        <option value="{{ $code }}" @selected(old('platine', $commande->platine) == $code)>{{ __($platine['label']) }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="quantite-hote @unless ($accessoire) d-none @endunless">
                                    <div class="ac-accordeon @if ($accessoire) ac-ouvert @endif">
                                        <div class="ac-accordeon-corps">
                                            <div class="fc-ligne">
                                                <label>{{ __('Quantité') }}</label>
                                                <input type="number" name="quantite" class="form-control form-control-sm quantite-input fc-court"
                                                    min="1" step="1" value="{{ old('quantite', $commande->quantite ?: 1) }}" @disabled(!$accessoire)>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                {{-- `data-origine` : le libelle enregistre. Tant que le
                                     texte n'a pas bouge, il vaut sans id — cas d'une
                                     couleur que l'api ne porte plus sous ce nom. --}}
                                <div class="fc-ligne">
                                    <label>{{ __('Couleur') }}</label>
                                    <div class="ac" data-ac="couleur">
                                        <input type="text" class="form-control form-control-sm ac-input couleur-input" name="couleur_texte"
                                            value="{{ old('couleur_texte', $commande->couleur) }}"
                                            data-origine="{{ $commande->couleur }}"
                                            placeholder="{{ __('Tapez une couleur, ex. RAL 7016') }}"
                                            autocomplete="off">
                                        <input type="hidden" name="couleur" class="ac-couleur-id" value="{{ old('couleur', $couleurId) }}">
                                        <ul class="ac-menu" hidden></ul>
                                    </div>
                                </div>

                                <div class="fc-ligne">
                                    <label>{{ __('Finition') }}</label>
                                    <select name="finition" class="form-select form-select-sm finition-select" @disabled($sansLaquage)>
                                        <option value="">{{ __('-- Aucune --') }}</option>
                                        <option value="1" @selected(old('finition', $commande->finition) == 1)>{{ __('Sablé') }}</option>
                                        <option value="2" @selected(old('finition', $commande->finition) == 2)>{{ __('Mât') }}</option>
                                        <option value="3" @selected(old('finition', $commande->finition) == 3)>{{ __('Brillant') }}</option>
                                    </select>
                                </div>

                                <div class="fc-ligne">
                                    <span class="fc-ligne-titre">{{ __('Options') }}</span>
                                    <div class="fc-bascules fc-bascules-ligne">
                                        <input type="hidden" name="maconnerie" value="Non">
                                        <label class="form-check form-switch">
                                            <input class="form-check-input" type="checkbox" name="maconnerie" value="Oui" @checked($ouiNon('maconnerie', $commande->maconnerie) === 'Oui')>
                                            {{ __('Maçonnerie') }}
                                        </label>
                                        <input type="hidden" name="cintrage" value="Non">
                                        <label class="form-check form-switch">
                                            <input class="form-check-input" type="checkbox" name="cintrage" value="Oui" @checked($ouiNon('cintrage', $commande->cintrage) === 'Oui')>
                                            {{ __('Cintrage') }}
                                        </label>
                                        <input type="hidden" name="decoupe_inox" value="Non">
                                        <label class="form-check form-switch">
                                            <input class="form-check-input decoupe-bascule" type="checkbox" name="decoupe_inox" value="Oui" @checked($decoupeOui)>
                                            {{ __('Découpe/Inox') }}
                                        </label>
                                    </div>
                                </div>

                                {{-- Une decoupe partie chez le laseriste (envoyee, suivie,
                                     avec pieces jointes ou notes) est verrouillee : son
                                     etiquette porte un cadenas et pas de croix, la
                                     retirer supprimerait tout son suivi. --}}
                                @php
                                    $parId = $decoupes->flatten()->keyBy('id');
                                    $verrouillees = array_keys(array_filter($lignesDecoupe, fn ($l) => $l['verrou']));
                                    // Les verrouillees d'abord, et toujours : apres un
                                    // enregistrement refuse, old() ne les porte pas, elles
                                    // ne sont jamais postees.
                                    $choisies = collect(array_unique(array_merge($verrouillees, array_map('intval', $decoupesPosees))))
                                        ->filter(fn ($id) => $parId->has($id))
                                        ->map(fn ($id) => ['decoupe' => $parId[$id], 'verrou' => in_array($id, $verrouillees, true)])
                                        ->values()
                                        ->all();
                                @endphp
                                <div class="pt-0 decoupes-container @unless ($decoupeOui) d-none @endunless">
                                    <div class="ac-accordeon @if ($decoupeOui) ac-ouvert @endif">
                                    <div class="ac-accordeon-corps">
                                    <div class="fc-ligne fc-ligne-haut">
                                        <span class="fc-ligne-titre">{{ __('Découpes') }}</span>
                                        @include('admin.commandes._decoupes', ['nom' => 'decoupes[]', 'choisies' => $choisies])
                                    </div>
                                    </div>
                                    </div>
                                </div>
                                </div>

                                <div class="col-lg-6">
                                <div class="fc-ligne">
                                    <label>{{ __('Destination') }}</label>
                                    <select name="destination" class="form-select form-select-sm">
                                        <option value="1" @selected(old('destination', $commande->destination) == 1)>{{ __('A poser') }}</option>
                                        <option value="2" @selected(old('destination', $commande->destination) == 2)>{{ __('A livrer') }}</option>
                                        <option value="3" @selected(old('destination', $commande->destination) == 3)>{{ __('A stocker') }}</option>
                                        <option value="4" @selected(old('destination', $commande->destination) == 4)>{{ __('A récupérer au dépôt') }}</option>
                                    </select>
                                </div>

                                {{-- Meme place qu'a la creation, mais tous les etats :
                                     la commande a pu avancer depuis. Sauf pour l'usine
                                     portugaise, qui ne pose ni REÇU, ni EN STOCK, ni POSÉ
                                     (CommandeHelper::etatsPosables). --}}
                                <div class="fc-ligne">
                                    <label>{{ __('Priorité') }}</label>
                                    <div class="fc-paire">
                                        <select name="priorite" class="form-select form-select-sm">
                                            <option value="1" @selected(old('priorite', $commande->priorite ?? 1) == 1)>{{ __('Normale') }}</option>
                                            <option value="2" @selected(old('priorite', $commande->priorite) == 2)>{{ __('Refaire') }}</option>
                                            <option value="3" @selected(old('priorite', $commande->priorite) == 3)>{{ __('Urgent') }}</option>
                                        </select>
                                        <div class="fc-sous-ligne">
                                            <label>{{ __('État') }}</label>
                                            <select name="etat" class="form-select form-select-sm @error('etat') is-invalid @enderror">
                                                @foreach (CommandeHelper::etatsPosables($commande->etat) as $code => $meta)
                                                    <option value="{{ $code }}" @selected(old('etat', $commande->etat ?? 2) == $code)>
                                                        {{ CommandeHelper::etat($code) }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>

                                <div class="fc-ligne">
                                    <label>{{ __('Dimensions') }} <small class="text-muted">mm</small></label>
                                    {{-- Meme regle qu'a la creation : pas de longueur sur un
                                         accessoire, largeur sur un carport ou un store, pas de
                                         hauteur sur un store. --}}
                                    <div class="fc-cotes">
                                        <div class="longueur-hote @if ($accessoire) d-none @endif">
                                            <div class="ac-accordeon @unless ($accessoire) ac-ouvert @endunless">
                                                <div class="ac-accordeon-corps">
                                                    <div class="input-group input-group-sm">
                                                        <span class="input-group-text" title="{{ __('Longueur') }}">{{ __('Long.') }}</span>
                                                        <input type="text" name="longueur" class="form-control longueur-input" aria-label="{{ __('Longueur') }}"
                                                            value="{{ old('longueur', $commande->longueur) }}" @disabled($accessoire)>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="hauteur-hote @if ($store) d-none @endif">
                                            <div class="ac-accordeon @unless ($store) ac-ouvert @endunless">
                                                <div class="ac-accordeon-corps">
                                                    <div class="input-group input-group-sm">
                                                        <span class="input-group-text" title="{{ __('Hauteur') }}">{{ __('Haut.') }}</span>
                                                        <input type="text" name="hauteur" class="form-control hauteur-input" aria-label="{{ __('Hauteur') }}"
                                                            value="{{ old('hauteur', $commande->hauteur) }}" @disabled($store)>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="largeur-hote @unless ($carport || $store) d-none @endunless">
                                            <div class="ac-accordeon @if ($carport || $store) ac-ouvert @endif">
                                                <div class="ac-accordeon-corps">
                                                    <div class="input-group input-group-sm">
                                                        <span class="input-group-text" title="{{ __('Largeur') }}">{{ __('Larg.') }}</span>
                                                        <input type="text" name="largeur" class="form-control largeur-input" aria-label="{{ __('Largeur') }}"
                                                            value="{{ old('largeur', $commande->largeur) }}" @disabled(!($carport || $store))>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="fc-ligne">
                                    <label>{{ __('Prix usine') }}</label>
                                    <input type="text" name="prix_usine" class="form-control form-control-sm fc-court" value="{{ old('prix_usine', $commande->prix_usine) }}">
                                </div>

                                <div class="fc-ligne">
                                    <label>{{ __('Lien PDF') }}</label>
                                    <input type="text" name="url" class="form-control form-control-sm" value="{{ old('url', $commande->url) }}">
                                </div>
                                </div>
                                </div>

                                {{-- Les observations ne se saisissent plus ici : elles
                                     s'ajoutent et se corrigent dans le fil de la fiche,
                                     un seul endroit a connaitre. Seule exception au
                                     calque de la creation, ou la fiche n'existe pas encore. --}}
                                <p class="small mt-2 mb-0">
                                    <i class="bi bi-chat-left-text"></i>
                                    {{ __('Les observations s’ajoutent et se corrigent sur la fiche de la commande, onglet Observations.') }}
                                </p>
                            </div>
                        </div>

                        {{-- -------------------- SUIVI (modification seulement) --------------------
                             Ce que l'atelier et l'usine font avancer. Sous la
                             commande, sans deplacer ce qui vient de la creation.
                             Laissees vides, les dates d'un etat sont posees d'office
                             quand la commande y passe (AU LAQUAGE, REÇU, POSÉ). --}}
                        <div class="fc-carte">
                            <div class="fc-titre">{{ __('Suivi') }}</div>

                            <div class="row gx-4">
                            <div class="col-lg-6">
                            <div class="fc-ligne">
                                <label>{{ __('Statut') }}</label>
                                <div class="fc-paire">
                                    {{-- REFABRICATION (code 2) ne se choisit pas ici : il se
                                         pose en refabriquant, avec le lien vers la commande
                                         refaite. Une refabrication garde son statut, affiche
                                         mais fige ; les autres ne se le voient pas proposer. --}}
                                    @if ((int) $commande->statut === 2)
                                        <input type="hidden" name="statut" value="2">
                                        <select class="form-select form-select-sm" disabled
                                            title="{{ __('Fixé par la refabrication') }}">
                                            <option>{{ CommandeHelper::libelle('statuts', 2) }}</option>
                                        </select>
                                    @else
                                        <select name="statut" class="form-select form-select-sm">
                                            <option value="">{{ __('-- Non renseigné --') }}</option>
                                            @foreach (config('commandes.statuts') as $code => $meta)
                                                @continue((int) $code === 2)
                                                <option value="{{ $code }}" @selected(old('statut', $commande->statut) == $code)>{{ CommandeHelper::libelle('statuts', $code) }}</option>
                                            @endforeach
                                        </select>
                                    @endif
                                    <div class="fc-sous-ligne">
                                        <label>{{ __('Usine') }}</label>
                                        <select name="usine" class="form-select form-select-sm">
                                            <option value="">{{ __('-- Non renseigné --') }}</option>
                                            @foreach (config('commandes.usines') as $code => $meta)
                                                <option value="{{ $code }}" @selected(old('usine', $commande->usine) == $code)>{{ CommandeHelper::libelle('usines', $code) }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="fc-ligne">
                                <label>{{ __('Laqueur') }}</label>
                                <select name="laqueur" class="form-select form-select-sm">
                                    <option value="">{{ __('-- Non renseigné --') }}</option>
                                    @foreach (config('commandes.laqueurs') as $code => $meta)
                                        <option value="{{ $code }}" @selected(old('laqueur', $commande->laqueur) == $code)>{{ CommandeHelper::libelle('laqueurs', $code) }}</option>
                                    @endforeach
                                </select>
                            </div>
                            </div>

                            <div class="col-lg-6">

                            <div class="fc-ligne">
                                <label>{{ __('Laquage') }}</label>
                                <div class="fc-paire">
                                    <div class="input-group input-group-sm">
                                        <span class="input-group-text">{{ __('Envoi') }}</span>
                                        <input type="date" name="date_laq_envoi" @if ((string) $date('date_laq_envoi') <= now()->toDateString()) max="{{ now()->toDateString() }}" @endif class="form-control" value="{{ $date('date_laq_envoi') }}" aria-label="{{ __('Envoi laquage') }}">
                                    </div>
                                    <div class="input-group input-group-sm">
                                        <span class="input-group-text">{{ __('Retour') }}</span>
                                        <input type="date" name="date_laq_recep" @if ((string) $date('date_laq_recep') <= now()->toDateString()) max="{{ now()->toDateString() }}" @endif class="form-control @error('date_laq_recep') is-invalid @enderror" value="{{ $date('date_laq_recep') }}" aria-label="{{ __('Retour laquage') }}">
                                    </div>
                                </div>
                            </div>

                            <div class="fc-ligne">
                                <label>{{ __('Arrivée entrepôt') }}</label>
                                <div class="fc-paire">
                                    <input type="date" name="date_entrepot" class="form-control form-control-sm" value="{{ $date('date_entrepot') }}">
                                    <div class="fc-sous-ligne">
                                        <label>{{ __('Pose') }}</label>
                                        <input type="date" name="date_pose" class="form-control form-control-sm" value="{{ $date('date_pose') }}">
                                    </div>
                                </div>
                            </div>
                            </div>
                            </div>

                            {{-- Ni MAJ plan ni Incomplet ici : ils se signalent depuis
                                 la fiche, avec ce qui change ou ce qui manque. Un lien
                                 de plan modifie ci-dessus previent l'usine de lui-meme. --}}
                        </div>

                        <div class="d-flex gap-2 mt-3">
                            <button type="submit" class="btn btn-primary ms-auto">{{ __('Enregistrer les modifications') }}</button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </section>

    @include('admin.gestan.clients._modale_recherche', ['cible' => '#numero_client'])

    @php
        $acLang = [
            'tapezModele' => __('Tapez un modèle, ex. C-100'),
            'choisirType' => __("Choisir un type d'abord"),
            'aucunResultat' => __('Aucun résultat'),
            'variation' => __('variation'),
        ];

        $acCouleurs = collect($colors)
            ->map(fn ($c) => [
                'id' => (int) $c['id'],
                'value_display' => $c['value_display'] ?? '',
                'name_fr' => $c['name_fr'] ?? '',
                'color' => $c['color'] ?? '',
                'sans_laquage' => mb_strtoupper((string) ($c['value'] ?? ''), 'UTF-8') === 'RAL0000',
            ])
            ->values();
    @endphp

    <script>
        window.AC_LANG = {!! json_encode($acLang, JSON_UNESCAPED_UNICODE | JSON_HEX_TAG) !!};
        window.AC_MODELES = {!! json_encode($catalogue, JSON_UNESCAPED_UNICODE | JSON_HEX_TAG) !!};
        window.AC_COULEURS = {!! json_encode($acCouleurs, JSON_UNESCAPED_UNICODE | JSON_HEX_TAG) !!};

        const TYPE_ACCESSOIRE = {{ $typeAccessoire ?? 'null' }};
        const TYPE_CARPORT = {{ $typeCarport ?? 'null' }};
        const TYPE_STORE = {{ $typeStore ?? 'null' }};

        // Meme regle qu'a la creation : platine et quantite ne s'ouvrent que
        // sur un accessoire, et sont desactivees sinon pour ne pas etre postees.
        document.addEventListener('change', function (e) {
            const item = e.target.closest ? e.target.closest('.commande-item') : null;

            if (!item) {
                return;
            }

            if (e.target.classList.contains('type-select')) {
                const ouvert = TYPE_ACCESSOIRE !== null && parseInt(e.target.value, 10) === TYPE_ACCESSOIRE;
                const platine = item.querySelector('.platine-select');
                const quantite = item.querySelector('.quantite-input');

                if (!ouvert) platine.value = '';
                if (!ouvert || !quantite.value) quantite.value = 1;
                platine.disabled = quantite.disabled = !ouvert;
                window.acDerouler(item.querySelector('.platine-hote'), ouvert);
                window.acDerouler(item.querySelector('.quantite-hote'), ouvert);

                // Cotes, comme a la creation : pas de longueur sur un
                // accessoire, largeur sur un carport ou un store, pas de
                // hauteur sur un store. Repliee, une cote est videe et
                // desactivee.
                const valeur = parseInt(e.target.value, 10);
                const est = id => id !== null && valeur === id;
                const cote = (nom, ouverte) => {
                    const champ = item.querySelector('.' + nom + '-input');
                    if (!ouverte) champ.value = '';
                    champ.disabled = !ouverte;
                    window.acDerouler(item.querySelector('.' + nom + '-hote'), ouverte);
                };

                cote('longueur', !est(TYPE_ACCESSOIRE));
                cote('hauteur', !est(TYPE_STORE));
                cote('largeur', est(TYPE_CARPORT) || est(TYPE_STORE));
            }

            // Couper l'interrupteur retire les etiquettes libres ; les
            // verrouillees restent, elles ne se retirent pas d'ici.
            if (e.target.classList.contains('decoupe-bascule')) {
                const decoupes = item.querySelector('.decoupes-container');
                const ouvert = e.target.checked;

                if (!ouvert) {
                    window.acDecoupesVider(decoupes.querySelector('.dc'));
                }
                window.acDerouler(decoupes, ouvert);
            }
        });
    </script>

    @include('admin.commandes._decoupes_catalogue', ['creer' => true])

    <link rel="stylesheet" href="@assetV('css/commandes/autocomplete.css')">
    <script src="@assetV('js/commandes/autocomplete.js')" defer></script>
    <script src="@assetV('js/commandes/adresse-chantier.js')" defer></script>

@endsection