{% extends "expenses/base.html" %}
{% block title %}Etiquetas{% endblock %}
{% block content %}
    <h1>Etiquetas</h1>

    <a class="btn" href="{% url 'tag_create' %}">➕ Nueva etiqueta</a>

    <div class="table-wrap">
    <table>
        <thead>
            <tr>
                <th>Nombre</th>
                <th>Gastos</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            {% for tag in tags %}
                <tr>
                    <td>{{ tag.name }}</td>
                    <td>{{ tag.expense_count }}</td>
                    <td class="table-actions">
                        <a href="{% url 'tag_edit' tag.id %}">Editar</a>
                        <a href="{% url 'tag_delete' tag.id %}" class="danger">Eliminar</a>
                    </td>
                </tr>
            {% empty %}
            <tr>
                <td colspan="3" class="empty-state">
                    <p>No hay etiquetas</p>
                    <a href="{% url 'tag_create' %}">Añade la primera</a>
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
    </div>
{% endblock %}