{# templates/card/index.html.twig #}

{% extends 'base.html.twig' %}

{% block title %}Liste des Cartes{% endblock %}

{% block body %}
    <h1>Liste des Cartes</h1>

    <table class="table">
        <thead>
            <tr>
                <th>Id</th>
                <th>Nom</th>
                <th>Prix</th>
                {# 🎯 Les deux actions (ACHETER et ADMIN) ont désormais leur propre colonne d'en-tête #}
                <th>Ajouter au panier</th>
            </tr>
        </thead>
        <tbody>
        {% for card in cards %}

            <tr>

                <td>{{ card.id }}</td>
                <td>{{ card.nom }}</td>
                <td>{{ card.price }} €</td>


                {# Colonne 1 : Le bouton AJOUTER AU PANIER #}
                <td>
                        <a href="{{ path('app_cart_add', {'id': card.id} ) }}" class="btn btn-primary btn-sm">
                            ➕
                        </a>

                </td>

                {# Colonne 2 : Le lien d'ADMINISTRATION (Voir/Éditer) #}
            

            </tr>

        {% else %}
            <tr>
                <td colspan="7">Aucun enregistrement trouvé</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
    <a href="{{ path('app_cart_index') }}" class="btn btn-primary">Consulter mon panier</a>
    <a href="{{ path('app_card_new_premium' )  }}" class="btn btn-primary">Commander Carte premium</a>
  
{% endblock %}