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

{% block MainContent %}
    <span class="r__q__s" data-path="{{ path('requestHandler_student_session') }}"></span>
    <span class="r__q__s__c" data-path="{{ path('requestHandler_student_class') }}"></span>

    <div class="kt-portlet" id="view____form">
        {#filter #}
        <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 Subjects'|trans }}<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">
                        {# Sessions #}
                        <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>
                        {# Classes #}
                        <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                            <label class="col-form-label" for="class">{{ 'Classes'|trans }}</label>
                            <select name="class" class="form-control simpleSelect2">
                            <option></option>
                            {% for class in classes_ %}
                                <option {{ app.request.query.get('class') == class.id ? 'selected="selected"' }}
                                        value="{{ class.id }}">
                                    {{ class.getisdeleted == 1 ? '<del>' : '' }}
                                    {{ class.name }}
                                      <small>  ({{ class.getActive == 1 ? 'Active' : 'In-Active' }}) </small>
                                    {{ class.getisdeleted == 1 ? '</del>' : '' }}
                                </option>
                            {% endfor %}
                        </select>
                        </div>
                        {# what need to  assign#}
                        <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                            <label class="col-form-label" for="class">{{ 'What to assign?'|trans }}</label>
                            <select name="assignTo" class="form-control simpleSelect2">
                            <option {{ app.request.query.get('assignTo') == 'class' ? "selected='selected'" : '' }} value="class">{{ 'Class' | trans }}</option>
                            <option {{ app.request.query.get('assignTo') == 'subject' ? "selected='selected'" : '' }} value="subject">{{ 'Subject' | trans }}</option>
                        </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('assign_class_subject_to_teacher') }}">{{ 'Clear' | trans }}</a>
                    </div>
                </div>
            </form>
        </span>
        </div>
        {#  Page Body #}
        <div class="kt-portlet">
            <div class="kt-portlet__body">
                {% if app.request.query.get('assignTo') == 'subject' %}
                    <table class="table table-striped table-bordered">
                        <thead>
                        <tr>
                            <th>{{ 'Subject'|trans }}</th>
                            <th>{{ 'Class'| trans }}</th>
                            <th>{{ 'Student Enrolment'| trans }}</th>
                            <th>{{ 'Allocated Teacher'| trans }}</th>
                            <th>{{ 'Credits'|trans }}</th>
                            <th>{{ 'Recurring Fee'|trans }}</th>
                            <th>{{ 'Passing Marks'|trans }}</th>
                            <th>{{ 'Total Marks'|trans }}</th>

                            <th>{{ '#'|trans }}</th>
                        </tr>
                        </thead>
                        <tbody>


                        {% for key,value in classSubjects %}
                            <tr class="{{ value.getIsDeleted ? 'strikeout bg-inactive' }}">
                                <td scope="row">
                                    {{ value.getSubjectName() }}
                                    {% if value.getShortName %}
                                        <small>({{ value.getShortName }})</small>
                                    {% endif %}
                                </td>
                                <td>
                                    {{ value.getClasses.name }}</td>
                                <td>{{ value.getClassSessionEnrolmentSubject | length }}</td>
                                <td>
                                    {% if value.getAllocateTeacherToClassAndSubjects.toArray() %}
                                        {% for keyTeacher, valueTeacher in  value.getAllocateTeacherToClassAndSubjects.toArray() %}
                                            {{ valueTeacher.getIsDeleted == 1 ? '<del>' : '' }}
                                            {% if valueTeacher.getTeacher is not empty %}
                                                {{ valueTeacher.getTeacher.getFullName }}
                                                <br>
                                            {% endif %}
                                            {{ valueTeacher.getIsDeleted == 1 ? '</del>' : '' }}

                                        {% endfor %}
                                    {% endif %}
                                </td>
                                <td>{{ value.getCredits }}</td>
                                <td>{{ value.fee }}</td>
                                <td>{{ value.getPassMarks }}</td>
                                <td>{{ value.getMarks }}</td>
                                {#                        <td></td>#}

                                <td>
                                    {% if not value.getIsDeleted %}
                                        <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 editClassSubjectTableData"
                                                    data-att="{{ value.id }}" data-show="teacherAllocation">
                                                    <a href="#"
                                                       class="kt-nav__link"><i
                                                                class="kt-nav__link-icon flaticon-edit-1"></i><span
                                                                class="kt-nav__link-text">{{ 'Assign Teacher'| trans }}</span></a>
                                                </li>
                                            </ul>
                                        </div>
                                    {% endif %}
                                </td>
                            </tr>
                        {% endfor %}

                        </tbody>
                    </table>
                {% else %}
                    <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 }}
                                                <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 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 %}
                                </td>
                                <td>
                                    {{ value.getNoOfStudents }}
                                </td>
                                {# Actions #}
                                <td>
                                    {% if not value.getIsDeleted %}
                                        <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 }}">
                                                <li class="kt-nav__item ftc__editClas-s-v"
                                                    data-ref="{{ value.id }}" data-show="teacherAllocation">
                                                    <a href="#" class="kt-nav__link"><i
                                                                class="kt-nav__link-icon flaticon-edit-1"></i><span
                                                                class="kt-nav__link-text">{{ 'Allocate Teacher' | trans }}</span></a>
                                                </li>
                                            </ul>
                                        </div>
                                    {% endif %}
                                </td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                {% endif %}
            </div>
        </div>
    </div>
{% endblock %}

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

{% block documentation %}
    <b><h5>Assign Class/Subject</h5></b>
    <p>
        We can assign multiple Classes and Subjects to Multiple Teachers, From this page will find the list of all attached teachers with their Classes and Subjects.
        <br>
        Each Teahcer is assigned to Class and Subject so, we call filter teachers form the First Section, Filer Session from session Dropdown, Filter Class  from Class dropdown.
        <br>
        We can see the following details in the list:
    </p>
    <ul>
        <li><b>Teacher</b> - Teacher Name</li>
        <li><b>Class</b> - To which Class teacher is assigned </li>
        <li><b>Subject</b> - To which Subject teacher is assigned </li>
        <li><b>Assign From </b> - From which date teacher is assigned to the Class or Subject </li>
        <li><b>Assign To </b> - At which date, teacher will drop his duties to the Class or Subject </li>
        <li><b>Action </b>
            <ul>
                <li>Edit - We can edit teacher Assign Dates</li>
                <li>Delete</li>
            </ul>
        </li>
    </ul>

    <b><h5>How To Assign New Teacher to Class or Subject?</h5></b>
    <p> To assign new teahcer to Class and Subject you need to Click on the    <b>Allocate Teacher</b> button </p>


{% endblock %}