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

{% block body %}

{% if app.user %}

<section id="commentaires">

    <h1> Les membres du groupe {{ groupe.titreGroupe }} : </h1> <br>

    <br><br>
    <table class="table">
        <tr>
            <td>RÔLE</td>
            <td>USERNAME</td>
            <td>MAIL</td>
            <td class="text-center">ACTION</td>
        </tr>
        {% for user in groupe.users %}
    
            <tr>
                {% if user == groupe.admin %}
                    <td>ADMIN</td>
                {% else %}
                    <td>Membre</td> 
                {% endif %}      
                <td>
                    {{ user.Username }}
                </td>
                <td>
                    {{ user.email }}
                </td>
                {% if user == groupe.admin %}
                    <td  class="text-center">
                        <i class="far fa-star"></i>
                    </td>
                {% else %}
                    <td  class="text-center">
                        <a href="{{path('membre_delete', { 'id': user.id ,'idGroupe': groupe.id} ) }}"
                        type="button" class="btn btn-info">Bannir</a>
                    </td> 
                {% endif %}  
            </tr>
        
        {% endfor %}
    </table>
</section>
<br>
<section>
    <h1>Ajouter des membres au groupe!</h1>
    <form action="{{path('membre_add', {'idGroupe': groupe.id} ) }}" method="post">
        
        <div>
           <label for="email">Entrez l'email de la personne à ajouter</label> 
            <input placeholder="Adresse email ..."  name="email"
            type="text" class="form-control" required>
        </div>
        
        <br>

        <div>
            <input type="submit" class="btn btn-success" value="Ajouter Membre!">
        </div>

    </form>

    
</section>
{% endif %}
{% endblock %}