{{-- Ajout de decoupes a une commande deja passee : celles qu'on a oubliees a
     la saisie. Le champ a etiquettes de la creation (_decoupes), dans son
     propre formulaire — sous la ligne de la liste (_decoupes-detail) et dans
     la fenetre de la fiche.

     Ajout seulement : retirer une decoupe reste dans la modification. Celles
     que la commande porte deja ne sont pas proposees (`data-exclus`) ; elles
     sont listees juste au-dessus, d'ou l'absence d'etiquette pour elles.

     Le catalogue (_decoupes_catalogue) est pose une fois par la page.

     Attendus : `$commandeId`, `$dejaPosees` (ids de decoupes du catalogue :
     la cle `id` de chaque decoupe servie par l'api). --}}
<form method="post" action="{{ route('commandes.decoupes.ajouter', $commandeId) }}" class="cmd-decoupes-ajout" data-dc-requis>
    @csrf
    {{-- Envoye sans recharger la page (js/commandes/decoupes.js) : le
         serveur rend le bloc a remplacer, celui de la liste ou de la fiche. --}}
    <input type="hidden" name="vue" value="{{ $vue ?? 'liste' }}">
    <div class="dc" data-nom="decoupes[]" data-exclus="{{ implode(',', $dejaPosees) }}">
        <div class="dc-choix"></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>
    <button type="submit" class="btn btn-sm btn-primary text-nowrap">
        <i class="bi bi-plus-lg"></i> {{ __('Ajouter') }}
    </button>
</form>
<div class="cmd-decoupes-erreur text-danger small mt-1" role="alert" hidden></div>