{% 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-remotely">

    <div class="m-article">

        <div class="rq-info clearfix">

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

            <div class="rqi-body">

                <h4>{% trans 'Услуга позволяет получить исчерпывающую информацию о выставке  и ее участниках, не выходя за пределы собственного офиса. Она особенно актуальна, если вы по тем или иным причинам не можете  лично присутствовать на выставке' %}</h4>

                <h3>{% trans 'Как работает «Заочное посещение выставки»?' %}</h3>

                <p>{% trans 'По вашему запросу мы направим на выставку ' %}{% if object %} {{ object.name }}{% endif %}{% trans 'собственного специалиста, который соберет для вас полный комплект документов (буклеты, каталоги, cd, прайс-листы) по каждому участнику выставки, а также приобретет ее официальный каталог. Дополнительно на каждом стенде выставки мы можем оставить ваши визитки или другую информацию. Все материалы выставки пересылаются к вам в офис сразу после ее окончания.' %}</p>

                <h3>{% trans 'Преимущества услуги' %}</h3>

                <ul>
                    <li>{% trans 'Финансовая выгода - личное присутствие на одной выставке по затратам эквивалентно заочному посещению 5 международных выставок' %}</li>
                    <li>{% trans 'Экономия времени и нервов' %}</li>
                    <li>{% trans 'Возможность получить актуальную информацию даже в том случае, если у Вас нет шансов посетить ее лично (упущение сроков, отказ в визе, параллельное прохождения интересных Вам выставок в разных городах мира и др.)' %}</li>
                </ul>

            </div>

        </div>

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

                <hr />

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

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

                    <div class="mf-line cols-2 rq-remotely-what">
                        <label>{% trans 'Интересующие участники выставки' %}: <em>{% trans '(укажите продукцию или названия компаний)' %}</em></label>
                        <div class="mf-field">
                            {{ form.interested_participants }}
                        </div>
                    </div>

                    <div class="mf-line cols-2 rq-remotely-options">
                        <label>{% trans 'Дополнительно вы можете заказать' %}:</label>
                        <div class="mf-field">
                            {% for choice_id, choice_label in form.additional.field.choices %}
                                <label class="check"><input type="checkbox" name="additional" value="{{ choice_id }}"/>{{ choice_label }}</label>
                            {% endfor %}
                        </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">

                    <div class="rq-order-button">
                        <div class="rqob-wrap">
                            <div class="rqob-price">{% trans 'Стоимость базового пакета услуги 400 €' %}</div>
                            <div class="rqob-button">
                                {% 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 type="submit">{% trans 'отправить запрос' %}</button>
                            </div>
                        </div>
                    </div>

                </div>

            </form>
        </div>

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

            <div class="rq-order-button">
                <div class="rqob-wrap">
                    {% if object and object.country_id in sng_countries %}
                        <div class="rqob-price">{% trans 'Стоимость базового пакета услуги 10 000 р.' %}</div>
                    {% else %}
                        <div class="rqob-price">{% trans 'Стоимость базового пакета услуги 400 €' %}</div>
                    {% endif %}
                    <div class="rqob-button">
                        <a class="ob-text" href="#">{% trans 'отправить запрос' %}</a>
                    </div>
                </div>
            </div>

        </div>

    </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://profotos.ru'|base64_encode }}">
                            <div class="cli-pict"><img src="{% static 'client/img/comments/PROPHOTOS.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://profotos.ru'|base64_encode }}">PROPHOTOS</a></div>
                                </header>
                            </div>

                            <div class="sc-name">Акулова Ольга</div>

                            <div class="sc-text">
                                {% trans "Остались очень довольны заочным посещением выставки Photokina   — поехать сами не смогли, но  получили визитки нужных компаний. Большое cпасибо сотрудникам  за оперативность работы!" %}
                            </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.antolog.com/'|base64_encode }}">
                            <div class="cli-pict"><img src="{% static 'client/img/comments/1.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.antolog.com/'|base64_encode }}">
                                        Антология Путешествий</a></div>
                                </header>
                            </div>

                            <div class="sc-name">Рязанцев Денис</div>

                            <div class="sc-text">
                                {% trans "Особой оценки достойна оперативность предоставления услуг и их качество. Хочу отметить профессионализм, организованность, добросовестность, вежливость, грамотность сотрудников компании!" %}

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

    {% 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>
{% endblock %}