{% extends "::admin.html.twig" %}
{% block title %} Liste des Annuaires  {% endblock %}
{% block entete %} Liste des Annuaires {% endblock %}
{% block body %}
    <div class="container-fluid container-fullw bg-white">
        <div class="row">
            <div class="col-md-12">

                <div class="row">
                    <div class="col-md-12 space20">
                        <a class="btn btn-primary" href="{{ path('admin_annuaire_new') }}" style="color:#fff;">Ajouter
                            Annuaire <i class="fa fa-plus"></i></a>
                    </div>
                </div>

                {{ include('default/flashBag.html.twig') }}

                <table class="table table-striped table-bordered table-hover table-full-width" id="sample_1">
                    <thead>
                    <tr>
                        <th width="15%">Nom & prénom</th>
                        <th width="15%">Email</th>
                        <th width="10%">Téléphone</th>
                        <th width="20%">Spécialite</th>
                        <th width="20%">Fonction</th>
                        <th width="10%">Statut</th>
                        <th width="5%">Action</th>
                    </tr>
                    </thead>
                    <tbody>
                    {% for annuaire in annuaires %}
                        <tr>
                            <td>{{ annuaire.lastName }} {{ annuaire.firstName }}</td>
                            <td>{{ annuaire.email }}</td>
                            <td>{{ annuaire.phone }}</td>
                            <td>{{ annuaire.specialite }}</td>
                            <td>{{ annuaire.function }}</td>
                            <td class="center">
                                {% if annuaire.status == 1 %}
                                    <span class="label label-success changeStatut"
                                          data-path="{{ path('admin_edit_statut') }}"
                                          data-status="{{ annuaire.status }}"
                                          data-id="{{ annuaire.id }}"
                                          style="cursor: pointer;"
                                          id="statut_{{ annuaire.id }}">Active</span>
                                    {#<input type="text" value="{{ annuaire.status }}">#}
                                {% else %}
                                    <span class="label label-danger changeStatut"
                                          data-path="{{ path('admin_edit_statut') }}"
                                          data-status="{{ annuaire.status }}"
                                          data-id="{{ annuaire.id }}"
                                          style="cursor: pointer;"
                                          id="statut_{{ annuaire.id }}">Deactive</span>
                                    {#<input type="text" value="{{ annuaire.status }}">#}
                                {% endif %}
                            </td>

                            <td>
                                <a class="btn btn-success btn-xs" title="edit"
                                   href="{{ path('admin_annuaire_edit', {'id' : annuaire.id}) }}"> <span
                                            class="fa fa-edit"
                                            style="color:white"></span></a>
                                <a href="{{ path('admin_annuaire_delete', {'id' : annuaire.id}) }}"
                                   class="btn btn-danger btn-xs user-remove" title="supprimer"
                                   data-toggle="confirmation" class="delete-row">
                                    <span class="fa fa-trash-o" style="color:white"></span></a>
                            </td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
{% endblock %}