{% extends 'base.html.twig' %}
{% block title %}Hello StudentAssessmentController!{% endblock %}

{% set pagename = 'Upload Student Assignment' | trans %}

{% block MainContent %}
    <span class="usC__q__s" data-path="{{ path('requestHandler') }}"></span>

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

    <div class="row">
        <div class="col-xl-12">
            <div class="kt-portlet">
                <div class="kt-portlet__head">
                    <div class="kt-portlet__head-label"><h3
                                class="kt-portlet__head-title">{{ 'Upload Assignment for Students'|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">
                                {# assessment name #}
                                <div class="form-group row">
                                    <label class="col-xl-3 col-lg-3 col-form-label">{{ 'Name'|trans }} {{ requireSymbol|raw }} </label>
                                    <div class="col-lg-9 col-xl-6">
                                        <div class="input-group">
                                            <input type="text" name="assessment_name" class="form-control"
                                                   required="required" placeholder="{{ 'Assessment name' | trans }}">
                                        </div>
                                    </div>
                                </div>

                                {# assessment validity date #}
                                <div class="form-group row">
                                    <label class="col-xl-3 col-lg-3 col-form-label">{{ 'Valid till'|trans }} {{ requireSymbol|raw }} </label>
                                    <div class="col-lg-9 col-xl-6">
                                        <div class="input-group">
                                            <input type="date" name="till_validate" class="form-control"
                                                   required="required">
                                        </div>
                                    </div>
                                </div>

                                {# show to members#}
                                <div class="form-group row">
                                    <label class="col-xl-3 col-lg-3 col-form-label"> {{ 'Show to:' | trans }} </label>
                                    <div class="col-lg-9 col-xl-6">
                                        <div class="kt-checkbox-inline">
                                            <label class="kt-checkbox kt-checkbox--bold kt-checkbox--brand"
                                                   checked="checked">
                                                <input type="checkbox" name="show_to_parents"
                                                       checked> {{ 'Guardian' | trans }}
                                                <span></span>
                                            </label>
                                            <label class="kt-checkbox kt-checkbox--bold kt-checkbox--brand" cheched="">
                                                <input type="checkbox" name="show_to_teachers"
                                                       checked> {{ 'Teachers' | trans }}
                                                <span></span>
                                            </label>
                                            <label class="kt-checkbox kt-checkbox--bold kt-checkbox--brand" cheched="">
                                                <input type="checkbox" name="show_to_students"
                                                       checked> {{ 'Students' | trans }}
                                                <span></span>
                                            </label>
                                        </div>
                                    </div>
                                </div>

                                {# Select Active Class to which use can see #}
                                <div class="form-group row">
                                    <label class="col-xl-3 col-lg-3 col-form-label">{{ 'Active Classes'|trans }} {{ requireSymbol|raw }} </label>
                                    <div class="col-lg-9 col-xl-6">
                                        <div class="input-group">
                                            <select name="exC__cLs" required="required"
                                                    class="form-control simpleSelect2">
                                                {% for classes in active_classes %}

                                                    {% if app.getUser().getCategory() == 't' %}
                                                        {% if(in_array(classes.id, assignedClassesToTeacher)) %}
                                                            <option value="{{ classes.id }}"> {{ classes.getSession.getName ~' >> '~ classes.getName }}</option>
                                                        {% endif %}
                                                    {% else %}
                                                        <option value="{{ classes.id }}"> {{ classes.getSession.getName ~' >> '~ classes.getName }}</option>
                                                    {% endif %}

                                                {% endfor %}
                                            </select>
                                        </div>
                                    </div>
                                </div>

                                {# subjects list #}
                                <div class="form-group row">
                                    <label class="col-xl-3 col-lg-3 col-form-label">{{ 'Subjects'|trans }} {{ requireSymbol|raw }}
                                        &nbsp;&nbsp;&nbsp;
                                        <input type="checkbox" name="all_subjects"
                                               checked> {{ 'All Subjects' | trans }}
                                        <span></span>
                                    </label>
                                    <div class="col-lg-9 col-xl-6">
                                        <span class="subject__placement">
                                            <select name="exC__sbI" class="form-control simpleSelect2"
                                                    disabled="disabled"></select>
                                        </span>


                                    </div>
                                </div>

                                {# upload document#}
                                <div class="form-group row">
                                    <label class="col-xl-3 col-lg-3 col-form-label">{{ 'Upload Document'|trans }} {{ requireSymbol|raw }}</label>
                                    <div class="col-lg-9 col-xl-6">
                                        <div class="input-group">
                                            <input type="file" multiple="multiple" name="upload_document[]"
                                                   class="form-control">
                                        </div>
                                    </div>
                                </div>

                                {# description of assessment #}
                                <div class="form-group row">
                                    <label class="col-xl-3 col-lg-3 col-form-label">{{ 'Description'|trans }} </label>
                                    <div class="col-lg-9 col-xl-6">
                                        <div class="input-group">
                                            <textarea name="assessment_description" class="form-control"></textarea>
                                        </div>
                                    </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">{{ 'Upload Assessment'|trans }}</button>&nbsp;
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
{% endblock %}
{% block ExtraJsFIles %}
    {% for file in encore_entry_js_files('studentAssessment') %}
        <script src="{{ assetsBasePath ~ file }}" type="text/javascript"></script>{% endfor %}

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

{% endblock %}

{% block documentation %}
{% endblock %}