{% extends "expenses/base.html" %}

{% block title %}
    Categorías
{% endblock %}

{% block content %}

    <h1>Mis categorías</h1>

    <h3>Nueva categoría</h3>
    <form method="post" class="app-form">
        {% csrf_token %}
        {% include "expenses/_form_fields.html" %}
        <button type="submit" class="btn btn-primary">Crear</button>
    </form>

    <hr>

    <h3>Listado</h3>
    <div class="table-wrap">
        <table>
            <thead>
                <tr>
                    <th>Categoría</th>
                    <th>Categoría padre</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                {% for category in categories %}
                <tr>
                    <td>{{ category.name }}</td>
                    <td>{% if category.parent %}{{ category.parent.name }}{% endif %}</td>
                    <td class="table-actions">
                        <a href="{% url 'category_edit' category.id %}">Editar</a>
                        <a href="{% url 'category_delete' category.id %}" class="danger">Eliminar</a>
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>

{% endblock %}