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


{% block head_scripts %}
    <script src="{% static 'js/select/select2.js' %}"></script>
    <script>
    $(document).ready(function () {
        $('select').select2({
            width: 'element',
            allowClear: true
        });
    });
    </script>
{% endblock %}


{% block content_list %}
    {{ form.errors }}
    <div class="page-title">
        <h1>Добавить событие</h1>
    </div>
    <div class="page-body clearfix">
        <form action="" method="post">{% csrf_token %}

            {{ wizard.form.media }}
            <div class="set-sect p-form adm-form passed">
                <div class="set-sect-title clearfix">
                    <h3>Шаг 1. Основная информация</h3>

                    <div class="afh-right">
                        <button name="wizard_goto_step" type="submit" class="button icon-edit"
                                value="{{ wizard.steps.prev }}">изменить
                        </button>
                    </div>
                </div>
            </div>


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

                    <div class="afh-right">
                        <div class="sst-info"><b>+ 0,9 баллов</b> к рейтингу</div>
                    </div>
                </div>

                {{ wizard.management_form }}
                {% if wizard.form.forms %}
                    {{ wizard.form.management_form }}
                    {% for form in wizard.form.forms %}
                        {{ form }}
                    {% endfor %}
                {% else %}
                    {% with wizard.form as form %}
                        <hr/>

                        <div class="mfs-additional mf-stat">

                            <div class="mf-line mf-prod mf-short-input">
                                <label>Год основания:</label>
                                {{ form.found_year }}
                                <div class="mf-field">

                                </div>
                            </div>

                        <hr/>

                        <h2>Стоимость посещения и участия</h2>

                        <div class="e-price-wrap">
                            <div class="epr-layout">

                                <div class="eprl-col">
                                    <div class="eprl-col-wrap">

                                        <div class="epr-subtitle">Стоимость билетов</div>

                                        <div class="tp-wrap">

                                            <ul class="pr-list">

                                                <li>
                                                    {{ form.one_day }}
                                                    <select name="oneDayCurrency1">
                                                        <option value="rur">руб</option>
                                                        <option value="usd">usd</option>
                                                        <option value="eur">eur</option>
                                                    </select>
                                                </li>

                                                <li>
                                                    {{ form.all_days }}
                                                    <select name="allDaysCurrency1">
                                                        <option value="rur">руб</option>
                                                        <option value="usd">usd</option>
                                                        <option value="eur">eur</option>
                                                    </select>
                                                </li>

                                            </ul>

                                            <div class="tp-descr">Предварительная регистрация</div>

                                        </div>

                                        <hr/>

                                        <div class="tp-wrap">

                                            <ul class="pr-list">

                                                <li>
                                                    {{ form.pre_one_day }}
                                                    <select name="oneDayCurrency2">
                                                        <option value="1">руб</option>
                                                        <option value="2">usd</option>
                                                        <option value="3">eur</option>
                                                    </select>
                                                </li>

                                                <li>
                                                    {{ form.pre_all_days }}
                                                    <select name="allDaysCurrency2">
                                                        <option value="1">руб</option>
                                                        <option value="2">usd</option>
                                                        <option value="3">eur</option>
                                                    </select>
                                                </li>

                                            </ul>

                                            <div class="tp-descr grey">Регистрация на&nbsp;стойке</div>

                                        </div>

                                    </div>

                                </div>

                                <div class="eprl-col">
                                    <div class="eprl-col-wrap">

                                        <div class="epr-subtitle">Стоимость аренды 1м²</div>

                                        <ul class="pr-list">

                                            <li>
                                                {{ form.equiped }}
                                                <select name="areaCurrency1">
                                                    <option value="1">руб</option>
                                                    <option value="2">usd</option>
                                                    <option value="3">eur</option>
                                                </select>
                                            </li>

                                            <li>
                                                {{ form.unequiped }}
                                                <select name="areaCurrency2">
                                                    <option value="1">руб</option>
                                                    <option value="2">usd</option>
                                                    <option value="3">eur</option>
                                                </select>
                                            </li>

                                            <li>
                                                {{ form.open_square }}
                                                <select name="areaCurrency3">
                                                    <option value="1">руб</option>
                                                    <option value="2">usd</option>
                                                    <option value="3">eur</option>
                                                </select>
                                            </li>

                                        </ul>

                                        <hr/>

                                        <div class="mf-line mf-min-area">
                                            <label>Минимальная площадь:</label>

                                            <div class="mf-field">
                                                {{ form.min_square }}
                                                м²
                                            </div>
                                        </div>

                                        <hr/>

                                        <div class="mf-line mf-reg-payment">
                                            <label>Регистрационный взнос:</label>

                                            <div class="mf-field">
                                                {{ form.registration_depos }}
                                                <select name="areaCurrency3">
                                                    <option value="1">руб</option>
                                                    <option value="2">usd</option>
                                                    <option value="3">eur</option>
                                                </select>
                                            </div>
                                        </div>

                                        <hr/>

                                        <div class="mf-line mf-deadline">
                                            <label>Крайний срок подачи заявки:</label>

                                            <div class="mf-field">
                                                <div class="period">
                                                    <div class="pwf-field">
                                                        {{ form.deadline_date }}
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>

                            </div>
                        </div>

                        <hr/>

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

                            <div class="abb-left">
                                <div class="mfpl-button-line">
                                    {#                            <div class="mfpl-button">#}
                                    {#                                <a class="button big grey a-more" href="#">пропустить этот шаг</a>#}
                                    {#                            </div>#}

                                    <div class="mfpl-text">
                                        <p>более полная информация повышает рейтинг вашего мероприятия и позволяет
                                            ранжировать
                                            его выше других</p>
                                    </div>
                                </div>

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

                        </div>

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


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

                    {% endwith %}
                {% endif %}

{% endblock %}