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

{% block head_scripts %}
    <script src="{% static 'js/select/select2.js' %}"></script>
    <script src="{% static 'custom_js/wizard.js' %}"></script>
{% endblock %}

{% block content_list %}
    {{ form.errors }}
    <div class="page-body clearfix">
        <div class="set-sect p-form adm-form">
            <div class="set-sect-title clearfix">
                {{ wizard.form.media }}
                <h3>{% blocktrans with step=wizard.steps.step1%}Шаг {{ step }}. Основная информация{% endblocktrans %}</h3>
            </div>
            <form action="" enctype="multipart/form-data" method="post">{% csrf_token %}
                {{ wizard.management_form }}
                {% with wizard.form as form %}
                    <div class="adm-form-body">
                        <div class="mf-line ">
                            <div class="mf-field">
                                <label>{% trans "Тематика:" %}</label>
                                {{ form.theme }}
                            </div>
                            <div class="mf-field">
                                <label>{% trans "Теги:" %}</label>
                                {{ form.tag }}
                            </div>
                        </div>
                        <hr/>

                        <h2>{% trans "Описание выставки" %}</h2>

                        <div class="mf-line">
                            <div class="mf-field">
                                {{ form.name }}
                            </div>
                        </div>

                        <div class="mf-line full-width">
                            <div class="mf-field">
                                {{ form.main_title }}
                            </div>
                        </div>

                        <div class="mf-line full-width">
                            <div class="mf-field">
                                {{ form.description }}
                            </div>
                        </div>

                        <hr/>

                        <div id="dates-range" class="mf-line">
                            <label class="h2">{% trans "Даты проведения:" %}</label>

                            <div class="mf-field">
                                <div class="period">
                                    <div class="pwf-field">
                                        <label>{% trans "с" %}</label>
                                        {{ form.date_start }}
                                    </div>
                                    <div class="pwf-field">
                                        <label>{% trans "по" %}</label>
                                        {{ form.date_end }}
                                    </div>
                                </div>
                            </div>
                        </div>

                        <hr/>

                        <div class="mfs-location">

                            <h2>{% trans "Локация" %}</h2>

                            <div class="mf-line">
                                <div class="mf-field">
                                    <h3>{% trans "Место проведения:" %}</h3>
                                    {{ form.place }}
                                </div>
                            </div>

                            <div class="mf-line">
                                <div class="mf-field">
                                    <h3>{% trans "Страна:" %}</h3>
                                    {{ form.country }}
                                </div>

                                <div class="mf-field">
                                    <h3>{% trans "Город:" %}</h3>
                                    {{ form.city }}
                                </div>
                            </div>

                        </div>
                        <hr/>

                        <div class="mfs-additional">
                            <h2>{% trans "Дополнительная информация" %}</h2>

                            <div class="mf-line mf-targets">
                                <label>{% trans "Аудитория:" %}</label>

                                <div class="mf-field">

                                    <div class="clearfix">
                                        <div class="mff-col">
                                            <label class="checkbox">{{ form.audience1 }}{% trans "специалисты" %}</label>
                                            <label class="checkbox">{{ form.audience2 }}{% trans "специалисты и потребители" %}</label>
                                            <label class="checkbox">{{ form.audience3 }}{% trans "широкая публика" %}</label>
                                        </div>

                                        <div class="mff-col">
                                            {% trans "Периодичность:" %}
                                            {{ form.periodic }}
                                        </div>
                                    </div>

                                    <hr/>

                                </div>
                            </div>

                            <div class="mf-line mf-membership">
                                <label>{% trans "Членства и знаки качества:" %}</label>

                                <div class="mf-field">
                                    <label class="checkbox">{{ form.membership1 }}Exporating</label>
                                    <label class="checkbox">{{ form.membership2 }}RSVA</label>
                                    <label class="checkbox">{{ form.membership3 }}UFI</label>
                                    <hr/>
                                </div>
                            </div>

                            <div class="mf-line mf-prod">
                                <div class="mf-field">
                                    {{ form.web_site }}

                                    {{ form.products }}

                                    <hr/>

                                </div>
                            </div>

                            <div class="mf-line mf-time">
                                <label>{% trans "Время работы:" %}</label>

                                <div id="work-time" class="mf-field">
                                    <div class="w-time">
                                        <div class="w-time-wrap">
                                            <label>c</label>
                                            {{ form.time_start }}
                                        </div>

                                        <div class="w-time-wrap">
                                            <label>до</label>
                                            {{ form.time_end }}
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                        <hr/>

                        <div class="mf-line mf-logo">
                            <label class="h2">{% trans "Логотип:" %}</label>

                            <div class="mf-field">
                                <div class="input-file clearfix">
                                    {{ form.logo }}
                                </div>
                            </div>
                        </div>

                        <hr/>
                    </div>
                    <div class="a-bot-buttons-line clearfix">

                        <div class="abb-right">
                            <input class="button big orange a-more" type="submit" value="Дале >"/>
                        </div>

                    </div>

                    </form>

                {% endwith %}
        </div>

        <div class="set-sect p-form adm-form not-active">
            <div class="set-sect-title clearfix">
                <h3>{% trans "Шаг 2. Статистика и условия участия" %}</h3>
            </div>
        </div>

        <div class="set-sect p-form adm-form not-active">
            <div class="set-sect-title clearfix">
                <h3>{% trans "Шаг 3. Добавление фото" %}</h3>
            </div>
        </div>

    </div>
    <hr/>
{% endblock %}