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

{% block title %}Card index{% endblock %}

{% block body %}
    <h1>Nos Cartes</h1>

    <div class="text-end mb-3">
        <a href="{{ path('app_cart') }}" class="btn btn-primary">
            🛒 Panier ({{ app.session.get('cart', {})|length }})
        </a>
    </div>

    <table class="table">
        <thead>
            <tr>
                <th>Id</th>
                <th>Name</th>
                <th>Prix</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
        {% for card in cards %}
            <tr>
                <td>{{ card.id }}</td>
                <td>{{ card.name }}</td>
                <td>{{ (card.price) }} €</td>
                <td>
                    <a href="{{ path('app_card_show', {'id': card.id}) }}" class="btn btn-sm btn-info">👁️ Voir</a>
                    <a href="{{ path('app_card_edit', {'id': card.id}) }}" class="btn btn-sm btn-warning">✏️ Éditer</a>
                    <a href="{{ path('app_cart_add', {'id': card.id}) }}" class="btn btn-sm btn-success">🛒 Ajouter</a>
                </td>
            </tr>
        {% else %}
            <tr>
                <td colspan="4">Aucune carte trouvée</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>

    <a href="{{ path('app_card_new') }}" class="btn btn-primary">Créer une nouvelle carte</a>
{% endblock %}