Linux SRV-16 6.18.44-paas #1 SMP PREEMPT_DYNAMIC Thu Aug 13 10:08:12 UTC 2026 x86_64
/srv/data/trash/vhost_www.traiteur-75.fr_1689065491/htdocs/templates/front/payment/
/srv/data/trash/vhost_www.traiteur-75.fr_1689065491/htdocs/templates/front/payment/index.html.twig
 {% extends 'front/layout.html.twig' %}

{% block title %}
	Paiement
{% endblock %}
{% block description %}{% endblock %}

{% block content %}
	<div class="container mt-5">
		<section>
			<div class="text-center">
				<h1 class="windSong" style="font-size:70px;">Paiement</h1>
				<div class="row align-items-center">
					<img src={{asset('build/images/divider-motif.png')}} alt="" class="img-fluid">
				</div>
			</div>
		</section>
		<nav class="mt-3" style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
			<ol class="breadcrumb">
				<li class="breadcrumb-item">
					<a href="{{path('front_cart_read')}}">Panier</a>
				</li>
				<li class="breadcrumb-item">
					<a href="{{path('front_command_information')}}">Informations</a>
				</li>
				<li class="breadcrumb-item">
					<a href="{{path('front_command_delivery')}}">Livraison</a>
				</li>
				<li class="breadcrumb-item active" aria-current="page">Paiement</li>
			</ol>
		</nav>
		<section class="section-padding">
			<div class="row">
				<div class="col-md-6">
					<table class="table table-cart">
						<thead>
							<tr>

								<th scope="col" class="text-center" colspan="2">PRODUIT(S)</th>
								<th scope="col">QUANTITE</th>
								<th scope="col">PRIX</th>
								<th scope="col">TOTAL</th>
							</tr>
						</thead>
						<tbody>
							{% for product in products %}
								<tr>
									<th>
										<a href="{{path('front_product_read', {'slug' : product.object.slug, 'id' : product.object.id})}}">
											<img src="{{ vich_uploader_asset(product.object, 'imageFile') }}" alt="" class="img-fluid">
										</a>
									</th>

									<td>
										<a href="{{path('front_product_read', {'slug' : product.object.slug, 'id' : product.object.id})}}" class="text-decoration-none text-dark">
											{{product.object.name}}
										</a>
									</td>
									<td>{{product.qtt}}</td>
									<td class="primaryColor">{{product.object.price}}€</td>
									{% set total = product.qtt *  product.object.price %}
									<td>{{total}}€</td>
								</tr>
							</div>
						</tbody>
					{% else %}
						<tr>
							<td class="text-center primaryColor" colspan="7">Aucun produit dans le panier ...</td>
						</tr>
					{% endfor %}

				</tbody>
			</table>
		</div>
		<div class="col-md-6">
			<div class="card card-cart-resume ">
				<p class="text-center fs-5 fw-bold">Récapitulatif de la commande</p>
				<p class="text-center">
					<span class="fw-bold">Nombre d'articles :</span>
					<span class="primaryColor">{{products|length}}</span>
				</p>
				<p class="text-center">
					<span class="fw-bold">Type de commande :</span>
					<span class="primaryColor">{{data.type.name == "Click and Collect" ? "Click and Collect" : "livraison à domicile"}}</span>
				</p>
				<p class="text-center">
					<span class="fw-bold">Date de {{data.type.name == "Click and Collect" ? "retrait" : "livraison"}} :</span>
					<span class="primaryColor">{{ data.dateDelivery ? data.dateDelivery|date('d/m/Y') : '' }}</span>
				</p>
				<br>
				<table class="table">

					<tbody>
						<tr>
							<td class="fw-bold">Nom</td>
							<td>{{data.user ? data.user.lastname : data.lastname}}</td>
						</tr>
						<tr>
							<td class="fw-bold">Prénom</td>
							<td>{{data.user ? data.user.firstname : data.firstname}}</td>
						</tr>
						<tr>
							<td class="fw-bold">Téléphone</td>
							<td>{{data.user ? data.user.phone : data.phone}}</td>
						</tr>
						<tr>
							<td class="fw-bold">Email</td>
							<td>{{data.user ? data.user.email : data.email}}</td>
						</tr>

						<tr>
							<td class="fw-bold">Adresse</td>
							{% if data.type == "delivery" %}
								<td>{{data.address.address}},
									{{data.address.city}},
									{{data.address.zipcode}},
									{{data.address.country}}</td>
							{% else %}
								<td>Produit à récupérer en magasin</td>
							{% endif %}

						</tr>

					</tbody>
				</table>

				<div class="row mt-3 align-items-center justify-content-center">
					<div class="col-6">
						<p class="text-center text-muted">TVA incluse :</p>
						<p class="text-center">TOTAL :</p>

					</div>
					<div class="col-6">
						<p class="text-center text-muted">{{CartService.getVat()}}€</p>
						<p class="text-center">{{CartService.getTotal()}}€</p>

					</div>
				</div>
			</div>
			<div class="text-center mt-3">

				<button data-id="{{data.session_id}}" data-pk="{{data.pk_stripe}}" id="checkout-button" class="btn btn-lg btn-primary-dark ">
					<i class="fa-brands fa-cc-stripe"></i>
					Procéder à l'achat
				</button>
			</div>
		</div>
	</div>
</section></div>{% endblock %}{% block javascripts %}{{ parent() }}<script src="https://js.stripe.com/v3"></script><script>
// STRIPE CHECKOUT
$(document).ready(function () {
var pk = $('#checkout-button').attr('data-pk');
var session_id = $('#checkout-button').attr('data-id');
if (pk) {
var stripe = Stripe(pk);
}

var checkoutButton = document.getElementById('checkout-button');
checkoutButton.addEventListener('click', function () {
// When the customer clicks on the button, redirect
// them to Checkout.
stripe.redirectToCheckout({sessionId: session_id}).then(function (result) {
if (result.error) {
// If `redirectToCheckout` fails due to a browser or network
// error, display the localized error message to your customer.
var displayError = document.getElementById('error-message');
displayError.textContent = result.error.message;
}
});
});

});</script>{% endblock %}