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

{% block styles %}
.hover{
    display:none;
    margin-bottom:10px;

}
.photo:hover  .hover {
    display: block;
}
{% endblock %}

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

    <script src="{% static 'custom_js/formset_add.js' %}"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $('#id_data_begin').datetimepicker({
                todayHighlight: true,
                format : 'dd.mm.yyyy',
                minView:2
            });
            $('#id_data_end').datetimepicker({
                todayHighlight: true,
                format : 'dd.mm.yyyy',
                minView:2
            });
            $('#id_end').datetimepicker({
                todayHighlight: true,
                format : 'dd.mm.yyyy hh:ii'

            });
            $('#id_begin').datetimepicker({
                todayHighlight: true,
                format : 'dd.mm.yyyy hh:ii'

            });

            $('#id_application_deadline').datetimepicker({
                todayHighlight: true,
                format : 'dd.mm.yyyy',
                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  method="post" class="form-horizontal" enctype="multipart/form-data" name="form1" id="form1"> {% csrf_token %}
<fieldset>
    <legend><i class="icon-edit"></i>{% if object %} Изменить {% else %} Добавить {% endif %}выставку{% if object %}(<a target="_blank" href="{{ object.get_permanent_url }}">на сайте</a>){% endif %}</legend>

    <div class="box span8" >
        <div class="box-header well">
            <h2><i class="icon-pencil"></i> Основная информация</h2>
        </div>
        <div class="box-content">
        {# Hidden inputs uses for comparing with TmpFile objects #}
        {{ form.key }}
        {# Hidden input uses in clean method for checking url #}
        {{ form.exposition_id }}

        {# name #}
        {% with field='name' form=form languages=languages %}
            {% include 'c_admin/forms/multilang.html' %}
        {% endwith %}
        {# main_title #}
        {% with field='main_title' form=form languages=languages %}
            {% include 'c_admin/forms/multilang.html' %}
        {% endwith %}
        {# data_begin #}
            <div class="control-group {% if form.data_begin.errors %}error{% endif %}">
                <label class="control-label"><b>{{ form.data_begin.label }}:</b></label>
                    <div class="controls">

                        {{ form.data_begin }}
                            <span class="add-on">
                                <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>
                            </span>

                        <span class="help-inline">{{  form.data_begin.errors }}</span>
                    </div>
            </div>
        {# data_end #}
            <div class="control-group {% if form.data_end.errors %}error{% endif %}">
                <label class="control-label"><b>{{ form.data_end.label }}:</b></label>
                    <div class="controls">{{ form.data_end }}
                        <span class="help-inline">{{  form.data_end.errors }}</span>
                    </div>
            </div>

        {# country #}
            <div class="control-group {% if form.country.errors %}error{% endif %}">
                <label class="control-label"><b>{{ form.country.label }}:</b></label>
                    <div class="controls">{{ form.country }}
                        <span class="help-inline">{{  form.country.errors }}</span>
                    </div>
            </div>
        {# city #}
            <div class="control-group {% if form.city.errors %}error{% endif %}">
                <label class="control-label"><b>{{ form.city.label }}:</b></label>
                    <div class="controls">{{ form.city }}
                        <span class="help-inline">{{  form.city.errors }}</span>
                    </div>
            </div>
        {# place #}
            <div class="control-group {% if form.place.errors %}error{% endif %}">
                <label class="control-label">{{ form.place.label }}:</label>
                    <div class="controls">{{ form.place }}
                        <span class="help-inline">{{  form.place.errors }}</span>
                    </div>
            </div>
        {# place_alt #}
            <div class="control-group {% if form.place_alt.errors %}error{% endif %}">
                <label class="control-label">{{ form.place_alt.label }}:</label>
                    <div class="controls">{{ form.place_alt }}
                        <span class="help-inline">{{  form.place_alt.errors }}</span>
                    </div>
            </div>
        {# 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>
        {# logo #}
            <div class="control-group {% if form.logo.errors %}error{% endif %}">
                <label class="control-label">{{ form.logo.label }}:</label>
                    <div class="controls">{{ form.logo }}
                        <span class="help-inline">{{  form.logo.errors }}</span>
                    </div>
            </div>

        {# quality_label #}
            <div class="control-group {% if form.quality_label.errors %}error{% endif %}">
                <label class="control-label">{{ form.quality_label.label }}:</label>
                    <div class="controls">{{ form.quality_label }}
                        <span class="help-inline">{{  form.quality_label.errors }}</span>
                    </div>
            </div>
        {# canceled #}
            <div class="control-group {% if form.canceled.errors %}error{% endif %}">
                <label class="control-label">{{ form.canceled.label }}:</label>
                    <div class="controls">{{ form.canceled }}
                        <span class="help-inline">{{  form.canceled.errors }}</span>
                    </div>
            </div>
        {# moved #}
            <div class="control-group {% if form.moved.errors %}error{% endif %}">
                <label class="control-label">{{ form.moved.label }}:</label>
                    <div class="controls">{{ form.moved }}
                        <span class="help-inline">{{  form.moved.errors }}</span>
                    </div>
            </div>
        {# expohit #}
            <div class="control-group {% if form.expohit.errors %}error{% endif %}">
                <label class="control-label">{{ form.expohit.label }}:</label>
                    <div class="controls">{{ form.expohit }}
                        <span class="help-inline">{{  form.expohit.errors }}</span>
                    </div>
            </div>
        </div>

    </div>

    <div class="box span8" >
        <div class="box-header well">
            <h2><i class="icon-pencil"></i> Дополнительная информация</h2>
        </div>
        <div class="box-content">
        {# description #}
        {% with field='description' form=form languages=languages %}
            {% include 'c_admin/forms/multilang.html' %}
        {% endwith %}
        {# periodic #}
            <div class="control-group {% if form.periodic.errors %}error{% endif %}">
                <label class="control-label">{{ form.periodic.label }}:</label>
                    <div class="controls">{{ form.periodic }}
                        <span class="help-inline">{{  form.periodic.errors }}</span>
                    </div>
            </div>
        {# audience #}
            <div class="control-group {% if form.audience.errors %}error{% endif %}">
                <label class="control-label">{{ form.audience.label }}:</label>
                    <div class="controls">{{ form.audience }}
                        <span class="help-inline">{{  form.audience.errors }}</span>
                    </div>
            </div>
        {# web_page #}
            <div class="control-group {% if form.web_page.errors %}error{% endif %}">
                <label class="control-label">{{ form.web_page.label }}:</label>
                    <div class="controls">{{ form.web_page }}
                        <span class="help-inline">{{  form.web_page.errors }}</span>
                    </div>
            </div>
        {# organiser #}
            <div class="control-group {% if form.org.errors %}error{% endif %}">
                <label class="control-label">{{ form.org.label }}:</label>
                    <div class="controls">{{ form.org }}
                        <span class="help-inline">{{  form.org.errors }}</span>
                    </div>
            </div>
        {# products #}
        {% with field='products' form=form languages=languages %}
            {% include 'c_admin/forms/multilang.html' %}
        {% endwith %}
        {# time #}
        {% with field='time' form=form languages=languages %}
            {% include 'c_admin/forms/multilang.html' %}
        {% endwith %}

        </div>
    </div>

    <div class="box span8">
        <div class="box-header well">
            <h2><i class="icon-pencil"></i>Условия участия</h2>
        </div>
        <div class="box-content">
            {# currency #}
            <div class="control-group {% if form.currency.errors %}error{% endif %}">
                <label class="control-label">{{ form.currency.label }}:</label>
                    <div class="controls">{{ form.currency }}
                        <span class="help-inline">{{  form.currency.errors }}</span>
                    </div>
            </div>
            {# application_deadline #}
            <div class="control-group {% if form.application_deadline.errors %}error{% endif %}">
                <label class="control-label">{{ form.application_deadline.label }}:</label>
                    <div class="controls">{{ form.application_deadline }}
                        <span class="help-inline">{{  form.application_deadline.errors }}</span>
                    </div>
            </div>

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

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

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

            {# price_all_bar #}
            {% include 'c_admin/forms/multilang.html' with field='price_all_bar' form=form languages=languages %}
            {# stand_condition #}
            {% include 'c_admin/forms/multilang.html' with field='stand_condition' form=form languages=languages %}
            {# price_catalog #}
            <div class="control-group {% if form.price_catalog.errors %}error{% endif %}">
                <label class="control-label">{{ form.price_catalog.label }}:</label>
                    <div class="controls">{{ form.price_catalog }}
                        <span class="help-inline">{{  form.price_catalog.errors }}</span>
                    </div>
            </div>
            {# tax #}
            <div class="control-group {% if form.tax.errors %}error{% endif %}">
                <label class="control-label">{{ form.tax.label }}:</label>
                    <div class="controls">{{ form.tax }}
                        <span class="help-inline">{{  form.tax.errors }}</span>
                    </div>
            </div>
            {% include 'c_admin/forms/multilang.html' with field='visit_note' form=form languages=languages %}
            {# min_closed_area #}
            <div class="control-group {% if form.min_closed_area.errors %}error{% endif %}">
                <label class="control-label">{{ form.min_closed_area.label }}:</label>
                    <div class="controls">{{ form.min_closed_area }}
                        <span class="help-inline">{{  form.min_closed_area.errors }}</span>
                    </div>
            </div>
            {# max_closed_area #}
            <div class="control-group {% if form.max_closed_area.errors %}error{% endif %}">
                <label class="control-label">{{ form.max_closed_area.label }}:</label>
                    <div class="controls">{{ form.max_closed_area }}
                        <span class="help-inline">{{  form.max_closed_area.errors }}</span>
                    </div>
            </div>
            {# min_closed_equipped_area #}
            <div class="control-group {% if form.min_closed_equipped_area.errors %}error{% endif %}">
                <label class="control-label">{{ form.min_closed_equipped_area.label }}:</label>
                    <div class="controls">{{ form.min_closed_equipped_area }}
                        <span class="help-inline">{{  form.min_closed_equipped_area.errors }}</span>
                    </div>
            </div>
            {# max_closed_equipped_area #}
            <div class="control-group {% if form.max_closed_equipped_area.errors %}error{% endif %}">
                <label class="control-label">{{ form.max_closed_equipped_area.label }}:</label>
                    <div class="controls">{{ form.max_closed_equipped_area }}
                        <span class="help-inline">{{  form.max_closed_equipped_area.errors }}</span>
                    </div>
            </div>
            {# min_open_area #}
            <div class="control-group {% if form.min_open_area.errors %}error{% endif %}">
                <label class="control-label">{{ form.min_open_area.label }}:</label>
                    <div class="controls">{{ form.min_open_area }}
                        <span class="help-inline">{{  form.min_open_area.errors }}</span>
                    </div>
            </div>
            {# max_open_area #}
            <div class="control-group {% if form.max_open_area.errors %}error{% endif %}">
                <label class="control-label">{{ form.max_open_area.label }}:</label>
                    <div class="controls">{{ form.max_open_area }}
                        <span class="help-inline">{{  form.max_open_area.errors }}</span>
                    </div>
            </div>
            {# min_area #}
            <div class="control-group {% if form.min_area.errors %}error{% endif %}">
                <label class="control-label">{{ form.min_area.label }}:</label>
                    <div class="controls">{{ form.min_area }}
                        <span class="help-inline">{{  form.min_area.errors }}</span>
                    </div>
            </div>
            {# registration_payment #}
            <div class="control-group {% if form.registration_payment.errors %}error{% endif %}">
                <label class="control-label">{{ form.registration_payment.label }}:</label>
                    <div class="controls">{{ form.registration_payment }}
                        <span class="help-inline">{{  form.registration_payment.errors }}</span>
                    </div>
            </div>
            {# registration_link #}
            <div class="control-group {% if form.registration_link.errors %}error{% endif %}">
                <label class="control-label">{{ form.registration_link.label }}:</label>
                    <div class="controls">{{ form.registration_link }}
                        <span class="help-inline">{{  form.registration_link.errors }}</span>
                    </div>
            </div>
            {% include 'c_admin/forms/multilang.html' with field='participation_note' form=form languages=languages %}
            {# discount #}
            <div class="control-group {% if form.discount.errors %}error{% endif %}">
                <label class="control-label">{{ form.discount.label }}:</label>
                    <div class="controls">{{ form.discount }}
                        <span class="help-inline">{{  form.discount.errors }}</span>
                    </div>
            </div>
            {# discount_description #}
            {% with field='discount_description' form=form languages=languages %}
                {% include 'c_admin/forms/multilang.html' %}
            {% endwith %}
            {% include 'c_admin/forms/multilang.html' with field='stat_countries' form=form languages=languages %}
        </div>
    </div>

    <div class="box span8">
        <div class="box-header well">
            <h2><i class="icon-pencil"></i>Деловая программа</h2>
        </div>
        <div class="box-content">
        {% if object %}
            <div id="timetable_wrap">
            <table class="table">
                <colgroup>
                   <col span="1" style="width: 35%;">
                   <col span="1" style="width: 10%;">
                   <col span="1" style="width: 10%;">
                   <col span="1" style="width: 25%;">
                    <col span="1" style="width: 10%;">
                    <col span="1" style="width: 10%;">
                </colgroup>
                <thead>
                    <tr>
                        <th>Программа</th>
                        <th>Начало</th>
                        <th>Конец</th>
                        <th>Организатор</th>
                        <th>Место</th>
                        <th>&nbsp;</th>
                    </tr>

                </thead>
                <tbody>
                {% for timetable in timetables %}
                    <tr>
                        <td>{{ timetable.name|safe }}</td>
                        <td>{{ timetable.begin|date:"o-m-d H:i" }}</td>
                        <td>{{ timetable.end|date:"o-m-d H:i" }}</td>
                        <td>{{ timetable.speaker }}</td>
                        <td>
                            {{ timetable.place }}
                        </td>
                        <td>
                            <button class="btn btn-danger remove_timetable" value="{{ timetable.id }}">
                                Удалить
                            </button>
                        </td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
            </div>

        <a href="#timetableModal" id="timetable_add" role="btn btn-success" class="btn btn-success" data-toggle="modal"><i class="icon-plus-sign icon-white"></i> Добавить program</a>
        {% else %}
            <p>Деловую программу можно добавлять только после введения основных данных</p>
        {% endif %}


        </div>
    </div>

    <div class="box span8">
        <div class="box-header well">
            <h2><i class="icon-pencil"></i>Статистика</h2>
        </div>

        <div class="box-content">
        {# foundation_year #}
            <div class="control-group {% if form.foundation_year.errors %}error{% endif %}">
                <label class="control-label">{{ form.foundation_year.label }}:</label>
                    <div class="controls">{{ form.foundation_year }}
                        <span class="help-inline">{{  form.foundation_year.errors }}</span>
                    </div>
            </div>
        {# area #}
            <div class="control-group {% if form.area.errors %}error{% endif %}">
                <label class="control-label">{{ form.area.label }}:</label>
                    <div class="controls">{{ form.area }}
                        <span class="help-inline">{{  form.area.errors }}</span>
                    </div>
            </div>
        {# members #}
            <div class="control-group {% if form.members.errors %}error{% endif %}">
                <label class="control-label">{{ form.members.label }}:</label>
                    <div class="controls">{{ form.members }}
                        <span class="help-inline">{{  form.members.errors }}</span>
                    </div>
            </div>
        {# visitors #}
            <div class="control-group {% if form.visitors.errors %}error{% endif %}">
                <label class="control-label">{{ form.visitors.label }}:</label>
                    <div class="controls">{{ form.visitors }}
                        <span class="help-inline">{{  form.visitors.errors }}</span>
                    </div>
            </div>

        {% if object %}
            <div style="padding-left: 160px;{% if object %} {% else %}display: none;{% endif %}">

                <table class="table table-hover" style=" width: 100%;">
                    <thead>
                        <tr>
                            <td>Год</td>
                            <td>Посетители</td>
                            <td>Участники</td>
                            <td>Площадь</td>
                            <td></td>
                        </tr>
                    </thead>
                    <tbody>
                    {% for stat in object.statistic.all %}
                        <tr>
                            <td>{{ stat.year }}</td>
                            <td>{{ stat.visitors }}</td>
                            <td>{{ stat.members }}</td>
                            <td>{{ stat.area }}</td>
                            <td><a class="btn btn-danger delete_stat" href="/admin/ajax_delete_stat/{{ stat.id }}/"><i class="icon-trash icon-white"></i> Удалить</a></td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
                </div>
            <a href="#stat_modal" id="stat_add" role="btn btn-success" class="btn btn-success" data-toggle="modal"><i class="icon-plus-sign icon-white"></i> Добавить год</a>
            </div>
        {% endif %}
    </div>

    {% include 'c_admin/includes/filegallery.html' with object=object model='exposition.Exposition' %}
    {% include 'c_admin/includes/photogallery.html' with object=object %}

    <div class="box span8">
        <div class="box-header well">
            <h2><i class="icon-pencil"></i>Мета данные</h2>
        </div>
        <div class="box-content">
        {# keywords #}
        {% with field='keywords' form=form languages=languages %}
            {% include 'c_admin/forms/multilang.html' %}
        {% endwith %}
        {# title #}
        {% with field='title' form=form languages=languages %}
            {% include 'c_admin/forms/multilang.html' %}
        {% endwith %}
        {# descriptions #}
        {% with field='descriptions' form=form languages=languages %}
            {% include 'c_admin/forms/multilang.html' %}
        {% endwith %}
        </div>
    </div>

    <div class="controls">
        <input class="btn btn-large btn-primary" type="submit" value="Добавить">
        <input class="btn btn-large" type="reset" value="Отмена">
    </div>

</fieldset>
</form>

    <div class="modal hide fade" id="timetableModal" style="width: 800px;">
        <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true" id="close_timetable">&times;</button>
                <h3>Добавить Программу</h3>
         </div>
        <form  method="get" class="form-horizontal" name="timetable_form" id="timetable_form" > {% csrf_token %}
        {# hidden inputs uses for comparing with Exposition form key#}
                {{ timetable_form.key }}
                <input type="hidden" id="obj_id" value="{{ object.id }}">
        <div class="modal-body">


                <div class="control-group">
                    <label class="control-label"><strong>Время:</strong></label>
                    <div class="controls">
                    {{ timetable_form.begin }}   {{ timetable_form.end }}
                    </div>
                </div>
                {% with field='name' form=timetable_form languages=languages %}
                    {% include 'c_admin/forms/multilang.html' %}
                {% endwith %}

                {% with field='programe' form=timetable_form languages=languages %}
                    {% include 'c_admin/forms/multilang.html' %}
                {% endwith %}
                <div>
                    {% with field='speaker' form=timetable_form languages=languages %}
                        {% include 'c_admin/forms/multilang.html' %}
                {% endwith %}
                {% with field='place' form=timetable_form languages=languages %}
                    {% include 'c_admin/forms/multilang.html' %}
                {% endwith %}

{#                <div class="control-group">#}
{#                    <label class="control-label">Организатор:</label>#}
{#                    <div class="controls">#}
{#                    {{ timetable_form.timetable_organiser }}#}
{#                    </div>#}
{#                </div>#}
            </div>

         </div>

        <div class="modal-footer">
            <div class="controls">
                <input class="btn btn-primary" type="submit" value="{% if object %}Изменить{% else %}Добавить{% endif %}">
                <input type="reset" class="btn" value="Отменить" data-dismiss="modal">

            </div>

        </div>
    </form>
    </div>

</div>
{% include 'c_admin/includes/stat_form.html' with form=stat_form object=object %}
{% endblock %}