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


{% set pagename = 'Update 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 %}

    <form method="post"
          action="{{ path('subject_ownership', {'class_owner_ship_id':class_time_table.getClassTimeTable.id,'class_id':class_time_table.getClass.id}) }}">
        {# Require fields #}
        <div class="kt-portlet">
            <div class="kt-portlet__body">

                <input type="hidden" name="class_time_table_segment_id" value="{{ class_time_table.id }}">
                <input type="hidden" name="classId" value="{{ class_time_table.getClass.id }}">
                <input type="hidden" name="classOwnerShip" value="{{ class_time_table.getClassTimeTable.id }}">
                <input type="hidden" name="classSubject[]" value="{{ class_time_table.getClassSubject.id }}">
                <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 }} {{ requireSymbol | raw }}</label>
                        <input type="text" value="{{ class_time_table.getLectureName }}" name="lectureName[]"
                               class="form-control" required="required">
                    </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>
                        <input type="text" value="{{ class_time_table.getClassSubject.getSubjectName }}"
                               class="form-control"
                               readonly="readonly"
                               name="subject[]">
                    </div>

                    {# teacher #}
                    <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
                        <label class="col-form-label">{{ 'Teachers'|trans }} {{ requireSymbol  | raw }}</label>
                        <select class="form-control simpleSelect2" name="teacher[]">
                            <option value="">{{ 'Teachers' | trans }}</option>
                            {% for teacher in teachers %}
                                <option {{ class_time_table.getteacher.id == teacher.id ? 'selected="selected"' : '' }}
                                        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 }} {{ requireSymbol  | raw }}</label>
                        <select class="form-control simpleSelect2" name="teacher_two[]">
                            <option value="">{{ 'Backup Teacher' | trans }}</option>
                            {% for teacher in teachers %}
                                <option {{ class_time_table.getTeacherBackup.id == teacher.id ? 'selected="selected"' : '' }}
                                        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 }} {{ requireSymbol | raw }}
                            <small>{{ 'In Minuts' | trans }}</small></label>
                        <input type="number" value="{{ class_time_table.getLectureDuration }}" name="lectureDuration[]"
                               class="form-control"
                               required="required">
                    </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 }} {{ requireSymbol | raw }}</label>
                        <input type="time" value="{{ time_format(class_time_table.getlecturestarttime) }}"
                               name="letctureStartTime[]" class="form-control"
                               required="required">
                    </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 }} {{ requireSymbol | raw }}</label>
                        <input type="time" value="{{ time_format(class_time_table.getLectureEndTime) }}"
                               name="letctureEndTime[]" class="form-control"
                               required="required">
                    </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="{{ class_time_table.getLectureDescription }}" name="lecturePurpose[]"
                               class="form-control"/>
                    </div>

                </div>

                {# submit button #}
            </div>
            <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 %}