<!-- Modal Classe Promos========================================================= -->
<div class="modal animate__animated animate__fadeInLeft" id="modalClassPromos">
    <div onclick="closeForm('modalClassPromos')" class="modal-background"></div>
    <div class="modal-card">
        <header class="modal-card-head">
            <p class="modal-card-title">Promotions</p>
            <button type="button" onclick="closeForm('modalClassPromos')" class="delete" aria-label="close"></button>
        </header>
        <section class="modal-card-body">
            <div class="buttons columns mx-0 my-1 is-flex is-justify-content-center">
                @foreach ($classPromos as $classPromo)
                            <a target="_blank" href="/accueil/classe/{{ $classe->slug }}/{{str_replace('/', '-', $classPromo->libelle)}}"
                                class="button pt-2 column is-info is-light is-rounded">{{ $classPromo->libelle }}</a>
                @endforeach
            </div>
        </section>
        <footer class="modal-card-foot">
            <button type="button" onclick="closeForm('modalClassPromos')"
                class="button is-info is-light is-rounded">Annuler</button>
        </footer>
    </div>
</div>
