{% block body %}

    <div class="card mb-4 me-4">
        <div class="card-header">
            <div class="d-flex">
                {% if application.logoUrl %}
                    <img src="{{ asset(application.logoUrl) }}" alt="Logo {{ application.name }}"
                         class="rounded-circle me-2" style="width:40px; height:40px;">
                {% endif %}
                <h1 class="mb-0">{{ application.name|title }}</h1>
            </div>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-6">
                    <p>{{ application.description|default('Aucune description disponible.') }}</p>
                </div>
            </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 %}