{% extends 'base.html' %}
{% load static %}
{# Displays conference form and file form in modal window #}


        {% 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>
        <script src="{% static 'custom_js/make_select.js' %}"></script>
        {# datetimepicker #}
        <link href="{% static 'js/datetimepicker/css/datetimepicker.css' %}" rel="stylesheet"/>
        <script src="{% static 'js/datetimepicker/js/bootstrap-datetimepicker.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
                });
            });
        </script>

        <script src="{% static 'custom_js/formset_add.js' %}"></script>
        {# ajax #}
        <script src="{% static 'custom_js/file_post_ajax.js' %}"></script>
        <script src="{% static 'custom_js/place_city_ajax.js' %}"></script>
        <script src="{% static 'custom_js/select_tag.js' %}"></script>



        {% endblock %}

{% block body %}

{# Uses multilang.html template for translated fields #}
<form  method="post" class="form-horizontal" enctype="multipart/form-data" name="form1" id="form1"> {% csrf_token %}
<fieldset>
    <legend><i class="icon-edit"></i>{% if obj_id %} Изменить {% else %} Добавить {% 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.conference_id }}

        {# name #}
        {% with field='name' form=form languages=languages %}
            {% include 'admin/forms/multilang.html' %}
        {% endwith %}
        {# main_title #}
        {% with field='main_title' form=form languages=languages %}
            {% include '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="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>
        {# 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>
        </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 'admin/forms/multilang.html' %}
        {% endwith %}

        {# 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>
        {# link #}
            <div class="control-group {% if form.link.errors %}error{% endif %}">
                <label class="control-label">{{ form.link.label }}:</label>
                    <div class="controls">{{ form.link }}
                        <span class="help-inline">{{  form.link.errors }}</span>
                    </div>
            </div>
        {# main_themes #}
        {% with field='main_themes' form=form languages=languages %}
            {% include 'admin/forms/multilang.html' %}
        {% endwith %}
        {# time #}
        {% with field='time' form=form languages=languages %}
            {% include 'admin/forms/multilang.html' %}
        {% endwith %}
        {# 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>
        {# 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">
            {# 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>
            {# 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>
            {# min_price #}
            <div class="control-group {% if form.min_price.errors %}error{% endif %}">
                <label class="control-label">{{ form.min_price.label }}:</label>
                    <div class="controls">{{ form.min_price }}
                        <span class="help-inline">{{  form.min_price.errors }}</span>
                    </div>
            </div>
            {# max_price #}
            <div class="control-group {% if form.max_price.errors %}error{% endif %}">
                <label class="control-label">{{ form.max_price.label }}:</label>
                    <div class="controls">{{ form.max_price }}
                        <span class="help-inline">{{  form.max_price.errors }}</span>
                    </div>
            </div>
            {# 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 'admin/forms/multilang.html' %}
            {% endwith %}

        </div>
    </div>

    {% if obj_id %}
    <div class="box span8">
        <div class="box-header well">
            <h2><i class="icon-pencil"></i>Участники</h2>
        </div>
        <div class="box-content">
        {# organiser #}
            <div class="control-group {% if form.organiser.errors %}error{% endif %}">
                <label class="control-label">{{ form.organiser.label }}:</label>
                    <div class="controls">{{ form.organiser }}
                        <span class="help-inline">{{  form.organiser.errors }}</span>
                    </div>
            </div>
        {# company #}
            <div class="control-group {% if form.company.errors %}error{% endif %}">
                <label class="control-label">{{ form.company.label }}:</label>
                    <div class="controls">{{ form.company }}
                        <span class="help-inline">{{  form.company.errors }}</span>
                    </div>
            </div>
        {# users #}
            <div class="control-group {% if form.users.errors %}error{% endif %}">
                <label class="control-label">{{ form.users.label }}:</label>
                    <div class="controls">{{ form.users }}
                        <span class="help-inline">{{  form.users.errors }}</span>
                    </div>
            </div>
        </div>
    </div>
    {% endif %}

    <div class="box span8" id="file">
        <div class="box-header well">
            <h2><i class="icon-pencil"></i> Файлы</h2>
        </div>
        <div class="box-content">
        {# button that shows modal window with file form #}
        <a href="#myModal" id="file_add" role="button" class="btn btn-info" data-toggle="modal">Добавить файл</a>
        {# this div shows list of files and refreshes when new file added #}
        <div id="file_list">
        <table class="table table-hover">

        <thead>
                <tr>
                    <td>id</td>
                    <td>Файл</td>
                    <td>Имя</td>
                    <td>Назначение</td>
                    <td></td>
                </tr>
            </thead>
        <tbody>
        {% for file in files %}

                <tr>
                    <td>{{ file.id }}</td>
                    <td><img src="{{ file.file_path.url }}"></td>
                    <td>{{ file.file_name }}</td>
                    <td>{{ file.purpose }}</td>
                    <td>
                        <button class="btn btn-danger delete_file" value="{{ file.id }}">
                        <i class="icon-trash icon-white"></i> Удалить
                        </button>
                    </td>
                </tr>

        {% endfor %}
        </tbody>
        </table>
        </div>

        </div>
        </div>

<!--
    <div class="box span8">
        <div class="box-header well">
            <h2><i class="icon-pencil"></i>Деловая программа</h2>
        </div>
        <div class="box-content">

        <a id="add" class="btn btn-success" href="#"><i class="icon-plus-sign icon-white"></i> Добавить день</a>
        </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>
        {# 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 formset_statistic.errors %}
        <div class="alert alert-error">
        {% for form in formset_statistic.forms %}

            {% for key, value in form.errors.items %}
                <p>{{ value }}</p>
            {% endfor %}

        {% endfor %}
        </div>
        {% endif %}

        {# formset of halls #}
        {{ formset_statistic.management_form }}

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

        <table class="table table-hover" style=" width: 100%;">
            <thead>
                <tr>
                    <td>Год</td>
                    <td>Посетители</td>
                    <td>Участники</td>
                    <td></td>
                </tr>
            </thead>
            <tbody>
            {% for form in formset_statistic.forms %}
                <tr class="item" {% if obj_id %}{% else %}style="display: NONE"{% endif %}>
                    <td>{{ form.year }}</td>
                    <td>{{ form.visitors }}</td>
                    <td>{{ form.members }}</td>
                    <td><a class="delete btn btn-danger" href="#"><i class="icon-trash icon-white"></i> Удалить</a></td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
        </div>
        <p style=" padding-left: 20px"><a id="add" class="btn btn-success" href="#"><i class="icon-plus-sign icon-white"></i> Добавить год</a></p>
        </div>
    </div>

    <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 'admin/forms/multilang.html' %}
        {% endwith %}
        {# title #}
        {% with field='title' form=form languages=languages %}
            {% include 'admin/forms/multilang.html' %}
        {% endwith %}
        {# descriptions #}
        {% with field='descriptions' form=form languages=languages %}
            {% include '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>

{# modal window #}
<div class="modal hide fade" id="myModal" >
     <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true" id="close">&times;</button>
            <h3>Добавить файл</h3>
     </div>

     <div id="form_body">
     <div class="modal-body">
            <form  method="post" class="form-horizontal"  enctype="multipart/form-data" name="file_form" id="file_form" > {% csrf_token %}

            {# hidden inputs uses for comparing with Conference form key#}
            {{ file_form.key }}
            {{ file_form.model }}
            <input type="hidden" id="obj_id" value="{{ obj_id }}">
            {# file_path #}
            <div class="control-group{% if file_form.file_path.errors %}error{% endif %}">
                <label class="control-label"><b>{{ file_form.file_path.label }}:</b></label>
                    <div class="controls">{{ file_form.file_path }}
                        <span class="help-inline">{{  file_form.file_path.errors }}</span>
                    </div>
            </div>
            {# file purpose #}
            <div class="control-group{% if file_form.purpose.errors %}error{% endif %}">
                <label class="control-label"><b>{{ file_form.purpose.label }}:</b></label>
                    <div class="controls">{{ file_form.purpose }}
                        <span class="help-inline">{{  file_form.purpose.errors }}</span>
                    </div>
            </div>
            {# file_name #}
            {% with field='file_name' form=file_form languages=languages %}
                {% include 'admin/forms/multilang.html' %}
            {% endwith %}
            {# file_description #}
            {% with field='description' form=file_form languages=languages %}
                {% include 'admin/forms/multilang.html' %}
            {% endwith %}

     </div>

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

</div>

{% endblock %}