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

{% block BeforeAnyCSSFile %}
    {% for file in encore_entry_css_files('select2__init') %}
        <link rel="stylesheet" href="{{ assetsBasePath~file }}">
    {% endfor %}
    {% for file in encore_entry_css_files('dateRangepicker__init') %}
        <link rel="stylesheet" href="{{ assetsBasePath~file }}">
    {% endfor %}
{% endblock %}


{% set pagename = 'Class Time Table' | trans %}
{% set weekDays = ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday','Saturday'] %}


{% block MainContent %}
    <div class="kt-portlet">
        <div class="kt-portlet__head">
            <div class="kt-portlet__head-label">
                <h3 class="kt-portlet__head-title">{{ 'Filter Class Routine'|trans }}</h3>
            </div>
        </div>
        <form class="kt-form" method="get">
            <div class="kt-portlet__body">
                <div class="row">
                    {# Class based#}
                    <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                        <label class="col-form-label" for="class">{{ 'Class'|trans }}</label>
                        <select name="class" class="form-control simpleSelect2">
                            <option></option>
                            {% for class in classes %}
                                <option {{ app.request.query.get('class') == class.id ? 'selected="selected"' }}
                                        value="{{ class.id }}"> {{ class.session.name }}
                                    >> {{ class.name }}</option>
                            {% endfor %}
                        </select>
                    </div>

                    {#                    <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">#}
                    {#                        <label class="col-form-label" for="attend_inTime">{{ 'Date'|trans }}</label>#}
                    {#                        <input type="text" class="form-control simpleDatePicker" name="date"#}
                    {#                               value="{{ app.request.query.get('date') }}">#}
                    {#                    </div>#}
                </div>
            </div>
            <div class="kt-portlet__foot">
                <div class="kt-form__actions">
                    <button type="submit"
                            class="btn-primary btn filterRecords">{{ 'Search'|trans }}</button>
                    &nbsp;
                    {#                    <a class="btn btn-info" target="_blank"#}
                    {#                       href="{{ path('daily_attendance', {'printResult': 1,'class':app.request.query.get('class') | urlencrypt, 'attendance__status':app.request.query.get('attendance__status'), 'attend_inTime':app.request.query.get('attend_inTime') }) }}">{{ 'Print' | trans }}</a>#}
                    {#                    &nbsp;#}

                    <a class="btn btn-danger"
                       href="{{ path('subject_ownership_list') }}">{{ 'Clear' | trans }}</a>
                </div>
            </div>
        </form>

    </div>

    {# 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-bordered">
                        <tr>
                            <th><b>{{ 'Week Days' | trans }}</b></th>
                            {% for days in weekDays %}
                                <td> {{ days }}</td>
                            {% endfor %}
                        </tr>


                        {#                        <tr>#}
                        {#                            <th>{{ 'Subjects' | trans }}</th>#}
                        {#                            {% for time_table in class_time_table %}#}
                        {#                                <td></td>#}
                        {#                            {% endfor %}#}
                        {#                        </tr>#}

                        {% for subject in class_subjects %}
                            <tr>
                                <th style="width: 20px">{{ subject.getsubjectname() }}</th>
                                {% for key, classRoutine in classRoutines[subject.getId()] %}
                                    <td>
                                        {{ time_format( classRoutine.getLectureStartTime) }} -
                                        {{ time_format(classRoutine.getLectureEndTime) }}
                                        <hr>
                                        {{ classRoutine.getTeacher.getFullName() }}
                                        <br>
                                        {% if classRoutine.getTeacherBackup is not null %}
                                            <small>
                                                {{ classRoutine.getTeacherBackup.getFullName() }} (backup)
                                            </small>
                                        {% endif %}


                                        {% if(classRoutine.getMeetingLink()) %}
                                            <hr>
                                            <a target="blank"
                                               href="{{ classRoutine.getMeetingLink() }}">{{ classRoutine.getMeetingLink() }}</a>
                                        {% endif %}

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

                        {% endfor %}


                        {#                        {% for days in weekDays %}#}
                        {#                            <tr>#}
                        {#                                <th>{{ days }}</th>#}
                        {#                                {% for time_table in class_time_table %}#}
                        {#                                    <td>    {{ time_table.getteacher.fullName() }}#}
                        {#                                        <br>#}
                        {#                                        {{ time_table.getTeacherBackup.fullName() }}#}
                        {#                                    </td>#}
                        {#                                {% endfor %}#}
                        {#                            </tr>#}
                        {#                        {% endfor %}#}

                    </table>


                    {#                    <table class="table table-striped table-bordered">#}
                    {#                        <thead>#}
                    {#                        <tr>#}

                    {#                            <th>{{ 'Lecture name'|trans }}</th>#}
                    {#                            <th>{{ 'Class'|trans }}</th>#}
                    {#                            <th>{{ 'Subject'|trans }}</th>#}
                    {#                            <th>{{ 'Teacher'|trans }}</th>#}
                    {#                            <th>{{ 'Teacher backup'|trans }}</th>#}
                    {#                            <th>{{ 'Start Time'|trans }}</th>#}
                    {#                            <th>{{ 'End Time'|trans }}</th>#}
                    {#                            <th>{{ 'Lecture Duration'|trans }}</th>#}
                    {#                            <th>{{ '#'|trans }}</th>#}
                    {#                        </tr>#}
                    {#                        </thead>#}
                    {#                        <tbody>#}
                    {#                        {% for time_table in class_time_table %}#}
                    {#                            <tr>#}
                    {#                                <td>{{ time_table.getLectureName }}</td>#}
                    {#                                <td>{{ time_table.class.name }}#}
                    {#                                    <br>#}
                    {#                                    <small>{{ time_table.class.shortName }}</small>#}
                    {#                                </td>#}
                    {#                                <td>{{ time_table.getClassSubject.getsubjectname }}#}
                    {#                                    <br>#}
                    {#                                    {{ time_table.getClassSubject.getShortName }}#}
                    {#                                </td>#}
                    {#                                <td>#}
                    {#                                    {% if time_table.getTeacher is not empty %}#}
                    {#                                        {{ time_table.getTeacher.fullName }}#}
                    {#                                    {% endif %}#}
                    {#                                </td>#}
                    {#                                <td>#}
                    {#                                    {% if time_table.getTeacherBackup is not empty %}#}
                    {#                                        {{ time_table.getTeacherBackup.fullName }}#}
                    {#                                    {% endif %}#}
                    {#                                </td>#}
                    {#                                <td>{{ time_format(time_table.getLectureStartTime) }}</td>#}
                    {#                                <td>{{ time_format(time_table.getLectureEndTime) }}</td>#}
                    {#                                <td>{{ time_table.getLectureDuration }} {{ 'Mints' | trans }}</td>#}
                    {#                                <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">#}
                    {#                                            <li class="kt-nav__item"><a class="kt-nav__link"#}
                    {#                                                                        href="{{ path('edit_single_time_table', {'class_time_table_segment_id': time_table.id  }) }}"><i#}
                    {#                                                            class="kt-nav__link-icon flaticon-edit-1"></i><span#}
                    {#                                                            class="kt-nav__link-text">{{ 'Edit'|trans }}</span></a></li>#}
                    {#                                            </li>#}
                    {#                                        </ul>#}
                    {#                                    </div>#}
                    {#                                </td>#}
                    {#                            </tr>#}
                    {#                        {% endfor %}#}
                    {#                        </tbody>#}
                    {#                    </table>#}
                </div>
            </div>
        </div>
    </div>

{% endblock %}

{# extra js codes here.#}
{% block ExtraJsFIles %}
    {% for file in encore_entry_js_files('attendance') %}
        <script src="{{ assetsBasePath ~ file }}" type="text/javascript"></script>{% endfor %}

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

{% block documentation %}
{% endblock %}