{% block body %}

    <div class="card ">
        <div class="card-header d-flex gap-2">
            <img class="rounded-circle " style="width:50px; height:50px;" src="{{ aws_url ~ application.entity.logoMiniUrl }}"
                 alt="Logo application">
            <div class="card-title">
                <h1>{{ application.entity.name }}</h1>
            </div>
        </div>
        <div class="card-body d-flex flex-column align-items-center">
            <p class="card-text">{{ application.entity.descriptionSmall|raw }}</p>

            {% if application.hasAccess %}
                {% if is_granted("ROLE_SUPER_ADMIN") %}
                    <form method="POST"
                          action="{{ path('application_remove', {'id': application.entity.id}) }}"
                          data-controller="application"
                          data-application-application-value="{{ application.entity.name }}"
                          data-application-organization-value="{{ organization.name|capitalize }}"
                          data-action="submit->application#handleRemoveSubmit"
                          style="display: inline-block;">
                        <input type="hidden" name="organizationId" value="{{ organization.id }}">
                        <button class="btn btn-secondary" type="submit" data-application-target="submitBtn">
                            Retirer l'accès
                        </button>
                    </form>
                {% else %}
                    <div>
                        <a href="http://{{ application.entity.subDomain }}.solutions-easy.moi"
                           class="btn btn-primary me-2">Y accéder</a>
{#                        TODO: regarder comment gérer l'attribution de droit d'accès au utilisateur à une appli client pour pune organization #}
                    </div>
                {% endif %}
            {% else %}
                {% if is_granted("ROLE_SUPER_ADMIN") %}
                    <form method="POST"
                          action="{{ path('application_authorize', {'id': application.entity.id}) }}"
                          data-controller="application"
                          data-application-application-value="{{ application.entity.name }}"
                          data-application-organization-value="{{ organization.name|capitalize }}"
                          data-action="submit->application#handleAuthorizeSubmit"
                          style="display: inline-block;">
                        <input type="hidden" name="organizationId" value="{{ organization.id }}">
                        <button class="btn btn-secondary" type="submit" data-application-target="submitBtn">
                            Autoriser l'accès
                        </button>
                    </form>
                {% else %}
                    <a href="#" class="btn btn-primary">Demander l'accès</a>
                {% endif %}
            {% endif %}
        </div>
    </div>

{% endblock %}