{{-- Une seule fenetre pour l'ajout et la modification, remplie par le bouton
     qui l'ouvre (js/modale-saisie.js) et posee sur la liste comme sur la
     fiche. Une saisie refusee revient ici avec ses erreurs : `_edition` dit
     sur quel element on etait, la fenetre se rouvre dessus.

     Un champ ajoute ici s'ajoute aussi a _modale_ouvre, sinon il s'ouvre
     vide en modification. --}}
@canany(['promotions.create', 'promotions.edit'])
    @php $enEdition = old('_edition'); @endphp
    <div class="modal fade" id="modale-promotion" tabindex="-1" aria-hidden="true" data-modale-saisie
        @if ($errors->any()) data-rouvrir="1" @endif>
        <div class="modal-dialog modal-lg modal-dialog-scrollable">
            <form method="post" class="modal-content"
                action="{{ $enEdition ? route('promotions.update', $enEdition) : route('promotions.store') }}"
                data-store="{{ route('promotions.store') }}"
                data-update="{{ route('promotions.update', '__ID__') }}"
                data-titre-ajouter="{{ __('Ajouter une promotion') }}" data-titre-modifier="{{ __('Modifier la promotion') }}">
                @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 promotion') : __('Ajouter une promotion') }}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fermer"></button>
                </div>

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

                    <div class="row g-3">
                        <div class="col-12">
                            <label class="form-label" for="promotion-nom">{{ __('Nom') }} <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" name="nom" id="promotion-nom" data-champ="nom"
                                value="{{ old('nom') }}" maxlength="191" required>
                        </div>

                        <div class="col-md-4">
                            <label class="form-label" for="promotion-du">{{ __('Du') }} <span class="text-danger">*</span></label>
                            <input type="date" class="form-control" name="du" id="promotion-du" data-champ="du"
                                value="{{ old('du') }}" required>
                        </div>

                        <div class="col-md-4">
                            <label class="form-label" for="promotion-au">{{ __('Au (inclus)') }} <span class="text-danger">*</span></label>
                            <input type="date" class="form-control" name="au" id="promotion-au" data-champ="au"
                                value="{{ old('au') }}" required>
                        </div>

                        <div class="col-md-4">
                            <label class="form-label" for="promotion-taux">{{ __('Remise') }} <span class="text-danger">*</span></label>
                            <div class="input-group">
                                <input type="number" class="form-control" name="taux" id="promotion-taux" data-champ="taux"
                                    value="{{ old('taux', 20) }}" min="1" max="90" step="1" required>
                                <span class="input-group-text">%</span>
                            </div>
                        </div>

                        <div class="col-12" data-promo-portails>
                            <label class="form-label d-block" for="promotion-filtre">{{ __('Portails en promotion') }} <span class="text-danger">*</span></label>
                            <div class="d-flex flex-wrap gap-3 align-items-center mb-2">
                                <input type="search" class="form-control" style="max-width: 280px" id="promotion-filtre"
                                    placeholder="{{ __('Filtrer, ex. C-100') }}" data-promo-filtre autocomplete="off">
                                <div class="form-check mb-0">
                                    <input class="form-check-input" type="checkbox" id="promotion-coches" data-promo-coches>
                                    <label class="form-check-label" for="promotion-coches">{{ __('Seulement les cochés') }}</label>
                                </div>
                                <span class="small" data-promo-compte></span>
                            </div>
                            {{-- $catalogue : modeles du site vitrine par type, avec leurs
                                 variations (PromotionController::catalogue). Un modele et
                                 ses variations se cochent separement : la carte du modele
                                 et chaque variation ont leur propre etiquette. --}}
                            <div class="border rounded p-2" style="max-height: 45vh; overflow: auto">
                                @php
                                    $modelesCoches = array_map('strval', (array) old('modeles', []));
                                    $variationsCochees = array_map('strval', (array) old('variations', []));
                                @endphp
                                @foreach (($catalogue ?? []) as $type => $modeles)
                                    <div data-promo-type>
                                        <div class="fw-bold mt-2 mb-1">{{ mb_strtoupper($type) }}</div>
                                        @foreach ($modeles as $modele)
                                            <div class="mb-1" data-promo-nom="{{ $modele->nom }} {{ $modele->variations->pluck('nom')->implode(' ') }}">
                                                <div class="form-check form-check-inline fw-semibold me-3">
                                                    <input class="form-check-input" type="checkbox" id="promotion-modele-{{ $modele->id }}"
                                                        name="modeles[]" value="{{ $modele->id }}" data-champ-liste="modeles"
                                                        @checked(in_array((string) $modele->id, $modelesCoches, true))>
                                                    <label class="form-check-label" for="promotion-modele-{{ $modele->id }}">{{ $modele->nom }}</label>
                                                </div>
                                                @foreach ($modele->variations as $variation)
                                                    <div class="form-check form-check-inline">
                                                        <input class="form-check-input" type="checkbox" id="promotion-variation-{{ $variation->id }}"
                                                            name="variations[]" value="{{ $variation->id }}" data-champ-liste="variations"
                                                            @checked(in_array((string) $variation->id, $variationsCochees, true))>
                                                        <label class="form-check-label" for="promotion-variation-{{ $variation->id }}">{{ $variation->nom }}</label>
                                                    </div>
                                                @endforeach
                                            </div>
                                        @endforeach
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </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>
    @push('scripts')
        <script src="@assetV('js/promotions.js')"></script>
    @endpush
@endcanany