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

{% block title %}  {{'Formateur.T19' | trans}} {% endblock %}
{% block breadcrumb1 %}  {{'Formateur.T20' | trans}}{% endblock %}
{% block breadcrumb2 %} {{'Formateur.T21' | 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" href="{{ path('new_formateur') }}" style="color:#fff;">{{'Formateur.T22' | 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="20%"><strong>{{'Formateur.T23' | trans}}</strong></th>
                    <th class="hidden-xs center" width="20%"><strong>{{'Formateur.T24' | trans}}</strong></th>
                    <th class="hidden-xs center" width="20%"><strong>{{'Formateur.T25' | trans}}</strong></th>
                    <th class="hidden-xs center" width="10%"><strong>{{'Formateur.T26' | trans}}</strong></th>
                    <th class="hidden-xs center" width="5%"><strong>{{'Formateur.T27' | trans}}</strong></th>
                </tr>
                </thead>
                <tbody>
                {% for formateurs in formateurs %}
                    <tr>
                        <td class="hidden-xs center">{{ formateurs.firstName ~' '~formateurs.lastName }} </td>
                        <td class="hidden-xs center">{{ formateurs.email }}</td>
                        <td class="hidden-xs center">{{ formateurs.function }}</td>
                        <td class="hidden-xs center">
                            {% if formateurs.enabled == 0 %}
                            <label style="cursor: pointer;"
                                   title="change status"
                                   id="statut_{{formateurs.id }}"
                                   data-id="{{ formateurs.id }}"
                                   data-path="{{ path('change_status_formateurs', {'id' : formateurs.id}) }}"
                                   data-status="{{ formateurs.enabled }}"
                                   class=" changestatusFormateur label label-danger" >
                                {{'Formateur.T28' | trans}}
                            </label>
                    {% else %}
                        <label style="cursor: pointer;"
                               title="change status"
                               id="statut_{{formateurs.id }}"
                               data-id="{{ formateurs.id }}"
                               data-path="{{ path('change_status_formateurs', {'id' : formateurs.id}) }}"
                               data-status="{{ formateurs.enabled }}"
                               class=" changestatusFormateur label label-success" >
                            {{'Formateur.T29' | trans}}
                        </label>
                            {% endif %}
                        </td>
                        <td class="hidden-xs center">
                            <a href="{{ path('edit_formateur', {'id' : formateurs.id}) }}" type="button" title="{{'Formateur.T30' | trans}}"
                               class=" btn btn-xs btn-blue">
                                <i class="ti-pencil"></i>
                            </a>
                            <a href="{{ path('change_password_formateur', {'id': formateurs.id}) }}" type="button" title="{{'Formateur.T31' | trans}}"
                               class="btn btn-xs btn-dark-blue">
                                <i class=" fa fa-unlock-alt"></i>
                            </a>
                        </td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
{% endblock %}
{% block javascripts %}
    {{ parent() }}
    <script src="{{ asset('assets/total-task/app/formateur/formateur.js') }}"></script>
{% endblock %}