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

{% block title %}Panier
{% endblock %}

{% block body %}


	<div class="cart">
		<div class="container">
			<div id="spinner">
				<div>T</div>
				<div>N</div>
				<div>E</div>
				<div>M</div>
				<div>E</div>
				<div>G</div>
				<div>R</div>
				<div>A</div>
				<div>H</div>
				<div>C</div>
			</div>

			<div id="cartContent" class="cart-content d-none">
				<div class="cart-header">
					<p class="h1">Votre Panier</p>

					<a type="button" onclick="emptyCart()">
						<i class="bi bi-x-lg"></i>
						Vider panier
					</a>

				</div>
				<div class="cart-body">
					<div class="cart-details">
						<table class="table d-done" id="cartProductList">

							<thead class="">
								<tr>
									<th scope="col">Image</th>
									<th scope="col" width="30%">Produit</th>
									<th scope="col" class="text-end">Prix</th>
									<th scope="col">Quantite</th>
									<th scope="col" class="text-end">Total TTC</th>
									<th scope="col" class="text-end">Total HT</th>
									<th scope="col" class="text-end">Total TVA</th>
									<th></th>
								</tr>
							</thead>
							<tbody></tbody>
						</table>
						<div class="cart-totals">
							<div class="price-wrapper">
								<h4>TOTAL TTC</h4>
								<span id="priceTotal"></span>
							</div>
							<a href="#" role="button" class="btn btn-primary" onclick="checkout(this)">Commander</a>
						</div>
					</div>
				</div>
			</div>

			<div id="cart-empty" class="d-none">
				<div class="cart-empty">
					<div class="img-wrapper">
						<img src="{{asset('images/empty-cart.svg')}}" onerror="imgNotFound(this)">
					</div>
					<p class="h4">Votre panier est vide</p>
				</div>
			</div>
		</div>
	</div>

{% endblock %}


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

	{% set dataCart = {
		checkout_pdf_link: path('checkout_pdf_link'),
		panier_list_produit: path('panier_list_produit')
	} %}

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