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

{% 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>
    <script src="{% static 'custom_js/formset_add.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 conference_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 }}

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

            {# exposition_hall #}
            <div class="control-group {% if form.exposition_hall.errors %}error{% endif %}">
                <label class="control-label">{{ form.exposition_hall.label }}:</label>
                    <div class="controls">{{ form.exposition_hall}}
                        <span class="help-inline">{{  form.exposition_hall.errors }}</span>
                    </div>
            </div>
            {# exp_hall_area #}
            <div class="control-group {% if form.exp_hall_area.errors %}error{% endif %}">
                <label class="control-label">{{ form.exp_hall_area.label }}:</label>
                    <div class="controls">{{ form.exp_hall_area}}
                        <span class="help-inline">{{  form.exp_hall_area.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">
        {# hall_capacity #}
            {% with field='hall_capacity' form=form languages=languages %}
                {% include 'admin/forms/multilang.html' %}
            {% endwith %}
        <div class="control-group">
            <div class="controls">
        <p class="text-info">%(name)s: Название зала</p>
        <p class="text-info">%(number)s: Номер зала</p>
        <p class="text-info">%(capacity)s: Вместимость зала</p>

            </div>
        </div>
        <hr>
        {# formset of halls #}
        {{ formset.management_form }}
        <div id="halls" style="padding-left: 160px;{% if conference_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 conference_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">
            {# 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 %}
            {# latitude #}
            <div class="control-group {% if form.latitude.errors %}error{% endif %}">
                <label class="control-label">{{ form.latitude.label }}:</label>
                    <div class="controls">{{ form.latitude}}
                        <span class="help-inline">{{  form.latitude.errors }}</span>
                    </div>
            </div>
            {# longitude #}
            <div class="control-group {% if form.longitude.errors %}error{% endif %}">
                <label class="control-label">{{ form.longitude.label }}:</label>
                    <div class="controls">{{ form.longitude}}
                        <span class="help-inline">{{  form.longitude.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" id="file">
        <div class="box-header well">
            <h2><i class="icon-pencil"></i> Файлы</h2>
        </div>
        <div class="box-content">

        {# this div shows list of files and refreshes when new file added #}
        <div id="file_list">
        <table class="table table-hover" style="padding-left: 50px">

        <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>{{ file.file_type }}</td>
                </tr>

        {% endfor %}
        </tbody>
        </table>
        </div>
        {# button that shows modal window with file form #}
       <p style="padding-left: 50px"> <a href="#myModal" id="file_add" role="button" class="btn btn-success" data-toggle="modal">
            <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>
            {# multimedia_equipment #}
            <div class="control-group {% if form.multimedia_equipment.errors %}error{% endif %}">
                <label class="control-label">{{ form.multimedia_equipment.label }}:</label>
                    <div class="controls">{{ form.multimedia_equipment}}
                        <span class="help-inline">{{  form.multimedia_equipment.errors }}</span>
                    </div>
            </div>
            {# conference_call #}
            <div class="control-group {% if form.conference_call.errors %}error{% endif %}">
                <label class="control-label">{{ form.conference_call.label }}:</label>
                    <div class="controls">{{ form.conference_call}}
                        <span class="help-inline">{{  form.conference_call.errors }}</span>
                    </div>
            </div>
            {# translate_equipment #}
            <div class="control-group {% if form.translate_equipment.errors %}error{% endif %}">
                <label class="control-label">{{ form.translate_equipment.label }}:</label>
                    <div class="controls">{{ form.translate_equipment }}
                        <span class="help-inline">{{  form.translate_equipment.errors }}</span>
                    </div>
            </div>
        </div>
        <div style="float: left"class="offset1">
            {# banquet_hall #}
            <div class="control-group {% if form.banquet_hall.errors %}error{% endif %}">
                <label class="control-label">{{ form.banquet_hall.label }}:</label>
                    <div class="controls">{{ form.banquet_hall}}
                        <span class="help-inline">{{  form.banquet_hall.errors }}</span>
                    </div>
            </div>
            {# catering #}
            <div class="control-group {% if form.catering.errors %}error{% endif %}">
                <label class="control-label">{{ form.catering.label }}:</label>
                    <div class="controls">{{ form.catering}}
                        <span class="help-inline">{{  form.catering.errors }}</span>
                    </div>
            </div>
            {# hotel #}
            <div class="control-group {% if form.hotel.errors %}error{% endif %}">
                <label class="control-label">{{ form.hotel.label }}:</label>
                    <div class="controls">{{ form.hotel}}
                        <span class="help-inline">{{  form.hotel.errors }}</span>
                    </div>
            </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">
        {# 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 Country form key#}
            {{ file_form.key }}
            <input type="hidden" id="country_id" value="{{ country_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 '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 %}