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

{% block title %}Réalisations | Scobat SAS{% endblock %}

{% block body %}
	<main role="main">
		<div class="container">
			<section class="realisations js-filter" {% if device == 'mobile' %} data-controller="filter-mobile" {% else %} data-controller="filter" {% endif %}>
				<div class="title-section">
					<span>Notre savoir-faire</span>
					<h1>Les actualités et réalisations</h1>
					<img class="realisations-index-ligne" src="{{ asset("images/title-underline.svg") }}" alt="Ligne jaune">
				</div>
				<div class="realisations__filter">
					<span>Filtrer par :</span>
					{{ form_start(form, {attr: {class:'js-filter-form'}})  }}
						{% for category in form.categories %}
						{{ form_widget(category, {attr: {class: 'widget-form'} } ) }}
						{{ form_label( category , null ,{'label_attr': {class:'filtre-label' } } ) }}
					{% endfor %}
					{{ form_end(form) }}
				</div>
				<div class="row js-filter-content">
					{% include 'realisations/_realisations.html.twig' %}
				</div>
				<div class="js-filter-pagination {{ pages }}">
					{% include 'realisations/_pagination.html.twig' %}
				</div>
			</section>
		</div>
	</main>
{% endblock %}