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

{% block title %} Gestion des organisations {% endblock %}

{% block body %}
    <div class="w-100 h-100 p-5 m-auto">
        <div class="card no-header-bg p-3 m-3 border-0">
            <div class="card-header d-flex justify-content-between align-items-center  border-0">
                <div class="card-title">
                    <h1>Gestion des organisations</h1>
                </div>

                {% if is_granted("ROLE_SUPER_ADMIN") %}
                    <a href="{{ path('organization_new') }}" class="btn btn-primary">Ajouter une organisation</a>
                {% endif %}
            </div>


            <div class="card-body ">
                {% if organizationsData|length == 0 %}

{#                style présent juste pour créer de l'espace #}
                    <div class="div text-center my-5 py-5">
                        <h1 class="my-5 ty-5"> Aucune organisation trouvée. </h1>
                        <a href="{{ path('organization_new') }}" class="btn btn-primary">Créer une organisation</a>
                    </div>

                {% else %}

                    <div id="tabulator-org" data-controller="organization"
                         data-organization-data-value="{{ organizationsData|json_encode(constant("JSON_UNESCAPED_UNICODE"))|e("html_attr") }}"
                         data-organization-aws-value="{{ aws_url }}"></div>


                {% endif %}
            </div>

        </div>
    </div>

{% endblock %}