{% extends "expenses/base.html" %}
{% block title %}Cuentas{% endblock %}
{% block content %}

    <h1>Mis cuentas</h1>

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

    <div class="table-wrap">
    <table>
        <thead>
            <tr>
                <th>Nombre</th>
                <th>Saldo inicial</th>
                <th>Saldo actual</th>
                <th>Activa</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            {% for row in account_rows %}
                <tr>
                    <td>{{ row.account.name }}</td>
                    <td>{{ row.account.initial_balance }}</td>
                    <td>{{ row.balance|floatformat:2 }}</td>
                    <td>
                        {% if row.account.active %}
                            <span class="badge badge-active">Activa</span>
                        {% else %}
                            <span class="badge badge-inactive">Inactiva</span>
                        {% endif %}
                    </td>
                    <td class="table-actions">
                        <a href="{% url 'account_edit' row.account.id %}">Editar</a>
                        {% if row.account.active %}
                            <a href="{% url 'account_delete' row.account.id %}" class="danger">Eliminar</a>
                        {% endif %}
                    </td>
                </tr>
            {% empty %}
            <tr>
                <td colspan="5" class="empty-state">
                    <p>No hay cuentas</p>
                    <a href="{% url 'account_create' %}">Añade la primera</a>
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
    </div>
{% endblock %}