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

{% set pagename = 'Making Class OwnerShip' | trans %}
{% set addBtnTitle = 'Add Teacher' | trans %}
{% set addBtnLink = path('add_new_teacher') %}

{% 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 %}


    <div class="kt-portlet">
        <div class="kt-portlet__head">
            <div class="kt-portlet__head-label"><h3 class="kt-portlet__head-title">{{ 'Class OwnerShip'|trans }}</h3>
            </div>
        </div>
        <form class="kt-form kt-form--label-right" enctype="multipart/form-data" method="post">
            <div class="kt-portlet__body">
                <div class="kt-section kt-section--first">
                    <div class="kt-section__body">

                        <input type="hidden" name="id" class="form-control" value="{{ classTimeTable.id }}">
                        {# Classes #}
                        <div class="form-group row">
                            <label class="col-xl-3 col-lg-3 col-form-label">{{ 'Classes'|trans }} {{ requireSymbol | raw }}</label>
                            <div class="col-lg-9 col-xl-6">
                                <div class="input-group">
                                    <select name="class" required="required" class="form-control simpleSelect2">
                                        {% for classes in active_classes %}

                                            {% set selected_ = '' %}

                                            {% if classTimeTable.class is not empty and classes.id == classTimeTable.class.id %}
                                                {% set selected_ = 'selected="selected"' %}
                                            {% endif %}

                                            <option {{ selected_ }}
                                                    value="{{ classes.id }}"> {{ classes.getSession.getName ~' >> '~ classes.getName }}</option>
                                        {% endfor %}
                                    </select>

                                </div>
                            </div>
                        </div>
                        {# Teachers #}
                        <div class="form-group row">
                            <label class="col-xl-3 col-lg-3 col-form-label">{{ 'Teachers'|trans }} {{ requireSymbol | raw }}</label>
                            <div class="col-lg-9 col-xl-6">
                                <div class="input-group">
                                    <select name="owners[]" required="required" multiple="multiple"
                                            class="form-control simpleSelect2">
                                        {% for teacher in teachers %}

                                            {% set selected_ = '' %}

                                            {% if classTimeTable.classOwnership is not empty and teacher.id == classTimeTable.classOwnership.id %}
                                                {% set selected_ = 'selected="selected"' %}
                                            {% elseif classTimeTable.classOwnershipTwo is not empty and teacher.id == classTimeTable.classOwnershipTwo.id %}
                                                {% set selected_ = 'selected="selected"' %}
                                            {% endif %}

                                            <option {{ selected_ }}
                                                    value="{{ teacher.id }}">{{ teacher.fullName }}</option>
                                        {% endfor %}
                                    </select>
                                </div>
                            </div>
                        </div>
                        {# Class start time  #}
                        <div class="form-group row">
                            <label class="col-xl-3 col-lg-3 col-form-label">{{ 'Class Start Time'|trans }} {{ requireSymbol|raw }}</label>
                            <div class="col-lg-9 col-xl-6">
                                <input class="form-control " type="time" name="start_time"
                                       required="required" value="{{ time_format(classTimeTable.startTime) }}">
                            </div>
                        </div>
                        {# Class end time #}
                        <div class="form-group row">
                            <label class="col-xl-3 col-lg-3 col-form-label">{{ 'Class End Time'|trans }} {{ requireSymbol|raw }}</label>
                            <div class="col-lg-9 col-xl-6">
                                <input class="form-control " type="time" name="end_time"
                                       required="required" value="{{ time_format(classTimeTable.endTime) }}">
                            </div>
                        </div>

                        {# Break minutes #}
                        {#                        <div class="form-group row">#}
                        {#                            <label class="col-xl-3 col-lg-3 col-form-label">{{ 'Break Mints'|trans }} {{ requireSymbol|raw }}</label>#}
                        {#                            <div class="col-lg-9 col-xl-6">#}
                        {#                                <input class="form-control " type="time" name="break_mints"#}
                        {#                                       required="required" value="{{ time_format(classTimeTable.breakMints) }}">#}
                        {#                            </div>#}
                        {#                        </div>#}

                    </div>
                </div>
            </div>
            <div class="kt-portlet__foot">
                <div class="kt-form__actions">
                    <div class="row">
                        <div class="col-lg-3 col-xl-3">
                        </div>
                        <div class="col-lg-9 col-xl-9">
                            <button type="submit"
                                    class="btn btn-primary btn-bold createGuardian">{{ 'Create Class OwnerShip'|trans }}</button>&nbsp;
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
{% endblock %}
{% block ExtraJsFIles %}
    {% for file in encore_entry_js_files('classTimeTable') %}
        <script src="{{ assetsBasePath ~ file }}" type="text/javascript"></script>{% endfor %}
{% endblock %}
{% block documentation %}
{% endblock %}