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

{% block title %}
	Produit
{% endblock %}

{% block ogtitle %}Produit
{% endblock %}

{% block twittertitle %}
	Produit
{% endblock %}

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

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

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

{% block body %}

	<div class="product">
		<div class="container">
			<div class="product-content">
				<div class="product-header">
					<nav aria-label="breadcrumb">
						<ol class="breadcrumb">
							<li class="breadcrumb-item">
								<a href="{{ path('app_marque') }}">Les marques</a>
							</li>
							<li class="breadcrumb-item active" aria-current="catalogue">{{ marque['marque'] }}</li>
						</ol>
					</nav>


					<div class="product-body">
						<div class="row g-1">
							<div class="col-12 col-lg-4">
								{% include 'ecommerce/marque/includes/_produit_filter.html.twig' %}
							</div>

							{# PRODUITS #}
							<div class="col-12 col-lg">
								{% include 'ecommerce/marque/includes/_product_list.html.twig' %}
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

{% endblock %}

{% block javascripts %}
	{{ parent() }}

	{% set  dataMarque = {
		id:  marque['id'],
		filter_products_first: path('filter_products_marque'),
		filter_products_second: path('filter_products_second_marque'),
		filter_products_third: path('filter_products_third_marque'),
		filter_products_four: path('filter_products_for_marque'),
		filter_get_critere_famille: path('filter_get_critere_famille')
	} %}

	<script>
		var dataMarque = JSON.parse("{{ dataMarque|json_encode()|escape('js') }}");
	</script>

	<script src="{{asset('js/app/marque.js')}}"></script>
	<script src="{{asset('js/app/range.js')}}"></script>
	<script src="{{asset('js/app/product.js')}}"></script>
{% endblock %}