{% extends "base.html.twig" %}
{% block title %}Galerie photo - Le Migennois{% endblock %}
{% block body %}
<main role="main">
<section class="photo-galery" data-controller="popup">
<div class="container">
<div class="title-subtitle yellow">
<span class="subtitle">La vie comme vous l'imaginez !</span>
<h1>Notre galerie photo</h1>
</div>
<div class="js-filter" data-controller="filter">
<div class="album">
{{ form_start(albumForm, {attr: {class:'js-filter-form'}}) }}
<div class="wrapper">
{{ form_label( albumForm.albumPhoto , null ,{'label_attr': {class:'filtre-label' } } ) }}
{{ form_widget(albumForm.albumPhoto, {attr: {class: 'widget-form'} } ) }}
</div>
<button type="submit" class="widget-form blue">
Filtrer
</button>
{{ form_end(albumForm) }}
</div>
<div class="row js-filter-content">
{% include 'pages/photoGalerie/_photoGalerie.html.twig' %}
</div>
{% if pages > 1 %}
<div class="js-filter-pagination">
{% include "pages/photoGalerie/_pagination.html.twig" %}
</div>
{% endif %}
<div class="popup">
<img class="cross" src="{{ asset('images/icons/cross.svg') }}" alt="croix">
{% include 'pages/photoGalerie/_carrousel.html.twig' %}
<div class="bg-black"></div>
</div>
</div>
</div>
</section>
</main>
{% endblock %}