{% 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>

    <link href="{% static 'js/jquery-ui-1.12.0-rc.2/jquery-ui.min.css' %}" rel="stylesheet"/>
    <link href="{% static 'js/jquery-ui-1.12.0-rc.2/jquery-ui.structure.min.css' %}" rel="stylesheet"/>
    <link href="{% static 'js/jquery-ui-1.12.0-rc.2/jquery-ui.theme.min.css' %}" rel="stylesheet"/>
    <script src="{% static 'js/jquery-ui-1.12.0-rc.2/jquery-ui.min.js' %}"></script>

    <script src="{% static 'js/select/select2.sortable.js' %}"></script>
    <script>
    $(function() {
        $('#id_exposition_themes, #id_conference_themes').select2('destroy');
        $('#id_exposition_themes').select2Sortable({
            bindOrder: 'sortableStop', // or `sortableStop`,
            select2Options: {
                width: 'element',
            },
            data: {{ exposition_themes|safe }},
        });
        $('#id_conference_themes').select2Sortable({
            bindOrder: 'sortableStop', // or `sortableStop`,
            select2Options: {
                width: 'element',
            },
            data: {{ confrence_themes|safe }},
        });
    });
    </script>

{% endblock %}

{% block body %}


<div class="row-fluid sortable">
    <div class="box span12">
        <div class="box-header well" data-original-title>
            <h2><i class="icon-tasks"></i> Обзоры</h2>
        </div>
        <div class="box-content">
            <form method="post" action="{% url 'settings_main_page_articles' %}">{% csrf_token %}
            {{ article_form }}
            <hr/>
            <button type="submit" class="btn btn-primary" >Сохранить</button>
            </form>
        </div>
    </div>
</div>
<div class="row-fluid sortable">
    <div class="box span12">
        <div class="box-header well" data-original-title>
            <h2><i class="icon-tasks"></i> Тематики</h2>
        </div>
        <div class="box-content">
            <form method="post" action="{% url 'settings_main_page_themes' %}">{% csrf_token %}

            <div class="control-group">
                <label class="control-label">{{ theme_form.exposition_themes.label }}</label>
                    <div class="controls">
                        {{ theme_form.exposition_themes }}
                    </div>
            </div>
            <div class="control-group">
                <label class="control-label">{{ theme_form.conference_themes.label }}</label>
                    <div class="controls">
                        {{ theme_form.conference_themes }}
                    </div>
            </div>

            <hr/>
            <button type="submit" class="btn btn-primary" >Сохранить</button>
            </form>
        </div>
    </div>
</div>

{% endblock %}

{% block bot_scripts %}
    <script src="{% static 'custom_js/find_events.js' %}"></script>
{% endblock %}