Linux SRV-16 6.18.44-paas #1 SMP PREEMPT_DYNAMIC Thu Aug 13 10:08:12 UTC 2026 x86_64
/proc/212/root/proc/212/task/212/root/proc/70528/cwd/templates/front/cart/
//proc/212/root/proc/212/task/212/root/proc/70528/cwd/templates/front/cart/read.html.twig
 {% extends "front/layout.html.twig" %}

{% block title %}Votre panier | Impression Rapide{% endblock %}
{% block description %}Votre panier d'impressions personnalisables - votre espace pour concrétiser vos idées. Finalisez votre commande et transformez vos projets en réalité.{% endblock %}
{% block keywords %}Panier{% endblock %}

{% block content %}
	<div class="container my-5" id="cart">
		<div class="cart-timeline">
			<div class="stage">
				<div class="indicator active">1</div>
				<div class="indication">Votre panier</div>
			</div>
			<div class="stage">
				<div class="indicator">2</div>
				<div class="indication">Identification</div>
			</div>
			<div class="stage">
				<div class="indicator">3</div>
				<div class="indication">Livraison</div>
			</div>
			<div class="stage">
				<div class="indicator">4</div>
				<div class="indication">Paiement</div>
			</div>
		</div>
		<h1>Mon panier</h1><hr>
		<div class="row">
			<div class="col-md-8">
				{% for item in cart.items %}
					<div class="row cart-item mt-4">
						<div class="col-md-4 center-y">
							<img src="{{ vich_uploader_asset(item.product, 'imageFile') }}" alt="{{ item.product.name }}">
						</div>
						<div class="col-md-8">
							<h2>{{ item.product.name }}
								<small>#{{ item.product.id }}.{{ item.quantity.id }}.{{ item.size.id }}.{{ item.pages.id }}.{{ item.grammage.id }}.{{ item.finishing.id }}.{{ item.color.id }}.{{ item.fold.id }}</small>
								<a href="{{ path("app_cart_item_delete", { id : item.id }) }}">Supprimer</a>
							</h2><hr>
							<h3>Caractéristiques selectionnées :</h3>
							<ul>
								<li>Quantité :
									{{ item.quantity.quantity }}</li>
								<li>Format :
									{{ item.size.name }}</li>
								<li>Nombre de pages :
									{{ item.pages.name }}</li>
								<li>Support :
									{{ item.grammage.name }}</li>
								<li>Finition du papier :
									{{ item.finishing.name }}</li>
								<li>Couleur :
									{{ item.color.name }}</li>
								<li>Pliage :
									{{ item.fold.name }}</li>
							</ul>
							<hr>
							<p style="display: flex; flex-direction: row; align-items: center">Quantité:
								<input type="number" class="form-control quantity" data-item-id="{{ item.id }}" value="{{ item.selfQuantity }}" data-item-price="{{ item.price.price }}" style="width: 70px; margin-left: 15px"></p>
							<hr>
							<div class="row">
								<div class="col">
									<p>Total article</p>
								</div>
								<div class="col text-right">
									<p class="mb-0 total-article" data-base-price="{{ item.price.price }}">{{ item.price.price }}
										€</p>
									<small>TVA Comprise</small>
								</div>
							</div>
						</div>
					</div>
				{% endfor %}
				{% if cart.items|length < 1 %}
					<div class="text-center my-5 p-4 bg-grey">
						<h3>Votre panier est vide !</h3>
						<a href="{{ path("app_product_list") }}" class="btn btn-secondary mt-3">Voir nos produits</a>
					</div>
				{% endif %}
			</div>
			<div class="col-md-4">
				<div id="recap-panier">
					<div id="loader">
						<img src="{{ asset("build/images/loading.gif") }}" alt="loader">
					</div>
					<h2>RÉCAPITULATIF PANIER</h2><hr>
					{% for item in cart.items %}
						<div class="row">
							<div class="col-6 center-y">
								<p>{{ item.product.name }}<br><small style="font-size: 12px">#{{ item.product.id }}.{{ item.quantity.id }}.{{ item.size.id }}.{{ item.pages.id }}.{{ item.grammage.id }}.{{ item.finishing.id }}.{{ item.color.id }}.{{ item.fold.id }}</small>
								</p>
							</div>
							<div class="col-2 center-y">
								<p class="recap-item-quantity">{{ item.selfQuantity }}</p>
							</div>
							<div class="col-4 center-y text-right">
								<p>
									<span class="item-price recap-item-price">{{ item.price.price * item.selfQuantity }}</span>
									€</p>
							</div>
						</div>
					{% endfor %}
					<hr class="mt-4">
					<div class="row">
						<div class="col-8">
							<p>TVA (20%)</p>
						</div>
						<div class="col-4 text-right">
							<p>
								<span id="tvaCost">{{ cart.price * 0.2 }}</span>
								€</p>
						</div>
					</div>
					<hr class="mt-4">
					<div class="row">
						<div class="col-8">
							<p>
								<b>Total (TTC)</b>
							</p>
						</div>
						<div class="col-4 text-right">
							<p id="totalPrice">{{ cart.price * 1.2 }}
								€</p>
						</div>
					</div>
					{% if cart.items|length > 0 %}
						<a href="{{ path("app_cart_identify") }}" id="submit" data-pk="{{ conf_pk_stripe }}" class="btn btn-secondary">VALIDER MON PANIER</a>
					{% else %}
						<a class="btn btn-secondary" title="Impossible de valider un panier vide" disabled style="opacity: 0.7">VALIDER MON PANIER</a>
					{% endif %}
					<a href="{{ path("app_product_list") }}" class="btn btn-primary">POURSUIVRE VOS ACHATS</a>
				</div>
				<div id="gage">
					{% set left = (300 - cart.price) > 0 ? 300 - cart.price : 0 %}
					{% set right = (cart.price < 300) ? 100 - (cart.price / 300 * 100) : - 10 %}
					<div id="value" style="right: {{ right }}%"></div>
				</div>
				<div id="gage-indicator">
					<div>0,00 €</div>
					<div>
						<div id="value-to-buy">Plus que
							<span id="left">{{ left }}</span>
							€ avant la livraison à domicile gratuite
						</div>
						<div id="value-reached" style="display: none">Livraison à domicile gratuite !</div>
					</div>
					<div>300,00 €</div>
				</div>
				<div class="black-card mt-5">
					<img src="{{ asset("build/images/icon/secure.png") }}" alt="Icone 6" class="icon">
					<h2>PAIEMENT SÉCURISÉ</h2>
					<p class="text-center mt-3">Nous nous assurons que chaque transactions réalisées sur notre site internet soit sécurisée.</p>
				</div>
			</div>
		</div>
	</div>
{% endblock %}

{% block javascripts %}

	{{ parent() }}

	<script src="https://js.stripe.com/v3"></script>
	<script src="{{ asset("js/cart.js") }}" defer></script>
{% endblock %}