{% 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-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>Предлагаем Вам заранее заказать билеты на выставку.</h2>

                    <div class="rqi-cols">
                        <ul>
                            <li>экономия времени</li>
                            <li>нет очередей</li>
                            <li>отчетные документы для бухгадтерии</li>
                        </ul>
                    </div>

                </div>

            </div>

            <div class="rq-form">
                <form action="#">

                    <hr />

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

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

                        <div class="mf-line cols-2 rq-tickets-data">
                            <div class="mf-field rq-tickets-days rq-num">
                                <label>Количество дней посещения выставки:</label>
                                <input type="text" name="country" placeholder="" />
                            </div>

                            <div class="mf-field rq-tickets-num rq-num">
                                <label>Количество человек:</label>
                                <input type="text" name="country" placeholder="" />
                            </div>
                        </div>

                    </div>

                    <hr />

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

                        <div class="rqf-title">Ваши контактные данные</div>

                        <div class="mf-line rq-person">
                            <div class="mf-field">
                                <input type="text" name="name" placeholder="Контактное лицо" />
                            </div>
                        </div>

                        <div class="mf-line cols-2 rq-place">
                            <div class="mf-field rq-country">
                                <input type="text" name="country" placeholder="Страна" />
                            </div>

                            <div class="mf-field rq-city">
                                <input type="text" name="city" placeholder="Город" />
                            </div>
                        </div>

                        <div class="mf-line cols-2 rq-contacts">
                            <div class="mf-field rq-tel">
                                <input type="text" name="tel" placeholder="Контактный номер телефона" />
                            </div>

                            <div class="mf-field rq-mail">
                                <input type="text" name="email" placeholder="Электронная почта" />
                            </div>
                        </div>

                    </div>

                    <hr />

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

                        <div class="rq-order-button">
                            <div class="rqob-wrap">
                                <div class="rqob-price">Регистрация 1 450 <em class="rub"><i>руб.</i></em> + билет организатора</div>
                                <div class="rqob-button">
                                    <button type="submit">Сделать запрос</button>
                                </div>
                            </div>
                        </div>
                        <div class="ob-descr">Стоимость билета, заявленная организатором, зависит от количества дней посещения события, также может быть бесплатной.</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">Регистрация 1 450 <em class="rub"><i>руб.</i></em> + билет организатора</div>
                        <div class="rqob-button">
                            <a class="ob-text" href="#">Сделать запрос</a>
                        </div>
                    </div>
                </div>
                <div class="ob-descr">Стоимость билета, заявленная  организатором, зависит от количества дней посещения события, также может быть бесплатной.</div>

            </div>

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

        </div>



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

            <div class="s-comments">
                <div class="sect-title">Отзывы клиентов:</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">
                                    Мы заказывали впервые услугу "Заочное посещение" для выставки 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">
                                    Мы, медицинская компания ЮНИКС, уже несколько лет обращаемся в компанию Expomap за услугами переводчиков и переводчиков-гидов по всему миру. Сотрудники компании всегда оперативно реагируют на запросы, очень доброжелательны и приветливы, готовы идти навстречу. Качество работы предоставляемых переводчиков всегда очень высокое, никаких нареканий по их работе от наших сотрудников и клиентов не поступало, только положительные отзывы. Надеемся на такое же приятное сотрудничество и в будущем!
                                </div>
                            </div>

                        </div>
                    </div>

                </div>
            </div>

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

            <div class="m-article">
                <div class="h-booking">
                    <header class="clearfix">
                        <div class="sect-title"><a href="#">Отели рядом с выставкой от <b>Booking</b>.com</a></div>
                        <a class="more blue2" href="#">Все отели поблизости</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">6 500 руб./ночь</div>
                                <a class="button blue2 lc icon-bell" href="#">Забронировать</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">17 800 руб./ночь</div>
                                <a class="button blue2 lc icon-bell" href="#">Забронировать</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">8 000 руб./ночь</div>
                                <a class="button blue2 lc icon-bell" href="#">Забронировать</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">13 500 руб./ночь</div>
                                <a class="button blue2 lc icon-bell" href="#">Забронировать</a>
                            </div>
                        </li>

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

        </div>


</div>

{% endblock %}