{% extends 'tournaments/base.html' %}

{% block head_title %}La Boutique{% endblock %}
{% block first_title %}Padel Club{% endblock %}
{% block second_title %}La Boutique{% endblock %}

{% block content %}
<nav class="margin10">
    <a href="{% url 'shop:product_list' %}">La Boutique</a>
    <a href="{% url 'index' %}" class="orange">Accueil</a>
    <a href="{% url 'clubs' %}" class="orange">Clubs</a>
    {% if user.is_authenticated %}
        <a href="{% url 'my-tournaments' %}" class="orange">Mes tournois</a>
        <a href="{% url 'profile' %}">Mon compte</a>
    {% else %}
        <a href="{% url 'login' %}">Se connecter</a>
    {% endif %}
</nav>

<div class="grid-x">
    <div class="cell medium-6 large-6 my-block">
        <h1 class="club my-block topmargin20">Paiement réussi</h1>
        <div class="bubble">
            <h2>Merci pour votre commande !</h2>
            <p>Votre paiement a été traité avec succès.</p>
            <p>Numéro de commande: {{ order.id }}</p>

            <!-- Order details -->
            <h3>Détails de la commande</h3>
            {% include 'shop/partials/order_items_display.html' with items=display_data.items total_quantity=display_data.total_quantity total_price=display_data.total_price edit_mode=False %}

            <div class="cart-summary">
                <a class="confirm-nav-button checkout-button" href="{% url 'shop:product_list' %}">Retour à la boutique</a>
            </div>
        </div>
    </div>
</div>
{% endblock %}
