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

{% block BeforeAnyCSSFile %}
{% endblock %}

{% block ExtraCSSFiles %}
{% endblock %}

{% block pageLabel %}
    {{ 'Student List' | trans }}
{% endblock %}

{% block recordLength %}
{% endblock %}

{# {% block ContentHead %}#}
{# {% 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 Attendance of '|trans }} <b>{{ app.request.attributes.get('Uname') }}</b>
                </h3>
            </div>
        </div>

        <form class="kt-form" method="get">
            <div class="kt-portlet__body add___filter_place">
                <div class="row">

                    {# search attendance marking date duration #}
                    <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 simpleDateRangePicker">
                        <label for="date">{{ 'Select date'|trans }}</label>
                        <input type="text" class="form-control" name="date" value="{{ date }}">
                    </div>

                </div>
            </div>
            <input type="hidden" name="printResult">
            <div class="kt-portlet__foot">
                <div class="kt-form__actions">
                    <button type="submit" class="btn btn-primary filterRecords">
                        {{ 'Filter'|trans }}
                    </button>
                    <a target="_blank" href="{{ path('student_wise_attendance', {'id' : app.request.attributes.get('id') | urlencrypt,'Uname': app.request.attributes.get('Uname'), 'printResult': 1}) }}">{{ 'Print'|trans }}</a>
                    <button type="button"
                            data-target="{{ path('student_wise_attendance', {'id': app.request.attributes.get('id') | urlencrypt , 'Uname' : app.request.attributes.get('Uname') }) }}"
                            class="btn btn-danger btn-sm clearSelect2">{{ 'Clear'|trans }}</button>
                </div>
            </div>
        </form>
    </div>

    {# Active class with their session and number of student present and absent#}
    <div class="kt-portlet">
        <div class="kt-portlet__body">
            <div class="kt-section">
                <div class="kt-section__content">
                    <table class="table table-striped table-bordered">
                        <thead>
                        <tr>
                            <th>{{ 'Class name'|trans }}</th>
                            <th>{{ 'Subject name'|trans }}</th>
                            <th>{{ 'Comments'|trans }}</th>
                            <th>{{ 'Attendance Status'|trans }}</th>
                            <th>{{ 'Marked By'|trans }}</th>
                        </tr>
                        </thead>
                        <tbody id="subjects" class="ui-sortable">

                        {% for attendance in attendanceReportOfAClass %}

                            <tr>
                                <th scope="row">
                                    {{ attendance.getClassSessionEnrolment.getClassSession.name is defined ? attendance.getClassSessionEnrolment.getClassSession.name: '' }}
                                </th>
                                <td>{{ attendance.getClassSessionEnrolmentSubject.getClassSubject.getSubjectName is defined ? attendance.getClassSessionEnrolmentSubject.getClassSubject.getSubjectName:'' }}</td>
                                <td>{{ attendance.getComments }}</td>
                                <td>{{ attendance.getAttendanceStatus.name }}</td>
                                <td>{{ attendance.getBlameUser.getFullName }}</td>
                            </tr>
                        {% endfor %}

                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

{% endblock %}

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