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

        <div class="m-article">

            <div class="rq-info clearfix">

                <div class="rqi-pict"><img src="{% static 'client/img/_del-temp/request-tickets.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>
                    </div>

                </div>

            </div>

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

                    <hr />

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

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

                        <div class="mf-line cols-2 rq-tickets-data">
                            <div class="mf-field rq-tickets-days rq-num ">
                                <label>{% trans 'Количество дней посещения выставки' %}:</label>
                                <div class="simple-wrap validate-field{% if form.people.errors %} error-field{% endif %}">
                                    {{ form.days }}
                                    <div class="error-blob">
                                        {{ form.days.errors }}

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

                            <div class="mf-field rq-tickets-num rq-num ">
                                <label>{% trans 'Количество человек' %}:</label>
                                <div class="simple-wrap validate-field{% if form.people.errors %} error-field{% endif %}">

                                    {{ form.people }}
                                    <div class="error-blob">
                                        {{ form.people.errors }}

                                    </div>
                                </div>
                            </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">
                                {{ form.phone }}
                            </div>

                            <div class="mf-field rq-mail">
                                {{ form.person }}
                            </div>
                        </div>

                    </div>

                    <hr />

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

                        <div class="rq-order-button">
                            <div class="rqob-wrap">
                                <div class="rqob-price">{% trans 'Регистрация' %} {{ service.price }} {{ service.currency }} + {% trans 'билет организатора' %}</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 class="ob-descr">{% trans 'Стоимость билета, заявленная организатором, зависит от количества дней посещения события, также может быть бесплатной' %}.</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 'Регистрация' %} {{ service.price }} {{ service.currency }} + {% trans 'билет организатора' %}</div>
                        <div class="rqob-button">
                            <a class="ob-text" href="#">{% trans 'Сделать запрос' %}</a>
                        </div>
                    </div>
                </div>
                <div class="ob-descr">{% trans 'Стоимость билета, заявленная  организатором, зависит от количества дней посещения события, также может быть бесплатной' %}.</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 %}

            <hr />
            <div class="rq-note">
                {% trans '<p><b>Внимание!</b> Мы не можем гарантировать то, что все организаторы предоставляют возможность предварительной регистрации посетителей. Получая ваш запрос, мы персонально связываемся с организаторами конкретного события и уточняем информацию об условиях приобретения билетов. Только после этого мы подтверждаем вам возможность.</p>' %}
            </div>

        </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://www.vector-auto.ru/'|base64_encode }}">
                            <div class="cli-pict"><img src="{% static 'client/img/comments/4.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://www.vector-auto.ru/'|base64_encode }}">Вектор-Авто</a></div>
                                </header>
                            </div>

                            <div class="sc-name">Денис Хома</div>

                            <div class="sc-text">
                                Мне понравилось работать с вашей компанией и в частности с Евгенией Булавиной. Все быстро и предельно понятно. Большое спасибо!
                            </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.rs-balance.ru/'|base64_encode }}">
                            <div class="cli-pict"><img src="{% static 'client/img/comments/RS Balance.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.rs-balance.ru/'|base64_encode }}">
                                        RS-Balance</a></div>
                                </header>
                            </div>

                            <div class="sc-name">Ангелина Плещеева</div>

                            <div class="sc-text">
                                Спасибо Вам за Вашу работу. Все быстро и четко.

                            </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/remote/">{% trans 'Заочное посещение' %}</a></li>
                        <li><a href="{{ object.get_permanent_url }}service/participation/">{% trans 'Участие в выставке' %}</a></li>
                    {% else %}
                        <li><a href="/service/visit/">{% trans 'Бизнес-тур «под ключ' %}»</a></li>
                        <li><a href="/service/translator/">{% trans 'Устный переводчик' %}</a></li>
                        <li><a href="/service/remote/">{% trans 'Заочное посещение' %}</a></li>
                        <li><a href="/service/participation/">{% trans 'Участие в выставке' %}</a></li>
                    {% endif %}
                </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 %}