{% 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 = 'Add/Edit Session' | trans %}
{% set addBtnTitle = 'Sessions / Batches' | trans %}
{% set addBtnLink = path('session') %}

{% 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>
    <span class="r__q__f__stu" data-path="{{ path('requestHandler_student_fee') }}"></span>
    <div class="kt-portlet" id="view____form">
        {% set colsClass = 'col-xl-4 col-lg-6 col-md-6 col-xs-12' %}
        <form class="kt-form" id="addSessions">
            {# form input elements #}
            <div class="kt-portlet__body">
                <input type="hidden" name="___randsection" value="{{ session.id }}" id="adding_section_to_customField">
                <div class="row">
                    {# session full name #}
                    <div class="{{ colsClass }}">
                        <label class="col-form-label">{{ 'Full name'|trans }} {{ requireSymbol|raw }} </label>
                        <input type="text" name="name" class="form-control r__q"
                               placeholder="{{ 'e.g 2020-2022, 2020-2024, 2020-2021'|trans }}" value="{{ session.name }}"
                               required="required">
                    </div>

                    {# session short name name #}
                    <div class="{{ colsClass }}">
                        <label class="col-form-label">{{ 'Short name'|trans }} </label>
                        <input type="text" name="short_name" class="form-control r__q"
                               placeholder="{{ 'e.g 20-22, 20-24, 20-21'|trans }}" value="{{ session.getShortName() }}">
                    </div>

                    {# session start date  #}
                    <div class="{{ colsClass }}">
                        <label class="col-form-label">{{ 'Start date'|trans }} {{ requireSymbol | raw }}</label>
                        <input type="text" name="start_date" class="form-control r__q simpleDatePicker"
                               placeholder="{{ 'session start date'|trans }}" required="required"
                               value="{{ session.getStartDate | date('d-M-y') }}">
                    </div>

                    {# session end date #}
                    <div class="{{ colsClass }}">
                        <label class="col-form-label">{{ 'End date'|trans }} {{ requireSymbol | raw }}</label>
                        <input type="text" name="end_date" class="form-control r__q simpleDatePicker"
                               placeholder="{{ 'session end date'|trans }}" required="required"
                               value="{{ session.getEndDate | date('d-M-y') }}">
                    </div>

                    {# 1 mean subject type attendance & 0 mean class type attendance#}
                    {# attached classes with sessions #}
                    <div class="{{ colsClass }}">
                        <label class="col-form-label">{{ 'Sample Classes'|trans }}</label>
                        <select class="form-control kt-select2 kt-selectpicker simpleSelect2" name="classes[]"
                                multiple="multiple">
                            {% for c in classList %}
                                <option value="{{ c.id }}">{{ c.name }}
                                    >> {{ c.getAttendanceType == 1 ? 'Subject wise attendnace' : 'Class wise attendance' }}
                                    >> {{ c.getfee ~ ' fee' }} >> {{ c.getNoOfStudents ~ ' students' }}
                                    >> {{ c.getactive ? '  Active' : ' Not active' }}</option>
                            {% endfor %}
                        </select>

                        <a href="{{ path('add_class') }}">{{ 'Add New Sample Classes' | trans }}</a>
                        <br>
                        <a target="_blank" href="{{ path('class') }}">{{ 'Samples Classes List' | trans }}</a>

                    </div>
                    {# Session is active or in active #}
                    <div class="{{ colsClass }}">
                        <label class="col-form-label">{{ 'Activation'|trans }}</label>
                        <div class="col-form-label">
                            <label class="kt-radio kt-radio--bold kt-radio--brand">
                                <input type="radio" name="active"
                                       value="on" {{ session.id is empty ? 'checked="checked"' : session.active ? 'checked="checked"' : "" }}> {{ 'Active' |trans }}
                                <span></span>
                            </label>
                            &nbsp; &nbsp;
                            <label class="kt-radio kt-radio--bold kt-radio--brand">
                                <input type="radio" name="active"
                                       {{ session.id is not empty ? session.active ? '' : 'checked="checked"' }}value="off"> {{ 'InActive' |trans }}
                                <span></span>
                            </label>
                        </div>
                    </div>

                    {# section details #}
                    <div class="col-xl-12 col-lg-12 col-md-12 col-xs-12">
                        <label class="col-form-label">{{ 'Description'|trans }}</label>
                        <input name="description" class="form-control" value="{{ session.description }}" placeholder="{{ 'Purpose of Session or some addition information' | trans }}">
                    </div>

                </div>

            </div>

            {# submit buttons #}
            <div class="kt-portlet__foot">
                <div class="kt-form__actions">
                    <button type="button" class="btn-primary btn addSession">
                        {{ session.id is empty ? 'Add new session'|trans : 'Update session'|trans }}
                    </button>

                    &nbsp;
                    <a href="{{ path('session') }}" class="btn-default btn">
                        {{ 'Back to list'|trans }}
                    </a>
                </div>
            </div>
        </form>

    </div>
    {# list of selected session#}
    {% if session.id is not empty %}
        <div class="kt-portlet attached_classes_display_block">
            <div class="kt-portlet__head">
                <div class="kt-portlet__head-label">
                    <h3 class="kt-portlet__head-title">
                        {{ 'Attached Classes'|trans }}
                    </h3>
                </div>
            </div>
            <div class="kt-portlet__body">
                <!--begin::Section-->
                <div class="kt-section">
                    <div class="kt-section__content">
                        <table class="table table-striped table-bordered">
                            <thead>
                            <tr>
                                <th>{{ 'Name'|trans }}</th>
                                <th>{{ 'Active'|trans }}</th>
                                <th>{{ 'No of students'|trans }}</th>
                                <th>{{ 'Fee Created?'|trans }}</th>
{#                                <th>{{ '#'|trans }}</th>#}
                            </tr>
                            </thead>
                            <tbody>

                            {% for choose in session.getClasses().toArray() %}
                                {# if settings are switched off from backend to see the records #}

                                {% if getAppSetting('show_deleted_records') == 'no' and choose.getIsDeleted %}
                                {% else %}
                                    <tr class="{{ choose.getIsDeleted ? 'strikeout bg-inactive' }}">
                                        <td scope="row">{{ choose.name() }}</td>
                                        <td>{% if choose.active %}<span
                                                    class="kt-badge kt-badge--success  kt-badge--inline kt-badge--pill">{{ 'Active' | trans }}</span>{% else %}
                                                <span class="kt-badge kt-badge--danger  kt-badge--inline kt-badge--pill">{{ 'InActive' | trans }}</span>{% endif %}
                                        </td>
                                        <td>{{ choose.getNoOfStudents }}</td>
                                        <td>{% if  choose.getClassFeeSchedules | length == 0 %}{{ 'Not Yet' | trans }}{% endif %}</td>
{#                                        <td>#}
{#                                            {% if not choose.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="{{ choose.id }}">#}

{#                                                        #}{#                                                        edit the class#}
{#                                                        <li class="kt-nav__item ftc__editClas-s-v"#}
{#                                                            data-ref="{{ choose.id }}">#}
{#                                                            <a href="#" 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>#}


{#                                                        #}{#                                                        add fee of the class#}
{#                                                        <li class="kt-nav__item">#}
{#                                                            <a href="{{ path('class_fee_schedule', {'class' : choose.id } ) }}"#}
{#                                                               class="kt-nav__link"><i#}
{#                                                                        class="kt-nav__link-icon flaticon2-link"></i><span#}
{#                                                                        class="kt-nav__link-text">{{ 'Make Fee' | trans }}</span></a>#}
{#                                                        </li>#}


{#                                                        #}{#                                                        delete the class#}
{#                                                        <li class="kt-nav__item dR-FL"#}
{#                                                            data-req="{{ path('requestHandler_student_class') }}"#}
{#                                                            data-sDTO="dClasses">#}
{#                                                            <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>#}

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

                                    </tr>
                                {% endif %}

                            {% endfor %}

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

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

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


    {% if session.id is empty %}
        {# add a new session #}
        <h5><b>Add Session?</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 Sessions / Batches ? (If you're new to Session / Batches, 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>
        <p>System will ask following information to Add/Edit the {{ 'Session / Batches' | trans }}:</p>
        <ul>
            <li> <b>Session Full Name </b> - e.g 2020-2022, 2020-2024, 2020-2021</li>
            <li><b>Session Short Name</b> - e.g 20-22, 20-24, 20-21 </li>
            <li><b>Session Start Date</b> - e.g When Session Starts?</li>
            <li><b>Session End Date</b> - e.g When Session End?</li>
            <li><b>Classes</b> - These are Sample Classes Dropdown will show the list of all Sample Classes, what we have in the system, You can select <b>Multiple Sample Classes</b>
                & session will consider these classes will be attend in this session, you can edit it later on.
            </li>
            <li><b>Active / In-Active</b> - Make You Session In-Active if this is not in use anymore</li>
            <li><b>Description</b> - A little description about the Session, what is the use of Session & etc</li>
        </ul>

    {% else %}
        {# editing a session #}
        <h5><b>Editing A Session?</b></h5>
        <br/>
        <p>System will ask following information to Add/Edit the {{ 'Session / Batches' | trans }}:</p>
        <ul>
            <li> <b>Session Full Name </b> - e.g 2020-2022, 2020-2024, 2020-2021</li>
            <li><b>Session Short Name</b> - e.g 20-22, 20-24, 20-21 </li>
            <li><b>Session Start Date</b> - e.g When Session Starts?</li>
            <li><b>Session End Date</b> - e.g When Session End?</li>
            <li><b>Classes</b> - These are Sample Classes Dropdown will show the list of all Sample Classes, what we have in the system, You can select <b>Multiple Sample Classes</b>
                & session will consider these classes will be attend in this session, you can edit it later on.
            </li>
            <li><b>Active / In-Active</b> - Make You Session In-Active if this is not in use anymore</li>
            <li><b>Description</b> - A little description about the Session, what is the use of Session & etc</li>
        </ul>

        <h5><b>What is the meaning of {{ 'Attached Classes'|trans }}?</b></h5>
        <p> You can see the box at the bottom of page name as {{ 'Attached Classes' | trans }}
            <br>
            While Adding a session you've selected some sample Classes those Sample Classes are listed in the {{ 'Attached Classes' | trans }} box !
        </p>

        <p>If you want to View {{ 'Attached Classes' | trans }} details or need to edit their information, Please go the
            <a target="_blank" href="{{ path('classes') }}">Classes</a> Menu & Search for the Respective session.</p>

    {% endif %}


{% endblock %}