{% extends 'ibs/layouts/base.html' %}

{% block title %}IBS - Project{% endblock %}

{% block content %}
    {% load humanize widget_tweaks %}

    <!-- Start Content-->
    <div class="container-fluid">

        <!-- start page title -->
        {% include 'ibs/partials/content_title.html' with  second_bs="신규 프로젝트" title="세부 정보 관리" %}
        <!-- end page title -->

        <div class="row">
            <form class="form-horizontal p-0 col-12" method="get">
                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-body">

                            {% with menu_order='2' %}
                                {% include 'project/partials/head_menu.html' %}
                            {% endwith %}

                            <div class="row">
                                {% include 'ibs/partials/project_select.html' %}
                                <div class="col-sm-12 col-md-6"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>

            <form method="post" class="col-12 p-0 needs-validation" novalidate>
                {% csrf_token %}
                {{ formset.management_form }}
                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-body pb-1">
                            <div class="row">

                                <div class="col mb-3">
                                    <!-- Button Group -->
                                    {% with sub_menu_order='5' %}
                                        {% include 'project/partials/second_menu.html' %}
                                    {% endwith %}
                                </div>

                                <div class="col-12 table-responsive">
                                    <table id="scroll-horizontal-datatable"
                                           class="table table-hover table-centered table-condensed table-sm w-100 m-0 nowrap">
                                        <thead>
                                        <tr class="bg-nav-pills">
                                            <th class="text-center">종류</th>
                                            <th class="text-center">납입회차 코드</th>
                                            <th class="text-center">납부순서</th>
                                            <th class="text-center">납부회차 명</th>
                                            <th class="text-center">별칭 이름</th>
                                            <th class="text-center">납부기한일</th>
                                            <th class="text-center">납부유예일</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        {% for form in formset %}
                                            {% for hidden in form.hidden_fields %}
                                                {{ hidden }}
                                            {% endfor %}
                                            <tr>
                                                <td class="text-center">
                                                    {{ form.pay_sort|add_class:"form-control select2"|attr:"data-toggle:select2" }}
                                                    <span class="text-danger">{{ form.pay_sort.errors }}</span>
                                                </td>
                                                <td class="text-center">
                                                    {{ form.pay_code|add_class:"form-control text-right"|attr:"placeholder:납입회차 코드" }}
                                                    <span class="text-danger">{{ form.pay_code.errors }}</span>
                                                </td>
                                                <td class="text-center">
                                                    {{ form.pay_time|add_class:"form-control text-right"|attr:"placeholder:납부순서" }}
                                                    <span class="text-danger">{{ form.pay_time.errors }}</span>
                                                </td>
                                                <td class="text-center">
                                                    {{ form.pay_name|add_class:"form-control"|attr:"placeholder:납부회차 명" }}
                                                    <span class="text-danger">{{ form.pay_name.errors }}</span>
                                                </td>
                                                <td class="text-center">
                                                    {{ form.alias_name|add_class:"form-control"|attr:"placeholder:회차 별칭" }}
                                                    <span class="text-danger">{{ form.alias_name.errors }}</span>
                                                </td>
                                                <td class="text-center">
                                                    {{ form.pay_due_date|add_class:"form-control text-center"|attr:"placeholder:납부기한일"|attr:"data-provide=datepicker data-date-format=yyyy-mm-dd data-date-autoclose=true data-toggle=input-mask data-mask-format=0000-00-00" }}
                                                    <span class="text-danger">{{ form.pay_due_date.errors }}</span>
                                                </td>

                                                <td class="text-center">
                                                    {{ form.extra_due_date|add_class:"form-control text-center"|attr:"placeholder:납부유예일"|attr:"data-provide=datepicker data-date-format=yyyy-mm-dd data-date-autoclose=true data-toggle=input-mask data-mask-format=0000-00-00" }}
                                                    <span class="text-danger">{{ form.extra_due_date.errors }}</span>
                                                </td>
                                            </tr>
                                        {% endfor %}
                                        </tbody>
                                    </table>
                                </div>
                            </div>

                            {% if is_paginated %}

                                {# to_first_last :: 맨처음 / 맨끝으로 버튼 사용 여부 #}
                                {# page_class ex:: pagination-rounded pagination-sm pagination-lg justify-content-center justify-content-end #}
                                {% include 'partials/pagination.html' with to_first_last="ok" page_class="pagination-rounded justify-content-end" %}

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

                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-body">
                            <div class="row">
                                <div class="form-group mb-0 justify-content-end row">
                                    <div class="col-12">
                                        {% if request.user.is_superuser or request.user.staffauth.project > '1' %}
                                            <button type="submit" class="btn btn-primary">등록하기</button>
                                        {% else %}
                                            <button type="button" class="btn btn-outline-secondary"
                                                    onclick="alert('세부 정보 관리 권한이 없습니다. 관리자에게 문의하여 주십시요.')">조회권한 사용자
                                            </button>
                                        {% endif %}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div> <!-- container -->

{% endblock %}

{% block third_party_js %}
    <script>
      window.onload = function () {
        document.getElementById('id_project_sel').setAttribute('onchange', 'submit()')
      }
    </script>
{% endblock %}