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

{% block title %}
	annulation paiement
{% endblock %}

{% block stylesheets %}
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
{% endblock %}

{% block body %}
	{# genere moi un twig pour une verification par envoi d'email #}
	<div class="contConnexion colCenter w-50 m-auto mt-5">
		<div class="row">
			<div class="col-md-12">
				<div class="card bg-black text-white">
					<div class="card-header">
						<h3 class="card-title text-danger text-uppercase">
							Vérification par email
							<i class="fa-solid fa-face-sad-cry fa-xl"></i>
						</h3>
					</div>
					<div class="card-body">
						<div class="row">
							<div class="col-md-12">
								<h4>Un Email de confirmation a été envoyé à l'adresse {{ email }}.</h4>
								<p>Veuillez vérifier votre boite email et cliquer sur le lien pour activer votre compte.</p>
								<a href="{{ path('home') }}">
									<button>
										<i class="fa fa-solid fa-home"></i>
										Home
									</button>
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>


	{# <div class="contConnexion colCenter w-50 m-auto mt-5">
				<div class="row">
					<div class="col-md-12">
						<div class="card bg-black text-white">
							<div class="card-header">
								<h3 class="card-title text-danger text-uppercase">
									Paiement annulé
									<i class="fa-solid fa-face-sad-cry fa-xl"></i>
								</h3>
							</div>
							<div class="card-body">
								<div class="row">
									<div class="col-md-12">
										<h4>Désolé, votre paiement a été annulé.</h4>
										<p>Vous pouvez dès à présent continuer vos achats.</p>
										<a href="{{ path('home') }}">
											<button>
												<i class="fa fa-solid fa-home"></i>
												Home
											</button>
										</a>
										<p class="mt-3">Vous pouvez également consulter votre panier en cliquant sur le bouton ci-dessous.</p>
										<a href="{{ path('panier') }}">
											<button>Voir mon Panier</button>
										</a>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div> #}
{% endblock %}