1896f83107
✨ feat(reservation/flow): Améliore le flux de réservation et ajoute des options.
Cette commit améliore le flux de réservation, ajoute une estimation des
frais de livraison et gère les options de produit et les paiements.
```
35 lines
1.9 KiB
Twig
35 lines
1.9 KiB
Twig
{% extends 'revervation/base.twig' %}
|
|
|
|
{% block title %}Confirmation de commande | Ludik Event{% endblock %}
|
|
|
|
{% block body %}
|
|
<div class="min-h-screen bg-slate-50 flex flex-col justify-center py-12 sm:px-6 lg:px-8">
|
|
<div class="sm:mx-auto sm:w-full sm:max-w-md">
|
|
<div class="bg-white py-8 px-4 shadow-xl shadow-slate-200 sm:rounded-3xl sm:px-10 border border-slate-100 text-center">
|
|
|
|
<div class="mx-auto flex items-center justify-center h-20 w-20 rounded-full bg-green-100 mb-6 animate-in zoom-in duration-500">
|
|
<svg class="h-10 w-10 text-green-600" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
|
|
</svg>
|
|
</div>
|
|
|
|
<h2 class="text-3xl font-black text-slate-900 mb-2 uppercase italic tracking-tight">Merci !</h2>
|
|
<p class="text-lg text-slate-600 font-medium mb-8">Votre demande a bien été envoyée.</p>
|
|
|
|
<div class="space-y-4 text-sm text-slate-500 bg-slate-50 p-6 rounded-2xl border border-slate-100">
|
|
<p>Notre équipe va étudier votre demande et vous recevrez un devis complet par email dans les plus brefs délais.</p>
|
|
<p>Pensez à vérifier vos courriers indésirables (spam).</p>
|
|
</div>
|
|
|
|
<div class="mt-8">
|
|
<a href="{{ path('reservation') }}" class="w-full flex justify-center py-4 px-4 border border-transparent rounded-2xl shadow-lg text-sm font-bold text-white bg-slate-900 hover:bg-[#f39e36] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-slate-900 transition-all uppercase tracking-widest">
|
|
Retour à l'accueil
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>,flowConfirmed
|
|
|
|
<local-storage-clear keys="lp_list,lp_options"></local-storage-clear>
|
|
{% endblock %}
|