{% extends 'base.html' %}
{% load static %}

{% block scripts %}
    {# selects #}
    <link href="{% static 'js/select/select2.css' %}" rel="stylesheet"/>
    <script src="{% static 'js/select/select2.js' %}"></script>
    <script src="{% static 'custom_js/make_select.js' %}"></script>
    {# datetimepicker #}
    <link href="{% static 'js/datetimepicker/css/datetimepicker.css' %}" rel="stylesheet"/>
    <script src="{% static 'js/datetimepicker/js/bootstrap-datetimepicker.js' %}"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $('#id_date_from').datetimepicker({
                todayHighlight: true,
                format : 'dd.mm.yyyy',
                minView:2
            });
            $('#id_date_to').datetimepicker({
                todayHighlight: true,
                format : 'dd.mm.yyyy',
                minView:2
            });
        });
        </script>
{% endblock %}

{% block body %}
    <form  method="post" class="form-horizontal" enctype="multipart/form-data"> {% csrf_token %}
    {% if form.event %}
    {# event #}
       <div class="control-group {% if form.event.errors %}error{% endif %}">
           <label class="control-label">{{ form.event.label }}:</label>
               <div class="controls">
                    {{ form.event }}
                    <span class="help-inline">{{  form.event.errors }}</span>
               </div>
       </div>
    {% endif %}

    {# language #}
       <div class="control-group {% if form.language.errors %}error{% endif %}">
           <label class="control-label">{{ form.language.label }}:</label>
               <div class="controls">
                    {{ form.language }}
                    <span class="help-inline">{{  form.language.errors }}</span>
               </div>
       </div>

    {% if form.date_from %}
    {# date_from #}
       <div class="control-group {% if form.date_from.errors %}error{% endif %}">
           <label class="control-label">{{ form.date_from.label }}:</label>
               <div class="controls">
                    {{ form.date_from }}
                    <span class="help-inline">{{  form.date_from.errors }}</span>
               </div>
       </div>
    {% endif %}

    {% if form.date_to %}
    {# date_to #}
       <div class="control-group {% if form.date_to.errors %}error{% endif %}">
           <label class="control-label">{{ form.date_to.label }}:</label>
               <div class="controls">
                    {{ form.date_to }}
                    <span class="help-inline">{{  form.date_to.errors }}</span>
               </div>
       </div>
    {% endif %}

    {% if form.theme %}
    {# theme #}
       <div class="control-group {% if form.theme.errors %}error{% endif %}">
           <label class="control-label">{{ form.theme.label }}:</label>
               <div class="controls">
                    {{ form.theme }}
                    <span class="help-inline">{{  form.theme.errors }}</span>
               </div>
       </div>
    {% endif %}

    {% if form.country %}
    {# country #}
       <div class="control-group {% if form.country.errors %}error{% endif %}">
           <label class="control-label">{{ form.country.label }}:</label>
               <div class="controls">
                    {{ form.country }}
                    <span class="help-inline">{{  form.country.errors }}</span>
               </div>
       </div>
    {% endif %}


    {% if form.event %}
    <div class="alert">
        <p>Дата обязательна. Если направление или страна не заплолнено выборка по всем направлениям или странам</p>



    </div>
    {% endif %}

    <div class="controls">
        <input class="btn btn-large btn-primary" type="submit" value="Экспорт">
        <input class="btn btn-large" type="reset" value="Отмена">
    </div>


    </form>
   {% if messages %}
        {% for message in messages %}
            <div class="alert alert-{{message.tags }}">
                {{ message }}
            </div>
        {% endfor %}

   {% endif %}

{% endblock %}