haiku-atelier-2024/web/app/themes/haiku-atelier-2024/views/succes-commande.twig
2024-12-08 15:40:15 +01:00

56 lines
1.8 KiB
Twig

{% extends "base.twig" %}
{% block contenu %}
<main id="page-succes-commande">
<div class="contenu">
<header class="contenu__en-tete">
<h2>Successful order!</h2>
</header>
<div class="contenu__textuel">
<p>
Thank you for your order!
</p>
<p>
You will receive an email with all details in a short while.
</p>
<p>
Don't hesitate to <a class="lien-lien" href="/contact">contact us</a> if you have any questions!
</p>
</div>
{# Rappel de la Commande avec ses Produits #}
<div class="contenu__rappel-commande">
{% for produit in produits %}
<article class="contenu__rappel-commande__produit">
{# Illustration cliquable du Produit #}
<div class="contenu__rappel-commande__produit__illustratif">
<a href="{{ produit.permalien }}">
<picture>{{ produit.image }}</picture>
</a>
</div>
<div class="contenu__rappel-commande__produit__textuel detail-produit">
<h3 class="detail-produit__nom-prix">
<a href="{{ produit.permalien }}">{{ produit.titre }}.</a>
<span>{{ produit.prix }}€</span>
</h3>
<p class="detail-produit__description">
{# Affiche tous les attributs relevants pour la variation choisie #}
{% if produit.attribut|length > 0 %}
{% for attribut in produit.attribut %}
{{ attribut.nom }}: <strong>{{ attribut.valeur }}</strong><br>
{% endfor %}
{% endif %}
qty: <strong>{{ produit.quantite }}</strong>
</p>
</div>
</article>
{% endfor %}
</div>
</div>
</main>
{% endblock contenu %}