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

{% block title %}Réalisation{% endblock %}

{% block body %}

    <!--Page Title-->
    <section class="page-title" style="background-image:url({{ asset('images/background/10.jpg') }});">
        <div class="auto-container">
            <div class="inner-container clearfix">
                <div class="title-box">
                    <h1>Réalisations</h1>
                    <span class="title">Réalisons votre projet ensemble ...</span>
                </div>
                <ul class="bread-crumb clearfix">
                    <li><a href="{{ path('page.home') }}">Accueil</a></li>
                    <li>Réalisations</li>
                </ul>
            </div>
        </div>
    </section>
    <!--End Page Title-->

    <!-- Projects Section -->
    <section class="projects-section alternate">
        <div class="auto-container">
             <!--MixitUp Galery-->
            <div class="mixitup-gallery">
                <!--Filter-->
                <div class="filters text-center clearfix">
                    <ul class="filter-tabs filter-btns clearfix">
                        <li class="active filter" data-role="button" data-filter="all">TOUT</li>
                        {% for categorie in categoryshow %}
                            <li class="filter" data-role="button" data-filter=".{{ categorie.class }}">{{ categorie.name|upper }}</li>
                        {% endfor %}
                    </ul>
                </div>

                <div class="filter-list row">

                    <!-- Project Block -->
                    {% for projet in projets %}
                        
                        <div class="project-block all mix {{ projet.idCategory.class }} col-lg-6 col-md-6 col-sm-12">
                            <center><h5><a href="{{ path('page.projet', {id: projet.id, slug: projet.slug }) }}">PROJET<br> {{ projet.name }}</a></h5></center>
                            <div class="image-box">
                                <figure class="image"><img src="{{ asset('uploads/img/' ~ projet.cover) }}" alt="{{ projet.name }}"></figure>
                                <div class="overlay-box">
                                    <h4><a href="{{ path('page.projet', {id: projet.id, slug: projet.slug }) }}">PROJET <br>{{ projet.name }}</a></h4>
                                    <div class="btn-box">
                                        <a href="{{ path('page.projet', {id: projet.id, slug: projet.slug }) }}">Voir Le Projet</a>
                                    </div>
                                    <span class="tag">{{ projet.idCategory.name }}</span>
                                </div>
                            </div>
                        </div>

                    {% endfor %}

                </div>
            </div>


            {# contact #}
            <div class="link-box" style="margin-top:50px;"><center><a href="{{ path('page.contact') }}" class="theme-btn btn-style-one">Chaque Semaine, un nouveau projet à vous présenter  !!</a></center></div><br><br>

            <div class="help-box-two">
                <div class="inner"><center>
                    <span class="title">Contact rapide</span>
                    <h2>VOUS AVEZ UN PROJET SIMILAIRE ?</h2>
                    <div class="text">Vous avez un projet similaire à réaliser ? N'hésitez pas à nous contacter !</div>
                    <a class="theme-btn btn-style-two" href="{{ path('page.contact') }}">Contact</a></center>
                </div>
            </div>
        </div>
    </section>



{% endblock %}