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

{% block title %}
Yamakado meuble design
{% endblock %}

{% block nav_container %}


<h1><a href="{{ path('furnitures', {categorie: product.category.slug }) }}">{{ product.category | capitalize }}</a> {{ product.name }}

	{% if app.user %}
	<a class="admin" href="{{ path('admin_product_edit', {id: product.id}) }}">edit</a>
	{% endif %}
</h1> 
<p>Design {{ product.designer }}</p>


{% endblock %}


{% block body %}

	<div>


		<div class="product-carousel gallery">
			{% for image in product.images %}
				{% include 'product/image.html.twig' with {image: image } %}
			{% endfor %}
		</div>

		<p class="description">{{ product.description }}</p>

		{% if product.finitions %}
			<h2>Finitions</h2>
			<p>{{ product.finitions | raw }}</p>
		{% endif %}

		{% if product.dimensions %}
			<h2>Dimensions</h2>
			<p>{{ product.dimensions }}</p>
		{% endif %}

		<h2>T&eacute;l&eacute;chargement</h2>

		{% if product.documentation %}
			<p>
				<a href="{{ media(product.documentation) }}" target="_blank">
					<img src="{{ asset("images/ICONES/pdf-icon.jpg") }}" height="20" border="0"> t&eacute;l&eacute;charger la fiche technique (format pdf)
				</a>
			</p>
		{% endif %}

		{% if product.price %}
			<p>
				<a href="{{ media(product.price) }}" target="_blank">
					<img src="{{ asset("images/ICONES/pdf-icon.jpg") }}" height="20" border="0"> t&eacute;l&eacute;charger les tarifs (format pdf)
				</a>
			</p>

		{% else %}
			<p>mod&egrave;le hors collection. Pour une fabrication sp&eacute;ciale, <a href="contact@ymkd.fr">nous consulter</a>.</p>
		{% endif %}
		
		{% if product.projectProducts| length %}

			<h2>Le modèle mis en situation</h2>
			<p>Quelques r&eacute;alisations impliquant le mod&egrave;le sont rassembl&eacute;es ici. <br>
			Cliquer sur le titre ou sur l'image pour avoir plus de d&eacute;tails .
			</p>
			<div class="product-carousel">
				{% for projectProduct in product.projectProducts %}
					<div style="text-align:center; margin-right: 8px; margin-left: 8px;">
						<a  href="{{ path('project_show', {slug: projectProduct.project.slug }) }}">
							<img src="{{ asset(media(projectProduct.project.media)) | imagine_filter('thumb') }}">
							<br/>{{ projectProduct.project.name }}
						</a>
					</div>
				{% endfor %}
			</div>

		{% endif %}

		{% if product.collection.products | length > 1 %}

			<h2>Dans la m&ecirc;me collection</h2>

			<div class="product-carousel">
				{% for sameCollection in product.collection.products | filter(p => p.id != product.id and p.active) %}
					<div style="text-align:center; margin-right: 8px; margin-left: 8px;">
						<a  href="{{ path('product_show', {id: sameCollection.slug }) }}">
							<img src="{{ media(sameCollection.media) | imagine_filter('thumb') }}">
							<br/>{{ sameCollection.name }}
						</a>
					</div>
				{% endfor %}
			</div>	

		{% endif %}

		{% if product.category.products | length > 1 %}

			<h2>Dans la m&ecirc;me cat&eacute;gorie</h2>

			<div class="product-carousel ">
				{% for sameCategory in product.category.products | filter(p => p.active and p.id != product.id) %}
					<div style="text-align:center; margin-right: 8px; margin-left: 8px;">
						<a href="{{ path("product_show", {id: sameCategory.slug }) }}">
							<img src="{{ media(sameCategory.media)  | imagine_filter('thumb') }}">
							<br/>{{ sameCategory.name }}
						</a>
					</div>
				{% endfor %}
			</div>	
		{% endif %}

			

	</div>

{% endblock %}