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

{% block scripts %}
    <script src="{% static 'ckeditor/ckeditor/ckeditor.js' %}"></script>
    {# selects #}
    <link href="{% static 'js/select/select2.css' %}" rel="stylesheet"/>
    <script src="{% static 'js/select/select2.js' %}"></script>
    {# ajax #}
    <script src="{% static 'custom_js/file_post_ajax.js' %}"></script>
    <script src="{% static 'custom_js/select_tag.js' %}"></script>


    <link href="{% static 'js/datetimepicker/css/datetimepicker.css' %}" rel="stylesheet"/>
    <script src="{% static 'js/datetimepicker/js/bootstrap-datetimepicker.js' %}"></script>
     <script>
     $(document).ready(function(){
         $('#id_publish_date').datetimepicker({
                todayHighlight: true,
                format : 'yyyy-mm-dd',
                minView:2
            });

     });
     </script>

    <link rel="stylesheet" href="{% static 'jQuery-filer/css/jquery.filer.css' %}">
    <link rel="stylesheet" href="{% static 'jQuery-filer/css/jquery.filer-dragdropbox-theme.css' %}">
    <script src="{% static 'jQuery-filer/js/jquery.filer.js' %}"></script>
    <script src="{% static 'jQuery-filer/js/init.js' %}"></script>
{% endblock %}

{% block body %}
    {{ form.errors }}
<form method="post" class="form-horizontal" name="form2" id="form2"enctype="multipart/form-data"> {% csrf_token %}
    <fieldset>
        <legend><i class="icon-edit"></i>{% if article %} {% trans "Изменить" %} {% else %} {% trans "Добавить" %} {% endif %}{% trans "статью" %}{% if article %}(<a href="{{ article.get_permanent_url }}" target="_blank">{% trans "на сайте" %}</a>){% endif %}</legend>

        <div class="box span8">
            <div class="box-header well">
                <h2><i class="icon-pencil"></i> {% trans "Основная информация" %}</h2>
            </div>
            <div class="box-content">

                {# main_title #}
                {% include 'c_admin/forms/multilang.html' with field='main_title' form=form languages=languages %}

                <div class="control-group {% if form.publish_date.errors %}error{% endif %}">
                    <label class="control-label"><b>{{ form.publish_date.label }}:</b></label>
                        <div class="controls">
                            {{ form.publish_date }}
                            <span class="help-inline">{{  form.publish_date.errors }}</span>
                        </div>
                </div>
                {% if not article %}
                <div class="control-group {% if form.slug.errors %}error{% endif %}">
                    <label class="control-label">{{ form.slug.label }}:</label>
                        <div class="controls">
                            {{ form.slug }}
                            <span class="help-inline">{{  form.slug.errors }}</span>
                        </div>
                </div>
                {% endif %}
                {# theme #}
                <div class="control-group {% if form.theme.errors %}error{% endif %}">
                    <label class="control-label"><b>{{ form.theme.label }}:</b></label>
                        <div class="controls">
                            {{ form.theme }}
                            <span class="help-inline">{{  form.theme.errors }}</span>
                        </div>
                </div>
                {# tag #}
                <div class="control-group {% if form.tag.errors %}error{% endif %}">
                    <label class="control-label">{{ form.tag.label }}:</label>
                        <div class="controls">
                            {{ form.tag }}
                            <span class="help-inline">{{  form.tag.errors }}</span>
                        </div>
                </div>
                {# exposition #}
                {% if form.exposition %}
                <div class="control-group {% if form.exposition.errors %}error{% endif %}">
                    <label class="control-label">{{ form.exposition.label }}:</label>
                        <div class="controls">
                            {{ form.exposition }}
                            <span class="help-inline">{{  form.exposition.errors }}</span>
                        </div>
                </div>
                {% endif %}
                {# conference #}
                {% if form.conference%}
                <div class="control-group {% if form.conference.errors %}error{% endif %}">
                    <label class="control-label">{{ form.conference.label }}:</label>
                        <div class="controls">
                            {{ form.conference }}
                            <span class="help-inline">{{  form.conference.errors }}</span>
                        </div>
                </div>
                {% endif %}
                {# logo #}
                <div class="control-group {% if form.logo.errors %}error{% endif %}">
                    <label class="control-label">{{ form.logo.label }}:</label>
                        <div class="controls">
                            {{ form.logo }}
                            {% if article.logo %}

                                <img src="{{ article.logo.url }}">
                            {% endif %}
                            <span class="help-inline">{{  form.logo.errors }}</span>
                        </div>
                </div>
                {# author #}
                <div class="control-group {% if form.author.errors %}error{% endif %}">
                    <label class="control-label">{{ form.author.label }}:</label>
                        <div class="controls">
                            {{ form.author }}
                            <span class="help-inline">{{  form.author.errors }}</span>
                        </div>
                </div>
                {# preview #}
                {% include 'c_admin/forms/multilang.html' with field='preview' form=form languages=languages %}
                {# description #}
                {% include 'c_admin/forms/multilang.html' with field='description' form=form languages=languages %}
                {# short description #}
                {% include 'c_admin/forms/multilang.html' with field='short_description' form=form languages=languages %}
                {# keywords #}
                {% include 'c_admin/forms/multilang.html' with field='keywords' form=form languages=languages %}
                {# title #}
                {% include 'c_admin/forms/multilang.html' with field='title' form=form languages=languages %}
                {# descriptions #}
                {% include 'c_admin/forms/multilang.html' with field='descriptions' form=form languages=languages %}
            </div>

        </div>

        {% include 'c_admin/includes/filegallery.html' with object=article model='article.Article' %}

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

            <input class="btn btn-large btn-primary" type="submit" value="{% if article %}Изменить{% else %}Добавить{% endif %}">
            <input class="btn btn-large" type="reset" value="Отмена">
        </div>
    </fieldset>
</form>

{% endblock %}


{% block bot_scripts %}
<script>
$(document).ready(function(){
    $('#id_exposition').select2({
        placeholder: "Выставка",
        multiple: false,
        width: 'element',
        ajax: {

            url: "/admin/exposition/search/",
            width: '550px',
            dataType: "json",
            quietMillis: 200,

            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: "Конференция",
        multiple: false,
        width: 'element',
        ajax: {

            url: "/admin/conference/search/",
            width: '550px',
            dataType: "json",
            quietMillis: 200,

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