{% 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 un paiement annulé avec stripe #}
	<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 %}