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

{% block ExtraCSSFiles %}
{% endblock %}

{% block MainContent %}
    {% set date = app.request.query.get('date') is empty ?  'now'|date('d/M/y') ~ ' / ' ~ 'now'|date('d/M/y') : app.request.query.get('date') %}

    {# filters of the attendance #}
    <div class="kt-portlet">
        <div class="kt-portlet__head">
            <div class="kt-portlet__head-label">
                <h3 class="kt-portlet__head-title">
                    {{ 'Filter'|trans }} <a target="_blank"
                                            href="{{ path('users_profile',{'id':teacherRef}) }}">{{ teacherName }}</a> {{ 'evaluation records'|trans }}
                </h3>
            </div>
        </div>
        <form class="kt-form" method="get">
            <div class="kt-portlet__body add___filter_place">
                <div class="row">
                    {# Mark attendance of the date of #}
                    <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 simpleDateRangePicker">
                        <label class="col-form-label" for="date">{{ 'Select date'|trans }}</label>
                        <input type="text" class="form-control" name="date" value="{{ date }}">
                    </div>
                </div>
            </div>
            <div class="kt-portlet__foot">
                <div class="kt-form__actions">
                    <button type="submit" class="btn-primary btn">
                        {{ 'Filter Attendance'|trans }}
                    </button>
                </div>
            </div>
        </form>
    </div>


    {% for value in listOfStudentAllocatedToTeacher %}{% endfor %}

{% endblock %}

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