{% extends "base.html" %}

{% block page_title %}.: New Unavailability :.{% endblock %}

{% block title %}Unavailable{% endblock %}

{% block content %}

<hr class="m-t">

<form action="/unavailability/add" method="post" class="form-horizontal" id="formulaire" name="formulaire">
    {% csrf_token %}
    <div class="form-group {% if form.datebegin.errors %}has-error has-feedback{% endif %}"> 
    <!-- <div class="form-group has-error has-feedback">  -->
        <!-- {{ form.date.errors }} -->
        <label for="id_date" class="col-sm-2 control-label">Date begin</label>
        <div class="col-sm-10">
            <div class="btn-toolbar-item input-with-icon">
                {{ form.datebegin }}
                <span class="icon icon-calendar"></span>
            </div>&nbsp;{% if form.datebegin.errors %}<span class="btn btn-sm btn-danger-outline">{% for error in form.datebegin.errors %}{{error}}{% endfor %}</span>{% endif %}
        </div>
    </div>
    <div class="form-group {% if form.gymnast.errors %}has-error has-feedback{% endif %}">
        <label for="id_gymnast" class="col-sm-2 control-label">Date end</label>
        <div class="col-sm-10">
            <div class="btn-toolbar-item input-with-icon">
                {{ form.dateend }}
                <span class="icon icon-calendar"></span>
            </div>&nbsp;{% if form.dateend.errors %}<span class="btn btn-sm btn-danger-outline">{% for error in form.dateend.errors %}{{error}}{% endfor %}</span>{% endif %}
        </div>
    </div>
    <div class="form-group {% if form.id_information.errors %}has-error has-feedback{% endif %}">
        <label for="id_information" class="col-sm-2 control-label">Information</label>
        <div class="col-sm-10">
            {{ form.content }}
        </div>
    </div>
    <div class="form-group">
        <div class="col-sm-offset-6 col-sm-6">
            <input type="submit" value="Save" class="btn btn-primary-outline" />
        </div>
    </div>
</form>

{% endblock %}