{% extends 'base_catalog.html' %}
{% load static %}
{% load i18n %}

{% 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-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 'Предлагаем Вам услуги профессиональной организации Вашего участия в выставке' %}{% if object %} {{ object.name }} {% endif %}</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 service-page" {% if form.errors %}style="display:block"{% endif %}>
                <form action="#" method="post">{% csrf_token %}

                    <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 validate-field{% if form.area.errors %} error-field{% endif %}">
                                <label>{% trans 'Требуемая площадь' %}:</label>
                                {{ form.area }}
                                <div class="error-blob">
                                    {{ form.area.errors }}

                                </div>
                            </div>

                            <div class="mf-field rq-area-type validate-field{% if form.area_type.errors %} error-field{% endif %}">
                                <label>{% trans 'Вид площади' %}:</label>
                                {{ form.area_type }}
                                <div class="error-blob">
                                    {{ form.area_type.errors }}

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

                        <div class="mf-line full-width">
                            <div class="mf-field">
                                {{ form.company_inf }}
                            </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 validate-field{% if form.phone.errors %} error-field{% endif %}">
                                {{ form.phone }}
                                <div class="error-blob">
                                    {{ form.phone.errors }}

                                </div>
                            </div>

                            <div class="mf-field rq-mail validate-field{% if form.person.errors %} error-field{% endif %}">
                                {{ form.person }}
                                <div class="error-blob">
                                    {{ form.person.errors }}

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

                    </div>

                    <hr />

                    <div class="rq-btn-wrap">
                        {% 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 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>

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

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