Nouveau format : Modal Bootstrap

    }

    /**

     * Affiche les éventuelles alertes sous forme d'alert Javascript.

     * Affiche les éventuelles alertes sous forme de Modals Bootstrap chaînées

     * (https://getbootstrap.com/docs/5.2/components/modal/#toggle-between-modals).

     *

     * @return string

     */

    public function renderAsBootstrapModals(): string

    {

        return $this->renderPartial('unicaen-alerte/partial/as-bs-modals');

    }

    /**

     * Affiche les éventuelles alertes sous forme d'alertes Javascript.

     *

     * @return string

     */

<?php

/**

 * @var Alerte[] $alertes

 */

use UnicaenAlerte\Entity\Db\Alerte;

?>

<?php foreach ($alertes as $i => $alerte): ?>

    <div class="unicaen-alerte unicaen-alerte-<?php echo $severity = $alerte->getSeverity() ?>

                modal fade"

         id="unicaen-alerte-modal-<?php echo $i ?>"

         aria-hidden="true" aria-labelledby="modalToggleLabel-<?php echo $i ?>"

         tabindex="-1">

        <div class="modal-dialog modal-dialog-centered">

            <div class="modal-content">

                <div class="modal-header bg-<?php echo $severity ?>">

                    <h5 class="modal-title" id="modalToggleLabel-<?php echo $i ?>">

                        <span class="icon icon-<?php echo $severity = $alerte->getSeverity() ?>"></span>

                        <?php echo $alerte->getTitle() ?>

                    </h5>

                    <?php if ($alerte->isDismissible()): ?>

                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fermer"></button>

                    <?php endif ?>

                </div>

                <div class="modal-body text-<?php echo $severity ?>">

                    <?php echo $alerte->getText() ?>

                </div>

                <div class="modal-footer">

                    <?php if (isset($alertes[$i-1])): ?>

                        <button class="btn btn-secondary"

                                data-bs-target="#unicaen-alerte-modal-<?php echo $i-1 ?>" data-bs-dismiss="modal" data-bs-toggle="modal">

                            < Alerte précédente

                        </button>

                    <?php elseif (isset($alertes[$i+1])): ?>

                        <button class="btn btn-secondary"

                                data-bs-target="#unicaen-alerte-modal-<?php echo $i+1 ?>" data-bs-dismiss="modal" data-bs-toggle="modal">

                            Alerte suivante >

                        </button>

                    <?php endif ?>

                </div>

            </div>

        </div>

    </div>

<?php endforeach; ?>

<script>

    $(function () {

        (new bootstrap.Modal('#unicaen-alerte-modal-0')).toggle();

    })

</script>