{{-- Modal Création Page Fille --}}
<div class="modal fade" id="js-createChildPageModal" tabindex="-1" aria-hidden="true" data-bs-backdrop="static">
    <div class="modal-dialog modal-dialog-centered" style="max-width: 320px;">
        <div class="modal-content border-0 shadow-lg" style="border-radius: 12px; overflow: hidden;">
            <div class="modal-body p-4 text-center">
                <h5 class="fw-bold mb-4" style="color: #000; font-size: 18px;">Création page fille</h5>

                <form action="{{ route('landing_websites.store') }}" method="POST">
                    @csrf
                    <input type="hidden" name="parent_id"
                        value="{{ $landingWebsite->parent_id ?? $landingWebsite->id }}">
                    <input type="hidden" name="tags" value="[]">

                    <div class="mb-4">
                        <select name="name" class="form-select text-center"
                            style="border-radius: 20px; height: 40px; border: 1px solid #e2e8f0; font-size: 14px; background-color: #f8fafc;">
                            <option value="Page vierge">Page vierge</option>
                            <option value="Remerciements">Remerciements</option>
                            <option value="Jeu">Jeu</option>
                            <option value="Règlement">Règlement</option>
                            <option value="Coupon">Coupon</option>
                            <option value="Vidéo">Vidéo</option>
                            <option value="Localisation">Localisation</option>
                        </select>
                    </div>

                    <div class="d-flex flex-column gap-2">
                        <button type="submit" class="btn fw-bold"
                            style="background: #1e1e1e; color: #fff; border-radius: 25px; height: 45px; font-size: 15px;">
                            Créer
                        </button>
                        <button type="button" class="btn btn-link text-muted btn-sm text-decoration-none"
                            data-bs-dismiss="modal">
                            Annuler
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>