{# Modal de confirmation de changement de type #}
<div class="activity-type-modal" id="activityTypeModal" style="display: none;">
    <div class="activity-type-modal__overlay" data-action="click->moodia--modals#closeTypeChangeModal"></div>
    <div class="activity-type-modal__content">
        <div class="activity-type-modal__header">
            <h3 class="activity-type-modal__title">Changer le type d'activité ?</h3>
        </div>
        <div class="activity-type-modal__body">
            <p class="activity-type-modal__message">
                Vous êtes sur le point de changer le type d'activité de
                <strong><span id="modalOldType"></span></strong> vers
                <strong><span id="modalNewType"></span></strong>.
            </p>
            <p class="activity-type-modal__warning">
                ⚠️ Cette action supprimera le contenu actuel de l'activité.
            </p>
        </div>
        <div class="activity-type-modal__footer">
            <button
                type="button"
                class="activity-type-modal__btn activity-type-modal__btn--cancel"
                data-action="click->moodia--modals#closeTypeChangeModal"
            >
                Annuler
            </button>
            <button
                type="button"
                class="activity-type-modal__btn activity-type-modal__btn--confirm"
                data-action="click->moodia--modals#confirmTypeChange"
            >
                Confirmer le changement
            </button>
        </div>
    </div>
</div>

{# Modal de confirmation de suppression d'activité #}
<div class="activity-delete-modal" id="activityDeleteModal" style="display: none;">
    <div class="activity-delete-modal__overlay" data-action="click->moodia--modals#closeDeleteModal"></div>
    <div class="activity-delete-modal__content">
        <div class="activity-delete-modal__header">
            <h3 class="activity-delete-modal__title">Supprimer cette activité ?</h3>
        </div>
        <div class="activity-delete-modal__body">
            <p class="activity-delete-modal__message">
                Êtes-vous sûr de vouloir supprimer l'activité
                <strong><span id="deleteActivityName"></span></strong> ?
            </p>
            <p class="activity-delete-modal__warning">
                ⚠️ Cette action est irréversible. Tout le contenu de l'activité sera perdu.
            </p>
        </div>
        <div class="activity-delete-modal__footer">
            <button
                type="button"
                class="activity-delete-modal__btn activity-delete-modal__btn--cancel"
                data-action="click->moodia--modals#closeDeleteModal"
            >
                Annuler
            </button>
            <button
                type="button"
                class="activity-delete-modal__btn activity-delete-modal__btn--confirm"
                data-action="click->moodia--modals#confirmDeleteActivity"
            >
                Supprimer définitivement
            </button>
        </div>
    </div>
</div>

{# Modal de confirmation de suppression de section #}
<div class="section-delete-modal" id="sectionDeleteModal" style="display: none;">
    <div class="section-delete-modal__overlay" data-action="click->moodia--modals#closeSectionDeleteModal"></div>
    <div class="section-delete-modal__content">
        <div class="section-delete-modal__header">
            <h3 class="section-delete-modal__title">Supprimer cette section ?</h3>
        </div>
        <div class="section-delete-modal__body">
            <p class="section-delete-modal__message">
                Êtes-vous sûr de vouloir supprimer la section
                <strong><span id="deleteSectionName"></span></strong> ?
            </p>
            <p class="section-delete-modal__warning">
                ⚠️ Cette action est irréversible. Toutes les activités contenues dans cette section seront perdues.
            </p>
        </div>
        <div class="section-delete-modal__footer">
            <button
                type="button"
                class="section-delete-modal__btn section-delete-modal__btn--cancel"
                data-action="click->moodia--modals#closeSectionDeleteModal"
            >
                Annuler
            </button>
            <button
                type="button"
                class="section-delete-modal__btn section-delete-modal__btn--confirm"
                data-action="click->moodia--modals#confirmDeleteSection"
            >
                Supprimer définitivement
            </button>
        </div>
    </div>
</div>