{% extends "::admin.html.twig" %}
{% block title %}  Liste des Adhérants {% endblock %}
{% block entete %} Liste des Adhérants {% 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 pull-left"  href="{{ path('adherants_new') }}">
                            Ajouter adhérant <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="myTable">
                    <thead>
                    <tr>
                        <td>Date d'adhésion</td>
                        <td> Nom</td>
                        <td> Prenom</td>
                        <td> Specialite</td>
                        <td> Grade</td>
                        <td> Service</td>
                        <td> Adresse</td>
                        <td> Téléphone</td>
                        <td> Email</td>
                        <td> Action</td>
                    </tr>
                    </thead>
                    <tbody>

                    {% for adherant in adherants %}
                        <tr>
                            <td>{{ adherant.dateAdhesion|date('d/m/Y H:i:s') }}</td>
                            <td>{{ adherant.nom }}</td>
                            <td>{{ adherant.prenom }}</td>
                            <td>{{ adherant.specialite }}</td>
                            <td>{{ adherant.grade }}</td>
                            <td>{{ adherant.service }}</td>
                            <td>{{ adherant.adresse }}</td>
                            <td>{{ adherant.telephone }}</td>
                            <td>{{ adherant.email }}</td>
                            <td>
                                <a href="{{ path('adherants_edit', { 'id': adherant.id }) }}"
                                   class="btn btn-success btn-xs" title="edit" data-toggle="modal"
                                > <span class="fa fa-edit" style="color:white"></span></a>

                                <a href="{{ path('adherants_delete', { 'id': adherant.id }) }}"
                                   class="btn btn-danger btn-xs user-remove" title="supprimer"
                                   data-toggle="confirmation">
                                    <span class="fa fa-trash-o" style="color:white"></span>
                                </a>
                                {% if(adherant.statutannuaire == 1) %}
                                    <a href="{{ path('annuaire', { 'id': adherant.id }) }}"
                                       class="btn btn-info btn-xs" title="annuaire">
                                        <span class="fa fa-eye" style="color:white"></span></a>
                                {% else %}
                                    <a href="{{ path('annuaire', { 'id': adherant.id }) }}"
                                       class="btn btn-info btn-xs" title="annuaire">
                                        <span class="fa fa-eye-slash" style="color:black"></span>
                                    </a>

                                {% endif %}
                                {% if(adherant.statutpaiement != 1) %}
                                    <a href="{{ path('paiement', { 'id': adherant.id }) }}"
                                       class="btn btn-default btn-xs " title="paiement"
                                       style="background-color: #aeb7b6 !important;border-color: #a0a497 !important;">
                                        <span class="fa fa-check" style="color:white"></span>
                                    </a>
                                {% else %}
                                    <a href="{{ path('paiement', { 'id': adherant.id }) }}"
                                       class="btn btn-primary btn-xs " title="paiement"
                                       style="background-color: #337ab7 !important;border-color: #2e6da4 !important;">
                                        <span class="fa fa-check" style="color:white"></span>
                                    </a>
                                {% endif %}
                            </td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
    <script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>

    <script src="https://cdn.datatables.net/buttons/1.5.2/js/dataTables.buttons.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/1.5.2/js/buttons.flash.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/pdfmake.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/vfs_fonts.js"></script>
    <script src="https://cdn.datatables.net/buttons/1.5.2/js/buttons.html5.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/1.5.2/js/buttons.print.min.js"></script>
    <script>
        $(document).ready(function () {
            $.noConflict();
            $('#myTable').dataTable({
                dom: 'Bfrtip',
                buttons: [
                    'copy', 'csv', 'excel', 'pdf', 'print'
                ]
            });

            $('.buttons-excel').addClass(' btn-success btn-sm');
            $('.buttons-pdf').addClass(' btn-danger btn-sm');
            $('.buttons-csv').addClass(' btn-primary btn-sm');
            $('.buttons-copy').addClass(' btn-info btn-sm');
            $('.buttons-print').addClass(' btn-default btn-sm');

        });

    </script>

{% endblock %}