{% 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>
            </div>
            {% if is_granted('ROLE_ADMIN') %}
                <form method="POST"
                      action="{{ path('user_application_role', { id : uoa.uoId }) }}"
                      onsubmit="return confirm('Attention, si le role utilisateur ' +
                       'n\'est pas attribué, l\'utilisateur ne pourra plus accéder à l\'application. Êtes-vous sûr ?');"
                      data-controller="user"
                      data-user-roles-array-value="{{ uoa.rolesArray|json_encode }}"
                      data-user-selected-role-ids-value="{{ uoa.selectedRoleIds|json_encode }}">
                    <div class="form-group mb-3">
                        <label for="roles-{{ uoa.application.id }}"><b>Rôles :</b></label>
                        <select data-user-target="select"
                                class="choices"
                                id="roles-{{ uoa.application.id }}"
                                name="roles[]"
                                multiple>
                        </select>
                    </div>
                    <input hidden type="text" value="{{ uoa.application.id }}" name="applicationId">
                    <button type="submit" class="btn btn-primary">Sauvegarder</button>
                </form>
            {% else %}
                <label for="roles-{{ uoa.application.id }}"><b>Rôles :</b></label>
                <select data-user-target="select"
                        class="choices"
                        id="roles-{{ uoa.application.id }}"
                        name="roles[]"
                        data-controller="user"
                        data-user-roles-array-value="{{ uoa.rolesArray|json_encode }}"
                        data-user-selected-role-ids-value="{{ uoa.selectedRoleIds|json_encode }}"
                        multiple
                        disabled>
                </select>
            {% endif %}
        </div>
    </div>


{% endblock %}