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

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

{% block content %}

{% include 'shop/partials/navigation_base.html' %}

<div class="info-box" style="border-left: 4px solid #f39200; padding: 12px; margin: 20px 12px;">
  <h3 style="color: #505050; margin-top: 0;">Bienvenue sur la boutique Padel Club !</h3>
  <p style="margin-top: 10px; margin-bottom: 0;"><strong>Photos :</strong> Les photos des vêtements n'ont pas encore tous le logo, la description indique où il se situera.
  <p style="margin-top: 10px; margin-bottom: 0;"><strong>Livraison :</strong> Commandez en ligne et récupérez votre commande en main propre lors de votre prochaine session de padel au club. La livraison peut être possible !</p>
</div>

<nav class="margin10">
    <a class="confirm-nav-button" href="{% url 'shop:view_cart' %}">Voir mon panier ({{ total }} €)</a>
    {% if cart_items %}
        <a class="cancel-nav-button" href="{% url 'shop:clear_cart' %}" onclick="return confirm('Êtes-vous sûr de vouloir supprimer votre panier ?');">Vider le panier</a>
    {% endif %}

</nav>

{% if products %}
<div class="grid-x">
    {% for product in products %}
        {% include "shop/product_item.html" with product=product %}
    {% endfor %}
</div>
{% else %}
<p>No products available.</p>
{% endif %}
</div>
{% endblock %}
