{% extends "base.html" %}

{% block page_title %}{{ transaction.description }}{% endblock %}

{% block content %}

<div id="page" class=" sidebar_right">
    <div class="container">
        <div id="frame2">
            <div id="content">
                <div class="row">
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                        <h1>{% if transaction_id %}Modification{% else %}Nouvelle{% endif %} transaction</h1>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6 col-l-6 col-xl-6 col-md-offset-3 col-l-offset-3 col-xl-offset-3">
                        <form action="{% if transaction_id %}{% url 'transaction_update' transaction_id %}{% else %}{% url 'transaction_create' %}{% endif %}" method="post" class="form-horizontal" id="formulaire" name="formulaire">
                            {% csrf_token %}

                            {% for field in form %}
                            <div class="form-group">
                                <label for="{{ field.id }}" class="col-lg-4 control-label">{{ field.label_tag }}</label>
                                <div class="col-lg-8">
                                    {{ field }}
                                    {% if field.errors %}<span class="btn btn-sm btn-danger-outline">{% for error in field.errors %}{{error}}{% endfor %}</span>{% endif %}
                                </div>
                            </div>
                            {% endfor %}

                            <div class="form-group text-center">
                                <input type="submit" value="{% if transaction_id %}Modifier{% else %}Ajouter{% endif %}" class="btn btn-warning" />
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

{% endblock %}