{{-- Choix des decoupes d'une commande : un champ qui filtre le catalogue en
     tapant, et une etiquette par decoupe choisie (js/commandes/decoupes.js).

     Il remplace 55 cases a cocher sur cinq colonnes, qui prenaient l'ecran
     entier des qu'on passait Decoupe/Inox a Oui.

     Chaque etiquette porte son champ cache : c'est lui qui est poste, sous
     `$nom`, comme l'etaient les cases cochees. Une decoupe verrouillee (deja
     partie chez le laseriste, en modification) s'affiche avec un cadenas, sans
     croix ni champ cache : elle ne se retire pas d'ici, et le controleur la
     garde de toute facon.

     Attendus : `$nom` (ex. items[0][decoupes][]), `$choisies` (liste de
     ['decoupe' => Decoupe, 'verrou' => bool]), `$catalogueDecoupes` n'est pas
     requis ici : il est pose une fois pour la page, dans window.AC_DECOUPES. --}}
<div class="dc" data-nom="{{ $nom }}">
    <div class="dc-choix">
        @foreach ($choisies as $choix)
            @php $d = $choix['decoupe']; @endphp
            <span class="dc-chip {{ $choix['verrou'] ? 'is-verrou' : '' }}" data-id="{{ $d->id }}"
                @if ($choix['verrou']) title="{{ __('Déjà envoyée au laseriste : se gère depuis la liste des découpes.') }}" @endif>
                {{ $d->nom }}
                <small>{{ \App\Helpers\CommandeHelper::decoupeType($d->type) }}</small>
                @if ($choix['verrou'])
                    <i class="bi bi-lock-fill"></i>
                @else
                    <input type="hidden" name="{{ $nom }}" value="{{ $d->id }}">
                    <button type="button" class="dc-retirer" aria-label="{{ __('Retirer') }}">&times;</button>
                @endif
            </span>
        @endforeach
    </div>
    <input type="text" class="form-control form-control-sm dc-saisie" autocomplete="off"
        placeholder="{{ __('Tapez une découpe, ex. RECT-02') }}" aria-label="{{ __('Ajouter une découpe') }}">
    <ul class="dc-menu" hidden></ul>
</div>