@php
    $saleParameter = $program->saleParameter ?? $application->saleParameter;
    $isUsingApplicationParams = !$program->saleParameter;
    $optionRenouvellable = $saleParameter->option_renouvellable ?? 0;
    $extensionNumbers = $saleParameter->extension_numbers ?? 0;
    $programCoverMedia = $program->getFirstMedia('images');
    $programCover = $programCoverMedia
        ? (media_url($programCoverMedia, 'small', 60) ?? $programCoverMedia->getUrl('small'))
        : null;
@endphp
<div class="modal fade" id="editSaleParameterModal" tabindex="-1" aria-labelledby="editSaleParameterModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <form method="POST" action="{{ route('partner.program.update-parameter', ['program' => $program->token]) }}">
                @csrf
                @method('PUT')
                <div class="modal-header">
                    <h5 class="modal-title text-primary" id="editSaleParameterModalLabel">{{ $isUsingApplicationParams ? 'Ajouter des paramètres personnalisés' : 'Modifier les paramètres personnalisés' }}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fermer"></button>
                </div>
                <div class="modal-body">
                    <div class="bg-light rounded-3 p-3 mb-4 d-flex align-items-center gap-3">
                        @if($programCover)
                            <img src="{{ $programCover }}" alt="{{ $program->name }}" class="rounded-3 sale-parameter-program-thumb">
                        @else
                            <div class="rounded-3 d-flex align-items-center justify-content-center bg-white border sale-parameter-program-thumb">
                                <span class="icon-building-2 icon icon-20 text-grey"></span>
                            </div>
                        @endif
                        <div>
                            <p class="text-navigo text-16 text-dark mb-1">Programme</p>
                            <p class="text-primary text-navigo text-20 mb-0">{{ $program->name }}</p>
                        </div>
                    </div>

                    <div class="row g-4">
                        <div class="col-md-12">
                            <h6 class="h6-line text-navigo text-12 text-primary mb-3 text-uppercase"><span>Options</span></h6>
                            <div class="row g-3">
                                <div class="col-md-4">
                                    <label class="form-label text-navigo text-16 text-dark">Durée de l'option</label>
                                    <select name="option_duration_day" class="form-select" required>
                                        @foreach(\App\Enums\OptionDuration::cases() as $duration)
                                            <option value="{{ $duration->value }}" {{ ($saleParameter->option_duration_day ?? 1) == $duration->value ? 'selected' : '' }}>{{ $duration->label() }}</option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="col-md-4">
                                    <label class="form-label text-navigo text-16 text-dark">Rang de l'option</label>
                                    <select name="option_rang" class="form-select" required>
                                        <option value="1" {{ ($saleParameter->option_rang ?? 1) == 1 ? 'selected' : '' }}>Rang 1 uniquement</option>
                                        <option value="2" {{ ($saleParameter->option_rang ?? 1) == 2 ? 'selected' : '' }}>Rang 2 autorisé</option>
                                    </select>
                                </div>

                                <div class="col-md-4">
                                    <label class="form-label text-navigo text-16 text-dark">Renouvellement</label>
                                    <select name="option_renouvellable" class="form-select" id="option_renouvellable" required>
                                        @foreach(\App\Enums\OptionRenouvellable::cases() as $option)
                                            <option value="{{ $option->value }}" {{ $optionRenouvellable == $option->value ? 'selected' : '' }}>{{ $option->label() }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-12">
                            <h6 class="h6-line text-navigo text-12 text-primary mb-3 text-uppercase"><span>Signature</span></h6>
                            <label class="form-label text-navigo text-16 text-dark">Délai de signature</label>
                            <input type="number"
                                   name="option_signature_deadline_day"
                                   class="form-control w-auto sale-parameter-signature-input"
                                   min="1"
                                   max="30"
                                   value="{{ $saleParameter->option_signature_deadline_day ?? '' }}"
                                   placeholder="15">
                            <div class="text-roboto text-14 text-grey mt-2">Entre 1 et 30 jours</div>
                        </div>

                        <div class="col-md-12">
                            <h6 class="h6-line text-navigo text-12 text-primary mb-3 text-uppercase"><span>Paramètres</span></h6>
                            <div class="bg-light rounded-3 p-3 mb-3">
                                <div class="form-check form-switch m-0">
                                    <input type="hidden" name="option_jour_ouvrable" value="0">
                                    <input class="form-check-input" type="checkbox" role="switch" id="option_jour_ouvrable" name="option_jour_ouvrable" value="1" {{ ($saleParameter->option_jour_ouvrable ?? false) ? 'checked' : '' }}>
                                    <label class="form-check-label text-navigo text-16 text-dark ms-2" for="option_jour_ouvrable">Jours ouvrables uniquement</label>
                                </div>
                            </div>

                            <div class="bg-light rounded-3 p-3">
                                <div class="form-check form-switch mb-2">
                                    <input type="hidden" name="auto_validated_option" value="0">
                                    <input class="form-check-input" type="checkbox" role="switch" id="auto_validated_option" name="auto_validated_option" value="1" {{ ($saleParameter->auto_validated_option ?? false) ? 'checked' : '' }}>
                                    <label class="form-check-label text-navigo text-16 text-dark ms-2" for="auto_validated_option">Acceptation automatique des poses d'option</label>
                                </div>
                                <p class="mb-0 text-roboto text-14 text-grey ps-5">
                                    Si activé, les options posées par les clients seront automatiquement acceptées. Sinon, elles nécessiteront une validation manuelle.
                                    Ce paramètre surcharge celui de l'application.
                                </p>
                            </div>
                        </div>

                        <div class="col-12">
                            <h6 class="h6-line text-navigo text-12 text-primary mb-3 text-uppercase mt-2"><span>Signataire</span></h6>
                            <div class="row g-4">
                                <div class="col-md-6">
                                    <label class="form-label fw-bold text-16" for="signataire_email">
                                        <span class="icon-mail icon icon-16 me-1 text-primary"></span>
                                        Email de signature
                                        <span class="icon-info icon icon-16 ms-1 text-muted" data-bs-toggle="tooltip" data-bs-placement="top" title="Email du signataire vendeur pour la signature électronique"></span>
                                    </label>
                                    <input type="email" name="signataire_email" id="signataire_email" class="form-control" value="{{ old('signataire_email', $saleParameter->signataire_email ?? '') }}" placeholder="exemple@domaine.fr" maxlength="255">
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label fw-bold text-16" for="signataire_phone">
                                        <span class="icon-phone icon icon-16 me-1 text-primary"></span>
                                        Numéro de téléphone
                                        <span class="icon-info icon icon-16 ms-1 text-muted" data-bs-toggle="tooltip" data-bs-placement="top" title="Téléphone du signataire vendeur pour la signature électronique"></span>
                                    </label>
                                    <input type="text" name="signataire_phone" id="signataire_phone" class="form-control" value="{{ old('signataire_phone', $saleParameter->signataire_phone ?? '') }}" placeholder="06 12 34 56 78" maxlength="50">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer d-flex justify-content-start gap-2">
                    <button type="button" class="btn btn-outline-secondary text-dark" data-bs-dismiss="modal">Annuler</button>
                    <button type="submit" class="btn btn-success">Enregistrer</button>
                </div>

                <input type="hidden" name="renewal_allowed" value="1">
                <input type="hidden" name="extension_allowed" value="{{ $extensionNumbers > 0 ? 1 : 0 }}">
                <input type="hidden" name="extension_numbers" value="{{ $extensionNumbers }}">
            </form>
        </div>
    </div>
</div>