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

{% block title %}  Formateurs {% endblock %}
{% block breadcrumb1 %}  Formateurs{% endblock %}
{% block breadcrumb2 %} Liste {% 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;">Ajouter Formateur
                         <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>Nom & Prénom</strong></th>
                    <th class="hidden-xs center" width="20%"><strong>Email</strong></th>
                    <th class="hidden-xs center" width="20%"><strong>Etablissement</strong></th>
                    <th class="hidden-xs center" width="10%"><strong>Status</strong></th>
                    <th class="hidden-xs center" width="5%"><strong>Actions</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" >
                               Desactivé
                            </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" >
                            Activé
                        </label>

                            {% endif %}
                        </td>
                        <td class="hidden-xs center">
                            <a href="{{ path('edit_formateur', {'id' : formateurs.id}) }}" type="button" title="Modifier"
                               class=" btn btn-xs btn-blue">
                                <i class="ti-pencil"></i>
                            </a>
                            <a href="{{ path('change_password_formateur', {'id': formateurs.id}) }}" type="button" title="Change Mot de passe"
                               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.js') }}"></script>

{% endblock %}