{{-- Depot d'une piece jointe sur une ligne de decoupe, depuis la liste des
     commandes et la fiche. Une seule fenetre par page, que le trombone de la
     ligne remplit (`.decoupe-joindre`, js/commandes/decoupe-suivi.js) : sur
     la liste, cinquante commandes et leurs decoupes feraient autant de
     fenetres.

     L'ecran des decoupes garde la sienne, une par ligne, avec la liste des
     fichiers et le bouton qui les retire : c'est la que se fait le tri. Ici,
     le fichier arrive et sa vignette s'affiche sur la ligne.

     Refuse (trop lourd, mauvais format), le message flotte en haut a droite. --}}
@can('commande_decoupes.joindre')
    <div class="modal fade" id="modale-joindre-decoupe" tabindex="-1" aria-labelledby="modale-joindre-decoupe-titre"
        aria-hidden="true">
        <div class="modal-dialog">
            <form method="post" class="modal-content" id="form-joindre-decoupe" enctype="multipart/form-data"
                data-action="{{ route('commande_decoupes.joindre', ['ligne' => '__ID__']) }}">
                @csrf

                <div class="modal-header">
                    <h5 class="modal-title" id="modale-joindre-decoupe-titre">
                        {{ __('Joindre un fichier') }}
                        <span class="text-muted" data-champ="titre"></span>
                    </h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"
                        aria-label="{{ __('Fermer') }}"></button>
                </div>

                <div class="modal-body">
                    <div class="mb-2">
                        <label class="form-label" for="joindre-decoupe-fichier">{{ __('Fichier') }}</label>
                        <input type="file" name="fichier" id="joindre-decoupe-fichier"
                            class="form-control" accept="image/*,application/pdf" required data-apercu
                            data-reduire="{{ \App\Services\Documents\PieceJointe::COTE_MAX }}">
                        <div class="form-text">{{ __('Image ou PDF. Une photo est réduite à :n px avant l’envoi ; un PDF, 10 Mo maximum.', ['n' => \App\Services\Documents\PieceJointe::COTE_MAX]) }}</div>
                    </div>

                    <div>
                        <label class="form-label" for="joindre-decoupe-description">{{ __('Description') }}</label>
                        <input type="text" name="description" id="joindre-decoupe-description" class="form-control"
                            maxlength="2000" placeholder="{{ __('Facultatif — ce que montre le fichier') }}">
                    </div>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">{{ __('Annuler') }}</button>
                    <button type="submit" class="btn btn-primary">
                        <i class="bi bi-paperclip"></i> {{ __('Joindre') }}
                    </button>
                </div>
            </form>
        </div>
    </div>
@endcan