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

{% block scripts %}
{% endblock %}

{% block body %}

    <form  method="post" class="form-horizontal" enctype="multipart/form-data"> {% csrf_token %}

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

    {% 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.event %}
    <div class="alert">
        <p>Обязательные поля: Имя, дата начала, дата окончания, страна, город, тематика, валюта</p>
        <hr>
        <p>Поле id не менять для редактирования старого события. Для создания нового события оставить поле id пустым</p>
        <hr>
        <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 %}
    <script>
    $(document).ready(function(){
        setTimeout(function(){
            $('.alert-success').hide();
        }, 2500);

    });
    </script>
{% endblock %}