```
✨ 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:
@@ -84,9 +84,8 @@
|
||||
{% endif %}
|
||||
<div class="flex-1">
|
||||
<h4 class="font-bold text-slate-800">{{ item.product.name }}</h4>
|
||||
<p class="text-xs text-slate-500 line-clamp-1 mb-2">{{ item.product.description }}</p>
|
||||
|
||||
<div class="text-xs text-slate-600 bg-slate-50 p-2 rounded-lg border border-slate-100 inline-block">
|
||||
<div class="text-xs text-slate-600 bg-slate-50 p-2 rounded-lg border border-slate-100 inline-block mt-2">
|
||||
<div class="flex flex-wrap gap-x-3 gap-y-1">
|
||||
<span>1er jour : <strong class="text-slate-800">{{ item.price1Day|number_format(2, ',', ' ') }} €</strong></span>
|
||||
{% if cart.duration > 1 %}
|
||||
@@ -95,6 +94,20 @@
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% if item.options is defined and item.options|length > 0 %}
|
||||
<div class="mt-2 text-xs">
|
||||
<p class="font-semibold text-slate-500 uppercase tracking-wider mb-1">Options incluses :</p>
|
||||
<ul class="list-disc list-inside text-slate-600 space-y-0.5">
|
||||
{% for option in item.options %}
|
||||
<li>
|
||||
{{ option.name }}
|
||||
<span class="font-medium text-slate-800">({{ option.price|number_format(2, ',', ' ') }} €)</span>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="text-right">
|
||||
<p class="font-bold text-slate-900">{{ item.totalPriceHT|number_format(2, ',', ' ') }} € HT</p>
|
||||
@@ -106,6 +119,25 @@
|
||||
{% else %}
|
||||
<p class="text-center text-slate-500 py-4">Aucun produit sélectionné.</p>
|
||||
{% endfor %}
|
||||
|
||||
{% if cart.options is defined and cart.options|length > 0 %}
|
||||
<div class="mt-4 border-t border-slate-100 pt-4">
|
||||
<h4 class="text-sm font-bold text-slate-900 mb-3">Options supplémentaires</h4>
|
||||
{% for option in cart.options %}
|
||||
<div class="flex items-center justify-between bg-white p-3 rounded-xl border border-slate-200 shadow-sm mb-2">
|
||||
<div class="flex items-center gap-3">
|
||||
<div class="bg-indigo-50 p-2 rounded-lg text-indigo-600">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6" />
|
||||
</svg>
|
||||
</div>
|
||||
<span class="font-medium text-slate-800 text-sm">{{ option.name }}</span>
|
||||
</div>
|
||||
<span class="font-bold text-slate-900 text-sm">{{ option.price|number_format(2, ',', ' ') }} € HT</span>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<div class="mt-6 border-t border-slate-200 pt-4 space-y-2">
|
||||
|
||||
Reference in New Issue
Block a user