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

{% block title %}
	Famille
{% endblock %}

{% block ogtitle %}
	Famille
{% endblock %}

{% block twittertitle %}
	Famille
{% endblock %}

{% block canonical %}
	{% set currentUrl = app.request.uri() %}{{ canonicalHandler(currentUrl, 'Famille') }}
{% endblock %}

{% block ogurl %}
	{% set currentUrl = app.request.uri() %}{{ canonicalHandler(currentUrl, 'Famille') }}
{% endblock %}

{% block twitterurl %}
	{% set currentUrl = app.request.uri() %}{{ canonicalHandler(currentUrl, 'Famille') }}
{% endblock %}

{% block body %}
	{% set linkimgrout = asset('images/FAMILLE/') %}

	<div class="famille">
		<div class="container">
			<div class="famille-content">
				<div class="famille-header">
					<h1 class="famille-title">Famille de
						{{ rayon }}</h1>
					<nav aria-label="breadcrumb">
						<ol class="breadcrumb">
							<li class="breadcrumb-item">
								<a href="{{ path('app_famille') }}">Catalogue</a>
							</li>
							<li class="breadcrumb-item active" aria-current="catalogue">{{ rayon }}</li>
						</ol>
					</nav>
				</div>
				<div class="famille-body">
					<div class="row g-1">
						{% for famille in familles %}
							<div class="col-sm-12 col-lg-4 col-xxl-4">
								<a href="{{ path('app_famille_produit', { nom: famille['nom']|slug|urlHandler }) }}" class="famille-item">
									{% if famille['image'] %}
										<div class="famille-item__img"><img class="famille-item__img" loading="lazy" src="{{ famille['image'] }}" onerror="imgNotFoundSubs(this, '{{ asset('images/no-picture.png') }} ')"/></div>

									{% endif %}
									<h5 class="famille-item__title">{{ famille['nom'] }}</h5>
								</a>
							</div>
						{% endfor %}
					</div>
				</div>
			</div>
		</div>
	</div>
{% endblock %}