{{ include('admin/ui/card/_header.html.twig', {card_header_title:"Configuration de la galerie"}) }}
<div class="card-body pb-2" id="js-galleryConfig">
    {{ form_start(formConfig) }}
    <div class="row row-cols-lg-2">
        {{ form_row(formConfig.caption) }}
        {{ form_row(formConfig.enable) }}
    </div>
    <div id="js-gallerySliderConfig" class="border-top">
        <div class="row row-cols-lg-5">
            {{ form_row(formConfig.pagination) }}
            {{ form_row(formConfig.arrows) }}
            {{ form_row(formConfig.class) }}
            {{ form_row(formConfig.focus) }}
            {{ form_row(formConfig.gap) }}
        </div>
        <div class="row row-cols-lg-3">
            {{ form_row(formConfig.type) }}
            {{ form_row(formConfig.perPage) }}
            {{ form_row(formConfig.perMove) }}
        </div>
        <div class="row row-cols-lg-3">
            <div class="flex-center-center">
                <div>
                    <b>Choisissez le mode de défilement de la galerie :</b>
                    <ul>
                        <li>Manuel (par défaut) : Aucun défilement automatique, l'utilisateur fait défiler les images
                            manuellement.
                        </li>
                        <li>Lecture automatique : Les images défilent automatiquement avec un effet de
                            transition.
                        </li>
                        <li>Défilement automatique : Les images défilent en continu sans interruption,
                            créant un
                            effet fluide.
                        </li>
                    </ul>
                </div>
            </div>
            <div>
                {{ form_row(formConfig.autoplay) }}
                {{ form_row(formConfig.interval) }}
            </div>
            <div>
                {{ form_row(formConfig.autoScroll) }}
                {{ form_row(formConfig.autoScrollSpeed) }}
            </div>
        </div>
    </div>
    {{ include('admin/ui/form/_submit.html.twig', {submit_class:'primary', submit_label:'Sauvegarder'}) }}
    {{ form_end(formConfig) }}
</div>