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

{% block title %}
    {% if form.instance.pk %}
        Editar gasto
    {% else %}
        Nuevo gasto
    {% endif %}
{% endblock %}

{% block content %}
    <h1>
        {% if form.instance.pk %}
            Editar gasto
        {% else %}
            Nuevo gasto
        {% endif %}
    </h1>

    <form method="post" class="app-form">
        {% csrf_token %}

        {% include "expenses/_form_fields.html" %}

        <div class="form-actions">
            <button type="submit" class="btn btn-primary">
                {% if form.instance.pk %}
                    Guardar gasto
                {% else %}
                    Crear gasto
                {% endif %}
            </button>
            <a class="btn btn-secondary" href="{% url 'expense_list' %}">Volver</a>
        </div>
    </form>
{% endblock %}