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

    <a class="btn" href="{% url 'income_create' %}">➕ Nuevo ingreso</a>

    <table>
        <thead>
            <tr>
                <th>Nombre</th>
                <th>Cuenta</th>
                <th>Cantidad</th>
                <th>Fecha ingreso</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            {% for income in incomes %}
                <tr>
                    <td>{{ income.name }}</td>
                    <td>{{ income.account }}</td>
                    <td>{{ income.amount|floatformat:2 }}</td>
                    <td>{{ income.date }}</td>
                    <td class="table-actions">
                        <a href="{% url 'income_edit' income.id %}">Editar</a>
                        <a href="{% url 'income_delete' income.id %}" class="danger">Eliminar</a>
                    </td>
                </tr>
            {% empty %}
            <tr>
                <td colspan="5" class="empty-state">
                    <p>No hay ingresos</p>
                    <a href="{% url 'income_create' %}">Añade el primero</a>
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>

{% endblock %}