{% 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 = 'Classes' | trans %}

{% if is_granted('ROLE_SETTING_MANAGER') %}
    {% set addBtnTitle = 'Add Sample Class?' | trans %}
    {% set addBtnLink = path('add_class') %}
{% endif %}


{% block MainContent %}
    <span class="r__q__s" data-path="{{ path('requestHandler_student_session') }}"></span>
    <div class="kt-portlet" id="view____form">
        <div class="kt-portlet">
            {# Search filter head #}
            <div class="kt-portlet__head" data-toggle="collapse" data-target="#demo1">
                <div class="kt-portlet__head-label">
                    <h3 class="kt-portlet__head-title">{{ 'Filter Classes'|trans }}{# dropdown #}<span
                                class="hand-cursor"><svg xmlns="http://www.w3.org/2000/svg"
                                                         xmlns:xlink="http://www.w3.org/1999/xlink" width="24px"
                                                         height="24px" viewBox="0 0 24 24" version="1.1"
                                                         class="kt-svg-icon"><g stroke="none" stroke-width="1"
                                                                                fill="none"
                                                                                fill-rule="evenodd"><polygon id="Shape"
                                                                                                             points="0 0 24 0 24 24 0 24"></polygon><path
                                            d="M6.70710678,15.7071068 C6.31658249,16.0976311 5.68341751,16.0976311 5.29289322,15.7071068 C4.90236893,15.3165825 4.90236893,14.6834175 5.29289322,14.2928932 L11.2928932,8.29289322 C11.6714722,7.91431428 12.2810586,7.90106866 12.6757246,8.26284586 L18.6757246,13.7628459 C19.0828436,14.1360383 19.1103465,14.7686056 18.7371541,15.1757246 C18.3639617,15.5828436 17.7313944,15.6103465 17.3242754,15.2371541 L12.0300757,10.3841378 L6.70710678,15.7071068 Z"
                                            id="Path-94" fill="#000000" fill-rule="nonzero"
                                            transform="translate(12.000003, 11.999999) rotate(-180.000000) translate(-12.000003, -11.999999) "></path></g></svg></span>
                    </h3>
                </div>
            </div>
            {# filters #}
            <span id="demo1">
            <form class="kt-form" method="get">
                <div class="kt-portlet__body add___filter_place">
                    <div class="row">
                        {# Class based#}
                        <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                            <label class="col-form-label" for="session">{{ 'Sessions'|trans }}</label>
                            <select name="session" class="form-control simpleSelect2">
                            <option></option>
                            {% for session in sessions %}
                                <option {{ app.request.query.get('session') == session.id ? 'selected="selected"' }}
                                        value="{{ session.id }}">
                                    {{ session.getisdeleted == 1 ? '<del>' : '' }}
                                    {{ session.name }}
                                      <small>  ({{ session.getActive == 1 ? 'Active' : 'In-Active' }}) </small>
                                    ({{ date_format(session.getstartdate) }} - {{ date_format(session.getEndDate) }})
                                    {{ session.getisdeleted == 1 ? '</del>' : '' }}
                                </option>
                            {% endfor %}
                        </select>
                        </div>
                    </div>
                </div>

                <div class="kt-portlet__foot">
                    <div class="kt-form__actions center">
                        <button type="submit"
                                class="btn-primary btn filterRecords">{{ 'Search'|trans }}</button>
                        &nbsp;
                        <a class="btn btn-danger"
                           href="{{ path('classes') }}">{{ 'Clear' | trans }}</a>
                    </div>
                </div>
            </form>
        </span>
        </div>
        {#  Page Body #}
        <div class="kt-portlet">
            <div class="kt-portlet__body">
                <table class="table table-striped table-bordered">
                    <thead>
                    <tr>
                        <th>{{ 'Class'|trans }}</th>
                        <th>{{ 'Subjects'|trans }}</th>
                        <th>{{ 'Fees'|trans }}</th>
                        <th>{{ 'Session'|trans }}</th>
                        <th>{{ 'Responsible Teachers'|trans }}</th>
                        <th>{{ 'Recurring Fee'|trans }}</th>
                        <th>{{ 'Attendance'|trans }}</th>
                        <th>{{ 'Active'|trans }}</th>
                        <th>{{ 'Student Capacity'|trans }}</th>
                        <th>{{ '#'|trans }}</th>
                    </tr>
                    </thead>
                    <tbody>


                    {% for key,value in classes %}
                        <tr class="{{ value.getIsDeleted ? 'strikeout bg-inactive' }}">
                            {# Class name with short name #}
                            <td scope="row">
                                {{ value.name() }}
                                {% if value.getshortname %}
                                    <small>({{ value.getshortname }})</small>
                                {% endif %}
                            </td>
                            {# Subjects #}
                            <td>
                                {% if value.getClassSubject.toArray() %}
                                    {% for keySubject, valueSubject in  value.getClassSubject.toArray() %}


                                        {{ valueSubject.getIsDeleted == 1 ? '<del>' : '' }}
                                        {% if valueSubject.getSubjectName is not empty %}
                                            {{ valueSubject.getSubjectName }} <small>({{ valueSubject.getShortName }}
                                            )</small>
                                            <br>
                                        {% endif %}
                                        {{ valueSubject.getIsDeleted == 1 ? '</del>' : '' }}

                                    {% endfor %}
                                {% endif %}
                            </td>
                            {# Fees #}
                            <td>
                                {% if value.getClassFees.toArray() %}
                                    {% for keyFee, valueFee in  value.getClassFees.toArray() %}
                                        {{ valueFee.getIsDeleted == 1 ? '<del>' : '' }}
                                        {% if valueFee.getClassFeeTemplate is not empty and valueFee.getClassFeeTemplate.getFee %}
                                            {{ valueFee.getClassFeeTemplate.getFee.name }} -
                                        {% endif %}
                                        {{ valueFee.getAmount }}
                                        {{ valueFee.getIsDeleted == 1 ? '</del>' : '' }}
                                        <br>
                                    {% endfor %}

                                {% endif %}
                            </td>
                            {#Session name #}
                            <td>
                                {% if value.session.name is not empty %}
                                    {{ value.session.name }}
                                {% endif %}
                            </td>
                            {# Responsible teacher #}
                            <td>
                                {% if value.getAllocateTeacherToClassAndSubjects.toArray() %}
                                    {% set newArray = [] %}

                                    {% for keyTeacher, valueTeacher in  value.getAllocateTeacherToClassAndSubjects.toArray() %}
                                        {{ valueTeacher.getIsDeleted == 1 ? '<del>' : '' }}

                                        {% if valueTeacher.getTeacher is not empty and valueTeacher.getTeacher.id not in newArray %}
                                            {{ valueTeacher.getTeacher.getFullName }}
                                            <br>
                                            {% set newArray = newArray|merge([valueTeacher.getTeacher.id]) %}
                                        {% endif %}

                                        {{ valueTeacher.getIsDeleted == 1 ? '</del>' : '' }}

                                    {% endfor %}
                                {% endif %}
                            </td>
                            {# Recurring Fee #}
                            <td>
                                {{ value.getfee }}
                            </td>
                            {# Attendance type #}
                            <td>
                                {% set buttonBadge = 'kt-badge--danger' %}
                                {% set buttonText = 'Class Wise' %}
                                {% if value.getAttendanceType == 1 %}
                                    {% set buttonBadge = 'kt-badge--success' %}
                                    {% set buttonText = 'Subject Wise' %}
                                {% endif %}
                                <span class="kt-badge {{ buttonBadge }} kt-badge--inline kt-badge--pill">{{ buttonText | trans }}</span>
                            </td>
                            <td>
                                {% set buttonBadge = 'kt-badge--danger' %}
                                {% set buttonText = 'In-Active' %}
                                {% if value.active %}
                                    {% set buttonBadge = 'kt-badge--success' %}
                                    {% set buttonText = 'Active' %}
                                {% endif %}
                                <span class="kt-badge {{ buttonBadge }} kt-badge--inline kt-badge--pill">{{ buttonText | trans }}</span>
                            </td>
                            <td>
                                {{ value.getNoOfStudents }}
                            </td>
                            {# Actions #}
                            <td>
                                {% if not value.getIsDeleted  and is_granted('ROLE_SETTING_MANAGER') %}
                                    <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 }}">

                                            {#                                                        edit the class#}
                                            <li class="kt-nav__item ftc__editClas-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>


                                            {#                                                        add fee of the class#}
                                            <li class="kt-nav__item">
                                                <a href="{{ path('class_fee_schedule', {'class' : value.id | urlencrypt } ) }}"
                                                   class="kt-nav__link"><i
                                                            class="kt-nav__link-icon flaticon2-link"></i><span
                                                            class="kt-nav__link-text">{{ 'Make Fee' | trans }}</span></a>
                                            </li>


                                            {#                                                        delete the class#}
                                            <li class="kt-nav__item dR-FL"
                                                data-req="{{ path('requestHandler_student_class') }}"
                                                data-sDTO="dClasses">
                                                <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>

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

                    </tbody>
                </table>
            </div>
        </div>
    </div>
{% endblock %}
{% block ExtraJsFIles %}
    {% for file in encore_entry_js_files('select2__init') %}
        <script src="{{ assetsBasePath~file }}" type="text/javascript"></script>
    {% endfor %}
    {% for file in encore_entry_js_files('sessions') %}
        <script src="{{ assetsBasePath ~ file }}" type="text/javascript"></script>{% endfor %}
{% endblock %}
{% block documentation %}
    <h5><b>Manage Classes?</b></h5>
    <br/>

    <div class="mb-3 accordion accordion-solid accordion-toggle-plus" id="accordionExample1">
        <div class="card">
            <div class="card-header" id="flow_div">
                <div class="card-title" data-toggle="collapse" data-target="#collapse_flow_div" aria-expanded="false"
                     aria-controls="collapseOne1">
                    Q1. What are the Classes ? (If you're new to Classes, Please make sure you followed
                    these Setups)
                </div>
            </div>
            <div id="collapse_flow_div" class="collapse" aria-labelledby="flow_div" data-parent="#accordionExample1"
                 style="">
                <div class="card-body">
                    A1. <a target="_blank"
                           href="{{ path('secure_file_server', {'filePath'  : secure('fekara/media/help/ClassSubjectFlow.png')}) }}">See
                        Fig, To Check Flow</a>
                    <ul>
                        <li>Step 1 <b>{{ 'Define Grades'|trans }} </b><a target="_blank"
                                                                         href="{{ path('app_settings_assign_grade') }}">Complete
                                Step 1</a></li>
                        <li>Step 2 <b>Add {{ 'Sample Fees'|trans }} </b><a target="_blank" href="{{ path('add_fee') }}">Complete
                                Step 2</a></li>
                        <li>Step 3 <b>Add {{ 'Sample Subjects'|trans }} </b><a href="{{ path('add_subject') }}">Complete
                                Step 3</a></li>
                        <li>Step 4 <b>Add {{ 'Sample Classes'|trans }} </b><a href="{{ path('add_class') }}">Complete
                                Step 4</a></li>
                        <li>Step 5 <b>Create {{ 'Sessions / Batches'|trans }} </b><a href="{{ path('add_session') }}">Complete
                                Step 5</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>


    <h5><b>From where they are manage?</b></h5>
    <p>Basically they are <a target="_blank" href="{{ path('class') }}"><b>{{ 'Sample Classes' | trans }}</b></a>, When
        we assign {{ 'Sample Classes'|trans }} to the
        Session they copy of {{ 'Sample Classes' | trans }} named as {{ 'Classes' | trans }}.
    </p>
    <p>At this page you're viewing the List of {{ 'Classes' | trans }}, which are currently in use by the Session, In
        this Classes List, you will see the following information:</p>
    <ul>
        <li><b>Class Full name & Short name</b></li>
        <li><b>Subjects</b> - These are Subjects which was attached to this {{ 'Sample Class'|trans }} </li>
        <li><b>Fees</b> - These are the List of Fees, which was attached to this {{ 'Sample Class' | trans }}</li>
        <li><b>Session</b> - Each Class must have the {{ 'Session'|trans }} so, in the session column, we're having the
            attached {{ 'Session'|trans }}</li>
        <li><b>Responsible Teacher</b> - Each Class has responsible teacher, so, we can add or remove Responsible
            teacher by edit this {{ 'Class' | trans }} </li>
        <li><b>Attendance</b> - This Column tells us, What Attendance type that we choose for this Class?</li>
        <li><b>Active</b> - This Column tell the Class {{ 'Active/In-Active'|trans }} Status</li>
        <li><b>Student Capacity</b> - This Column tells us Student's Capacity</li>
        <li><b>Action</b> - What we can do over the Class?
            <ul>
                <li>Edit the Class</li>
                <li>Create Fee for Class or Edit Fee for the Class</li>
                <li>Delete the Class</li>
            </ul>
        </li>
    </ul>
    <p><b class="red-color-">All the above listed items can be change or remove by editing the Class.</b></p>

    <h5><b>Filter Classes?</b></h5>
    <p>At the top of page, you can see there is the Session Drop-down, where all Sessions are listed, You can select the
        Session one of them & hit search button to get the List of Classes</p>

    <h5><b>Editing a Class?</b></h5>
    <p>When you editing a Class, you will see all related information attached to 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 Fees</b> - From the {{ 'Select fee to applicable to this class?'|trans }} Drop-down you can
            new {{ 'Fee'|trans }} to Class, If you want to see the
            <b>current attached fees to the Class</b>, you need to Scroll down and find the List of Attached Fees with
            Class.
            <p class="red-color-">To Delete/Edit the Attached Fee you need to Go to <a target="_blank"
                                                                                       href="{{ path('class_fee_schedule_list') }}">{{ 'Fees'|trans }}
                    Menu</a></p>
        </li>
        <li><b>Attached Subjects</b> - From the {{ 'Select Subject to applicable to this class?' | 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('classes_subjects') }}">{{ 'Subjects'|trans }}
                    Menu</a></p>
        </li>
        <li><b>Attached Teachers</b> - From the {{ 'Assign teacher to the Class'|trans }} Drop-down you can assign
            new {{ 'Teacher' | trans }}, If you want to see the
            <b>current Attached Teachers</b>, you need to scroll a page little bit
            <p class="red-color-">To Delete/Edit the Attached Teachers you need to Go to <a target="_blank"
                                                                                            href="{{ path('assign_class_subject_to_teacher_list') }}">{{ 'Assign Teachers'|trans }}
                    Menu</a></p>
        </li>
        <li><b>Attached Grades</b> - From the {{ 'Grade?'|trans }} Drop-down you can assign new {{ 'Grades' | trans }}
            to Class, If you want to see the
            <b>Attached Grades</b>, you need to scroll a page
            <p class="red-color-">To Delete/Edit the Attached Grades you need to Go to <a target="_blank"
                                                                                          href="{{ path('class_grades') }}">{{ 'Grades'|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>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>Subject wise fee?</b> - Is asking what will be the Fee type Of Class, Is we charge Fee on base of Class
            or Subjects
        </li>
        <li><b>Numbers of Students</b> - Is asking about the Class Capacity, How many student can sit in the class</li>
    </ul>
{% endblock %}