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

{% block title %}Hello AdminController!{% endblock %}

{% block body %}
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous" defer>
    <link href="{{ asset('css/admin.css') }}" rel="stylesheet">


<h3 class="assoc-pres">administration de l'association :</h3>
<div class="assoc-container">
    <h3 class="assoc-name">{{association.name}}</h3>
    <img class="assoc-logo" src="{{ asset('/build/logo_directory/' ~ association.logo) }}" alt="logo de l'association">
</div>

<table class="table">
        <tr>
            <th>Utilisateur</th>
            <th>Email</th>
            <th>Supprimer</th>
        </tr>
{% if users is empty %}
    <tr>
        <td>Aucun utilisateur</td>
        <td></td>
        <td></td>
    </tr>
{% else %}
    {% for user in users %}
            <tr onclick="window.location='{{path('admin_user', {'idAssoc': association.id, 'id': user.id, } )}}'">
                <td>{{ user.username }}</td>
                <td>{{ user.email }}</td>
                <td><a href="{{ path('remove_user', {'idAssoc': association.id, 'id': user.id, } )}}"><i class="fa-solid fa-trash"></i></a></td>
            </tr>
    {% endfor %} 
{% endif %}

</table>
{{ knp_pagination_render(users) }}

        {# <div class="tableau">

            {% for action in actions %}
                    
                        <div class="ligne" >
                            <p>{{ action.user.username }}</p>
                            <p>{{ action.villeDepart }}</p>
                            <p>{{ action.villeArrive }}</p>
                            <p>{{ action.km }}</p>
                            <p>{{ action.raisons }}</p>
                            <p>{{ action.heureDepart|date('H:i') }}</p>
                            <p>{{ action.heureArrivee|date('H:i') }}</p>
                            <p>{{ action.duree }}</p>
                            <p>{{ action.frais }}</p>
                            <p>{{ action.date|date('d/m/Y') }}</p>
                        </div>

                      
            {% endfor %}

        </div> #}


{% endblock %}
{% block javascript %}
    <script src="{{ asset('action.js') }}"></script>
    {{ encore_entry_script_tags('sort') }}
{% endblock %}