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.
```
This commit is contained in:
Serreau Jovann
2026-02-05 08:18:29 +01:00
parent c837095cc3
commit 1896f83107
28 changed files with 1654 additions and 215 deletions

View File

@@ -21,7 +21,7 @@
</label>
<label class="flex-1 text-center py-3 rounded-xl cursor-pointer transition-all font-bold text-sm has-[:checked]:bg-white has-[:checked]:text-blue-600 has-[:checked]:shadow-sm text-gray-500">
<input type="radio" name="type" value="buisness" class="hidden" onchange="toggleSiret(true)">
Professionnel / Asso
Professionnel / Asso / Mairie
</label>
</div>
@@ -58,11 +58,26 @@
class="w-full bg-gray-50 border-none rounded-2xl px-6 py-4 focus:ring-2 focus:ring-blue-500 outline-none">
</div>
{# SIRET (Caché par défaut) #}
<div id="siret-container" class="md:col-span-2 hidden">
<label class="block text-xs font-bold text-gray-400 uppercase mb-2 ml-2">Numéro SIRET</label>
<input type="text" name="siret" placeholder="123 456 789 00012"
class="w-full bg-gray-50 border-none rounded-2xl px-6 py-4 focus:ring-2 focus:ring-blue-500 outline-none">
{# SIRET & Business Fields (Caché par défaut) #}
<div id="siret-container" class="md:col-span-2 hidden grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="md:col-span-2">
<label class="block text-xs font-bold text-gray-400 uppercase mb-2 ml-2">Type d'organisation</label>
<select name="typCompany" class="w-full bg-gray-50 border-none rounded-2xl px-6 py-4 focus:ring-2 focus:ring-blue-500 outline-none appearance-none font-medium">
<option value="Entreprise">Entreprise</option>
<option value="Association">Association</option>
<option value="Service Public">Service Public (Mairie, École...)</option>
</select>
</div>
<div>
<label class="block text-xs font-bold text-gray-400 uppercase mb-2 ml-2">Raison Sociale</label>
<input type="text" name="raisonSocial" placeholder="Ex: Ma Société SAS"
class="w-full bg-gray-50 border-none rounded-2xl px-6 py-4 focus:ring-2 focus:ring-blue-500 outline-none">
</div>
<div>
<label class="block text-xs font-bold text-gray-400 uppercase mb-2 ml-2">Numéro SIRET</label>
<input type="text" name="siret" placeholder="123 456 789 00012"
class="w-full bg-gray-50 border-none rounded-2xl px-6 py-4 focus:ring-2 focus:ring-blue-500 outline-none">
</div>
</div>
{# Mot de passe #}