{% extends 'base.html' %}
{% load static %}
{% block styles %}
.hover{
    display:none;
    margin-bottom:10px;

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

{% 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/make_select.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 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">

            {# name #}
            {% with field='name' form=form languages=languages %}
                {% include '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 '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>

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

        </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 '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 object %}
                <a href="#hallpopup" role="button" class="btn btn-success" data-toggle="modal"><i class="icon-plus-sign icon-white"></i>Добавить зал</a>
                <table class="table table-hover" style=" width: 100%;">
                    <thead>
                        <tr>
                            <td>Название павильона</td>
                            <td>Номер</td>
                            <td>Вместимость</td>
                            <td></td>
                        </tr>
                    </thead>
                    <tbody>
                    {% for hall in halls %}
                        <tr>
                            <td>{{ hall.name }}</td>
                            <td>{{ hall.number }}</td>
                            <td>{{ hall.capacity }}</td>
                            <td>
                                <a class="delete-hall btn btn-danger" href="/admin/place_exposition/delete-hall/{{ hall.id }}"><i class="icon-trash icon-white"></i> Удалить</a>
                                <a class="btn btn-info" href="/admin/place_exposition/hall/{{ object.url }}/{{ hall.id }}/"><i class="icon-trash icon-white"></i> Изменить</a>
                            </td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            {% 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">
        <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">
        {% if object %}
        {# button that shows modal window with file form #}
        <a href="#myModal" id="file_add" role="button" class="btn btn-info" data-toggle="modal">Добавить файл</a>
        {% else %}
                <p>Файлы можна добавлять только после введения основных даных</p>
        {% endif %}
        {# 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>
                    {% include 'file_list.html' with files=files %}
                </tbody>
            </table>
        </div>

        </div>
    </div>

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




{% include 'admin/includes/hall_form.html' with form=hall_form object=object %}
{% include 'admin/includes/photo_form.html' with form=photo_form object=object %}
{% include 'admin/includes/file_form.html' with file_form=file_form object=object %}

{% endblock %}