{% 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 = 'Exams List' | trans %}
{% set addBtnTitle = 'Start new Exam?' | trans %}
{% set addBtnLink = path('exam_list') %}
{% 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>
    {#user controller#}
    <span class="usC__q__s" data-path="{{ path('requestHandler') }}"></span>
    {#subject controller #}
    <span class="usC__ss__s" data-path="{{ path('requestHandler_student_subject') }}"></span>


    {# Main body #}
    <div class="kt-portlet">
        {# Exam schedule details #}
        <div class="kt-portlet__body">
            <form class="kt-form" id="__exm_sch" method="post">
                <input type="hidden" name="exm_C__Ed" value="{{ examsClass.id is not empty ? examsClass.id }}">

                <div class="row">

                    {# exam list #}
                    <div class="col-xl-4 col-lg-6 col-md-6 col-xs-12">
                        <label class="col-form-label">{{ 'Exam name'|trans }} {{ requireSymbol | raw }}</label>
                        {% if exam %}
                            <select name="ex__mRF" class="form-control simpleSelect2">
                                {% for ex in exam %}
                                    <option value="{{ ex.id }}" {{ examsClass.id is not empty ? examsClass.exam.id == ex.id ? 'selected="selected"' }}>{{ ex.getExamName }}</option>
                                {% endfor %}
                            </select>

                            <a href="{{ path('exam_list') }}" target="_blank">{{ 'Start New Exam e.g Monthy, Yearly, Daily, Exam/Test'|trans }}</a>
                        {% else %}
                            <div class="alert alert-default" role="alert">
                                <div class="alert-text">
                                    <a href="{{ path('exam_list') }}" target="_blank">{{ 'Please add some Exams'|trans }}</a>
                                </div>
                            </div>
                        {% endif %}
                    </div>

                    {# Classes List #}
                    <div class="col-xl-4 col-lg-6 col-md-6 col-xs-12">
                        <label class="col-form-label">{{ 'Class'|trans }} {{ requireSymbol | raw }}</label>
                        {% if class__list %}
                            <select name="exC__cLs" class="form-control simpleSelect2" data-target-sub="exC__sbI">
                                <option></option>
                                {% for sb in class__list %}
                                    <option value="{{ sb.id }}" {{ examsClass.id is not empty ? sb.id == examsClass.class.id ? 'selected="selected"' }}> {{ sb.getSession.getName }}
                                        > {{ sb.name }}</option>
                                {% endfor %}
                            </select>
                        {% else %}
                            <div class="alert alert-danger" role="alert">
                                <div class="alert-text">{{ 'Please add some Classes in active session'|trans }}</div>
                            </div>
                        {% endif %}
                    </div>

                    {# subjects list #}
                    <div class="col-xl-4 col-lg-6 col-md-6 col-xs-12">
                        <label class="col-form-label">{{ 'Subject name'|trans }} {{ requireSymbol | raw }}</label>
                        <span class="subject__placement">
                            <select name="exC__sbI"
                                    class="form-control simpleSelect2" {{ examsClass.id is empty ? 'disabled="disabled"' }}>

                                {% if examsClass.id is not empty %}
                                    {% for subject in examsClassSelectedSubjects %}
                                        <option value="{{ subject.id }}" {{ subject.id == examsClass.classSubject.id ? 'selected="selected"' }}>{{ subject.getSubjectName }}</option>
                                    {% endfor %}
                                {% endif %}
                            </select>
                    </span>
                    </div>

                    {# exam date #}
                    <div class="col-xl-4 col-lg-6 col-md-6 col-xs-12">
                        <label class="col-form-label">{{ 'Exam date?'|trans }} {{ requireSymbol | raw }}</label>
                        <input type="text" name="ex__d" class="form-control r__q simpleDatePicker"
                               value="{{ date_format(examsClass.getecDate) }}">
                    </div>

                    {# start time#}
                    <div class="col-xl-4 col-lg-6 col-md-6 col-xs-12">
                        <label class="col-form-label">{{ 'Start time?'|trans }} {{ requireSymbol | raw }}</label>
                        <input type="time" name="ex__St" class="form-control r__q"
                               value="{{ examsClass.id is empty ? 'now'| date('h:i') : time_format(examsClass.getExamStartTime) }}">
                    </div>

                    {# end time#}
                    <div class="col-xl-4 col-lg-6 col-md-6 col-xs-12">
                        <label class="col-form-label">{{ 'End time?'|trans }} {{ requireSymbol | raw }}</label>
                        <input type="time" name="ex__Et" class="form-control r__q"
                               value="{{ examsClass.id is empty ? 'now'| date('h:i') : time_format(examsClass.getExamEndTime) }}">
                    </div>

                    {# total marks#}
                    <div class="col-xl-4 col-lg-6 col-md-6 col-xs-12">
                        <label class="col-form-label">{{ 'Total marks'|trans }} {{ requireSymbol | raw }}</label>
                        <input type="number" name="ex__tM" class="form-control r__q"
                               value="{{ examsClass.getExamTotalMarks }}">
                    </div>

                    {# Passing marks#}
                    <div class="col-xl-4 col-lg-6 col-md-6 col-xs-12">
                        <label class="col-form-label">{{ 'Passing Marks'|trans }} {{ requireSymbol | raw }}</label>
                        <input type="number" name="ex__PM" class="form-control r__q"
                               value="{{ examsClass.getExamPassingMarks }}">
                    </div>

                    {# exam location #}
                    <div class="col-xl-4 col-lg-6 col-md-6 col-xs-12">
                        <label class="col-form-label">{{ 'Location'|trans }}</label>
                        <input type="text" name="ex__Loc" class="form-control r__q"
                               value="{{ examsClass.getExamLocation }}">
                    </div>

                    {% set examiners = [] %}
                    {% if examsClass is defined %}
                        {% for examiner in examsClass.examiners.toArray() %}
                            {% set examiners = examiners|merge([examiner.user.id]) %}
                        {% endfor %}
                    {% endif %}

                    {# Teacher name #}
                    <div class="col-xl-4 col-lg-6 col-md-6 col-xs-12">
                        {# exam list #}
                        <label class="col-form-label">{{ 'Examiner'|trans }}</label><small>({{ 'Select teacher who will take care of exam?' | trans }}
                            )</small>
                        <select name="exaMner__teacher[]" class="form-control simpleSelect2" multiple="multiple">
                            {% for t in teacherName %}
                                <option value="{{ t.id }}" {{ in_array(t.id,examiners) ? 'selected="selected"' }}>{{ t.fullName }}</option>
                            {% endfor %}
                        </select>
                    </div>

                </div>
            </form>
        </div>

        {# Expense add button #}
        <div class="kt-portlet__foot">
            <div class="kt-form__actions">
                <button type="button" class="btn-primary btn ef____dse" data-ref="__exm_sch" data-target="ex__cls">
                    <span class="ad___"> {{ 'Add Exam Schedule'|trans }} </span>
                    <span class="ed___ d-none"> {{ 'Update Exam Schedule'|trans }} </span>
                </button>
            </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>Schedule An Exams?</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>Schedule an exam - </b> meant schedule an exam of Specific Class, Subject & Assign Scheduled Exam to Teacher/Examiner
        <br> System ask following things for schedule an exam?
    </p>
    <ul>
        <li><b>Exam name </b> - Select the Exam Category? what kind of exam, Is this Daily, Weekly or Monthly Exam. If you add new Exam Please Click on the
            <a href="{{ path('exam_list') }}"> Start New Exam e.g Monthy, Yearly, Daily, Exam/Test </a>
        </li>
        <li><b>Class</b> - Class Dropdown show the list of Classes, Please select class who's you want to scheduled an exam </li>
        <li><b>Subjects</b> - When Class has been selected, Related Subjects of selected Class will load & you can select the Subject who's Exam is going to schedule
            <br>
            Whenever you select the <b>Subject</b> then Subject <b>Total Marks, Passing Marks will load automatically of selected subjects.</b>
        </li>
        <li><b>Exam Date</b> - When This Exam Will held?</li>
        <li><b>Exam Start Time</b> - When This Exam Will Start?</li>
        <li><b>Exam End Time</b> - When This Exam Will End?</li>
        <li><b>Total Marks</b> - What will be the total marks of exams? as you remember, when you've add the subject you gave the Total Marks & Passing Marks so the Total Marks will laod from their, If you wish to Change you can simple Change from here</li>
        <li><b>Passing Marks</b> - Passing Marks is same as Total Marks</li>
        <li><b>Location</b> - As we well awar, the School has many rooms and spaces, so, where this exam will held, Write down the Place name</li>
        <li><b>Examiner</b> - Examiner meant who will take care of Students while haivng exams? so, In Examiner Dropdown All the Teacher are loaded you can multiple <b>Teachers as examiner</b></li>
    </ul>
{% endblock %}