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

        <div class="m-article">

            <div class="rq-info clearfix">

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

                <div class="rqi-body">
                    <h2>{% trans 'Предлагаем Вам услуги профессиональной организации Вашего участия в выставке' %}</h2>

                    <div class="rqi-cols">
                        <ul>
                            <li>{% trans 'вся информация о выставке' %}</li>
                            <li>{% trans 'экономия времени' %}</li>
                            <li>{% trans 'все потенциальные контакты' %}</li>
                        </ul>

                        <ul>
                            <li>{% trans 'вся информация о выставке' %}</li>
                            <li>{% trans 'экономия времени' %}</li>
                            <li>{% trans 'все потенциальные контакты' %}</li>
                        </ul>
                    </div>

                </div>

            </div>

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

                    <hr />

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

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

                        <div class="mf-line cols-2">
                            <div class="mf-field rq-area-val">
                                <label>{% trans 'Требуемая площадь' %}:</label>
                                <input type="text" name="area" placeholder="" />
                            </div>

                            <div class="mf-field rq-area-type">
                                <label>{% trans 'Вид площади' %}:</label>
                                <select name="tArea">
                                    <option value="1">{% trans 'оборудованная' %}</option>
                                    <option value="2">{% trans 'не оборудованная' %}</option>
                                </select>
                            </div>
                        </div>

                        <div class="mf-line full-width">
                            <div class="mf-field">
                                <textarea name="sDescr" cols="30" rows="10" placeholder="{% trans 'Краткое описание, вид деятельности компании' %}"></textarea>
                            </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">
                                <input type="text" name="name" placeholder="{% trans 'Контактное лицо' %}" />
                            </div>
                        </div>

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

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

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

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

                    </div>

                    <hr />

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

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

            <hr />
            <div class="rq-note">
                {% trans '<p>За организацию Вашего участия в зарубежной выставке наша компания берет дополнительный % от контракта с организатором. Его величина варьируется от 5 до 15% и зависит от метража арендуемой площади и необходимых дополнительных услуг, которые определяют общую трудоемкость процесса и  состав специалистов.</p>' %}
            </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>


    </div>
{% endblock %}