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

    <div class="m-article">

        <div class="rq-info">

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

            <div class="rqi-body">
                <h2>Основные преимущества сотрудничества с нами:</h2>

                <ul>
                    <li>оплата только за часы работы переводчика (никаких расходов на перелет, проживание, питание и пр.);</li>
                    <li>знание местных языковых диалектов и обычаев ведения деловых переговоров;</li>
                    <li>отличная ориентация по выставочному комплексу, а также по городу прохождения выставки.</li>
                </ul>

            </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-trans">

                        <div class="mf-field">
                            <label>Знание языков:</label>
                            <div class="c-select-box select" data-placeholder="">
                                <div class="csb-selected-items"></div>
                                <div class="csb-menu-wrap">
                                    <div class="scroll-container csb-menu">
                                        <div class="scroll-content clearfix">
                                            <ul>
                                                <li><label><input type="checkbox" name="subj" value="1" />Русский</label></li>
                                                <li><label><input type="checkbox" name="subj" value="2" />Английский</label></li>
                                                <li><label><input type="checkbox" name="subj" value="3" />Немецкий</label></li>
                                                <li><label><input type="checkbox" name="subj" value="4" />Французкий</label></li>
                                                <li><label><input type="checkbox" name="subj" value="5" />Испанский</label></li>
                                                <li><label><input type="checkbox" name="subj" value="6" />Португальский</label></li>
                                                <li><label><input type="checkbox" name="subj" value="7" />Итальнский</label></li>
                                                <li><label><input type="checkbox" name="subj" value="8" />Шведский</label></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>

                        <div class="mf-field">
                            <label>Тематика:</label>
                            <div class="c-select-box select" data-placeholder="">
                                <div class="csb-selected-items"></div>
                                <div class="csb-menu-wrap">
                                    <div class="scroll-container csb-menu">
                                        <div class="scroll-content clearfix">
                                            <ul>
                                                <li><label><input type="checkbox" name="subj" value="1" />Бизнес, инвестиции, финансы</label></li>
                                                <li><label><input type="checkbox" name="subj" value="2" />Индустрия развлечений, шоу, СМИ</label></li>
                                                <li><label><input type="checkbox" name="subj" value="3" />Косметика и парфюмерия</label></li>
                                                <li><label><input type="checkbox" name="subj" value="4" />Маркетинг, реклама, PR</label></li>
                                                <li><label><input type="checkbox" name="subj" value="5" />Мебель, интерьер, декор</label></li>
                                                <li><label><input type="checkbox" name="subj" value="6" />Наука и инновации</label></li>
                                                <li><label><input type="checkbox" name="subj" value="7" />Анализ, измерение и контроль</label></li>
                                                <li><label><input type="checkbox" name="subj" value="8" />Здравоохранение</label></li>
                                                <li><label><input type="checkbox" name="subj" value="9" />Культура, искусство, церковь</label></li>
                                                <li><label><input type="checkbox" name="subj" value="10" />Менеджмент, HR</label></li>
                                                <li><label><input type="checkbox" name="subj" value="11" />Транспорт, склад, логистика</label></li>
                                                <li><label><input type="checkbox" name="subj" value="12" />Экология, очистка, утилизация</label></li>
                                                <li><label><input type="checkbox" name="subj" value="13" />Безопасность</label></li>
                                                <li><label><input type="checkbox" name="subj" value="14" />Городское хозяйство</label></li>
                                                <li><label><input type="checkbox" name="subj" value="15" />Гостиничное, ресторанное дело</label></li>
                                                <li><label><input type="checkbox" name="subj" value="16" />Нефть, газ, горное дело</label></li>
                                                <li><label><input type="checkbox" name="subj" value="17" />Строительство</label></li>
                                                <li><label><input type="checkbox" name="subj" value="18" />Телекоммуникации</label></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>

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

                    <div class="mf-line">
                        <label>Занятость:</label>
                        <div class="mf-field rq-tickets-days rq-num">
                            <input type="text" name="country" placeholder="" /> дней
                        </div>

                        <div class="mf-field rq-tickets-num rq-num">
                            <input type="text" name="country" placeholder="" /> часов в день
                        </div>
                    </div>

                    <div class="mf-line rq-p-days">
                        <label>Даты работы:</label>
                        <div class="mf-field">
                            <div class="period">
                                <div class="pwf-field">
                                    <label>с</label>
                                    <input type="text" class="date dateFrom" name="dateFrom" placeholder="дд.мм.гггг" />
                                </div>
                                <div class="pwf-field">
                                    <label>по</label>
                                    <input type="text" class="date dateTo" name="dateTo" placeholder="дд.мм.гггг" />
                                </div>
                            </div>
                        </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">от 80 € / день</div>
                            <div class="rqob-button">
                                <button type="submit">отправить запрос</button>
                            </div>
                        </div>
                    </div>

                </div>

            </form>
        </div>

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

            <div class="rqb-cols">
                <div class="rqb-button">
                    <div class="rq-order-button">
                        <div class="rqob-wrap">
                            <div class="rqob-price">от 80 € / день</div>
                            <div class="rqob-button">
                                <a class="ob-text" href="#">Сделать запрос</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="rqb-text">Для получения подробной информации о стоимости услуг специализированного переводчика, пожалуйста, отправьте предварительную заявку.</div>
            </div>


        </div>

        <hr />

        <div class="i-staff">
            <div class="sect-title"><a href="#">Наши специалисты</a></div>

            <div class="i-staff-list">

                <ul>

                    <li>
                        <a href="#">
                            <div class="sl-item clearfix">
                                <div class="sl-pict"><img src="{% static 'client/img/_del-temp/usr-1.jpg' %}" alt="" /></div>
                                <div class="sl-info">
                                    <div class="sl-info-wrap">
                                        <div class="sl-name">Анна Федорова</div>
                                        <div class="sl-position">английский, немецкий</div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </li>

                    <li>
                        <a href="#">
                            <div class="sl-item clearfix">
                                <div class="sl-pict"><img src="{% static 'client/img/_del-temp/usr-2.jpg' %}" alt="" /></div>
                                <div class="sl-info">
                                    <div class="sl-info-wrap">
                                        <div class="sl-name">Алексей Федоров</div>
                                        <div class="sl-position">английский</div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </li>

                    <li>
                        <a href="#">
                            <div class="sl-item clearfix">
                                <div class="sl-pict"><img src="{% static 'client/img/_del-temp/usr-1.jpg' %}" alt="" /></div>
                                <div class="sl-info">
                                    <div class="sl-info-wrap">
                                        <div class="sl-name">Елена Петрова</div>
                                        <div class="sl-position">английский</div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </li>

                </ul>

            </div>

            <a class="button more" href="#">Все переводчики</a>
        </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>


</div>

{% endblock %}