{% 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_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});

            }
        });

        $('#id_conference').select2({
            placeholder: 'Найти',
            width: 'element',
            ajax: {
                url: '/admin/conference/search/',
                dataType: "json",
                quietMillis: 200,
                multiple: true,

                data: function(term, page){
                    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 }}</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 %}