{# slider statique qui affiche les fichier slide_01.jpg ... slide_08.jpg depuis "/assets/images/fiche/" #}
{% set texte = [
"Demande d'inscription, ce qui est inclus (cantine, activités, etc.), règlement intérieur ...",
"Frais de scolarité, aides financières, modalités de paiement ...",
"Projet pédagogique et éducatif, méthodes d’enseignement, individualisation du suivi scolaire ...",
"Organisation de la vie scolaire, nombre d'élèves par classe, activités périscolaires et extrascolaires ...",
"Encadrement pédagogique, qualification des enseignants, stabilité de l’équipe pédagogique ...",
"Communication entre enseignants et parents, portail numérique, carnets de liaison ...",
"Taille de l’établissement, locaux et équipements sportifs, sécurité ...",
"Ouverture à l’international, partenariats avec d’autres établissements à l’étranger, voyages et échanges scolaires ...",
] %}
<div id="staticSlider" class="carousel slide carousel-dark" data-bs-ride="carousel">
{# <!-- Indicators/dots --> #}
<div class="carousel-indicators">
{% for i in 0..7 %}
<button type="button" data-bs-target="#staticSlider" data-bs-slide-to="{{i}}" {% if loop.index0 == 0 %}class="active"{% endif %}></button>
{% endfor %}
</div>
{# <!-- The slideshow/carousel --> #}
<div class="carousel-inner">
{% for i in 1..8 %}
<div class="carousel-item {% if loop.index0 == 0 %}active{% endif %}">
<img src="{{ asset('build/images/fiche/slide_0' ~ i ~ '.jpg') }}" alt="texte" class="d-block" style="width:100%;">
<div class="carousel-caption">
<p class="caption-text">{{ texte[i-1] }}</p>
<div class="text-center">
<div class="contact-btn-like text-center" style="width: 100%; cursor: pointer;" onclick="document.getElementById('di-inline').scrollIntoView({ behavior: 'smooth' });">
Je prends contact
</div>
</div>
</div>
</div>
{% endfor %}
</div>
</div>