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

{% block title %}Liste des Déposants{% endblock %}

{% block body %}
<div class="card mb-4">
    <div align="right">
        <a href="{{ path('admin_add_deposant') }}" class="btn btn-success">
            Ajouter Déposant
        </a>
    </div>
    <div class="card-header pb-0">
        <center><h4>Liste des Déposants</h4></center>
    </div>
    <div class="card-body px-0 pt-0 pb-2">
        <div class="table-responsive p-0">
            <table id="articlesDeposant" class="table align-items-center mb-0">
                <thead>
                    <tr>
                        <th>Code</th>
                        <th>Nom</th>
                        <th>telephone</th>
                        <th><center>Actions</center></th>
                    </tr>
                </thead>
                <tbody>
        {% for deposant in deposants %}
            <tr>
                <td>{{ deposant.codeDeposant}}</td>
                <td>{{ deposant.nom }}</td>
                <td>{{ deposant.telephone }}</td>
                <td><center>
                <a href="{{ path('admin_list_articles_by_deposant', { id: deposant.id }) }}" class="btn btn-primary">Afficher les Articles</a>

                    <a href="{{ path('admin_edit_deposant', { id: deposant.id }) }}" class="btn btn-secondary btn-sm" >Modifier</a>

                {% if deposant.isDeletable %}
                    <form method="post" action="{{ path('admin_delete_deposant', { id: deposant.id }) }}" style="display: inline-block;">
                        <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ deposant.id) }}">
                        <button type="submit" class="btn btn-danger btn-sm">Supprimer</button>
                    </form>
                {% else %}
                    <button type="button" class="btn btn-danger btn-sm" disabled>Supprimer</button>
                {% endif %}
            </center>
                </td>
            </tr>
        {% endfor %}
    </tbody>
</table>



<!-- Script DataTables -->
<script>
    $(document).ready(function() {
        $('#articlesDeposant').DataTable({
            "paging": true,           // Active la pagination
            "ordering": true,         // Active le tri des colonnes
            "info": true,             // Affiche les infos de pagination
            "searching": true,        // Active la recherche
            "language": {             // Traduire DataTables en français
                "url": "//cdn.datatables.net/plug-ins/1.13.6/i18n/fr-FR.json"
            }
        });
    });
</script>
{% endblock %}