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

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

    <div class="m-article">

        <div class="rq-info clearfix">

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

            <div class="rqi-body">

                <h4>{% trans 'Посещение' %} {% if object %}{{ object.name }}{% else %}{% trans 'выставки' %}{% endif %} {% trans 'откроет для вас новые горизонты развития бизнеса, и мы готовы вам помочь с этим! Организация любой деловой поездки представляет собой индивидуальный тур, кропотливо подобранный под ваши конкретные пожелания' %}.</h4>

                <h4>{% trans 'Сервис также включает ряд особенностей' %}:</h4>

                <ul>
                    <li>{% trans 'визовая поддержка оказывается только при бронировании отеля. На текущий момент мы можем помочь с визой только клиентам из России (это связано с правилами обработки анкет иностранными консульствами)' %}.</li>
                    <li>{% trans 'бронирование отеля осуществляется не ниже 3*, так как мы должны быть уверенными в Вашем комфортном размещении. Также Вам следует учесть, что стоимость проживания в период крупных выставок значительно возрастает из-за спроса (cправочно: для Европы в такие дни номер гостиницы 3-4* может стоить от 150 евро/сутки). На цену размещения значительно влияет место расположения отеля, в частности его близость/удаленность от центра или выставочного комплекса' %}.</li>
                    <li>{% trans 'индивидуальный бизнес-тур через туроператора, как правило, обходится дороже, чем самостоятельный заказ через системы онлайн-бронирования (например, отелей - Booking.com). Вы платите за индивидуальный сервис, гарантии и консультационную поддержку до и во время Вашей поездки' %}.</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 rq-tour-form">

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

                    <div class="mf-line rq-p-days">
                        <label>{% trans 'Даты поездки' %}:</label>
                        <div class="mf-field">
                            <div class="period">
                                <div class="pwf-field">
                                    <label>{% trans 'с' %}</label>
                                    {{ form.fr }}
                                </div>
                                <div class="pwf-field">
                                    <label>{% trans 'по' %}</label>
                                    {{ form.to }}
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="mf-line">
                        <label>{% trans 'Количество человек' %}:</label>
                        <div class="mf-field">
                            <div class="rq-num">
                                {{ form.people }}
                            </div>

                            <div class="rq-sel-cond">
                                <label>{% trans 'Условия размещения' %}:</label>
                                {{ form.hotel_additional }}
                            </div>
                        </div>
                    </div>

                    <div class="mf-line rq-from-city">
                        <label>{% trans 'Город отправления' %}:</label>
                        <div class="mf-field">
                            {{ form.city_from }}
                        </div>
                    </div>

                    <div class="mf-line">
                        <label>{% trans 'Категория отеля' %}:</label>
                        <div class="mf-field">
                            <label class="rq-rad-rate rr1"><input type="checkbox" name="hotel_stars" value="{{ form.hotel_stars.field.choices.0.0 }}" /></label>
                            <label class="rq-rad-rate rr2"><input type="checkbox" name="hotel_stars" value="{{ form.hotel_stars.field.choices.1.0 }}" /></label>
                            <label class="rq-rad-rate rr3"><input type="checkbox" name="hotel_stars" value="{{ form.hotel_stars.field.choices.2.0 }}" /></label>
                            <label class="rq-rad-rate rr4"><input type="checkbox" name="hotel_stars" value="{{ form.hotel_stars.field.choices.3.0 }}" /></label>
                            <label class="rq-rad-rate rr5"><input type="checkbox" name="hotel_stars" value="{{ form.hotel_stars.field.choices.4.0 }}" /></label>
                        </div>
                    </div>

                    <div class="mf-line">
                        <label>{% trans 'Расположение отеля' %}:</label>
                        <div class="mf-field">

                            <div class="rq-sel-cond rq-hotel-loc">
                                {{ form.hotel_location }}
                            </div>

                            <div class="rq-sel-cond rq-h-price">
                                <label>{% trans 'Примерный бюджет на отель' %}:</label>
                                {{ form.hotel_budget }}
                                {{ form.hotel_budget_add }}
                            </div>

                        </div>
                    </div>

                    <div class="mf-line rq-options">
                        <label>{% trans 'Дополнительные сервисы' %}:</label>
                        <div class="mf-field">

                            <div class="rq-sub-sect avia-tickets">
                                <div class="rq-switch"><label class="check">{{ form.avia_tickets }}{% trans 'Авиабилеты' %}</label></div>
                                <div class="rq-sub-sect-body">
                                    {% for choice_id, choice_label in form.avia_type.field.choices %}
                                    <label class="check"><input type="checkbox" name="avia_type" value="{{ choice_id }}" />{{ choice_id }}</label>
                                    {% endfor %}
                                </div>
                            </div>

                            <ul>
                                <li><label class="check">{{ form.visa }}{% trans 'Оформление визы' %}</label></li>
                                <li><label class="check">{{ form.transfer }}{% trans 'Трансфер' %}</label></li>
                                <li><label class="check">{{ form.event_tickets }}{% trans 'Билеты на выставку (приглашения)' %}</label></li>
                            </ul>

                            <div class="rq-sub-sect transl-service">
                                <div class="rq-switch"><label class="check">{{ form.translator }}{% trans 'Услуги переводчика' %}</label></div>
                                <div class="rq-sub-sect-body">

                                    <div class="rq-s-line">
                                        <div class="c-select-box select" data-placeholder="{% trans 'Знание языков' %}">
                                            <div class="csb-selected-items"></div>
                                            <div class="csb-menu-wrap">
                                                <div class="scroll-container csb-menu">
                                                    <div class="scroll-content clearfix">
                                                        <ul>
                                                            {% for choice_id, choice_label in form.languages.field.choices %}
                                                            <li><label><input type="checkbox" name="languages" value="{{ choice_id }}" />{{ choice_label }}</label></li>
                                                            {% endfor %}
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="rq-s-line">
                                        <div class="c-select-box select" data-placeholder="{% trans 'Тематика' %}">
                                            <div class="csb-selected-items"></div>
                                            <div class="csb-menu-wrap">
                                                <div class="scroll-container csb-menu">
                                                    <div class="scroll-content clearfix">
                                                        <ul>

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

                                        </div>
                                    </div>

                                    <div class="rq-s-line">
                                        <label>{% trans 'Занятость' %}:</label>
                                        <div class="rq-tickets-days rq-num">
                                            <input type="text" name="days" placeholder="" /> {% trans 'дней' %}
                                        </div>

                                        <div class="rq-tickets-num rq-num">
                                            <input type="text" name="hours" placeholder="" /> {% trans 'часов в день' %}
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <ul>
                                <li><label class="check">{{ form.excursion }} {% trans 'Экскурсионная программа' %}</label></li>
                            </ul>
                        </div>
                    </div>

                    <div class="mf-line rq-notes">
                        <label>{% trans 'Пожелания' %}:</label>
                        <div class="mf-field">
                            {{ form.notes }}
                        </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">

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

    </div>



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

        <div class="s-tour">
            <div class="sect-title">{% trans 'Или организуйте поездку самостоятельно' %}:</div>
            <div class="m-article">
                <div class="i-steps">

                    <ul>
                        <li class="s1">
                            <div class="label">1. {% trans 'Зарегистрируйтесь на событие' %}</div>
                            <a class="step" href="#">{% trans 'Билеты на выставку' %}</a>
                        </li>

                        <li class="s2">
                            <div class="label">2. {% trans 'Забронируйте отель по лучшей цене' %}</div>
                            <a class="step" href="#"><b>booking</b>.com</a>
                        </li>

                        <li class="s3">
                            <div class="label">3. {% trans 'Купите авиабилеты по лучшему тарифу' %}</div>
                            <a class="step" href="#">Any<b>way</b>Any<b>day</b></a>
                        </li>
                    </ul>

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


        <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 href="#">
                            <div class="cli-pict"><img src="{% static 'client/img/_del-temp/part-logo-1.png' %}" alt="" /></div>
                        </a>
                        <div class="cli-info">
                            <div class="cli-top clearfix">
                                <header>
                                    <div class="cli-title"><a href="#">Q.art media solution</a></div>
                                </header>
                            </div>

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

                            <div class="sc-text">
                                {% trans 'Мы заказывали впервые услугу "Заочное посещение" для выставки Photokina в Германии. Остались очень довольны — получили каталоги и визитки практически о 100 интересующих нас компаниях. Большое Спасибо сотрудникам SBW за оперативность и компетентность!' %}
                            </div>
                        </div>

                    </div>
                </div>

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

                        <a href="#">
                            <div class="cli-pict"><img src="{% static 'client/img/_del-temp/part-logo-2.png' %}" alt="" /></div>
                        </a>
                        <div class="cli-info">
                            <div class="cli-top clearfix">
                                <header>
                                    <div class="cli-title"><a href="#">Talkplace</a></div>
                                </header>
                            </div>

                            <div class="sc-name"><a href="#">Евстигнеев Игорь Анатольевич</a></div>

                            <div class="sc-text">
                                {% trans 'Мы, медицинская компания ЮНИКС, уже несколько лет обращаемся в компанию Expomap за услугами переводчиков и переводчиков-гидов по всему миру. Сотрудники компании всегда оперативно реагируют на запросы, очень доброжелательны и приветливы, готовы идти навстречу. Качество работы предоставляемых переводчиков всегда очень высокое, никаких нареканий по их работе от наших сотрудников и клиентов не поступало, только положительные отзывы. Надеемся на такое же приятное сотрудничество и в будущем!' %}
                            </div>
                        </div>

                    </div>
                </div>

            </div>
        </div>

        <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 class="m-article">
            <div class="h-booking">
                <header class="clearfix">
                    <div class="sect-title"><a href="#">{% trans 'Отели рядом с выставкой от' %} <b>Booking</b>.com</a></div>
                    <a class="more blue2" href="#">{% trans 'Все отели поблизости' %}</a>
                </header>

                <ul>

                    <li>
                        <div class="hb-item">
                            <a href="#">
                                <span class="hb-pict"><img src="{% static 'client/img/_del-temp/hotel-1.jpg' %}" alt="" /></span>
                                Галерея Гранд Отель
                            </a>
                            <div class="hb-price">{% trans '6 500 руб./ночь' %}</div>
                            <a class="button blue2 lc icon-bell" href="#">{% trans 'Забронировать' %}</a>
                        </div>
                    </li>

                    <li>
                        <div class="hb-item">
                            <a href="#">
                                <span class="hb-pict"><img src="{% static 'client/img/_del-temp/hotel-1.jpg' %}" alt="" /></span>
                                Radisson Hotel
                            </a>
                            <div class="hb-price">{% trans '17 800 руб./ночь' %}</div>
                            <a class="button blue2 lc icon-bell" href="#">{% trans 'Забронировать' %}</a>
                        </div>
                    </li>

                    <li>
                        <div class="hb-item">
                            <a href="#">
                                <span class="hb-pict"><img src="{% static 'client/img/_del-temp/hotel-1.jpg' %}" alt="" /></span>
                                Савой
                            </a>
                            <div class="hb-price">{% trans '8 000 руб./ночь' %}</div>
                            <a class="button blue2 lc icon-bell" href="#">{% trans 'Забронировать' %}</a>
                        </div>
                    </li>

                    <li>
                        <div class="hb-item">
                            <a href="#">
                                <span class="hb-pict"><img src="{% static 'client/img/_del-temp/hotel-1.jpg' %}" alt="" /></span>
                                Novotel Moscow City
                            </a>
                            <div class="hb-price">{% trans '13 500 руб./ночь' %}</div>
                            <a class="button blue2 lc icon-bell" href="#">{% trans 'Забронировать' %}</a>
                        </div>
                    </li>

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

    </div>


</div>
{% endblock %}