{% extends 'Default/base.html.twig' %}

{% block title %}  {{'CandidatElearningSession.T7'|trans}} {% endblock %}
{% block breadcrumb1 %}  {{'CandidatElearningSession.T7'|trans}} {% endblock %}
{% block breadcrumb2 %} {{'CandidatElearningSession.T8'|trans}} {% endblock %}

{% block content %}
    <div class="row">
        <div class="col-md-12">
            <div class="row">
                <div class="col-md-12 space20">
                    <a class="btn btn-primary {%  if app.request.locale == 'ar' %}  pull-right {% else %} pull-left {% endif %}" href="{{ path('affect_elearning_session_new') }}">
                        {{'CandidatElearningSession.T9'|trans}} <i class="fa fa-plus"></i></a>
                </div>
            </div>
            <table class="table table-striped table-bordered table-hover table-full-width" id="sample_2">
                <thead>
                <tr>
                    <th class="hidden-xs center" width="30%"><strong>{{'CandidatElearningSession.T10'|trans}}</strong></th>
                    <th class="hidden-xs center" width="60%"><strong>{{'CandidatElearningSession.T11'|trans}}</strong></th>
                    <th class="hidden-xs center" width="10%"><strong>{{'CandidatElearningSession.T12'|trans}}</strong></th>
                </tr>
                </thead>
                <tbody>
                {% for session in sessions %}
                    <tr>
                        <td class="hidden-xs left">{{ session.name }}</td>
                        <td class="hidden-xs center">
                            {% for user in session.userElearningSessions %}
                                <span class="label label-inverse" > {{ user }}</span>
                            {% endfor %}
                        </td>
                        <td class="hidden-xs center">
                            <a class="btn btn-success btn-xs" title="{{'Attestation.T21'| trans}}"
                               href="{{ path('affect_elearning_session_edit', {'id': session.id}) }}">
                                <span class="fa fa-edit" style="color:white"></span></a>
                        </td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
{% endblock %}