{# extends page #}
{% 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 = 'Exam List' | trans %}

{# main content of page display here#}
{% block MainContent %}

    {# List of the students #}
    <div class="kt-portlet">
        {# list of student #}
        <div class="kt-portlet__body">
            <div class="kt-section">
                <div class="kt-section__content">
                    <table class="table table-striped table-bordered">
                        <thead>
                        <tr>
                            <th>{{ 'Exam'|trans }}</th>
                            <th>{{ 'Class'|trans }}</th>
                            <th>{{ 'Subject'|trans }}</th>
                            <th>{{ 'Date'|trans }}</th>
                            <th>{{ 'Start time'|trans }}</th>
                            <th>{{ 'End Time'|trans }}</th>
                            <th>{{ 'Location'|trans }}</th>
                            <th>{{ 'Examiners'|trans }}</th>
                        </tr>
                        </thead>

                        <tbody>

                        {# Exam Schedule #}
                        {% for es in examSchedule %}
                            <tr>
                                {# Exam#}
                                <td>  {{ es.exam.examName is not empty  ? es.exam.examName }} </td>
                                {# Class #}
                                <td> {{ es.class.name is not empty ? es.class.session.name ~ ' >> '~ es.class.name }} </td>
                                {# Subjects #}
                                <td>{{ es.classSubject.subjectName is not empty ? es.classSubject.subjectName }} </td>
                                {# Date #}
                                <td> {{ date_format(es.ecDate) }} </td>
                                {# Start time #}
                                <td>{{ time_format(es.examStartTime) }}</td>
                                {# End time #}
                                <td> {{ time_format(es.examEndTime) }} </td>
                                {# location #}
                                <td> {{ es.examLocation }} </td>
                                {# examiners #}
                                <td>
                                    {% for exaimers in es.getExaminers.toArray %}
                                        {{ exaimers.getUser.getFullName }} <br>
                                    {% endfor %}
                                </td>

                                {% if is_granted('ROLE_EXAMINATION_MANAGER') %}
                                    {# 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">

                                                {# edit exam schedule #}
                                                <li class="kt-nav__item">
                                                    <a class="kt-nav__link"
                                                       href="{{ path('exam_schedule', {'id':es.id | urlencrypt  }) }}"><i
                                                                class="kt-nav__link-icon flaticon-edit-1"></i><span
                                                                class="kt-nav__link-text">{{ 'Edit'|trans }}</span></a>
                                                </li>

                                                {# marks exam #}
                                                <li class="kt-nav__item">
                                                    <a class="kt-nav__link" target="_blank"
                                                       href="{{ path('marks__exam_sheet_enter_marks', {'ClassID':  es.class.id | urlencrypt , 'examClassID' : es.id |urlencrypt  }) }}"><i
                                                                class="kt-nav__link-icon flaticon-edit-1"></i><span
                                                                class="kt-nav__link-text">{{ 'Enter Marks'|trans }}</span></a>
                                                </li>

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


                            </tr>
                        {% endfor %}
                        </tbody>

                    </table>
                </div>
            </div>
        </div>
    </div>

{% endblock %}

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

{% block documentation %}
    <h5><b>Exams Schedule List?</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 is the Flow of Exam? (If you're new to Exams, 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/ExamFlow.png')}) }}">See
                        Fig, To Check Flow</a>
                    <ul>
                        <li>Step 1 is about to add {{ 'Exams'|trans }} <a href="{{ path('exam_list') }}">Complete Step
                                1</a></li>
                        <li>Step 2 is about to {{ 'Schedule An Exam'|trans }} <a target="_blank"
                                                                                 href="{{ path('exam_schedule') }}">Complete
                                Step 2</a></li>
                        <li>Step 3 is to Assign Teacher to <b>Scheduled Exam</b>Step 3 is completed in Step 2, you can
                            assign Teacher/Examiner to Scheduled Exam by selected Teacher from teacher Drop-down
                            <a href="{{ path('secure_file_server', {'filePath':secure('fekara/media/help/ExamScheduleAssignTeacher.png')}) }}"
                               target="_blank">See Fig</a>
                        </li>
                        <li>Step 4 is for <b> Exams Marking</b> (Assign number to Students), How to assign it?
                            <a target="_blank"
                               href="{{ path('secure_file_server', {'filePath': secure('fekara/media/help/enterMarks.png')}) }}">See
                                Fig</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <p><b>Exam Schedule</b>, shows the list of Scheduled Exams! </p>

    <h5><b>How to do Exam Marking or Assign Marks to Students for Exam?</b></h5>
    <p>At the very right side Column of Exam Schedule, shows the some action one of them is <b>Enter Marks of
            Students</b>, Click on it
        <a target="_blank"
           href="{{ path('secure_file_server', {'filePath': secure('fekara/media/help/enterMarks.png')}) }}">See Fig</a>
    </p>

{% endblock %}