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


{% 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>
    {# 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>
    {# activated #}
       <div class="control-group {% if form.activated.errors %}error{% endif %}">
           <label class="control-label">{{ form.activated.label }}:</label>
               <div class="controls">
                    {{ form.activated }}
                    <span class="help-inline">{{  form.activated.errors }}</span>
               </div>
       </div>
    {# is_tester #}
       <div class="control-group {% if form.is_tester.errors %}error{% endif %}">
           <label class="control-label">{{ form.is_tester.label }}:</label>
               <div class="controls">
                    {{ form.is_tester }}
                    <span class="help-inline">{{  form.is_tester.errors }}</span>
               </div>
       </div>

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

    </form>

{% endblock %}
{% block scripts %}
    <link rel="stylesheet" href="{% static 'js/select/select2.css' %}">
    <script src="{% static 'js/select2.min.js' %}"></script>
    <script>

        $(document).ready(function(){
            $("#id_country").select2({width:"element", placeholder:"Страна"});
            $("#import").on("click", function(event){
                this.addClass('loader');
            })
        });
    </script>

{% endblock %}
{% block styles %}
.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('{% static "admin/img/loader.GIF" %}') 50% 50% no-repeat rgb(249,249,249);
}
{% endblock %}