{% 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>{% trans 'Участие в выставке' %}{% if object %} {{ object.name }} {% 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 %}</h2>

                    <div class="rqi-cols">
                        <ul>
                            <li>{% trans 'вся информация о выставке' %}</li>
                            <li>{% trans 'экономия времени' %}</li>
                            <li>{% trans 'все потенциальные контакты' %}</li>
                        </ul>

                        <ul>
                            <li>{% trans 'вся информация о выставке' %}</li>
                            <li>{% trans 'экономия времени' %}</li>
                            <li>{% trans 'все потенциальные контакты' %}</li>
                        </ul>
                    </div>

                </div>

            </div>

            <div class="rq-form service-page" {% if form.errors %}style="display:block"{% endif %}>
                <form action="#" 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>

                        <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">
                {% trans '<p>За организацию Вашего участия в зарубежной выставке наша компания берет дополнительный % от контракта с организатором. Его величина варьируется от 5 до 15% и зависит от метража арендуемой площади и необходимых дополнительных услуг, которые определяют общую трудоемкость процесса и  состав специалистов.</p>' %}
            </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">
                <div class="sect-title">{% trans 'Отзывы клиентов' %}:</div>
                <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">Волкова Елизавета </div>

                                <div class="sc-text">
                                    Хочу поблагодарить команду маркетологов 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">
                                    Мы принимали участие со своим стендом в выставке 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/visit/">{% trans 'Бизнес-тур «под ключ' %}»</a></li>
                        <li><a href="{{ object.get_permanent_url }}service/translator/">{% trans 'Устный переводчик' %}</a></li>
                        <li><a href="{{ object.get_permanent_url }}service/tickets/">{% 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>

        </div>


    </div>
{% endblock %}