{% extends "base.html.twig" %}

{% block BeforeAnyCSSFile %}
    {% for file in encore_entry_css_files('select2__init') %}
        <link rel="stylesheet" href="{{ assetsBasePath~file }}">
    {% endfor %}
{% endblock %}

{% set pagename = 'Sample Class' | trans %}

{% block MainContent %}

    <div class="alert alert-info" role="alert">
        <div class="alert-icon"><i class="flaticon-questions-circular-button"></i></div>
        <div class="alert-text">
            <div><b>{{ 'Info'|trans }}</b></div>
            These Classes are <b>Sample Classes</b>, The Class can use as a reference while creating a new Session.
            <br>
            Changes made in these classes will <b>not effected</b> in Inherited Classes by Session.
        </div>
    </div>

    <span class="r__q__s" data-path="{{ path('requestHandler_student_class') }}"></span>
    <span class="d-none fee_controller" data-url="{{ path('requestHandler_student_fee') }}"></span>
    <span class="d-none SubjectContr" data-url="{{ path('requestHandler_student_subject') }}"></span>
    <!--begin::Portlet-->
    <div class="kt-portlet" id="view____form">
        {% set colsClass = 'col-xl-4 col-lg-6 col-md-6 col-xs-12' %}

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

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

                    {# 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="{{ classTemplate.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="{{ classTemplate.getShortName() }}">
                    </div>

                    {# subject list #}
                    <div class="{{ colsClass }}">
                        <label class="col-form-label">{{ 'Subjects'|trans }}</label>
                        <select class="form-control kt-select2 kt-selectpicker simpleSelect2" name="subjects[]"
                                multiple="multiple">
                            {% for s in subjectList %}
                                <option value="{{ s.id }}">{{ s.getSubjectName }}</option>
                            {% endfor %}
                        </select>
                    </div>

                    {# Fees list #}
                    <div class="{{ colsClass }}">
                        <label class="col-form-label">{{ 'Select fee to applicable to this class?'|trans }}</label>
                        <select class="form-control simpleSelect2" name="fees_list[]" multiple="multiple">
                            {% for s in feeList %}
                                <option value="{{ s.id }}">{{ s.name }}</option>
                            {% endfor %}
                        </select>
                    </div>

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

                    {#  subject vise fee / fee will be #}
                    <div class="{{ colsClass }}">
                        <label class="col-form-label">{{ 'Fee 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_fee"
                                        {{ classTemplate.getSubjectwiseFee ? '' : 'checked="checked"' }}
                                       value="off"> {{ 'Class vise' |trans }}
                                <span></span>
                            </label>
                            &nbsp;&nbsp;
                            <label class="kt-radio kt-radio--bold kt-radio--brand">
                                <input type="radio" name="subject_vise_fee"
                                       value="on" {{ classTemplate.getSubjectwiseFee ? 'checked="checked"' : "" }}> {{ 'Subject vise' |trans }}
                                <span></span>
                            </label>

                        </div>

                    </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" {{ classTemplate.id is not empty ? classTemplate.active ? 'checked="checked"' : "" : 'checked="checked"' }}> {{ 'Enable' |trans }}
                                <span></span>
                            </label>
                            &nbsp; &nbsp;
                            <label class="kt-radio kt-radio--bold kt-radio--brand">
                                <input type="radio" name="active"
                                       {{ classTemplate.id is not empty ? classTemplate.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"
                                       {{ classTemplate.getAttendanceType ? '' : 'checked="checked"' }}value="off"> {{ 'Class vise' |trans }}
                                <span></span>
                            </label>
                            &nbsp; &nbsp;
                            <label class="kt-radio kt-radio--bold kt-radio--brand">
                                <input type="radio" name="subject_vise_attendance"
                                       value="on" {{ classTemplate.getAttendanceType ? 'checked="checked"' : "" }}> {{ 'Subject vise' |trans }}
                                <span></span>
                            </label>
                        </div>
                    </div>

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

                    {# list of sessions #}
                    <div class="{{ colsClass }}">
                        <label class="col-form-label">{{ 'Sessions'|trans }}
                            <small>(active session)</small>
                        </label>
                        <select class="form-control simpleSelect2" name="seSon[]" multiple="multiple">
                            {% for s in session %}
                                <option value="{{ s.id }}">{{ s.name }} >> {{ s.shortName }}</option>
                            {% endfor %}
                        </select>
                    </div>

                    {# list of Grades Category #}
                    <div class="{{ colsClass }}">
                        <label class="col-form-label">{{ 'Grade Category'|trans }}</label>
                        <select class="form-control simpleSelect2" name="gradeCat">
                            <option></option>
                            {% for gC in gradeCategory %}
                                <option value="{{ gC.id }}">{{ gC.gradeCategoryName }}</option>
                            {% endfor %}
                        </select>
                    </div>

                </div>

            </div>
        </form>

        {# submit buttons #}
        <div class="kt-portlet__foot">
            <div class="kt-form__actions">
                <button type="button" class="btn-primary btn addClassButton">
                    {{ classTemplate.id is empty ? 'Add Sample Class'|trans : 'Update Sample Class'|trans }}
                </button>

                <a href="{{ path('class') }}" class="btn btn-default">
                    {{ 'Back to list'|trans }}
                </a>
            </div>
        </div>
    </div>

    {% if classTemplate.id is not empty %}
        {# selected subject from the subject table. #}
        <div class="kt-portlet attached_classes_display_block">
            <div class="kt-portlet__head">
                <div class="kt-portlet__head-label">
                    <h3 class="kt-portlet__head-title">{{ 'Attached Subjects'|trans }}
                    </h3>
                </div>
            </div>
            <div class="kt-portlet__body">
                <table class="table table-striped table-bordered">
                    <thead>
                    <tr>
                        <th>{{ 'Name'|trans }}</th>
                        <th>{{ 'Class'|trans }}</th>
                        <th>{{ 'Recuring Fee'|trans }}</th>
                        <th>{{ 'Credits'|trans }}</th>
                        <th>{{ 'Pass marks'|trans }}</th>
                        <th>{{ 'Total marks'|trans }}</th>
                        <th>{{ '#'|trans }}</th>
                    </tr>
                    </thead>
                    <tbody>

                    {% for key,value in classTemplate.getClassSubjectTemplates.toArray() %}

                        {% if getAppSetting('show_deleted_records') == 'no' and value.getIsDeleted %}
                        {% else %}
                            <tr class="{{ value.getIsDeleted ? 'strikeout bg-inactive' }}">
                                <td>{{ value.getSubjectName }}
                                    <br>
                                    {% if value.getShortName is not empty %}
                                        <small>({{ value.getShortName }})</small>
                                    {% endif %}
                                </td>
                                <td>
                                    {{ classTemplate.name }}
                                </td>
                                <td>{{ value.fee }}</td>
                                <td>{{ value.getCredits }}</td>
                                <td>{{ value.getPassMarks }}</td>
                                <td>{{ value.marks }}</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">
                                            <li class="kt-nav__item ftc__editSUbject-s-v" data-ref="{{ value.id }}">
                                                <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>

                                            {% if not value.getIsDeleted %}
                                                {# delete subject from ClassSubjectTemplate #}
                                                <li class="kt-nav__item ftc__delSUbject-s-v" data-ref="{{ value.id }}">
                                                    <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>
        </div>
        {# attached fees from class fee template table #}
        <div class="kt-portlet attached_fees">

            <div class="kt-portlet__head">
                <div class="kt-portlet__head-label">
                    <h3 class="kt-portlet__head-title">{{ 'Attached Fees'|trans }}</h3>
                </div>
            </div>
            <div class="kt-portlet__body">
                <!--begin::Section-->
                <div class="kt-section">
                    <div class="kt-section__content">
                        <table class="table table-striped table-bordered">
                            <thead>
                            <tr>
                                <th>{{ 'Fee name'|trans }}</th>
                                <th>{{ 'Amount'|trans }}</th>
                                <th>{{ '#'|trans }}</th>
                            </tr>
                            </thead>
                            <tbody>

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

                                        <td>{{ value.fee.name is not empty ? 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-targetRef="{{ value.id }}">
                                                    {% if not value.getIsDeleted %}
                                                        <li class="kt-nav__item loadClass___feeTemplate__om">
                                                            <a class="kt-nav__link"
                                                               href="{{ path('users_profile', {'id':value.id}) }}"><i
                                                                        class="kt-nav__link-icon flaticon-edit-1"></i><span
                                                                        class="kt-nav__link-text">{{ 'Edit' | trans }}</span></a>
                                                        </li>

                                                        {# delete fee from student fee template #}
                                                        <li class="kt-nav__item delete___feeTemplate__om"
                                                            data-ref="{{ value.id }}">
                                                            <a 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>
                </div>
                <!--end::Section-->
            </div>

            <!--end::Form-->
        </div>
        {# attached Grades #}
        <div class="kt-portlet attached_grades">
            <span class="d-none gradeDefinitionRoute"
                  data-path="{{ path('app_settings_getGradeDefinitionOnBaseOfGradeCategory') }}"></span>
            <span class="routeFetchSingleItem d-none" data-path="{{ path('app_settings_singleGradeHtml') }}"></span>
            <span class="routeEditClassGradeTemplate d-none"
                  data-path="{{ path('app_settings_class_template_gradeEdit_form') }}"></span>
            <div class="kt-portlet__head">
                <div class="kt-portlet__head-label">
                    <h3 class="kt-portlet__head-title">{{ 'Attached Grades'|trans }}</h3>
                </div>
            </div>

            <div class="kt-portlet__body">
                <!--begin::Section-->
                <div class="kt-section">
                    <div class="kt-section__content">
                        <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 key,value in classTemplate.classGradeTemplates.toArray %}
                                <tr>
                                    <td>{{ value.getGradeName }}</td>
                                    <td>{{ value.getMarksEqualOrGreaterThan }}</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="{{ classTemplate.id }}">
                                                <li class="kt-nav__item loadClassTemplateGrade">
                                                    <a class="kt-nav__link"
                                                       href="{{ path('users_profile', {'id':value.id}) }}"><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>
                </div>
                <!--end::Section-->
            </div>

            <!--end::Form-->
        </div>
    {% endif %}

{% endblock %}

{% block ExtraJsFIles %}
    {% for file in encore_entry_js_files('classes') %}
        <script src="{{ assetsBasePath ~ file }}" type="text/javascript"></script>{% endfor %}

    {% for file in encore_entry_js_files('subjects') %}
        <script src="{{ assetsBasePath ~ file }}" type="text/javascript"></script>{% endfor %}

    {% for file in encore_entry_js_files('studentFee') %}
        <script src="{{ assetsBasePath ~ file }}" type="text/javascript"></script>{% endfor %}

    {% for file in encore_entry_js_files('studentGrade') %}
        <script src="{{ assetsBasePath ~ file }}" type="text/javascript"></script>{% endfor %}
{% endblock %}

{% block documentation %}
    <h5><b>Add/Editing a Sample Class?</b></h5>
    <p>When you editing a Sample Class, you will see all related information attached to Sample Class</p>
    <ul>
        <li> <b>Class Full Name</b> e.g Class Tenth </li>
        <li> <b>Class Short Name</b> e.g 10 Class </li>
        <li><b>Attached Subjects</b> - From the {{ 'Subjects' | trans }} Drop-down you can add new {{ 'Subjects'| trans }}, If you want to see the
            <b>current Attached Subjects</b>, you need to scroll a page little bit.
            <p class="red-color-">To Delete/Edit the Attached Subjects you need to Go to <a target="_blank" href="{{ path('subject') }}">{{ 'Sample Subjects'|trans }} Menu</a> </p>
        </li>
        <li><b>Attached Fees</b> - From the {{ 'Select fee to applicable to this class?'|trans }} Drop-down you can new {{ 'Fees'|trans }} to Sample Class, If you want to see the
            <b>current attached fees to the Sample Class</b>, you need to Scroll down and find the List of Attached Fees with Sample Class.
            <p class="red-color-">To Delete/Edit the Attached Fee you need to Go to <a target="_blank" href="{{ path('fee') }}">{{ 'Sample Fees'|trans }} Menu</a> </p>
        </li>
        <li><b>Tuition  Fee</b> - This is the {{ 'Recuring Fee'|trans }} which will be deducted on every month, You can change it while making Class Fees</li>
        <li><b>Fee Will be</b> - Is asking what will be the Fee type Of Class, Is we charge Fee on base of Class or Subjects</li>
        <li><b>Enable/Disable</b> - Activate or InActivate the Class</li>
        <li><b>Attendance will be</b> - Asking what will be the Attendance type of Class</li>
        <li><b>Numbers of Students</b> - Is asking about the Class Capacity, How many student can sit in the class</li>
        <li><b>Session</b> - You can attached {{ 'Sample Class' }} to Session from here as well </li>
        <li><b>Attached Grades</b>  -  From the {{ 'Grade Category?'|trans }} Drop-down you can assign new {{ 'Grades' | trans }} to Sample Class,  If you want to see the
            <b>Attached Grades</b>, you need to scroll a page
            <p class="red-color-">To Edit the Attached Grades you need to Scroll Down </p>
        </li>
    </ul>
{% endblock
%}