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

{% block BeforeAnyCSSFile %}
{% endblock %}

{% block ExtraCSSFiles %}
{% endblock %}

{% block pageLabel %}
{% endblock %}

{% block recordLength %}
{% endblock %}

{% block MainContent %}
    <div class="kt-portlet">
        <div class="kt-portlet__head">
            <div class="kt-portlet__head-label">
                <h3 class="kt-portlet__head-title">{{ 'Childrens'|trans }}</h3>
            </div>
        </div>
        <div class="kt-portlet__body">
            <div class="kt-section">
                <div class="kt-section__content">
                    <table class="table table-striped table-bordered">
                        <thead>
                        <tr>
                            <th>{{ 'Name'|trans }}</th>
                            <th>{{ 'Class Enrollment'|trans }}</th>
                            <th>{{ 'Active'|trans }}</th>
                            <th>{{ 'Gender'|trans }}</th>
                            <th>{{ '#'|trans }}</th>
                        </tr>
                        </thead>
                        <tbody>
                        {% for student in app.user.getStudentReference.toArray %}
                            <tr>
                                <td>{{ student.fullName }}</td>
                                <td>
                                    {% for studentEnrollment in student.getClassSessionEnrolments.toArray %}
                                        {{ studentEnrollment.getClassSession.getName }}
                                        <br/>
                                    {% endfor %}
                                </td>
                                <td>
                                    {% if student.getIsActive() %}
                                        <span class="kt-badge kt-badge--success  kt-badge--inline kt-badge--pill">{{ 'Active' | trans }}</span>
                                    {% else %}
                                        <span class="kt-badge kt-badge--danger  kt-badge--inline kt-badge--pill">{{ 'InActive' | trans }}</span>
                                    {% endif %}
                                </td>
                                <td>
                                    {% if student.gender == 1 %}
                                        <i class="fa fa-male"></i>
                                    {% elseif student.gender == 2 %}
                                        <i class="fa fa-female"></i>
                                    {% else %}
                                        <i class="fa fa-male"></i> - <i class="fa fa-female"></i>
                                    {% endif %}
                                </td>
                                <td>
                                    <a data-toggle="dropdown" class="btn btn-sm btn-clean btn-icon btn-icon-md"
                                       aria-expanded="false">
                                        <i class="fa fa-ellipsis-h"></i>
                                    </a>
                                    <div class="dropdown-menu dropdown-menu-right dotedDropdown"
                                         x-placement="bottom-end">
                                        <ul class="kt-nav">
                                            <li class="kt-nav__item">
                                                <a class="kt-nav__link"
                                                   href="{{ path('filter_attendance', {'student__based':student.id  }) }}"><i
                                                            class="kt-nav__link-icon flaticon-eye"></i><span
                                                            class="kt-nav__link-text">{{ 'Attendnace Details'|trans }}</span></a>
                                            </li>
                                            <li class="kt-nav__item">
                                                <a class="kt-nav__link"
                                                   href="{{ path('student_based_reporting', {'srf':student.id | urlencrypt  }) }}"><i
                                                            class="kt-nav__link-icon flaticon-eye"></i><span
                                                            class="kt-nav__link-text">{{ 'Exam Report'|trans }}</span></a>
                                            </li>


                                        </ul>
                                    </div>
                                </td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
{% endblock %}

{% block ExtraJsFIles %}
{% endblock %}