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

{% 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>Шаг {{ wizard.steps.step1 }}. Основная информация</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>Тематика:</label>
                                {{ form.theme }}
                            </div>
                            <div class="mf-field">
                                <label>Теги:</label>
                                {{ form.tag }}
                            </div>
                        </div>
                        <hr/>

                        <h2>Описание выставки</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">Даты проведения:</label>

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

                        <hr/>

                        <div class="mfs-location">

                            <h2>Локация</h2>

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

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

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

                        </div>
                        <hr/>

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

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

                                <div class="mf-field">

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

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

                                    <hr/>

                                </div>
                            </div>

                            <div class="mf-line mf-membership">
                                <label>Членства и знаки качества:</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>Время работы:</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">Логотип:</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>Шаг 2. Статистика и условия участия</h3>
            </div>
        </div>

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

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