{% set nbslides = slidesContent|length %}{% if nbslides > 0 %} <div class="modal fade" id="{{ dialogId }}" tabindex="-1" role="dialog"> <div class="modal-dialog modal-residence" role="document"> <div class="modal-content"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <div class="carousel-produit" id="{{ dialogId }}-residence"> <section id="carousel" class="splide" aria-labelledby="carousel-heading"> <div class="splide__track"> <ul class="splide__list"> {% for media in slidesContent %} {% if media.name is not empty %} <li class="splide__slide"> <img src="{{ vich_uploader_asset(media, 'imageFile') | imagine_filter('full_width_1024') }}"alt="Slide {{ media.title }}" loading="lazy" /> </li> {% endif %} {% endfor %} </ul> </div> </section> <section id="thumbnail-carousel" class="splide" aria-label="The carousel with thumbnails. Selecting a thumbnail will change the Beautiful Gallery carousel." > <div class="splide__track"> <ul class="splide__list"> {% for media in slidesContent %} {% if media.name is not empty %} <li class="splide__slide"> <img src="{{ vich_uploader_asset(media, 'imageFile') | imagine_filter('admin_vignette') }}"alt="Slide {{ media.title }}" loading="lazy" /> </li> {% endif %} {% endfor %} </ul> </div> </section> </div> </div> </div> </div>{% endif %}