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

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

{% block content %}

    <h1>Mis categorías</h1>

    <h3> Nueva categoría</h3>
    <form method="post">
        {% csrf_token %}
        {{ form.as_p }}
        <button type="submit">Crear</button>   
    </form>

    <hr>

    <h3>Listado</h3>
    <table>
        <thead>
            <tr>
                <th>Categoría</th>
                <th>Categoría padre</th>
            </tr>
        </thead>
        <tbody>
            {% for category in categories %}
                <tr>
                    <td>{{ category.name }}</td>
                    <td>{% if category.parent %}{{ category.parent.name }}{% endif %}</td>
                </tr>
            {% endfor %}
        </tbody>
    </table>    

{% endblock %}