{#
USE when requested for ajax request.
#}

{% set colsClass = 'col-xl-4 col-lg-6 col-md-6 col-xs-12' %}
{% set requireSymbol = '<span class="requiredFieldSymbol">*</span>' %}

<div class="kt-portlet__head">
    <div class="kt-portlet__head-label">
        <h3 class="kt-portlet__head-title">
            {{ 'Update class'|trans }}
        </h3>
    </div>
</div>

<!--begin::Form-->
<form class="kt-form" id="updateClasses__">
    {# form input elements #}
    <div class="kt-portlet__body">

        <input type="hidden" name="___randsection" value="{{ class.id }}" id="adding_section_to_customField">

        <div class="row">
            {# class full name #}
            <div class="{{ colsClass }}">
                <label class="col-form-label">{{ 'Full name'|trans }} {{ requireSymbol|raw }} </label>
                <input type="text" name="name" class="form-control r__q" placeholder="{{ 'Class full name'|trans }}"
                       value="{{ class.name }}" required="required">
            </div>

            {# class short name #}
            <div class="{{ colsClass }}">
                <label class="col-form-label">{{ 'Short name'|trans }} </label>
                <input type="text" name="short_name" class="form-control r__q"
                       placeholder="{{ 'Class short name'|trans }}" value="{{ class.getShortName() }}">
            </div>

            {# fees list #}
            <div class="{{ colsClass }}">
                <label class="col-form-label">{{ 'Select fee to applicable to this class?'|trans }}</label>
                <select class="form-control multipleSelect2" name="fee__list[]" multiple="multiple">
                    <option value=""></option>
                    {% for c in student_fee %}
                        <option value="{{ c.id }}">{{ c.name }}</option>
                    {% endfor %}
                </select>
            </div>

            {# Class Subject list #}
            <div class="{{ colsClass }}">
                <label class="col-form-label">{{ 'Select Subject to applicable to this class?'|trans }}</label>
                <select class="form-control multipleSelect2" name="subjects__list[]" multiple="multiple">
                    <option value=""></option>
                    {% for subject in subjects %}
                        <option value="{{ subject.id }}">{{ subject.getSubjectname }} ({{ subject.getShortName }})</option>
                    {% endfor %}
                </select>
            </div>

            {#Teacher List #}
            <div class="{{ colsClass }}">
                <label class="col-form-label">{{ 'Assign teacher to the Class'|trans }}</label>
                <select class="form-control multipleSelect2" name="teacherList[]" multiple="multiple">
                    <option value=""></option>
                    {% for c in teacherList %}
                        <option value="{{ c.id }}">{{ c.getFullName }}</option>
                    {% endfor %}
                </select>
            </div>

            {# Grades list #}
            <div class="{{ colsClass }}">
                <label class="col-form-label">{{ 'Grade?'|trans }}</label>
                <select class="form-control multipleSelect2" name="grade">
                    <option value=""></option>
                    {% for gradeCategory in grades_categories %}
                        <option value="{{ gradeCategory.id }}">{{ gradeCategory.getGradeCategoryDesc }}</option>
                    {% endfor %}
                </select>
            </div>

            {# Fee #}
            <div class="{{ colsClass }}">
                <label class="col-form-label">{{ 'Tution Fee'|trans }}  </label>
                <input type="text" name="fee" class="form-control" placeholder="{{ 'Enter Tuition Fee'|trans }}"
                       value="{{ class.fee }}">
            </div>

            {#  active or inactive #}
            <div class="{{ colsClass }}">
                <label class="col-form-label">{{ 'Enable/Disable'|trans }}</label>
                <div class="col-form-label">

                    <label class="kt-radio kt-radio--bold kt-radio--brand">
                        <input type="radio" name="active"
                               value="on" {{ class.active ? 'checked="checked"' : "" }}> {{ 'Enable' |trans }}
                        <span></span>
                    </label>
                    &nbsp; &nbsp;
                    <label class="kt-radio kt-radio--bold kt-radio--brand">
                        <input type="radio" name="active"
                               {{ class.active ? '' : 'checked="checked"' }}value="off"> {{ 'Disable' |trans }}
                        <span></span>
                    </label>

                </div>
            </div>

            {#  subjectwise attendance #}
            <div class="{{ colsClass }}">
                <label class="col-form-label">{{ 'Attendance will be?'|trans }}</label>
                <div class="col-form-label">
                    <label class="kt-radio kt-radio--bold kt-radio--brand">
                        <input type="radio" name="subject_vise_attendance"
                               value="on" {{ class.getAttendanceType  ? 'checked="checked"' : "" }}> {{ 'Subject vise' |trans }}
                        <span></span>
                    </label>
                    &nbsp; &nbsp;
                    <label class="kt-radio kt-radio--bold kt-radio--brand">
                        <input type="radio" name="subject_vise_attendance"
                               {{ not class.getAttendanceType ? 'checked="checked"' }}value="off"> {{ 'Class vise' |trans }}
                        <span></span>
                    </label>
                </div>
            </div>

            {#  subjectwise fee #}
            <div class="{{ colsClass }}">
                <label class="col-form-label">{{ 'Subejct wise fee?'|trans }}</label>
                <div class="col-form-label">
                    <label class="kt-radio kt-radio--bold kt-radio--brand">
                        <input type="radio" name="subjectwise_fee"
                               value="on" {{ class.getSubjectwiseFee == 1 ? 'checked="checked"' : "" }}> {{ 'Subject vise' |trans }}
                        <span></span>
                    </label>
                    &nbsp; &nbsp;
                    <label class="kt-radio kt-radio--bold kt-radio--brand">
                        <input type="radio" name="subjectwise_fee"
                                {{ class.getSubjectwiseFee == 0 ? 'checked="checked"' : '' }}
                               value="off"> {{ 'Class vise' |trans }}
                        <span></span>
                    </label>
                </div>
            </div>

            {#  Number of students #}
            <div class="{{ colsClass }}">
                <label class="col-form-label">{{ 'Number of students'|trans }}  </label>
                <input type="text" name="number_s" class="form-control" placeholder="{{ 'Number of students'|trans }}"
                       value="{{ class.getNoOfStudents }}">
            </div>


        </div>


    </div>

    </div>

    {# submit buttons #}
    <div class="kt-portlet__foot">
        <div class="kt-form__actions">

            <button type="submit" class="btn-primary btn updateClasses__">
                {{ 'Update class'|trans }}
            </button>

            <button type="button" class="btn-default btn back__section">
                {{ 'Back'|trans }}
            </button>

        </div>
    </div>

</form>

{# list of subjects #}
<div class="kt-portlet__head">
    <div class="kt-portlet__head-label">
        <h3 class="kt-portlet__head-title">
            {{ 'List of Subjects'|trans }}
        </h3>
    </div>
</div>
<div class="kt-portlet__body">

    {# list of attached subjects with the class from the class_subject table. #}
    <table class="table table-striped table-bordered">
        <thead>
        <tr>
            <th>{{ 'Subject'|trans }}</th>
            <th>{{ 'Total marks'|trans }}</th>
            <th>{{ 'Pass marks'|trans }}</th>
            <th>{{ 'Fee'|trans }}</th>
{#            <th>{{ '#'|trans }}</th>#}
        </tr>
        </thead>
        <tbody>
        {% for value in relatedSubject %}
            {% if getAppSetting('show_deleted_records') == 'no' and value.getIsDeleted %}
            {% else %}
                <tr class="{{ value.getIsDeleted ? 'strikeout bg-inactive' }}">
                    <td>{{ value.getSubjectName }}</td>
                    <td>{{ value.getMarks }}</td>
                    <td>{{ value.getPassMarks }}</td>
                    <td>{{ value.getFee }}</td>
{#                    <td>#}
{#                        <a data-toggle="dropdown" class="btn btn-sm btn-clean btn-icon btn-icon-md"#}
{#                           aria-expanded="false"><i#}
{#                                    class="fa fa-ellipsis-h"></i></a>#}
{#                        <div class="dropdown-menu dropdown-menu-right dotedDropdown"#}
{#                             x-placement="bottom-end">#}

{#                            <ul class="kt-nav" data-tmp="{{ value.id }}" id="subject__ul_{{ value.id }}">#}
{#                                {% if not value.getIsDeleted %}#}

{#                                    <li class="kt-nav__item editClassSubjectTableData" data-att="{{ value.id }}"#}
{#                                        data-toggle="modal" data-target="#modal__trigger">#}
{#                                        <a href="#" class="kt-nav__link"><i#}
{#                                                    class="kt-nav__link-icon flaticon-edit-1"></i><span#}
{#                                                    class="kt-nav__link-text">{{ 'Edit'|trans }}</span></a>#}
{#                                    </li>#}


{#                                    <li class="kt-nav__item dR-FL"#}
{#                                        data-req="{{ path('requestHandler_student_subject') }}"#}
{#                                        data-sDTO="DClassSubject">#}
{#                                        <a href="#" class="kt-nav__link"><i#}
{#                                                    class="kt-nav__link-icon flaticon2-trash"></i><span#}
{#                                                    class="kt-nav__link-text">{{ 'Delete' | trans }}</span></a>#}
{#                                    </li>#}
{#                                {% endif %}#}


{#                            </ul>#}
{#                        </div>#}
{#                    </td>#}
                </tr>
            {% endif %}

        {% endfor %}
        </tbody>

    </table>
</div>

{# list of the fees #}
<div class="kt-portlet__head">
    <div class="kt-portlet__head-label">
        <h3 class="kt-portlet__head-title">
            {{ 'List of Attached Fees'|trans }}
        </h3>
    </div>
</div>
<div class="kt-portlet__body">

    {# list of attached subjects with the class from the class_subject table. #}
    <table class="table table-striped table-bordered">
        <thead>
        <tr>
            <th>{{ 'Name'|trans }}</th>
            <th>{{ 'Amount'|trans }}</th>
{#            <th>{{ '#'|trans }}</th>#}
        </tr>
        </thead>
        <tbody>
        {% for value in attached_fee_list_with__classes %}
            {% if getAppSetting('show_deleted_records') == 'no' and value.getIsDeleted %}
            {% else %}
                <tr class="{{ value.getIsDeleted ? 'strikeout bg-inactive' }}">
                    <td>{{ value.fee.name }}</td>
                    <td>{{ value.amount }}</td>
{#                    <td>#}
{#                        <a data-toggle="dropdown" class="btn btn-sm btn-clean btn-icon btn-icon-md"#}
{#                           aria-expanded="false"><i#}
{#                                    class="fa fa-ellipsis-h"></i></a>#}
{#                        <div class="dropdown-menu dropdown-menu-right dotedDropdown"#}
{#                             x-placement="bottom-end">#}
{#                            <ul class="kt-nav" data-tmp="{{ value.id }}" id="fee__ul_{{ value.id }}">#}
{#                                {% if not value.getIsDeleted %}#}
{#                                    <li class="kt-nav__item editClassFeeTableData" data-att="{{ value.id }}"#}
{#                                        data-toggle="modal"#}
{#                                        data-target="#modal__trigger">#}
{#                                        <a href="#" class="kt-nav__link"><i#}
{#                                                    class="kt-nav__link-icon flaticon-edit-1"></i><span#}
{#                                                    class="kt-nav__link-text">{{ 'Edit' | trans }}</span></a>#}
{#                                    </li>#}

{#                                    <li class="kt-nav__item dR-FL" data-req="{{ path('requestHandler_student_fee') }}"#}
{#                                        data-sDTO="dClassFee">#}
{#                                        <a href="#" class="kt-nav__link"><i#}
{#                                                    class="kt-nav__link-icon flaticon2-trash"></i><span#}
{#                                                    class="kt-nav__link-text">{{ 'Delete' | trans }}</span></a>#}
{#                                    </li>#}
{#                                {% endif %}#}
{#                            </ul>#}
{#                        </div>#}
{#                    </td>#}
                </tr>
            {% endif %}

        {% endfor %}
        </tbody>

    </table>
</div>

{# list of teacher Attached to the Class #}
<div class="kt-portlet__head">
    <div class="kt-portlet__head-label">
        <h3 class="kt-portlet__head-title">
            {{ 'Teachers Assigned'|trans }}
        </h3>
    </div>
</div>
<div class="kt-portlet__body">

    {# list of attached subjects with the class from the class_subject table. #}
    <table class="table table-striped table-bordered">
        <thead>
        <tr>
            <th>{{ 'Name'|trans }}</th>
            <th>{{ 'Email'|trans }}</th>
            <th>{{ 'Assign From'|trans }}</th>
            <th>{{ 'Assign To'|trans }}</th>
{#            <th>{{ '#'|trans }}</th>#}
        </tr>
        </thead>
        <tbody>
        {% for value in class.getAllocateTeacherToClassAndSubjects %}
            {% if value.getClassSubject is empty %}

                {% if getAppSetting('show_deleted_records') == 'no' and value.getIsDeleted %}
                {% else %}
                    <tr class="{{ value.getIsDeleted ? 'strikeout bg-inactive' }}">

                        <td>{{ value.getTeacher.getFullName }}</td>
                        <td>{{ value.getTeacher.getEmail }}</td>
                        <td>{{ date_format( value.getAssignFromDate ) }}</td>
                        <td>{{ date_format( value.getAssignToDate ) }}</td>
{#                        <td>#}
{#                            <a data-toggle="dropdown" class="btn btn-sm btn-clean btn-icon btn-icon-md"#}
{#                               aria-expanded="false"><i#}
{#                                        class="fa fa-ellipsis-h"></i></a>#}
{#                            <div class="dropdown-menu dropdown-menu-right dotedDropdown"#}
{#                                 x-placement="bottom-end">#}

{#                                <ul class="kt-nav" data-tmp="{{ value.id }}" id="subject__ul_{{ value.id }}">#}
{#                                    {% if not value.getIsDeleted %}#}
{#                                        <li class="kt-nav__item editTeacher"#}
{#                                            data-point="{{ path('requestHandler_teacherController') }}"#}
{#                                            data-gate="serverTeacherAllocationForm"#}
{#                                            data-toggle="modal" data-target="#modal__trigger">#}
{#                                            <a href="#" class="kt-nav__link"><i#}
{#                                                        class="kt-nav__link-icon flaticon-edit-1"></i><span#}
{#                                                        class="kt-nav__link-text">{{ 'Edit'|trans }}</span></a>#}
{#                                        </li>#}


{#                                        <li class="kt-nav__item dR-FL"#}
{#                                            data-req="{{ path('requestHandler_teacherController') }}"#}
{#                                            data-sDTO="removeTeacherAllocation">#}
{#                                            <a href="#" class="kt-nav__link"><i#}
{#                                                        class="kt-nav__link-icon flaticon2-trash"></i><span#}
{#                                                        class="kt-nav__link-text">{{ 'Delete' | trans }}</span></a>#}
{#                                        </li>#}
{#                                    {% endif %}#}


{#                                </ul>#}
{#                            </div>#}
{#                        </td>#}
                    </tr>
                {% endif %}

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


{# list of the Grades #}
<div class="kt-portlet__head">
    <div class="kt-portlet__head-label">
        <h3 class="kt-portlet__head-title">
            {{ 'Grades'|trans }}
        </h3>
    </div>
</div>
<div class="kt-portlet__body">
    <span class="d-none gradeDefinitionRoute"
          data-path="{{ path('app_settings_getGradeDefinitionOnBaseOfGradeCategory') }}"></span>
    <span class="d-none routeEditClassGrade" data-path="{{ path('app_settings_class_gradeEdit_form') }}"></span>
    {# list of attached subjects with the class from the class_subject table. #}
    <table class="table table-striped table-bordered">
        <thead>
        <tr>
            <th>{{ 'Name'|trans }}</th>
            <th>{{ 'Apply when number equal or greater than'|trans }}</th>
            <th>{{ 'Grade Category'|trans }}</th>
{#            <th>{{ '#'|trans }}</th>#}
        </tr>
        </thead>
        <tbody>
        {% for value in class.classGrades.toArray %}
            <tr>
                <td>{{ value.getClassGradeName }}</td>
                <td>{{ value.getClassMarksEqualOrGreaterThan }}</td>
                <td>{{ value.getStudentGradeCategory.getGradeCategoryName }}</td>
{#                <td>#}
{#                    <a data-toggle="dropdown" class="btn btn-sm btn-clean btn-icon btn-icon-md"#}
{#                       aria-expanded="false"><i#}
{#                                class="fa fa-ellipsis-h"></i></a>#}
{#                    <div class="dropdown-menu dropdown-menu-right dotedDropdown"#}
{#                         x-placement="bottom-end">#}
{#                        <ul class="kt-nav" data-targetRef="{{ class.id }}">#}
{#                            <li class="kt-nav__item loadClassGradeForm"#}
{#                                data-toggle="modal"#}
{#                                data-target="#modal__trigger">#}
{#                                <a href="#" class="kt-nav__link"><i#}
{#                                            class="kt-nav__link-icon flaticon-edit-1"></i><span#}
{#                                            class="kt-nav__link-text">{{ 'Edit' | trans }}</span></a>#}
{#                            </li>#}
{#                        </ul>#}
{#                    </div>#}
{#                </td>#}
            </tr>
        {% endfor %}
        </tbody>
    </table>
</div>

{# model for editing the class_subject table. #}
{#<div class="modal" id="modal__trigger" tabindex="-1" role="dialog">#}
{#    <div class="modal-dialog modal-lg" role="document">#}
{#        <div class="modal-content">#}
{#            <div class="modal-body modal-body___placeClassData">#}
{#                <p>Modal body text goes here.</p>#}
{#            </div>#}
{#        </div>#}
{#    </div>#}
{#</div>#}