{{-- Ajouter une note a une ligne de decoupe, depuis la liste des commandes et
     la fiche. Replie derriere un lien : la plupart des lignes n'en recoivent
     jamais, un champ ouvert sous chacune alourdirait le detail. Il se deroule
     (accordeon.js) au clic, par js/commandes/decoupes.js.

     Envoye sans recharger la page, comme « Définir la découpe » : le serveur
     rend le bloc a remplacer, et le toast « Annuler » — une note ne se
     retire d'aucun bouton, elle se defait.

     Le suivi des decoupes a son propre formulaire, dans la fenetre de la
     ligne (commande_decoupes/index).

     Attendus : `$commandeId`, `$ligneId` (id de commande_decoupe), `$vue`
     (liste ou fiche). --}}
<div class="cmd-decoupe-noter">
    <button type="button" class="btn btn-link btn-sm p-0" data-dc-noter aria-expanded="false">
        <i class="bi bi-chat-left-text"></i> {{ __('Ajouter une note') }}
    </button>

    <div class="d-none" data-dc-noter-hote>
        <div class="ac-accordeon">
            <div>
                <form method="post" action="{{ route('commandes.decoupes.noter', [$commandeId, $ligneId]) }}"
                    class="cmd-decoupe-noter-form pt-1">
                    @csrf
                    <input type="hidden" name="vue" value="{{ $vue ?? 'liste' }}">
                    <textarea name="observation" class="form-control form-control-sm" rows="2" maxlength="2000" required
                        aria-label="{{ __('Note sur cette découpe') }}"
                        placeholder="{{ __('Une cote, un prix, ce que le lasériste a dit…') }}"></textarea>
                    <div class="cmd-decoupes-erreur text-danger small" hidden></div>
                    <button type="submit" class="btn btn-sm btn-primary mt-1">
                        <i class="bi bi-check-lg"></i> {{ __('Enregistrer la note') }}
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>