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

{% block title %}Nos réalisations - Favergeat{% endblock %}

{% block body %}
    <main role="main">
        <section class="realisations">
            <div class="container js-filter">
                 <h1>
                    Nos réalisations <br>
                    <span class="roboto">signées Favergeat</span>
                </h1>
                <div class="filter ">
                    <a href="{{ path('realisations') }}" class="btn btn-bleuP btn-filter">Tous</a>
                    {{ form_start(formCategories, {attr: {class:'filter js-filter-form'}})  }}
                        {% for category in formCategories.categories %}
                            {{ form_widget(category, {attr: {class: 'widget-form'}} ) }}
                            {{ form_label( category , null ,{'label_attr': {class:'btn btn-bleuP btn-filter' } } ) }}
                        {% endfor %}
                    {{ form_end(formCategories) }}
                </div>
                <div class="dark-bg"></div>
                <div class="row js-filter-content">
                    {% include 'pages/realisations/_realisations.html.twig' %}
                </div>
            </div>
        </section>
    </main>
{% endblock %}

{% block javascripts %}
    <script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
    <script>
        var swiper = new Swiper(".carousel-realisation-full", {
            autoWidth: true,
            navigation: {
                nextEl: ".swiper-navigation .swiper-button-next",
                prevEl: ".swiper-navigation .swiper-button-prev",
            },
        });
    </script>
{% endblock %}