{% extends 'base_catalog.html' %}
{% load static %}
{% load i18n %}
{% load template_filters %}

{% block bread_scrumbs %}
    <div class="bread-crumbs">
        {% if object %}
        <a href="/">{% trans 'Главная страница' %}</a>
        <a href="{{ object.catalog }}">{% trans 'Выставки' %}</a>
        <a href="{{ object.catalog }}country/{{ object.country.url }}/">{{ object.country }}</a>
        <a href="{{ object.catalog }}city/{{ object.city.url }}/">{{ object.city }}</a>
        <a href="{{ object.get_permanent_url }}">{{ object.name }}</a>
        <strong>{% trans 'Участие в выставке' %}</strong>
        {% else %}
        <a href="/">{% trans 'Главная страница' %}</a>
        <strong>{% trans 'Участие в выставке' %}</strong>
        {% endif %}
    </div>
{% endblock %}

{% block page_title %}
    <div class="page-title">
        <h1>{% if meta %}{{ meta.h1 }}{% else %}{% trans 'Участие в выставке' %}{% if object %} {{ object.name }} {% endif %}{% endif %}</h1>
    </div>
{% endblock %}

{% block page_body %}
    <div class="page-body clearfix request-form rq-participation">

        <div class="m-article">

            <div class="rq-info clearfix">

                <div class="rqi-pict"><img src="{% static 'client/img/_del-temp/request-participation.png' %}" alt="" /></div>

                <div class="rqi-body">
                    <h2>{% trans 'Увеличим эффективность Вашего участия в выставке' %}{% if object %} {{ object.name }} {% endif %} {% trans 'как минимум на 50%' %}</h2>

                    <div class="rqi-cols">
                        <ul>
                            <li>{% trans 'Мы поможем превратить посетителей стенда в клиентов' %}</li>
                            <li>{% trans 'Мы удержим Вас от пустых трат' %}</li>
                            <li>{% trans 'Мы посчитаем отдачу и покажем результаты в цифрах' %}</li>
                        </ul>

                        <ul>
                            <li>{% trans 'Мы начнем привлекать Вам клиентов еще до выставки' %}</li>
                            <li>{% trans 'Мы знаем тонкости и узкие места организации' %}</li>
                        </ul>
                    </div>

                </div>

            </div>

            <div class="rq-form service-page" {% if form.errors %}style="display:block"{% endif %}>
                <form id="id_service_participation" method="post">{% csrf_token %}

                    <hr />

                    <div class="rq-form-sect">

                        <div class="rqf-title">{% trans 'Информация об экспоместе' %}</div>

                        <div class="mf-line cols-2">
                            <div class="mf-field rq-area-val validate-field{% if form.area.errors %} error-field{% endif %}">
                                <label>{% trans 'Требуемая площадь' %}:</label>
                                {{ form.area }}
                                <div class="error-blob">
                                    {{ form.area.errors }}

                                </div>
                            </div>

                            <div class="mf-field rq-area-type validate-field{% if form.area_type.errors %} error-field{% endif %}">
                                <label>{% trans 'Вид площади' %}:</label>
                                {{ form.area_type }}
                                <div class="error-blob">
                                    {{ form.area_type.errors }}

                                </div>
                            </div>
                        </div>

                        <div class="mf-line full-width">
                            <div class="mf-field">
                                {{ form.company_inf }}
                            </div>
                        </div>

                    </div>

                    <hr />

                    <div class="rq-form-sect">

                        <div class="rqf-title">{% trans 'Ваши контактные данные' %}</div>
                        {% if not object %}
                        <div class="mf-line rq-person ">
                            <div class="mf-field validate-field{% if form.event.errors %} error-field{% endif %}">
                                {{ form.event }}
                                <div class="error-blob">
                                    {{ form.event.errors }}

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

                        <div class="mf-line rq-person ">
                            <div class="mf-field validate-field{% if form.person_inf.errors %} error-field{% endif %}" >
                                {{ form.person_inf }}
                                <div class="error-blob">
                                    {{ form.person_inf.errors }}

                                </div>
                            </div>
                        </div>

                        <div class="mf-line cols-2 rq-place">
                            <div class="mf-field rq-country validate-field{% if form.country.errors %} error-field{% endif %}">
                                {{ form.country }}
                                <div class="error-blob">
                                    {{ form.country.errors }}

                                </div>
                            </div>

                            <div class="mf-field rq-city validate-field{% if form.city.errors %} error-field{% endif %}">
                                {{ form.city }}
                                <div class="error-blob">
                                    {{ form.city.errors }}

                                </div>
                            </div>
                        </div>

                        <div class="mf-line cols-2 rq-contacts">
                            <div class="mf-field rq-tel validate-field{% if form.phone.errors %} error-field{% endif %}">
                                {{ form.phone }}
                                <div class="error-blob">
                                    {{ form.phone.errors }}

                                </div>
                            </div>

                            <div class="mf-field rq-mail validate-field{% if form.person.errors %} error-field{% endif %}">
                                {{ form.person }}
                                <div class="error-blob">
                                    {{ form.person.errors }}

                                </div>
                            </div>
                        </div>

                    </div>

                    <hr />

                    <div class="rq-btn-wrap">
                        {% if service.price %}
                        <input id="id_price" name="price" type="hidden" value="{{ service.price  }}"/>
                        {% endif %}

                        {% if service.price %}
                            <input id="id_currency" name="currency" type="hidden" value="{{ service.currency  }}"/>
                        {% endif %}

                        <button class="big orange a-more" type="submit">{% trans 'отправить запрос' %}</button>

                    </div>

                </form>
            </div>

            <div class="rq-btn-wrap rq-btn-to-hide">

                <a class="button big orange a-more" href="#">{% trans 'Сделать запрос' %}</a>

            </div>

            <hr />
            <div class="rq-note">
                {% if object %}
                <p>
                {% trans 'Укажите в запросе исходную информацию о Ваших целях и задачах, и мы подберем' %} {{ object.name }}
                {% trans 'которая будет им соответствовать. Далее мы свяжемся с организаторами, чтобы уточнить наличие свободных площадей и цены, и вместе с Вами начнем создавать концепцию Вашего участия." На "Укажите в запросе исходную информацию о Ваших целях и задачах, и мы проанализируем, насколько' %} {{ object.name }}
                {% trans 'им соответствует. Далее мы свяжемся с организаторами, чтобы уточнить наличие свободных площадей и цены, и вместе с Вами начнем создавать концепцию Вашего участия.' %}
                </p>
                {% else %}
                <p>
                    {% trans 'Укажите в запросе исходную информацию о Ваших целях и задачах, и мы подберем выставку которая будет  им соответствовать. Далее мы свяжемся с организаторами, чтобы уточнить наличие свободных площадей и цены, и вместе с Вами начнем создавать концепцию Вашего участия.'%}
                </p>
                {% endif %}
            </div>

            {% if messages %}
            <div class="alert-message">
                <ul>
                {% for message in messages %}
                    <li{% if message.tags %} class="{{ message.tags }}"{% endif %}>
                        {{ message }}
                    </li>
                {% endfor %}
                </ul>
            </div>
            {% endif %}

        </div>



        <div class="rq-to-hide">
            <div class="s-comments">
                <h2 class="sect-title">{% trans 'Отзывы клиентов' %}:</h2>
                <div class="cat-list sc-comments">

                    <div class="cl-item">
                        <div class="cl-item-wrap clearfix">

                            <a target="_blank" href="#" data-type="href" data-hash="user_comment_logo_1"
                                                                  class="link-encode"
                                                                  data-url="{{ 'http://vezdevoz.ru'|base64_encode }}">
                                <div class="cli-pict"><img src="{% static 'client/img/comments/VEZDEVOZ.png' %}" alt="" /></div>
                            </a>
                            <div class="cli-info">
                                <div class="cli-top clearfix">
                                    <header>
                                        <div class="cli-title"><a target="_blank" href="#" data-type="href" data-hash="user_comment_1"
                                                                  class="link-encode"
                                                                  data-url="{{ 'http://vezdevoz.ru'|base64_encode }}">Vezdevoz</a></div>
                                    </header>
                                </div>

                                <div class="sc-name">{% trans "Волкова Елизавета" %} </div>

                                <div class="sc-text">
                                    {% trans "Хочу поблагодарить команду маркетологов Expomap за организацию нашего участия в выставке ТрансРоссия. Для нас  это было чем-то новым, и благодаря опыту ребят мы избежали большого количества проблем и решали все возникающие вопросы очень оперативно. Если говорить о результатах работы на выставке,  то мы собрали за 4 дня  более 300 рабочих контактов и запросов, часть из которых выглядят   очень перспективно. Мы сделали это вместе с Expomap и   хотим сказать спасибо за их  идеи, глубокое погружение в наши задачи, креативный подход и четкую помощь в реализации! Будем рады работать с вами и в других проектах!" %}
                                </div>
                            </div>

                        </div>
                    </div>

                    <div class="cl-item">
                        <div class="cl-item-wrap clearfix">

                            <a target="_blank" href="#" data-type="href" data-hash="user_comment_logo_2"
                                                                  class="link-encode"
                                                                  data-url="{{ 'http://www.sailfirst.com/ru/'|base64_encode }}">
                                <div class="cli-pict"><img src="{% static 'client/img/comments/Sail First.png' %}" alt="" /></div>
                            </a>
                            <div class="cli-info">
                                <div class="cli-top clearfix">
                                    <header>
                                        <div class="cli-title"><a target="_blank" href="#" data-type="href" data-hash="user_comment_2"
                                                                  class="link-encode"
                                                                  data-url="{{ 'http://www.sailfirst.com/ru/'|base64_encode }}">
                                            MKM Sailing Center Ltd</a></div>
                                    </header>
                                </div>

                                <div class="sc-name">Anatolios Spyrlidis</div>

                                <div class="sc-text">
                                    {% trans "Мы принимали участие со своим стендом в выставке Boot Duesseldorf в Германии в январе 2014. Выражаем благодарность сотрудникам Expomap, а также персональному консультанту Руслану Шапилову за оперативность, мы остались довольны качеством оказанных услуг!" %}

                                </div>
                            </div>

                        </div>
                    </div>

                </div>
        </div>

            <div class="i-sub-articles">
                <ul>
                    {% if object %}

                        <li><a href="{{ object.get_permanent_url }}service/translator/">{% trans 'Устный переводчик' %}</a></li>

                        <li><a href="{{ object.get_permanent_url }}service/remote/">{% trans 'Заочное посещение' %}</a></li>
                    {% else %}
                        <li><a href="/service/visit/">{% trans 'Бизнес-тур «под ключ' %}»</a></li>
                        <li><a href="/service/translator/">{% trans 'Устный переводчик' %}</a></li>
                        <li><a href="/service/tickets/">{% trans 'Билеты на выставку' %}</a></li>
                        <li><a href="/service/remote/">{% trans 'Заочное посещение' %}</a></li>
                    {% endif %}
                </ul>
            </div>
            {% if object %}
            <div class="m-article">
                {% include 'client/includes/booking_block.html' with city=object.city place=object.place event=object %}
            </div>
            {% endif %}
        </div>


    </div>
{% endblock %}