{% block body %}
    {% set roles = uoa.roles %}

    <div class="card col-6 mb-4 me-4">
        <div class="card-header">
            <div class="d-flex">
                {% if uoa.application.logoUrl %}
                    <img src="{{ asset(uoa.application.logoUrl) }}" alt="Logo {{ uoa.application.name }}"
                         class="rounded-circle me-2" style="width:40px; height:40px;">
                {% endif %}
                <h1 class="mb-0">{{ uoa.application.name|title }}</h1>
            </div>
        </div>
        <div class="card-body">
            <div class="row">
                <p><b> Description : </b>{{ uoa.application.description|default('Aucune description disponible.') }}</p>
                {% if  roles|length is not null %}
                    <div class="col">
                        <p><b>Rôles :</b>

                            {% for role in roles %}
                            {% if role.name == "SUPER ADMIN" %}
                                <span class="badge bg-danger">{{ role.name|capitalize }}</span>
                            {% elseif role.name == "ADMIN" %}
                                <span class="badge bg-danger">{{ role.name|capitalize }}</span>
                            {% else %}
                                <span class="badge bg-primary">{{ role.name|capitalize }}</span>
                            {% endif %}
                            {% if not loop.last %} - {% endif %}
                            {% else %}
                        <p>Aucun rôle attribué.</p>
                        {% endfor %}
                        </p>
                    </div>

                {% endif %}
            </div>
            {#            {% if is_granted('ROLE_ADMIN') %} #}
            {#                <form method="POST" action="{{ path('user_organization_edit', {'id' : uo.uoId}) }}" #}
            {#                      data-controller="user" #}
            {#                      data-user-roles-array-value="{{ rolesArray|json_encode }}" #}
            {#                      data-user-selected-role-ids-value="{{ selectedRoleIds|json_encode }}"> #}
            {#                    <div class="form-group mb-3"> #}
            {#                        <label for="roles">Roles</label> #}
            {#                        <select class="choices" data-type="select-multiple" id="roles" name="roles[]" multiple> #}
            {#                        </select> #}
            {#                    </div> #}
            {#                    <button type="submit" class="btn btn-primary">Sauvegarder</button> #}
            {#                </form> #}
            {#            {% endif %} #}
        </div>
    </div>

{% endblock %}