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

{% block page_title %}
    <div class="page-title">
        <h1>{% trans 'Заочное посещение' %}</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 'По вашему запросу мы направим на выставку ConFoo.Ca 2014 собственного специалиста, который соберет для вас полный комплект документов (буклеты, каталоги, cd, прайс-листы) по каждому участнику выставки, а также приобретет ее официальный каталог. Дополнительно на каждом стенде выставки ConFoo.Ca 2014 мы можем оставить ваши визитки или другую информацию. Все материалы выставки пересылаются к вам в офис сразу после ее окончания.' %}</p>

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

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

            </div>

        </div>

        <div class="rq-form" {% 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 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>

                    <div class="mf-line rq-person">
                        <div class="mf-field">
                            {{ form.person_inf }}
                        </div>
                    </div>
                    <div class="mf-line rq-person">
                        <div class="mf-field error">
                            {{ form.person_inf.errors }}
                        </div>
                    </div>

                    <div class="mf-line cols-2 rq-place">
                        <div class="mf-field rq-country">
                            {{ form.country }}
                        </div>

                        <div class="mf-field rq-city">
                            {{ form.city }}
                        </div>
                    </div>
                    <div class="mf-line cols-2 rq-place">
                            <div class="mf-field rq-country error">
                                {{ form.country.errors }}
                            </div>
                            <div class="mf-field rq-city error">
                                {{ form.city.errors }}
                            </div>
                        </div>

                    <div class="mf-line cols-2 rq-contacts">
                        <div class="mf-field rq-tel">
                            {{ form.phone }}
                        </div>

                        <div class="mf-field rq-mail">
                            {{ form.person }}
                        </div>
                    </div>
                    <div class="mf-line cols-2 rq-contacts">
                        <div class="mf-field rq-tel error">
                            {{ form.phone.errors }}
                        </div>
                        <div class="mf-field rq-mail error">
                            {{ form.person.errors }}
                        </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">
                                {% ifequal event.get_catalog_url '/expositions/' %}
                                <input id="id_exposition" name="exposition" type="hidden" value="{{ event.id }}" />
                                {% endifequal %}
                                {% ifequal event.get_catalog_url '/conferences/' %}
                                <input id="id_conference" name="conference" type="hidden" />
                                {% endifequal %}
                                {% ifequal event.get_catalog_url '/seminars/' %}
                                <input id="id_seminar" name="seminar" type="hidden" />
                                {% endifequal %}
                                {% 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">
                    <div class="rqob-price">{% trans 'Стоимость базового пакета услуги 400 €' %}</div>
                    <div class="rqob-button">
                        <a class="ob-text" href="#">{% trans 'отправить запрос' %}</a>
                    </div>
                </div>
            </div>

        </div>

    </div>



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

        <div class="i-sub-articles">
                <ul>
                    <li><a href="#">{% trans 'Бизнес-тур «под ключ»' %}</a></li>
                    <li><a href="#">{% trans 'Устный переводчик' %}</a></li>
                    <li><a href="#">{% trans 'Официальный каталог' %}</a></li>
                    <li><a href="#">{% trans 'Заочное посещение' %}</a></li>
                </ul>
        </div>

    </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 %}