{% 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>
$(function(){
    $('#id_fr').datetimepicker({
        todayHighlight: true,
        format : 'yyyy-mm-dd',
        minView:2
    });
    $('#id_to').datetimepicker({
        todayHighlight: true,
        format : 'yyyy-mm-dd',
        minView:2
    });
    $('#id_theme').select2({width: "element"});
    $('#id_country').select2({width: "element"});
    $('#id_exposition').select2({
        placeholder: 'Найти',
        width: 'element',
        ajax: {
            url: '/admin/exposition/search/',
            dataType: "json",
            quietMillis: 200,
            multiple: true,

            data: function(term, page, theme){
                return {term: term,
                        page: page};
            },

            results: function (data) {
                var results = [];
                $.each(data, function(index, item){
                    results.push({
                      id: item.id,
                      text: item.label
                    });
                });
                return {results: results};
            }
        },
        initSelection : function(element, callback) {
            var id=	$(element).val();
            var text = $(element).attr('data-init-text');
            callback({id: id, text:text});

        }
        });
});

</script>
{% endblock %}

{% block body %}
<form method="post" class="form-horizontal" name="form2" id="form2" enctype="multipart/form-data"> {% csrf_token %}
    <fieldset>
        <div class="box span8">
            <div class="box-header well">
                <h2><i class="icon-pencil"></i>{{ form.verbose }} {% if object %}{{ object.get_event }}{% endif %}</h2>
            </div>
            <div class="box-content">
            {% for field in form %}
                <div class="control-group {% if field.errors %}error{% endif %}">
                    <label class="control-label">{% if field.field.required %}<b>{{ field.label }}:</b>{% else %}{{ field.label }}{% endif %}</label>
                        <div class="controls">{{ field }}
                            <span class="help-inline">{{  field.errors }}</span>
                        </div>
                </div>
            {% endfor %}
            </div>
        </div>
    </fieldset>

    <div class="controls">
        <input class="btn btn-large btn-primary" type="submit" value="Готово">
        <input class="btn btn-large" type="reset" value="Отмена">
    </div>
</form>
{% endblock %}