{% extends 'base.html.twig' %}
{% block searchform_container %}{% endblock %}
{% if categoria %}
    {% set titulo = 'Editar categoría' %}
    {% set accion = path('gastos_categoria_editar', {'id': categoria.id}) %}
{% else %}
    {% set titulo = 'Nueva categoría' %}
    {% set accion = path('gastos_categoria_nueva') %}
{% endif %}

{% block title %}
    {{ titulo }}
{% endblock %}

{% block body %}

<div class="box box-primary">

    <div class="box-header with-border">

        <h3 class="box-title">
            <i class="fa fa-folder"></i>
            {{ titulo }}
        </h3>

    </div>

    <form method="post" action="{{ accion }}">

        <div class="box-body">

            {% for message in app.flashes('error') %}

                <div class="alert alert-danger">
                    <button type="button" class="close" data-dismiss="alert">&times;</button>
                    <i class="fa fa-warning"></i>
                    {{ message }}
                </div>

            {% endfor %}

            <div class="form-group">

                <label for="nombre">
                    Nombre de la categoría
                    <span class="text-red">*</span>
                </label>

                <input
                    type="text"
                    name="nombre"
                    id="nombre"
                    class="form-control"
                    maxlength="150"
                    required
                    value="{{ categoria ? categoria.nombre : '' }}"
                    placeholder="Ejemplo: Arriendo"
                >

            </div>

            <div class="form-group">

                <label for="descripcion">
                    Descripción
                </label>

                <textarea
                    name="descripcion"
                    id="descripcion"
                    class="form-control"
                    rows="3"
                    maxlength="255"
                    placeholder="Descripción opcional de la categoría"
                >{{ categoria ? categoria.descripcion : '' }}</textarea>

            </div>

        </div>

        <div class="box-footer">

            <a
                href="{{ path('gastos_categorias') }}"
                class="btn btn-default"
            >
                <i class="fa fa-arrow-left"></i>
                Cancelar
            </a>

            <button
                type="submit"
                class="btn btn-primary"
            >
                <i class="fa fa-save"></i>
                Guardar
            </button>

        </div>

    </form>

</div>

{% endblock %}