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


{% block scripts %}
    <script src="{% static 'ckeditor/ckeditor/ckeditor.js' %}"></script>
{% endblock %}


{% block body %}
<form method="post" action="." class="form-horizontal">{% csrf_token %}
    <div class="span8">
        Доступные параметры:

        <br>{name} - название события
        <br>{short_descr} - краткое описание события
        <br>{dates} - даты проведения события
        <br>{country} - страна
        <br>{city} - город
        <br>{place} - место проведения
        <br>{place_url} - урл места проведения (/places/{place_url}/)
        <br>{theme} - тема
        <br>{tags} - теги
        <br>{booking_url} - ссылка на букинг
    </div>

    <div class="box span8">
        <div class="box-header well" data-original-title>
            <h2><i class="icon-tasks"></i>{{ form.verbose }}</h2>
        </div>
        <div class="box-content">
            <div class="control-group" style="margin-bottom: 1px;" >
                <div class="controls span3" id="m_e">
                    <ul class="nav nav-tabs" style="margin-bottom: -2px; margin-left: 10px;">
                        <li class="active">
                            <a href="#field_{{ form.expo_description_ru.auto_id }}" data-toggle="tab">ru</a>
                        </li>
                        <li>
                            <a href="#field_{{ form.expo_description_en.auto_id }}" data-toggle="tab">en</a>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="tab-content" >
                {# expo ru #}
                <div class="tab-pane active"  id="field_{{ form.expo_description_ru.auto_id }}">
                    <div class="control-group {% if form.expo_description_ru.errors %}error{% endif %}" >
                        <label class="control-label">
                            {% if form.expo_description_ru.required %}
                                <b>{{ form.expo_description_ru.label }}</b>:
                            {% else %}
                                {{ form.expo_description_ru.label }}:
                            {% endif %}
                        </label>
                        <div class="controls" style="border: 1px solid #ddd; padding: 10px; border-radius: 5px">
                            {{ form.expo_description_ru }}
                            <span class="help-inline">{{ form.expo_description_ru.errors }}</span>
                        </div>
                     </div>
                </div>

                {# expo en #}
                <div class="tab-pane"  id="field_{{ form.expo_description_en.auto_id }}">
                    <div class="control-group {% if form.expo_description_en.errors %}error{% endif %}" >
                        <label class="control-label">
                            {% if form.expo_description_en.required %}
                                <b>{{ form.expo_description_en.label }}</b>:
                            {% else %}
                                {{ form.expo_description_en.label }}:
                            {% endif %}
                        </label>
                        <div class="controls" style="border: 1px solid #ddd; padding: 10px; border-radius: 5px">
                            {{ form.expo_description_en }}
                            <span class="help-inline"> {{ form.expo_description_en.errors }}</span></div>
                     </div>
                </div>
            </div>


            <div class="control-group" style="margin-bottom: 1px;" >
                <div class="controls span3" id="m_c">
                    <ul class="nav nav-tabs" style="margin-bottom: -2px; margin-left: 10px;">
                        <li class="active">
                            <a href="#field_{{ form.conf_description_ru.auto_id }}" data-toggle="tab">ru</a>
                        </li>
                        <li>
                            <a href="#field_{{ form.conf_description_en.auto_id }}" data-toggle="tab">en</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="tab-content" >
                {# conf ru #}
                <div class="tab-pane active"  id="field_{{ form.conf_description_ru.auto_id }}">
                    <div class="control-group {% if form.conf_description_ru.errors %}error{% endif %}" >
                        <label class="control-label">
                            {% if form.conf_description_ru.required %}
                                <b>{{ form.conf_description_ru.label }}</b>:
                            {% else %}
                                {{ form.conf_description_ru.label }}:
                            {% endif %}
                        </label>
                        <div class="controls" style="border: 1px solid #ddd; padding: 10px; border-radius: 5px">
                            {{ form.conf_description_ru }}
                            <span class="help-inline">{{ form.conf_description_ru.errors }}</span></div>
                     </div>
                </div>

                {# conf en #}
                <div class="tab-pane"  id="field_{{ form.conf_description_en.auto_id }}">
                    <div class="control-group {% if form.conf_description_en.errors %}error{% endif %}" >
                        <label class="control-label">
                            {% if form.conf_description_en.required %}
                                <b>{{ form.conf_description_en.label }}</b>:
                            {% else %}
                                {{ form.conf_description_en.label }}:
                            {% endif %}
                        </label>
                        <div class="controls" style="border: 1px solid #ddd; padding: 10px; border-radius: 5px">
                            {{ form.conf_description_en }}
                            <span class="help-inline"> {{ form.conf_description_en.errors }}</span></div>
                     </div>
                </div>
            </div>

            <hr/>
            <button type="submit" class="btn btn-primary" >Сохранить</button>
        </div>
    </div>
</form>

<div class="conference span8">
    <hr>
    <h2>Краткое описание для коцнференции</h2>
    <div style="text-align: justify">
        <p>Конференция {name}  проходит {dates} в городе {city}, {country}. Посмотреть, как проехать в место проведения конференции, можно на сайте конгрессной площадки. Деловая программа {name}  разбита на секции по дням и размещается на сайте мероприятия с подробным списком докладчиков конференции. Спикеров конференции {name} обычно окончательно утверждают  за 1-2 месяца до начала конференции.</p>
        <h3>Ваши деловые контакты на {name} </h3>
        <p class="text-indent-1-5em">Добавьте конференцию {name} в расписание, чтобы не потерять важное событие, где встречаются профессионалы нужной Вам отрасли. Создавайте свое расписание мероприятий.</p>
        <h3>Планируете самостоятельную поездку на {name} ? </h3>
        <p class="text-indent-1-5em">Если Вам требуется размещение, мы рекомендуем посмотреть отели и цены в период проведения конференции <a href="{booking_url}">здесь</a>. Не забудьте проверить место и даты конференции на официальном сайте и в календаре организатора. Событие могут перенести, отменить, объединить с проектом схожей тематики. Expomap не несет ответственности за неточности предоставляемой  информации.</p>
        Есть вопрос по участию в {name} ? Ответим по тел. <b>+7 (499) 999-12-07</b>
    </div>
    <hr>
</div>

<div class="expostition span8">
    <hr>
    <h2>Краткое описание для выставки</h2>
    <div style="text-align: justify">
        <p>Выставка {name} проводится {dates} в городе {city}, {country}.</p>
        <p>Экспонируемые продукты и разделы выставки Вы можете посмотреть ниже, в блоке <a href="#additional">«Дополнительная информация».</a> Полный список участников {name} размещается на официальном сайте выставки и постоянно обновляется. Там же Вы сможете найти экспонентов предыдущего года. Деловая программа {name} обычно публикуется ближе к началу события.</p>

        <h3>Ваш личный календарь</h3>
        <p class="text-indent-1-5em">Добавьте выставку {name} в <a href="/profile/calendar/">календарь</a>, чтобы не потерять важное событие. Создавайте свое расписание мероприятий.</p>

        <h3>Планируете самостоятельную поездку на {name}?</h3>
        <p class="text-indent-1-5em">Мы рекомендуем посмотреть отели и цены в период проведения выставки <a href="{booking_url}">здесь</a>.

        Как добраться до выставочного центра {place} можно посмотреть <a href="/places/{place_url}/">здесь</a>.

        Не забудьте проверить место и даты выставки на официальном сайте и в календаре выставочного комплекса. Событие могут перенести, отменить, объединить с проектом схожей тематики. Expomap не несет ответственности за неточности предоставляемой информации.</p>
        Есть вопрос о посещении или участии в {name}? Ответим по тел. <b>+7 (499) 999-12-07</b>
    </div>
    <hr>
</div>

{% endblock %}