{{-- Une seule fenetre pour ajouter et modifier une notice, remplie par le
     bouton qui l'ouvre (_modale_ouvre). En ajout, le fournisseur et le
     dossier partent de celui choisi dans l'arbre (js/notices.js pose leur
     data-defaut). Le fournisseur se choisit dans la liste, son « + » en
     cree un sans quitter la fenetre (js/ajout-sur-place.js). Le dossier
     aussi : la liste montre l'arbre du fournisseur choisi (js/notices.js la
     remplit), son « + » cree un sous-dossier de celui qui est choisi.

     `_dossier` vide : au retour d'un refus, c'est cette fenetre qui avait
     envoye, pas celle d'un dossier (_modale_dossier). --}}
@canany(['notices.create', 'notices.edit'])
    @php
        $refusIci = $errors->any() && !old('_dossier');
        $enEdition = old('_dossier') ? null : old('_edition');
    @endphp
    <div class="modal fade" id="modale-notice" tabindex="-1" aria-hidden="true" data-modale-saisie
        @if ($refusIci) data-rouvrir="1" @endif>
        <div class="modal-dialog">
            <form method="post" class="modal-content" enctype="multipart/form-data"
                action="{{ $enEdition ? route('notices.update', $enEdition) : route('notices.store') }}"
                data-store="{{ route('notices.store') }}"
                data-update="{{ route('notices.update', '__ID__') }}"
                data-titre-ajouter="{{ __('Ajouter une notice') }}" data-titre-modifier="{{ __('Modifier la notice') }}">
                @csrf
                <input type="hidden" name="_method" value="{{ $enEdition ? 'PUT' : 'POST' }}">
                <input type="hidden" name="_edition" value="{{ $enEdition }}">

                <div class="modal-header">
                    <h5 class="modal-title" data-titre>{{ $enEdition ? __('Modifier la notice') : __('Ajouter une notice') }}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{{ __('Fermer') }}"></button>
                </div>

                <div class="modal-body" data-zone="notice-saisie">
                    @if ($refusIci)
                        <div class="alert alert-danger">
                            <ul class="mb-0">
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif

                    <div class="mb-3" data-seulement="ajout">
                        <label class="form-label" for="notice-pdf">{{ __('PDF') }} <span class="text-danger">*</span></label>
                        <input type="file" class="form-control" name="pdf" id="notice-pdf" data-champ="pdf"
                            accept="application/pdf,.pdf" data-taille-max="{{ $tailleMax }}" required>
                    </div>
                    <div class="mb-3" data-seulement="modification">
                        <label class="form-label" for="notice-pdf-remplacer">{{ __('Remplacer le PDF') }}</label>
                        <input type="file" class="form-control" name="pdf" id="notice-pdf-remplacer" data-champ="pdf"
                            accept="application/pdf,.pdf" data-taille-max="{{ $tailleMax }}">
                        <div class="form-text">{{ __('Laissez vide pour garder le PDF actuel.') }}</div>
                    </div>
                    <div class="form-text mt-n2 mb-3">
                        {{ __('Gardé tel quel, :max Mo au plus.', ['max' => round($tailleMax / 1024 / 1024)]) }}
                    </div>
                    <div class="text-danger small mb-3 d-none" data-pdf-trop-lourd>
                        {{ __('Ce PDF dépasse :max Mo : le serveur le refuserait.', ['max' => round($tailleMax / 1024 / 1024)]) }}
                    </div>

                    <div class="mb-3">
                        <label class="form-label" for="notice-titre">{{ __('Titre') }} <span class="text-danger">*</span></label>
                        <input type="text" class="form-control" name="titre" id="notice-titre" data-champ="titre"
                            value="{{ old('titre') }}" maxlength="255" required>
                        <div class="form-text">{{ __('Pris du nom du fichier, à corriger au besoin.') }}</div>
                    </div>

                    <div class="mb-3">
                        <label class="form-label" for="notice-fournisseur">{{ __('Fournisseur') }} <span class="text-danger">*</span></label>
                        <div class="input-group">
                            <select class="form-select" name="fournisseur_id" id="notice-fournisseur" data-champ="fournisseur_id" required>
                                <option value="">{{ __('-- Sélectionner --') }}</option>
                                @foreach ($fournisseurs as $id => $nom)
                                    <option value="{{ $id }}" @selected((string) old('fournisseur_id') === (string) $id)>{{ $nom }}</option>
                                @endforeach
                            </select>
                            @can('notices.create')
                                <button type="button" class="btn btn-outline-primary" title="{{ __('Ajouter un fournisseur') }}"
                                    aria-label="{{ __('Ajouter un fournisseur') }}"
                                    data-ajout-derouler="#ajout-ligne-fournisseur" aria-expanded="false"><i class="bi bi-plus-lg"></i></button>
                            @endcan
                        </div>
                        @can('notices.create')
                            @include('admin.produits._ajout-ligne', [
                                'id' => 'ajout-ligne-fournisseur', 'action' => route('notices.fournisseurs.store'),
                                'pour' => '#notice-fournisseur', 'placeholder' => __('Nom du nouveau fournisseur'),
                            ])
                        @endcan
                    </div>

                    <div>
                        <label class="form-label" for="notice-dossier">{{ __('Dossier') }}</label>
                        <div class="input-group">
                            <select class="form-select" name="notice_dossier_id" id="notice-dossier" data-champ="notice_dossier_id"
                                data-dossiers="{{ json_encode($dossiersAPlat) }}" data-ancien="{{ $refusIci ? old('notice_dossier_id') : '' }}"
                                data-racine="{{ __('— À la racine du fournisseur —') }}">
                                <option value="">{{ __('— À la racine du fournisseur —') }}</option>
                            </select>
                            @can('notices.create')
                                <button type="button" class="btn btn-outline-primary" title="{{ __('Nouveau sous-dossier') }}"
                                    aria-label="{{ __('Nouveau sous-dossier') }}" data-sous-dossier-derouler aria-expanded="false"><i class="bi bi-folder-plus"></i></button>
                            @endcan
                        </div>
                        @can('notices.create')
                            {{-- Pas un formulaire (on est dans celui de la notice) : js/notices.js
                                 poste le nom, avec le jeton de ce formulaire. --}}
                            <div class="ac-accordeon" data-sous-dossier data-action="{{ route('notices.dossiers.store') }}">
                                <div class="ac-accordeon-corps">
                                    <div class="pt-2">
                                        <div class="small mb-1" data-sous-dossier-ou></div>
                                        <div class="input-group input-group-sm">
                                            <input type="text" class="form-control" maxlength="191" autocomplete="off" data-sous-dossier-nom
                                                placeholder="{{ __('Nom du nouveau dossier') }}" aria-label="{{ __('Nom du nouveau dossier') }}">
                                            <button type="button" class="btn btn-primary" data-sous-dossier-creer>{{ __('Créer') }}</button>
                                        </div>
                                        <div class="small text-danger mt-1" data-sous-dossier-erreur hidden></div>
                                    </div>
                                </div>
                            </div>
                        @endcan
                    </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">{{ __('Enregistrer') }}</button>
                </div>
            </form>
        </div>
    </div>
@endcanany