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

{% set pagename = 'Starting new Exam' | trans %}
{% set addBtnTitle = 'Schedule An Exam?' | trans %}
{% set addBtnLink = path('exam_schedule') %}

{% block showHeaderMenuButtons %}
    <div id="kt_header_menu" class="kt-header-menu kt-header-menu-mobile  kt-header-menu--layout-default ">
        <ul class="kt-menu__nav ">
            <li class="kt-menu__item  kt-menu__item--open kt-menu__item--here kt-menu__item--submenu kt-menu__item--rel kt-menu__item--open kt-menu__item--here kt-menu__item--active"
                data-ktmenu-submenu-toggle="click" aria-haspopup="true"><a href="javascript:;"
                                                                           class="kt-menu__link kt-menu__toggle"><span
                            class="kt-menu__link-text">{{ 'Other Links' | trans }}</span><i
                            class="kt-menu__ver-arrow la la-angle-right"></i></a>
                <div class="kt-menu__submenu kt-menu__submenu--classic kt-menu__submenu--left">
                    <ul class="kt-menu__subnav">
                        <li class="kt-menu__item " aria-haspopup="true"><a href="{{ path('exam_list') }}"
                                                                           class="kt-menu__link "><i
                                        class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i><span
                                        class="kt-menu__link-text">{{ 'Add new exams' | trans }}</span></a></li>

                        <li class="kt-menu__item " aria-haspopup="true"><a href="{{ path('exam_schedule') }}"
                                                                           class="kt-menu__link "><i
                                        class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i><span
                                        class="kt-menu__link-text">{{ 'Create new exam schedule' | trans }}</span></a>
                        </li>
                        <li class="kt-menu__item " aria-haspopup="true"><a href="{{ path('classBasedMarkReporting') }}"
                                                                           class="kt-menu__link "><i
                                        class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i><span
                                        class="kt-menu__link-text">{{ 'Class Report' | trans }}</span></a></li>
                        <li class="kt-menu__item " aria-haspopup="true"><a href="{{ path('student_based_reporting') }}"
                                                                           class="kt-menu__link "><i
                                        class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i><span
                                        class="kt-menu__link-text">{{ 'Student Evaluation' | trans }}</span></a></li>
                    </ul>
                </div>
            </li>
        </ul>
    </div>
{% endblock %}

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

    <!--Begin::App-->
    <div class="kt-grid kt-grid--desktop kt-grid--ver kt-grid--ver-desktop kt-app">

        <!--Begin:: App Aside Mobile Toggle-->
        <button class="kt-app__aside-close" id="kt_user_profile_aside_close">
            <i class="la la-close"></i>
        </button>

        <!--End:: App Aside Mobile Toggle-->

        <!--Begin:: App Aside-->
        <!-- Add Category Section -->
        <div class="kt-grid__item kt-app__toggle kt-app__aside" id="kt_user_profile_aside">

            <!--begin:: Widgets/Applications/User/Profile1-->
            <div class="kt-portlet kt-portlet--height-fluid-">
                <div class="kt-portlet__head  kt-portlet__head--noborder">
                    <div class="kt-portlet__head-label">
                        <h3 class="kt-portlet__head-title">
                        </h3>
                    </div>
                </div>
                <div class="kt-portlet__body kt-portlet__body--fit-y">

                    <!--begin::Widget -->
                    <div class="kt-widget kt-widget--user-profile-1">
                        <div class="kt-widget__body">

                            <div class="kt-widget__items">

                                <form class="kt-form" id="__exm_inf" method="post">
                                    <input type="text" name="ex___Ed" class="d-none">

                                    {# Exam name #}
                                    <div class="kt-portlet__head-label">
                                        <label class="col-form-label">{{ 'Exam name?'|trans }} {{ requireSymbol|raw }}</label>
                                    </div>
                                    <input type="text" name="n__" class="form-control r__q">

                                    {# Stock return ddate #}
                                    <div class="kt-portlet__head-label">
                                        <label class="col-form-label">{{ 'Exam Details?'|trans }} </label>
                                    </div>
                                    <textarea name="e___d" class="form-control r__q"></textarea>

                                    <div class="kt-portlet__foot">
                                        <div class="kt-form__actions">
                                            <button type="button" class="btn-primary btn ef____dse" data-ref="__exm_inf"
                                                    data-target="ex__m">
                                                <span class="ad___"> {{ 'Add exam'|trans }} </span>
                                                <span class="ed___ d-none"> {{ 'Update Exam'|trans }} </span>
                                            </button>
                                        </div>
                                    </div>
                                </form>
                            </div>

                        </div>
                    </div>

                    <!--end::Widget -->
                </div>
            </div>

            <!--end:: Widgets/Applications/User/Profile1-->
        </div>

        <!--End:: App Aside-->

        <!--Begin:: App Content-->
        <!-- List Categories Section -->
        <div class="kt-grid__item kt-grid__item--fluid kt-app__content">
            <div class="tab-content">
                <div class="tab-pane main__tab active">
                    <div class="row">
                        <div class="col-xl-12">
                            <div class="kt-portlet">
                                <div class="kt-portlet__head">
                                    <div class="kt-portlet__head-label">
                                        <h3 class="kt-portlet__head-title">{{ 'Exams Details'|trans }}
                                        </h3>
                                    </div>
                                </div>
                                <div class="kt-portlet__body">
                                    <div class="kt-section">
                                        <div class="kt-section__content">
                                            <table class="table table-striped table-bordered">
                                                <thead>
                                                <tr>
                                                    <th>{{ 'Name'|trans }}</th>
                                                    <th>{{ 'Detail'|trans }}</th>
                                                </tr>
                                                </thead>
                                                <tbody id="inv___usage___t">
                                                {% include "examination/_exams_list_view.html.twig"  with {'exams':exams} %}
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </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>Start Exam? What does it mean?</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>Start Exam, suppose to be, <b> Daily Test, Weekly Exams, Monthly Exams, Quarterly Exam, Yearly Exam, Quick
                Test & etc</b></p>
    <p>When School announced exams, they name it, so, from here we assign a name to Exam series & start new Exam!</p>

{% endblock %}