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

{% set pagename = 'Sample Classes' | trans %}
{% set addBtnTitle = 'Add Sample Class?' | trans %}
{% set addBtnLink = path('add_class') %}

{% 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>

    {#  Page Body #}
    <span class="r__q__s" data-path="{{ path('requestHandler_student_class') }}"></span>
    <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>{{ 'Recuring Fee'|trans }}</th>
                    <th>{{ 'Fee Applicable to Class'|trans }}</th>
                    <th>{{ 'Grades'|trans }}</th>
                    <th>{{ 'Students Capacty'|trans }}</th>
                    <th>{{ 'Attendance?'|trans }}</th>
                    <th>{{ 'Active'|trans }}</th>
                    <th>{{ '#'|trans }}</th>
                </tr>
                </thead>
                <tbody>

                {% for key,value in classList %}
                    <tr class="{{ value.getIsDeleted ? 'strikeout bg-inactive' }}">
                        <th scope="row">
                            {{ value.name() }}
                            <br>

                            {% if value.getShortName() is not empty %}
                                <small>({{ value.getShortName() }})</small>
                            {% endif %}
                        </th>
                        <td>
                            {% for classTemplateKey , classTemplateValue in value.getClassSubjectTemplates.toArray %}
                                {% if classTemplateValue.getSubjectName is not empty %}
                                    {{ classTemplateValue.getIsDeleted == 1 ? '<del>' : '' }}
                                    {{ classTemplateValue.getSubjectName }}
                                    {{ classTemplateValue.getIsDeleted == 1 ? '</del>' : '' }}
                                    <br>
                                {% endif %}
                            {% endfor %}
                        </td>
                        <td>
                            {% for classFeeTemplate in value.getClassFeeTemplates.toArray() %}
                                {% if classFeeTemplate.getamount is not empty %}
                                    {{ classFeeTemplate.getIsDeleted == 1 ? '<del>' : '' }}

                                    {{ classFeeTemplate.getfee.name is not empty ? classFeeTemplate.getfee.name : '' }} ({{ classFeeTemplate.getamount }})

                                    {{ classFeeTemplate.getIsDeleted == 1 ? '</del>' : '' }}
                                    <br>
                                {% endif %}
                            {% endfor %}
                        </td>
                        <td>
                            {{ value.fee }}
                        </td>
                        <td>
                            {% set buttonBadge = 'kt-badge--success' %}
                            {% set buttonText = 'Yes' | trans %}
                            {% if value.getSubjectwiseFee == 1 %}
                                {% set buttonBadge = 'kt-badge--danger' %}
                                {% set buttonText = 'No' | trans %}
                            {% endif %}
                            <span class="kt-badge {{ buttonBadge }} kt-badge--inline kt-badge--pill">{{ buttonText | trans }}</span>
                        </td>
                        <td>
                            {#                            {{ dump(value.getClassGradeTemplates.toArray) }}#}
                            {% for grade in value.getClassGradeTemplates.toArray %}
                                {{ grade.getGradename }} at
                                ({{ grade.getMarksEqualOrGreaterThan }} +)
                                <br>
                            {% endfor %}
                        </td>
                        <td>{{ value.getNoOfStudents }}</td>
                        <td>
                            {% set buttonText = 'Class wise' | trans %}
                            {% set buttonBadge = 'kt-badge--success' %}
                            {% if value.getAttendanceType == 1 %}
                                {% set buttonBadge = 'kt-badge--danger' %}
                                {% set buttonText = 'Subject wise' | trans %}
                            {% 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' | trans %}

                            {% if value.active %}
                                {% set buttonBadge = 'kt-badge--success' %}
                                {% set buttonText = 'Active' | trans %}
                            {% endif %}
                            <span class="kt-badge {{ buttonBadge }} kt-badge--inline kt-badge--pill">{{ buttonText | trans }}</span>

                        </td>
                        {# Actions #}
                        <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">
                                    {% if not value.getIsDeleted %}

                                        {# edit class template #}
                                        <li class="kt-nav__item">
                                            <a href="{{ path('add_class', {'query':  value.id | urlencrypt }) }}"
                                               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>


                                        {# delete class template #}
                                        <li class="kt-nav__item dCT" data-fmt="{{ 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>
                {% endfor %}

                </tbody>
            </table>
        </div>
    </div>
{% endblock %}

{% block ExtraJsFIles %}{% for file in encore_entry_js_files('classes') %}
    <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 Sample Classes ? (If you're new to Sample 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>At this page you're viewing the List of {{ 'Sample Classes' | trans }}, In this Sample 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 the Class </li>
        <li><b>Fees</b> - These are the List of Fees, which was attached to the Class</li>
        <li><b>Recurring Fee / Tuition  Fee</b> - This Fee will deduct on Monthly Bases</li>
        <li><b>Fee Applicable to Class</b> - means, Is this Class fee type is Class Wise or Subject Wise</li>
        <li><b>Grades</b> - Which Grades are Assign to Class </li>
        <li><b>Student Capacity</b> - This Column tells us Student's Capacity </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>Action</b> - What we can do over the Class?
            <ul>
                <li>Edit the Class</li>
                <li>Delete the Class</li>
            </ul>
        </li>
    </ul>
    <p><b class="red-color-">These {{ 'Sample Classes' | trans }} can be used in the {{ 'Session' | trans }}, When choose {{ 'Sample Classes' }} while adding/editing {{ 'Session' | trans }} then {{ 'Sample Classes' | trans }} will convert into {{ 'Classes'|trans }} </b></p>
    <p><b class="red-color-">All the above listed items can be change or remove by editing the Sample Class.</b></p>

{% endblock %}