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

{% block scripts %}

    <script src="{% static 'ckeditor/ckeditor/ckeditor.js' %}"></script>
    {# google map не забыть скачать скрипты на локал #}
    <link href='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/redmond/jquery-ui.css' rel="stylesheet"/>
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script>
    <script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js'></script>
    <script src='http://maps.google.com/maps/api/js?sensor=false'></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>
    {# ajax #}
    <script src="{% static 'custom_js/file_post_ajax.js' %}"></script>
    <script src="{% static 'custom_js/place_city_ajax.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 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 input uses for comparing with TmpFile objects #}
            {{ form.key }}
            {# Hidden input uses in clean method for checking url #}
            {{ form.place_exposition_id }}

            {# name #}
            {% with field='name' form=form languages=languages %}
                {% include 'c_admin/forms/multilang.html' %}
            {% endwith %}
            {# type #}
            <div class="control-group {% if form.type.errors %}error{% endif %}">
                <label class="control-label"><b>{{ form.type.label }}:</b></label>
                    <div class="controls">{{ form.type}}
                        <span class="help-inline">{{  form.type.errors }}</span>
                    </div>
            </div>
            {# main_title #}
            {% with field='main_title' form=form languages=languages %}
                {% include 'c_admin/forms/multilang.html' %}
            {% endwith %}
            {# 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>

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

            {# phone #}
            <div class="control-group {% if form.phone.errors %}error{% endif %}">
                <label class="control-label">{{ form.phone.label }}:</label>
                    <div class="controls">{{ form.phone}}
                        <span class="help-inline">{{  form.phone.errors }}</span>
                    </div>
            </div>
            {# fax #}
            <div class="control-group {% if form.fax.errors %}error{% endif %}">
                <label class="control-label">{{ form.fax.label }}:</label>
                    <div class="controls">{{ form.fax}}
                        <span class="help-inline">{{  form.fax.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>
            {# email #}
            <div class="control-group {% if form.email.errors %}error{% endif %}">
                <label class="control-label">{{ form.email.label }}:</label>
                    <div class="controls">{{ form.email}}
                        <span class="help-inline">{{  form.email.errors }}</span>
                    </div>
            </div>
            {# video_link #}
            <div class="control-group {% if form.video_link.errors %}error{% endif %}">
                <label class="control-label">{{ form.video_link.label }}:</label>
                    <div class="controls">{{ form.video_link }}
                        <span class="help-inline">{{ form.video_link.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">
            {# 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>
            {# total_year_action #}
            {% with field='total_year_action' form=form languages=languages %}
                {% include 'c_admin/forms/multilang.html' %}
            {% endwith %}
            {# total_area #}
            <div class="control-group {% if form.total_area.errors %}error{% endif %}">
                <label class="control-label">{{ form.total_area.label }}:</label>
                    <div class="controls">{{ form.total_area}}
                        <span class="help-inline">{{  form.total_area.errors }}</span>
                    </div>
            </div>
            {# closed_area #}
            <div class="control-group {% if form.closed_area.errors %}error{% endif %}">
                <label class="control-label">{{ form.closed_area.label }}:</label>
                    <div class="controls">{{ form.closed_area}}
                        <span class="help-inline">{{  form.closed_area.errors }}</span>
                    </div>
            </div>
            {# open_area #}
            <div class="control-group {% if form.open_area.errors %}error{% endif %}">
                <label class="control-label">{{ form.open_area.label }}:</label>
                    <div class="controls">{{ form.open_area}}
                        <span class="help-inline">{{  form.open_area.errors }}</span>
                    </div>
            </div>
            {# total_pavilions #}
            <div class="control-group {% if form.total_pavilions.errors %}error{% endif %}">
                <label class="control-label">{{ form.total_pavilions.label }}:</label>
                    <div class="controls">{{ form.total_pavilions}}
                        <span class="help-inline">{{  form.total_pavilions.errors }}</span>
                    </div>
            </div>
            {# total_halls #}
            <div class="control-group {% if form.total_halls.errors %}error{% endif %}">
                <label class="control-label">{{ form.total_halls.label }}:</label>
                    <div class="controls">{{ form.total_halls}}
                        <span class="help-inline">{{  form.total_halls.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">


        {% if formset.errors %}
        <div class="alert alert-error">
        {% for form in formset.forms %}

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

        {% endfor %}
        </div>
        {% endif %}
        {# formset of halls #}
        {{ formset.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.forms %}

        <tr class="item" {% if obj_id %}{% else %}style="display: NONE"{% endif %}>
            <td>{{ form.name }}</td>
            <td>{{ form.number }}</td>
            <td>{{ form.capacity }}</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">
        <div style="float: left">
        {# wifi #}
            <div class="control-group {% if form.wifi.errors %}error{% endif %}">
                <label class="control-label">{{ form.wifi.label }}:</label>
                    <div class="controls">{{ form.wifi}}
                        <span class="help-inline">{{  form.wifi.errors }}</span>
                    </div>
            </div>
        {# bank #}
            <div class="control-group {% if form.bank.errors %}error{% endif %}">
                <label class="control-label">{{ form.bank.label }}:</label>
                    <div class="controls">{{ form.bank}}
                        <span class="help-inline">{{  form.bank.errors }}</span>
                    </div>
            </div>
        {# children_room #}
            <div class="control-group {% if form.children_room.errors %}error{% endif %}">
                <label class="control-label">{{ form.children_room.label }}:</label>
                    <div class="controls">{{ form.children_room}}
                        <span class="help-inline">{{  form.children_room.errors }}</span>
                    </div>
            </div>
        {# disabled_service #}
            <div class="control-group {% if form.disabled_service.errors %}error{% endif %}">
                <label class="control-label">{{ form.disabled_service.label }}:</label>
                    <div class="controls">{{ form.disabled_service}}
                        <span class="help-inline">{{  form.disabled_service.errors }}</span>
                    </div>
            </div>
        {# conference_centre #}
            <div class="control-group {% if form.conference_centre.errors %}error{% endif %}">
                <label class="control-label">{{ form.conference_centre.label }}:</label>
                    <div class="controls">{{ form.conference_centre}}
                        <span class="help-inline">{{  form.conference_centre.errors }}</span>
                    </div>
            </div>
        {# business_centre #}
            <div class="control-group {% if form.business_centre.errors %}error{% endif %}">
                <label class="control-label">{{ form.business_centre.label }}:</label>
                    <div class="controls">{{ form.business_centre}}
                        <span class="help-inline">{{  form.business_centre.errors }}</span>
                    </div>
            </div>
        </div>
        <div style="float: left" class="offset1">
        {# online_registration #}
            <div class="control-group {% if form.online_registration.errors %}error{% endif %}">
                <label class="control-label">{{ form.online_registration.label }}:</label>
                    <div class="controls">{{ form.online_registration}}
                        <span class="help-inline">{{  form.online_registration.errors }}</span>
                    </div>
            </div>
        {# cafe #}
            <div class="control-group {% if form.cafe.errors %}error{% endif %}">
                <label class="control-label">{{ form.cafe.label }}:</label>
                    <div class="controls">{{ form.cafe}}
                        <span class="help-inline">{{  form.cafe.errors }}</span>
                    </div>
            </div>
        {# terminals #}
            <div class="control-group {% if form.terminals.errors %}error{% endif %}">
                <label class="control-label">{{ form.terminals.label }}:</label>
                    <div class="controls">{{ form.terminals}}
                        <span class="help-inline">{{  form.terminals.errors }}</span>
                    </div>
            </div>
        {# parking #}
            <div class="control-group {% if form.parking.errors %}error{% endif %}">
                <label class="control-label">{{ form.parking.label }}:</label>
                    <div class="controls">{{ form.parking}}
                        <span class="help-inline">{{  form.parking.errors }}</span>
                    </div>
            </div>
        {# press_centre #}
            <div class="control-group {% if form.press_centre.errors %}error{% endif %}">
                <label class="control-label">{{ form.press_centre.label }}:</label>
                    <div class="controls">{{ form.press_centre}}
                        <span class="help-inline">{{  form.press_centre.errors }}</span>
                    </div>
            </div>
        {# mobile_application #}
            <div class="control-group {% if form.mobile_application.errors %}error{% endif %}">
                <label class="control-label">{{ form.mobile_application.label }}:</label>
                    <div class="controls">{{ form.mobile_application}}
                        <span class="help-inline">{{  form.mobile_application.errors }}</span>
                    </div>
            </div>
        </div>

        </div>
    </div>

    <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 href="{{ object.photogallery.admin_url }}" role="button" class="btn btn-info" data-toggle="modal">Просмотреть галерею</a><br><br>

            {% with photos=object.photogallery.photos.all %}
            {% for photo in photos %}
                <div class="photo" style="float: left;margin-right: 15px;">
                    <img src="{{ photo.get_admin_thumbnail_url }}" class="thumbnail" alt="{{ photo.title }}">
                </div>
            {% endfor %}
            {% endwith %}

        </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 '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>

    {# 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 City 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">{{ file_form.file_path.label }}:</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">{{ file_form.purpose.label }}:</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 'c_admin/forms/multilang.html' %}
            {% endwith %}
            {# file_description #}
            {% with field='description' form=file_form languages=languages %}
                {% include 'c_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 %}