{% 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-details">
		<div class="container">

			<nav aria-label="breadcrumb">
				<ol class="breadcrumb">

					{% if rayon is defined %}
						<li class="breadcrumb-item">
							<a href="{{ path('app_famille_famille', {rayon: rayon|urlHandler }) }}">{{rayon}}
							</a>
						</li>
						<li class="breadcrumb-item active" aria-current="catalogue">{{ produit['produit'] }}</li>
					{% else %}
						<li class="breadcrumb-item">
							<a href="{{ path('app_produits_marque', {marque: marque|urlHandler }) }}">{{ marque }}</a>
						</li>
						<li class="breadcrumb-item active" aria-current="catalogue">{{ produit['produit'] }}</li>
					{% endif %}

				</ol>
			</nav>
			<div class="product-details__content">
				<div class="product-details__gallery">
					{% if produit['image'] %}
						<div id="my-zoomist" data-zoomist-src="{{ produit['image'] }}"></div>
					{% else %}
						<img onload="imgNotFoundSubs(this, '{{ asset('images/no-picture.png') }}')">
					{% endif %}
				</div>

				<div class="product-details__info">

					<h3 class="product-details__title">{{ produit['produit'] }}</h3>
					<h2 class="product-details__price">{{ produit['prix_ttc'] }}€</h2>
					{% if produit['stock'] < 10 and produit['stock']> 0 %}
						<p class="product-details__stock">
							<span class="text-primary">
								<i class="bi bi-check-circle-fill"></i>
							</span>
							Dépêchez-vous! seulement
							<span class="text-primary">
								{{ produit['stock'] }}
							</span>
							articles restants
						</p>
					{% endif %}
					{% if produit['stock'] > 10 %}
						<p class="product-details__stock">
							<span class="text-primary">
								<i class="bi bi-check-circle-fill"></i>
							</span>
							Il y a
							<span class="text-primary">
								{{ produit['stock'] }}
							</span>
							articles restants
						</p>
					{% endif %}
					<div class="product-details__tocart">
						<div class="quantity-wrapper">
							<span class="quantity-decrement">–</span><input type="number" class="form-control quantity" id="quantityInput" value="1" min="1" max="{{ produit['stock'] }}"><span class="quantity-increment">+</span>
						</div>
						<button title="Ajouter au panier" type="button" name="panier" id="panier" class="btn btn-sm btn-primary" onclick="addToCart({{ produit|json_encode }})">
							<i class="bi bi-cart"></i> Ajouter panier
						</button>

					</div>
					{% set marque = produit|marqueProduit %}
					<div class="product-details__descr">
						<h5>Description du produit</h5>
						<ul>
							{% if produit['id_marque'] is not empty %}
								<li>
									<b>Constructeur:</b>
									{% set marque = produit|marqueProduit %}
									<span>
										<a href="{{ path('app_produit_marque', {label: marque['marque']|urlHandler }) }}">{{ marque['marque']
										}}
											<span>
												<i class="fas fa-external-link-alt"></i>
											</span>
										</a>
									</span>
								</li>
							{% endif %}
							{% if produit['id_famille'] is not empty %}
								<li>
									<b>Type:
									</b>
									{% set famille = produit|familleProduit %}
									<span>
										{{ famille['nom'] }}
									</span>
								</li>
							{% endif %}
							{% if produit['critere1'] is not empty %}
								<li>
									<b>{% set critere1 = produit['critere1']|split('=>') %}
										{{ critere1[0] }}:
									</b>
									<span>{% set critere1 = produit['critere1']|split('=>') %}
										{{ critere1[1] }}</span>
								</li>
							{% endif %}
							{% if produit['critere2'] is not empty %}
								<li>
									<b>{% set critere2 = produit['critere2']|split('=>') %}
										{{ critere2[0] }}:
									</b>
									<span>{% set critere2 = produit['critere2']|split('=>') %}
										{{ critere2[1] }}</span>
								</li>
							{% endif %}
							{% if produit['critere3'] is not empty %}
								<li>
									<b>{% set critere3 = produit['critere3']|split('=>') %}
										{{ critere3[0] }}:
									</b>
									<span>{% set critere3 = produit['critere3']|split('=>') %}
										{{ critere3[1] }}</span>
								</li>
							{% endif %}
							{% if produit['critere4'] is not empty %}
								<li>
									<b>{% set critere4 = produit['critere4']|split('=>') %}
										{{ critere4[0] }}:
									</b>
									<span>{% set critere4 = produit['critere4']|split('=>') %}
										{{ critere4[1] }}</span>
								</li>
							{% endif %}
							{% if produit['critere5'] is not empty %}
								<li>
									<b>{% set critere5 = produit['critere5']|split('=>') %}
										{{ critere5[0] }}:
									</b>
									<span>{% set critere5 = produit['critere5']|split('=>') %}
										{{ critere5[1] }}</span>
								</li>
							{% endif %}
							{% if produit['critere6'] is not empty %}
								<li>
									<b>{% set critere6 = produit['critere6']|split('=>') %}
										{{ critere6[0] }}:
									</b>
									<span>{% set critere6 = produit['critere6']|split('=>') %}
										{{ critere6[1] }}</span>
								</li>
							{% endif %}
							{% if produit['critere7'] is not empty %}
								<li>
									<b>{% set critere7 = produit['critere7']|split('=>') %}
										{{ critere7[0] }}:
									</b>
									<span>{% set critere7 = produit['critere7']|split('=>') %}
										{{ critere7[1] }}</span>
								</li>
							{% endif %}
							{% if produit['critere8'] is not empty %}
								<li>
									<b>{% set critere8 = produit['critere8']|split('=>') %}
										{{ critere8[0] }}:
									</b>
									<span>{% set critere8 = produit['critere8']|split('=>') %}
										{{ critere8[1] }}</span>
								</li>
							{% endif %}
							{% if produit['critere9'] is not empty %}
								<li>
									<b>{% set critere9 = produit['critere9']|split('=>') %}
										{{ critere9[0] }}:
									</b>
									<span>{% set critere9 = produit['critere9']|split('=>') %}
										{{ critere9[1] }}</span>
								</li>
							{% endif %}
							{% if produit['critere10'] is not empty %}
								<li>
									<b>{% set critere10 = produit['critere10']|split('=>') %}
										{{ critere10[0] }}:
									</b>
									<span>{% set critere10 = produit['critere10']|split('=>') %}
										{{ critere10[1] }}</span>
								</li>
							{% endif %}
							{% if produit['code_ean'] is not empty %}
								<li>
									<b>Code EAN:
									</b>
									<span>{{ produit['code_ean'] }}</span>
								</li>
							{% endif %}
							{% if produit['code_fabricant'] is not empty %}
								<li>
									<b>Code Fabricant:
									</b>
									<span>{{ produit['code_fabricant'] }}</span>
								</li>
							{% endif %}
							{% if produit['etat'] is not empty %}
								<li>
									<b>état:
									</b>
									<span>{{ produit['etat'] }}</span>
								</li>
							{% endif %}
							{% if produit['stock'] is not empty %}
								<li>
									<b>Stock:</b>
									<span>{{ produit['stock'] }}</span>
								</li>
							{% endif %}
							{% if produit['poid'] is not empty %}
								<li>
									<b>Poid:
									</b>
									<span>{{ produit['poid'] }}</span>
								</li>
							{% endif %}
							<li>
								{% if produit['largeur'] is not empty %}
									<b>largeur:
									</b>
									<span>{{ produit['largeur'] }}</span>
								{% endif %}
							</li>
							{% if produit['profondeur'] is not empty %}
								<li>
									<b>profondeur:
									</b>
									<span>{{ produit['profondeur'] }}</span>
								</li>
							{% endif %}
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
{% endblock %}

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

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