{# Step 5: Success #}
<div class="moodia-step" data-moodia--stepper-target="step" data-step="5" style="display: none;">
    <div class="moodia-card moodia-card--success">

        {# Icône de succès #}
        <div class="success-icon-modern">
            <svg width="64" height="64" viewBox="0 0 24 24" fill="none">
                <circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="2" fill="none"/>
                <path d="M8 12.5l3 3 5-6" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
            </svg>
        </div>

        {# Titre #}
        <h2 class="success-title-modern">Cours créé avec succès !</h2>
        <p class="success-subtitle">Votre cours est maintenant disponible sur Moodle</p>

        {# Bouton principal vers Moodle #}
        <a
            href="#"
            target="_blank"
            class="btn btn--primary btn--large"
            data-moodia--step-5-deploy-target="moodleLink"
        >
            Accéder au cours sur Moodle
        </a>

        {# Actions secondaires #}
        <div class="success-actions-secondary">
            <button
                type="button"
                class="btn btn--secondary"
                data-action="click->moodia--step-5-deploy#reset"
            >
                Créer un nouveau cours
            </button>
        </div>
    </div>
</div>