{% 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>Предлагаем Вам услуги профессиональной организации Вашего участия в выставке Holiday Real Estate Market 2013</h2>

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

                        <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">
                            <div class="mf-field rq-area-val">
                                <label>Требуемая площадь:</label>
                                <input type="text" name="area" placeholder="" />
                            </div>

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

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

                        <button class="big orange a-more" type="submit">отправить запрос</button>

                    </div>

                </form>
            </div>

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

                <a class="button big orange a-more" href="#">Сделать запрос</a>

            </div>

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

        </div>



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

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