{% 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="container-fluid">
		<div class="container">
			<div
				class="table-responsive">
				{# <div class="count"> {{ pagination.getTotalItemCount }} </div> #}
				<form method="get" action="{{ path('app_produit') }}">
					<div class="input-group mt-4">
						{% if search is defined %}
							<input type="search" name="search" value="{{search}}" class="form-control" placeholder="Rechercher" aria-label="Rechercher" aria-describedby="rechercheProduit">
						{% else %}
							<input type="search" name="search" class="form-control" placeholder="Rechercher" aria-label="Rechercher" aria-describedby="rechercheProduit">
						{% endif %}

						<button class="input-group-text" type="submit" id="rechercheProduit">
							<i class="bi bi-search"></i>
						</button>
					</div>
				</form>
				<table class="table nostripes mt-3" id="" data-page-length='5'>
					<thead>
						<tr>
							<th scope="col">Image</th>
							<th scope="col">Produit</th>
							<th scope="col">Prix</th>
							<th scope="col"></th>
						</tr>
					</thead>
					<tbody>
						{% for produit in produits %}
							<tr>
								{% if fileExists(produit['image']) %}
									<td><img class="mimgurl img-thumbnail" loading="lazy" src="{{produit['image']}}"/></td>
								{% else %}
									<td><img class="img-thumbnail" loading="lazy" src="{{projectConfig.logo}}"/></td>
								{% endif %}
								<td class="align-middle">
									<p>{{ produit['produit'] }}</p>
									<p>
										<strong>code ean :
										</strong> {{ produit['code_ean'] }}</p>
									<p>
										<strong>code fabricant :
										</strong> {{ produit['code_fabricant'] }}</p>
								</td>
								<td class="align-middle">
									<strong>Prix TTC : </strong>{{ produit['prix_ttc'] }} <br>
									<strong>Prix HT : </strong>{{ produit['prix_ht'] }}
								</td>
								<td class="align-middle">
									<a class="btn rounded-3 btn-outline-dark btn-sm" {# href="{{ path('app_produit_details', {id: produit['id'], slug: produit['produit']|urlHandler }) }}" #}>En savoir plus</a>
								</td>
							</tr>
						{% endfor %}
					</tbody>
				</table> {{ knp_pagination_render(produits, null, {}, {'align': 'center', 'rounded': true}) }}
			</div>
		</div>
	</div>

{% endblock %}

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