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/delivery.html.twig
 {% extends "front/layout.html.twig" %}

{% block content %}

	{{ form_start(form) }}
	<div class="container my-5">
		<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 active">2</div>
				<div class="indication">Identification</div>
			</div>
			<div class="stage">
				<div class="indicator active">3</div>
				<div class="indication">Livraison</div>
			</div>
			<div class="stage">
				<div class="indicator">4</div>
				<div class="indication">Paiement</div>
			</div>
		</div>

		<div class="row">
			<div class="col-md-8">
				<h1>Livraison</h1><hr>
				<div class="card">
					<div class="card-body p-4">
						<h2>Choisissez un mode de livraison</h2>
						<div class="row">
							<div class="col-md-4 delivery-holder">
								<div class="delivery">
									<h3>Livraison standard</h3>
									<img src="{{ asset("build/images/icon/truc.png") }}" alt="Mode de livraison">
									<p>Uniquement en France Métropolitaine.</p>
									<p>Délais de livraison : 48h à 72h pour une commande standard</p>
									<div class="footer">20,00 € TTC</div>
								</div>
								<div class="delivery-radio checked"></div>
							</div>
							<div class="col-md-4 delivery-holder">
								<div class="delivery">
									<h3>Retrait 24h/24h</h3>
									<img src="{{ asset("build/images/icon/locker.png") }}" alt="Mode de livraison">
									<p>Retirez votre commande quand vous le souhaitez grâce à notre boîte aux lettres connectée située à Antony (92).</p>
									<div class="footer">Gratuit</div>
								</div>
								<div class="delivery-radio"></div>
							</div>
							<div class="col-md-4 delivery-holder">
								<div class="delivery">
									<h3>Retrait en magasin</h3>
									<img src="{{ asset("build/images/icon/shop.png") }}" alt="Mode de livraison">
									<p>Retirez votre commande dans notre magasin situé à Antony (92).</p>
									<div class="footer">Gratuit</div>
								</div>
								<div class="delivery-radio"></div>
							</div>
						</div>
						<div style="display: none">
							{{ form_row(form.deliveryMode) }}
						</div>
					</div>
				</div>
				<div class="card mt-5">
					<div class="card-body p-4">
						<h2>Adresse de facturation</h2>
						<div class="row">
							<div class="col-md-6">
								{{ form_row(form.lastname) }}
							</div>
							<div class="col-md-6">
								{{ form_row(form.firstname) }}
							</div>
						</div>
						{{ form_row(form.company) }}
						{{ form_row(form.address) }}
						<div class="row">
							<div class="col-md-6">
								<div id="zipcode-box">
									{{ form_row(form.zipcode) }}
								</div>
							</div>
							<div class="col-md-6">
								{{ form_row(form.city) }}
							</div>
						</div>
						<label for="">
							<input type="checkbox" id="different-address">
							Utiliser une adresse de livraison différente
						</label>
					</div>
				</div>
				<div class="card mt-5" id="delivery-address">
					<div class="card-body p-4">
						<h2>Adresse de livraison</h2>
						<div class="row">
							<div class="col-md-6">
								{{ form_row(form.deliveryLastname) }}
							</div>
							<div class="col-md-6">
								{{ form_row(form.deliveryFirstname) }}
							</div>
						</div>
						{{ form_row(form.deliveryCompany) }}
						{{ form_row(form.deliveryAddress) }}
						<div class="row">
							<div class="col-md-6">
								<div id="delivery-zipcode-box">
									{{ form_row(form.deliveryZipcode) }}
								</div>
							</div>
							<div class="col-md-6">
								{{ form_row(form.deliveryCity) }}
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="col-md-4" id="cart">
				<div id="recap-panier">
					<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>Expédition</p> #}
							<p>TVA (20%)</p>
						</div>
						<div class="col-4 text-right">
							{# <p id="expeditionCost">30,00 €</p> #}
							<p>{{ cart.price < 300 ? (cart.price * 0.2)|number_format(2) : 0 }}
								€</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>
					<input type="submit" value="PAYER" id="submit-delivery" class="btn btn-secondary w-100 py-3">
					<a href="{{ path("front_continue_purchases", { id : cart.id }) }}" class="text-secondary">Continuer mes achats</a>
				</div>
			</div>
		</div>
	</div>
	{{ form_end(form) }}
{% endblock %}
{% block javascripts %}

	{{ parent() }}

	<script src="{{ asset("js/cart-delivery.js") }}"></script>
	<script src="{{ asset("js/verify-command-zipcode.js") }}"></script>
{% endblock %}