{% extends 'base.html.twig' %}
{% block title %}Merci pour votre commande | {{ app.session.get("setting").websiteName }}{% endblock %}

{% block body %}
	<div class="container mt-5">
		<h1>Merci pour votre commande !</h1>
		<p>Votre commande a été confirmée et est en cours de préparation.</p>
		<h2>Détails de la commande</h2>
		<p>
			<strong>ID de la commande :</strong>
			{{ order.id }}</p>
		<p>
			<strong>Nom du client :</strong>
			{{ order.clientName }}</p>
		<p>
			<strong>Total (TTC) :</strong>
			{{ (order.orderCostTtc / 100)|number_format(2) }}
			€</p>
		<p>
			<strong>Status :</strong>
			{{ order.status }}</p>
		<p>
			<strong>Date de la commande :</strong>
			{{ order.createdAt|date('Y-m-d H:i:s', 'Europe/Paris') }}</p>
		<p>
			<strong>Information supplémentaire :</strong>
		</p>
		<p>Dès que votre commande est prête, nous vous en informerons et vous pourrez venir la récupérer. temps de préparation environ 45 minutes, Vous pouvez également récupérer avant la fermeture
		</p>
		<p>
			<strong>Information du magasin :</strong>
		</p>
        <a href="https://www.google.com/maps/dir//Nature+4+Saisons,+49+Bd+Daunou,+62200+Boulogne-sur-Mer/@50.7205049,1.6051485,18z/data=!4m9!4m8!1m0!1m5!1m1!1s0x47dc2c43541a43c3:0x252e1767e2edd7c!2m2!1d1.6058291!2d50.7205049!3e0?entry=ttu">
        <p class="mb-4">Nature 4 Saisons</p>
		<p class="mb-4">Adresse : 49 Boulevard d'aunou</p>
		<p class="mb-4">Ville : Boulogne-sur-mer</p>
		<p class="mb-4">Code Postal : 62200</p>
        </a>
		<br>
		<hr><br>
		<h3>Produits commandés</h3>
		<section class="ftco-section ftco-cart">
			<div class="container">
				<div class="row">
					<div class="col-md-12 ftco-animate">
						<div class="cart-list">
							<table class="table table-bordered">
								<thead>
									<tr>
										<th>Produit</th>
										<th>Quantité</th>
										<th>Prix</th>
									</tr>
								</thead>
								<tbody>
									{% for detail in orderDetails %}
										<tr>
											<td>{{ detail.productName }}</td>
											<td>{{ detail.quantity }}</td>
											<td>{{ (detail.subtotal / 100)|number_format(2) }}
												€</td>
										</tr>
									{% endfor %}
								</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>
			<a href="{{ path('app_order_pdf', { 'id': order.id }) }}" class="btn btn-primary">
				<i class="fa fa-download"></i>
				Télécharger le PDF
			</a>
			<a href="{{ path('app_home') }}" class="btn btn-primary">
				Retour à la page d'accueil
			</a>
		</section>

		<br>


	{% endblock %}