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

{% block widgetmenu %}
{% endblock %}

{% block widgetbody %}
    <div style="text-align: center;">
        {{ description | raw }}
    </div>
    
    {%if usage=="group" %}
        <div class="grid clearfix">
            <div class="grid-sizer  grid-verysmall"></div>
            <div class="grid-gutter-sizer"></div>   

            {% if canadd==true %}
                <div class="grid-item grid-verysmall" style="{{stylewidgetitem}}">
                    <div class="grid-item-content">      
                        <a href="{{path('app_user_group_users',{'id':id,'idreturn':idpage})}}" target="_top">
                            <div class="item-link clearfix">
                                <div class="grid-item-logo">
                                    <img class="grid-item-img imageshadow" height="110" src="/{{ appAlias }}/uploads/icon/icon_add.png" />
                                </div>                    

                                <div class="grid-item-title">
                                    <h2>Ajouter un membre</h2>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>                    
            {% endif %}

            {% for member in members %}
                <div class="grid-item grid-verysmall" style="{{stylewidgetitem}}">
                    <div class="grid-item-content">    
                        <div class="item-link clearfix">  
                            <div class="grid-item-logo">
                                <img onclick="seeUser({{member.user.id}})" src="/{{ appAlias }}/uploads/avatar/{{ member.user.avatar}}" class="grid-item-img avatar" height="110" style="cursor:pointer;">   
                            </div>
                        
                            <div class="grid-item-title">
                                <h2>
                                {{ member.user.lastname }} {{ member.user.firstname }}
                                {% if member.rolegroup==100 %}
                                    <br><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i>
                                {% elseif member.rolegroup==90 %}
                                    <br><i class="fa fa-star"></i><i class="fa fa-star"></i>
                                {% elseif member.rolegroup==50 %}
                                    <br><i class="fa fa-star"></i>
                                {% endif %}
                                </h2>
                            </div>
                        </div>
                    </div>
                </div>
            {% endfor %}
        </div>
    {% endif %}
{% endblock %}