{% extends "base.html.twig" %}

{% block stylesheets %} 
<link href="{{asset('assets/assets/css/module-css/gallery.css')}}" rel="stylesheet">
{% endblock %}

{% block body %}

        <!-- page-title -->
        <section class="page-title centred">
            <div class="bg-layer" style="background-image: url(assets/assets/images/background/page-title.jpg);"></div>
            <div class="auto-container">
                <div class="content-box">
                    <h1>Galerie</h1>
                    <ul class="bread-crumb clearfix">
                        <li><a href="{{ path('home') }}">Accueil</a></li>
                        <li>Galerie</li>
                    </ul>
                </div>
            </div>
        </section>
        <!-- page-title end -->


        <!-- gallery-page-section -->
        <section class="gallery-page-section pt_150 pb_150">
        {% for event in events %}
            
            <div class="auto-container">
                <div class="content_block_five text-center">
                    <div class="content-box">
                        <div class="sec-title mb_90 {% if loop.index > 0 %} mt_100 {% endif %} ">
                            <span class="sub-title">En images</span>
                            <h2>{{event.titre}}</h2>
                        </div>
                    </div>
                </div>
                <div class="row clearfix">
                    {% for photo in event.photos %}
                        <div class="col-lg-4 col-md-6 col-sm-12 gallery-block">
                            <div class="gallery-block-one">
                                <div class="inner-box">
                                    <figure class="image-box"><img src="{{asset('uploads/galerie/' ~ photo.filename )}}" alt=""></figure>
                                    <div class="content-box">
                                        <h3><a href="{{asset('uploads/galerie/' ~ photo.filename )}}" class="lightbox-image" data-fancybox="gallery">{{event.titre}}</a></h3>
                                        <div class="btn-box">
                                            <a href="{{asset('uploads/galerie/' ~ photo.filename )}}" class="blog-btn lightbox-image" data-fancybox="gallery"><span>Voir</span></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    {% endfor %}
                </div>
                {# <div class="pagination-wrapper centred pt_30">
                    <ul class="pagination clearfix">
                        <li><a href="gallery.html"><i class="icon-28"></i></a></li>
                        <li><a href="gallery.html" class="current">1</a></li>
                        <li><a href="gallery.html">2</a></li>
                        <li><a href="gallery.html">3</a></li>
                        <li><a href="gallery.html">4</a></li>
                        <li><a href="gallery.html"><i class="icon-29"></i></a></li>
                    </ul>
                </div> #}
            </div>

        {% endfor %}
        
        </section>
        <!-- gallery-page-section end -->


        
      
{% endblock %}