{% extends 'public/base.html' %}
{% load crispy_forms_tags %}
{% block content %}
    <div class="sub-head-info">
        <div class="sub-head__item call-action">
            Пожалуйста, заполните данные для расчета сметы:
        </div>
        <div class="sub-head__item name-manager">
            Ваш менеджер: <span id="name-manager"></span>
        </div>
    </div>

    <input type="hidden" id="inputs_checked" data-checkeds="" value="">

    <form method="POST" class="post-form public-form__estimate" data-estimate_already="{{ estimate_already }}">{% csrf_token %}

        <!-- тут выводятся поля, не входящие ни в какой вид работ или классификацию. Например поле ФОРМА ОПЛАТЫ -->
        <div class="inputs-public-form__estimate">
        {% for field in form %} {# перебор всех полей формы для вывода дополнительных полей #}
            {# фильтруем дополнительные поля #}
            {% for field_add in fields_add %}
                {% if field.html_name == field_add and field.html_name != 'estimate_ovk_comments' %}

            <div class="form-group public-form__item" id="item-name__{{ field.html_name }}">
                <div class="public-form__item_glass" id="glass__{{ field.html_name }}"></div>
                {{ field.errors|as_crispy_errors}}

                <!-- здесь выводятся дополнительне параметры ПС -->
                {{ field|as_crispy_field }}
            </div>

                {% endif %}
            {% endfor %}
        {% endfor %}
        </div>

    {% for k, tw in items_types_works.items %} {# перебор используемых видов работ #}

        <!-- формируем и выводим заголовок Вида Работ -->
        {% for typework in types_works %}
            {% if tw == 'ovk_other' and typework.type_work_key == 'ovk' %}
                <!--div class="line_separator"></div-->
                <h3>Прочее</h3>
            {% else %}
                {% if typework.type_work_key == tw %}
                    <!--div class="line_separator"></div-->
                    <h3>{{ typework.type_work_long }}</h3>
                {% endif %}
            {% endif %}
        {% endfor %}

        <div class="inputs-public-form__estimate">

            {% for field in form %} {# перебор всех полей формы #}

                {% for item in items %} {# перебор позиций ПС, входящих в текущий вид работ #}
                    {% if field.html_name == item.parameter_key %}
                        {% if tw == 'ovk_other' and item.type_work == 'ovk' or item.type_work == tw %} {# если позиция ПС совпадает с параметром ПС и соответствует текущему виду работы #}
                            {# выводим это поле в форму #}
                            {% if field.html_name != 'estimate_ovk_aqua_fine_install' and field.html_name != 'estimate_ovk_heat_radiator_num' and field.html_name != 'estimate_ovk_heat_infloor_forced_num' and field.html_name != 'estimate_ovk_heat_infloor_natural_num' %}

                            <div class="form-group public-form__item" id="item-name__{{ field.html_name }}">
                                <div class="public-form__item_glass" id="glass__{{ field.html_name }}"></div>
                            {% endif %}
                                {{ field.errors|as_crispy_errors}}

                                <!-- здесь выводятся основные параметры ПС -->

                                {{ field|as_crispy_field }}

                                <!-- здесь выводятся подсказки к параметрам -->
                                <div class="block-hint" id="hint__{{ field.html_name }}" {% if field.html_name == 'comments' %} style="display: none;" {% endif %}>
                                    <div class="icon-hint" id="icon-hint__{{ field.html_name }}">
                                        <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-info-circle" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                            <path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
                                            <path d="M8.93 6.588l-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588z"/>
                                            <circle cx="8" cy="4.5" r="1"/>
                                        </svg>
                                    </div>
                                    <div class="text-hint" id="text-hint__{{ field.html_name }}">
                                        {% for item in items %}
                                            {% if field.html_name == item.parameter_key %}
                                                {{ item.item_helper }}
                                            {% endif %}
                                        {% endfor %}
                                    </div>
                                </div>
                            {% if field.html_name != 'estimate_ovk_aqua_insulation_risers' and field.html_name != 'estimate_ovk_heat_radiator' and field.html_name != 'estimate_ovk_heat_infloor_forced' and field.html_name != 'estimate_ovk_heat_infloor_natural' %}
                            </div>
                            {% endif %}
                        {% endif %}
                    {% endif %}
                {% endfor %}

            {% endfor %}

        </div>

        {% if tw == 'aqua' %}
            <!-- контейнер размещения параметров стояков -->
            <div id="risers_block" class="risers_block">
                <div class="riser_tabs">
                    <div class="riser_tab" id="riser_tab_1" data-riser_tab_num="1">
                        <span class="riser_tab_title">Стояк</span>
                        <span class="riser_tab_num_simbol">№</span>
                        <span class="riser_tab_num">1</span>
                    </div>
                    <div class="riser_tab_plus" id="tab_riser_plus" title="Добавить стояк">+</div>
                </div>

                <div class="riser_forms" style="position: relative;">
                    <div class="riser_form_block" id="riser_form_progress"><img src="/static/admin/img/loaders/ajax-loader52.gif"></div>
                    <!--div class="riser_form_block rsf" id="riser_form_1" data-riser_num="1"></div-->
                    <div class="public-form__item_glass" id="glass__estimate_ovk_heat_riser_forms"></div>
                </div>
            </div>

            <div class="risers_block" id="dots_all" style="display: none;">
                <div class="riser_forms">
                    <div class="riser_form">
                        <div class="container">
                            <div class="row">
                                <div class="col-12">
                                    <div class="container ml-0 mr-0">
                                        <div class="row riser_row riser_form_border_top">
                                            <div class="col-12 riser_header_2">ВСЕГО ТОЧЕК ХВС, ГВС И КАНАЛИЗАЦИИ</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-12 pb-3">
                                    <div class="container ml-0 mr-0">

                                        <div class="row riser_row riser_form_border_bottom">
                                            <div class="col-2 col-xl-1 riser_title_2">Точек ХВС:</div>
                                            <div class="col-1 col-xl-1 riser_field">
                                                <input class="riser_form_field riser_field_num clear_input_style" data-riser_num="" type="text" readonly="readonly" placeholder="0" id="riser_dot_hvs" value="">
                                            </div>
                                            <div class="col-2 col-xl-1 riser_title_2">Точек ГВС:</div>
                                            <div class="col-1 col-xl-1 riser_field">
                                                <input class="riser_form_field riser_field_num clear_input_style" data-riser_num="" type="text" readonly="readonly" placeholder="0" id="riser_dot_gvs" value="">
                                            </div>
                                            <div class="col-5 col-sm-4 col-xl-2 riser_title_2">Выводов канализации:</div>
                                            <div class="col-1 col-xl-1 riser_field">
                                                <input class="riser_form_field riser_field_num clear_input_style" data-riser_num="" type="text" readonly="readonly" placeholder="0" id="riser_sewer_outlet" value="">
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        {% endif %}

    {% endfor %}

        <!--div class="line_separator"></div-->

        <div class="inputs-public-form__estimate">
        {% for field in form %} {# перебор всех полей формы для вывода дополнительных полей #}
            {# фильтруем дополнительные поля #}
            {% for field_add in fields_add %}
                {% if field.html_name == field_add and field.html_name == 'estimate_ovk_comments' %}
                    <div class="form-group public-form__item_comments" id="item-name__{{ field.html_name }}">
                        <div class="public-form__item_glass" id="glass__{{ field.html_name }}"></div>
                        {{ field.errors|as_crispy_errors}}

                        <!-- здесь выводятся дополнительне параметры ПС -->
                        {{ field|as_crispy_field }}
                    </div>
                {% endif %}
            {% endfor %}
        {% endfor %}
        </div>

        <div class="msg-error" id="error__form-estimate">{{ errors }}</div>

        <input type="submit" class="btn btn-primary submitClass" id="estimate_public_submit" value="Сохранить"/>

    </form>
{% endblock %}