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


{% set pagename = 'Schedule Class Time Table' | trans %}

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

{% block MainContent %}

    {#    {% for message in app.flashes('classOwnerShipFlashSuccess') %}#}
    {#        {% include "success_messages/success_messages.html.twig" with {errorMessage : message} %}#}
    {#    {% endfor %}#}
    {#    #}
    {% for message in app.flashes('classOwnerShipFlashError') %}
        {% include "/errors/server_errors.html.twig" with {errorMessage : message} %}
    {% endfor %}

    {% set weekDays = ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday','Saturday'] %}

    <form method="post">
        {# Require fields #}
        <div class="kt-portlet">
            <input type="hidden" name="classOwnerShip" value="{{ app.request.attributes.get('class_owner_ship_id') }}">
            <input type="hidden" name="classId" value="{{ app.request.attributes.get('class_id') }}">

            <div class="kt-portlet__body">

                {# Class ownership details#}
                <div class="row">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                        <table class="table table-striped table-bordered">
                            <tr>
                                <th colspan="2">{{ 'Class Name' | trans }}</th>
                                <td>{{ class.name }}</td>
                                <th>{{ 'Class Start Time' | trans }}</th>
                                <td>{{ time_format(classTimeTable.startTime) }}</td>
                                <th>{{ 'Class End Time' | trans }}</th>
                                <td>{{ time_format(classTimeTable.getEndTime) }}</td>
                            </tr>
                            <tr>
                                <th colspan="2">{{ 'Class OwnerShip 1' | trans }}</th>
                                <td>
                                    {% if classTimeTable.classOwnership is not empty %}
                                        {{ classTimeTable.classOwnership.fullName }}
                                    {% endif %}
                                </td>
                                <th>{{ 'Class OwnerShip 2' | trans }}</th>
                                <td>
                                    {% if classTimeTable.classOwnershipTwo is not empty %}
                                        {{ classTimeTable.classOwnershipTwo.fullName }}
                                    {% else %}
                                        NULL
                                    {% endif %}
                                </td>
                                <th>{{ 'Last Update' | trans }}</th>
                                <td>{{ date_format( classTimeTable.updatedAt) }}</td>
                            </tr>
                        </table>
                        <small><a target="_blank"
                                  href="{{ path('classes') }}">{{ 'Assign Subjects to Class' | trans }}</a></small>
                    </div>
                </div>
                <br>
                <span style="border: 1px solid black"></span>
                <br>

                {% for classSubject in class_subject %}
                    {% for key, day in weekDays %}
                        <input type="hidden" name="classSubject[]" value="{{ classSubject.id }}">
                        {# assign grade #}
                        <div class="row">
                            {# Lecture name #}
                            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
                                <label class="col-form-label">{{ 'Lecture name'|trans }}</label>
                                <input type="text" value="" name="lectureName[]" class="form-control">
                                <small>Write Skip, If you want to skip the lecture</small>
                            </div>
                            {# subject name #}
                            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
                                <label class="col-form-label">{{ 'Subject name'|trans }}</label>

                                <select name="subject[]" class="form-control simpleSelect2">
                                    <option value=""></option>
                                    {% for classSubject in class_subject %}
                                        <option value="{{ classSubject.getSubjectName }}">{{ classSubject.getSubjectName }}</option>
                                    {% endfor %}
                                </select>
                                <small>Don't select subject, If you want to Skip this lecture.</small>


                                {#                            <input type="text" value="{{ classSubject.getSubjectName }}" class="form-control"#}
                                {#                                   readonly="readonly"#}
                                {#                                   name="subject[]">#}

                            </div>
                            {# Lecture Day#}
                            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
                                <label class="col-form-label">{{ 'Day'|trans }}</label>
                                <input type="hidden" value="{{ key+1 }}" class="form-control"
                                       readonly="readonly"
                                       name="lectureDay[]">
                                <input type="text" value="{{ day }}" class="form-control"
                                       readonly="readonly">
                            </div>
                            {# teacher #}
                            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
                                <label class="col-form-label">{{ 'Teachers'|trans }}</label>
                                <select class="form-control simpleSelect2" name="teacher[]">
                                    <option value="">{{ 'Teachers' | trans }}</option>
                                    {% for teacher in teachers %}
                                        <option value="{{ teacher.id }}">{{ teacher.fullName }}</option>
                                    {% endfor %}
                                </select>
                            </div>
                            {# backup teacher #}
                            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
                                <label class="col-form-label">{{ 'Backup Teacher'|trans }}</label>
                                <select class="form-control simpleSelect2" name="teacher_two[]">
                                    <option value="">{{ 'Backup Teacher' | trans }}</option>
                                    {% for teacher in teachers %}
                                        <option value="{{ teacher.id }}">{{ teacher.fullName }}</option>
                                    {% endfor %}
                                </select>
                            </div>
                            {# Lecture duration #}
                            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
                                <label class="col-form-label">{{ 'Lecture Duration'|trans }}
                                    <small>{{ 'In Minuts' | trans }}</small></label>
                                <input type="number" name="lectureDuration[]" class="form-control">
                            </div>
                            {# Lecture Start time #}
                            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
                                <label class="col-form-label">{{ 'Lecture Start Time'|trans }}</label>
                                <input type="time" name="letctureStartTime[]" class="form-control"
                                >
                            </div>
                            {# Lecture End time#}
                            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
                                <label class="col-form-label">{{ 'Lecture End Time'|trans }}</label>
                                <input type="time" name="letctureEndTime[]" class="form-control"
                                >
                            </div>

                            {# Lecture End time#}
                            {#                        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">#}
                            {#                            <label class="col-form-label">{{ 'Lecture Date '|trans }}</label>#}
                            {#                            <input type="date" value="{{ date('+1 day')|date('Y-M-D') }}" name="lectureDate[]"#}
                            {#                                   class="form-control simpleDatePicker">#}
                            {#                        </div>#}

                            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
                                <label class="col-form-label">{{ 'Lecture Meeting Link'|trans }} </label>
                                <input type="text" name="lectureMeetingLink[]" class="form-control">
                            </div>


                            {# Lecture Purpose#}
                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                <label class="col-form-label">{{ 'Lecture Purpose'|trans }}</label>
                                <input type="text" value="" name="lecturePurpose[]" class="form-control"/>
                            </div>
                        </div>
                        <br>
                        <span style="border: 0.5px solid #9b9b9b"></span>
                        <br>
                    {% endfor %}

                    {#                    <div class="row">#}
                    {#                        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3" style="margin:auto">#}
                    {#                            <h4>{{ 'Break'|trans }}</h4>#}
                    {#                        </div>#}
                    {#                        #}{# Lecture duration #}
                    {#                        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">#}
                    {#                            <label class="col-form-label">{{ 'Break Duration'|trans }}#}
                    {#                                <small>{{ 'In Minuts' | trans }}</small></label>#}
                    {#                            <input type="number" name="breakDuration" class="form-control"#}
                    {#                            >#}
                    {#                        </div>#}
                    {#                        #}{# Lecture Start time #}
                    {#                        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">#}
                    {#                            <label class="col-form-label">{{ 'Break Start Time'|trans }} </label>#}
                    {#                            <input type="time" name="breakStartTime" class="form-control"#}
                    {#                            >#}
                    {#                        </div>#}
                    {#                        #}{# Lecture End time#}
                    {#                        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">#}
                    {#                            <label class="col-form-label">{{ 'Break End Time'|trans }}</label>#}
                    {#                            <input type="time" name="breakEndTime" class="form-control">#}
                    {#                        </div>#}
                    {#                    </div>#}

                {% endfor %}

            </div>

            {# submit button #}
            <div class="kt-portlet__foot">
                <div class="kt-form__actions">
                    <button type="submit" class="btn-primary btn">
                        {{ 'Assign Lectures to Teachers' | trans }}
                    </button>
                </div>
            </div>
        </div>
    </form>
{% endblock %}


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