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

{% block content_list %}
    {{ form.errors }}
    <div class="page-title">
        <h1>Добавить событие</h1>
    </div>
    <div class="page-body clearfix">
        {{ 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">

                    <a class="button icon-edit" href="#">изменить</a>
                </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>

            <form action="" method="post">{% csrf_token %}
                    {{ 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>

                    <div class="mf-stat-item">

                        <hr/>

                        <div class="mf-line mf-prod">
                            <label class="h3">Статистика за</label>

                            <div class="mf-field">

                                <div class="mf-year">
                                    {{ form.statistic_year }}
                                </div>

                                <div class="mf-stat-data">

                                    <div class="sd-visitors">
                                        {{ form.visitors }}
                                    </div>

                                    <div class="sd-participants">
                                        {{ form.partisipants }}
                                    </div>

                                    <div class="sd-area">
                                        {{ form.square }}
                                        м²
                                    </div>
                                </div>

                            </div>
                        </div>

                        <div class="mf-line mf-prod mf-stat-countries">
                            <label>Страны:</label>

                            <div class="mf-field">

                                <div class="csb-selected-items"></div>
                                <div class="csb-menu-wrap">
                                    <div class="scroll-container csb-menu">
                                        <div class="scroll-content clearfix">
                                            {{ form.countries }}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>

                    <div class="mf-stat-add-button">
                        <a class="button big icon-add" href="#">добавить данные за другой период</a>
                    </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>

                    {% if wizard.steps.prev %}
                        <button class="button big orange a-more" name="wizard_goto_step" type="submit"
                                value="{{ wizard.steps.first }}">"first step"
                        </button>
                        <button class="button big orange a-more" name="wizard_goto_step" type="submit"
                                value="{{ wizard.steps.prev }}"> "prev step"
                        </button>
                    {% endif %}
                    <button class="button big orange a-more" type="submit" >Дале</button>

                </div>
            </form>

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

                        <div class="afh-right">
                            <a class="button icon-edit" href="#">изменить</a>
                        </div>
                    </div>
                </div>
            </div>
{% endwith %}
{% endif %}

{% endblock %}