{% extends "base.html" %}

{% block extra_head %}
{{ form.media.css }}
{% endblock %}


{% block content %}
<div id="page" class=" sidebar_right">
    <div class="container">
        <div id="frame2">
            <div id="content">
                <div class="row">
                    <div class="col-md-12 col-lg-12">
                        <h1>{% if contract_id %}Modification{% else %}Nouveau{% endif %} contract</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">
                        <div class="well well-small text-right">
                            <form action="{% if contract_id %}{% url 'contract_update' contract_id %}{% else %}{% url 'contract_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-2 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 client_id %}Sauvegarder{% else %}Modifier{% endif %}" class="btn btn-warning" />
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

{% endblock %}

{% block extra_script %}
{{ form.media.js }}
{% endblock %}