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

{% block title %}Organigramme du Groupe{% endblock %}

{% block body %}
    <div class="row">
        <div class="col-12">
            <div class="card border-0 mb-3">
                <div class="card-header bg-grey">
                    <h1 class="h5 text-white m-0 fw-bold">Organigramme du Groupe</h1>
                </div>
                <div class="card-body bg-white py-3">
                    <div class="row">
                        <div class="col-12">
                        </div>
                        <div class="col-12 col-lg-6 col-xl-3 mb-3">
                            <div class="bg-primary text-center">
                                <a href="{{ path('organisation_regions') }}" class="text-white fw-bold nice-link d-block p-5 text-uppercase"><i class="fas fa-globe-europe fs-1"></i>
                                    <br><br>Régions</a>
                            </div>
                        </div>
                        <div class="col-12 col-lg-6 col-xl-3 mb-3">
                            <div class="bg-primary text-center">
                                <a href="{{ path('organisation_departments') }}" class="text-white fw-bold nice-link d-block p-5 text-uppercase"><i class="fas fa-building fs-1"></i>
                                    <br><br>Commissions</a>
                            </div>
                        </div>
                        <div class="col-12 col-lg-6 col-xl-3 mb-3">
                            <div class="bg-primary text-center">
                                <a href="{{ path('organisation_partners') }}" class="text-white fw-bold nice-link d-block p-5 text-uppercase"><i class="fas fa-handshake fs-1"></i>
                                    <br><br>Partenaires</a>
                            </div>
                        </div>
                        <div class="col-12 col-lg-6 col-xl-3 mb-3">
                            <div class="bg-primary text-center">
                                <a href="{{ path('organisation_search') }}" class="text-white fw-bold nice-link d-block p-5 text-uppercase"><i class="fas fa-search fs-1"></i>
                                    <br><br>Rechercher</a>
                            </div>
                        </div>
{#                        <div class="col-12">#}
{#                            <h2>Organigramme complet</h2>#}
{#                            <div id="chartContainer" class="chart-container"></div>#}
{#                        </div>#}
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}

{#{% block javascripts %}#}
{#    {{ parent() }}#}
{#    {{ encore_entry_script_tags('organisation') }}#}
{#    <script>#}
{#        let datasource = {#}
{#            'name': 'Hans & associés',#}
{#            'title': '',#}
{#            'type': 'root',#}
{#            'className': 'root',#}
{#            'children': [#}
{#            {#}
{#                'name': 'Groupe',#}
{#                'title': '',#}
{#                'type': 'root',#}
{#                'className': 'root',#}
{#                'children': [#}
{#                    {#}
{#                        'name': 'René Hans',#}
{#                        'title': 'Président du Groupe Hans & associés',#}
{#                        'type': 'user',#}
{#                        'isAssociate': false,#}
{#                        'isManager': false,#}
{#                        'isInChargeOfDepartment': false,#}
{#                        'picture': '{{ asset('images/rene-hans.jpg') }}',#}
{#                        'className': 'super-user',#}
{#                        'link': null#}
{#                    },#}
{#                    {#}
{#                        'name': 'Frédéric Stutzmann',#}
{#                        'title': 'Directeur Général',#}
{#                        'type': 'user',#}
{#                        'isAssociate': false,#}
{#                        'isManager': false,#}
{#                        'isInChargeOfDepartment': false,#}
{#                        'picture': '{{ asset('images/frederic-stutzmann.jpg') }}',#}
{#                        'className': 'super-user',#}
{#                        'link': null#}
{#                    },#}
{#                    {#}
{#                        'name': 'Régions',#}
{#                        'title': '',#}
{#                        'type': 'region',#}
{#                        'className': 'region',#}
{#                        'children': [#}
{#                            {% for region in regions %}#}
{#                            {%- if not region.offices.empty -%}#}
{#                            {#}
{#                                'name': '{{ region.name }}',#}
{#                                'title': '',#}
{#                                'type': 'region',#}
{#                                'className': 'region',#}
{#                                'children': [#}
{#                                    {%- for office in region.offices -%}#}
{#                                    {#}
{#                                        'name': '{{ office.name }}',#}
{#                                        'title': 'Bureau',#}
{#                                        'type': 'office',#}
{#                                        'link': '{{ path('organisation_office', {'office': office.id}) }}',#}
{#                                        'className': 'office'{% if not office.users.empty %},{% endif %}#}
{#                                        {%- if not office.users.empty -%}#}
{#                                        'children': [#}
{#                                            {%- for user in office.users -%}#}
{#                                            {#}
{#                                                'name': '{{ user.fullName }}',#}
{#                                                'title': '{{ user.jobFunctions | join(', ') }}',#}
{#                                                'type': 'user',#}
{#                                                'isAssociate': {{ user.isAssociate ? 'true' : 'false' }},#}
{#                                                'isManager': {{ user.isManager ? 'true' : 'false' }},#}
{#                                                'isInChargeOfDepartment': false,#}
{#                                                'picture': '{{ user.base64Picture ?: asset('images/default-user-picture.png') }}',#}
{#                                                'className': '{% if user.isAssociate or user.isManager %}super-user{% endif %}',#}
{#                                                'link': "{{ path('organisation_collaborator', {'user': user.id}) }}"#}
{#                                            }#}
{#                                            {% if not loop.last %},{% endif %}#}
{#                                            {%- endfor -%}#}
{#                                        ]#}
{#                                        {%- endif -%}#}
{#                                    }{% if not loop.last %},{% endif %}#}
{#                                    {%- endfor -%}#}
{#                                ]#}
{#                            },#}
{#                            {% endif %}#}
{#                            {%- endfor -%}#}
{#                        ]#}
{#                    },#}
{#                    {#}
{#                        'name': 'Commissions',#}
{#                        'title': '',#}
{#                        'type': 'department',#}
{#                        'className': 'department',#}
{#                        'children': [#}
{#                            {% for department in departments %}#}
{#                            {% if department.name != "Partenaires" %}#}
{#                            {#}
{#                                'name': '{{ department.name }}',#}
{#                                'title': '',#}
{#                                'type': 'department',#}
{#                                'className': 'department'{% if not department.members.empty %},#}
{#                                'children': [#}
{#                                    {#}
{#                                        'name': '{{ department.userInCharge.fullName }}',#}
{#                                        'title': '{{ department.userInCharge.jobFunctions | join(', ') }}',#}
{#                                        'type': 'user',#}
{#                                        'isAssociate': {{ department.userInCharge.isAssociate ? 'true' : 'false' }},#}
{#                                        'isManager': {{ department.userInCharge.isManager ? 'true' : 'false' }},#}
{#                                        'isInChargeOfDepartment': true,#}
{#                                        'picture': '{{ department.userInCharge.base64Picture ?: asset('images/default-user-picture.png') }}',#}
{#                                        'className': '{% if department.userInCharge.isAssociate or department.userInCharge.isManager %}super-user{% endif %}',#}
{#                                        'link': "{{ path('organisation_collaborator', {'user': department.userInCharge.id}) }}"#}
{#                                    },#}
{#                                    {%- for user in department.members -%}#}
{#                                    {#}
{#                                        'name': '{{ user.fullName }}',#}
{#                                        'title': '{{ user.jobFunctions | join(', ') }}',#}
{#                                        'type': 'user',#}
{#                                        'isAssociate': {{ user.isAssociate ? 'true' : 'false' }},#}
{#                                        'isManager': {{ user.isManager ? 'true' : 'false' }},#}
{#                                        'isInChargeOfDepartment': {{ department in user.departmentsInChargeOf ? 'true' : 'false' }},#}
{#                                        'picture': '{{ user.base64Picture ?: asset('images/default-user-picture.png') }}',#}
{#                                        'className': '{% if user.isAssociate or user.isManager %}super-user{% endif %}',#}
{#                                        'link': "{{ path('organisation_collaborator', {'user': user.id}) }}"#}
{#                                    }#}
{#                                    {% if not loop.last %},{% endif %}#}
{#                                    {%- endfor -%}#}
{#                                ]{% endif %}#}
{#                            }{% if not loop.last %},{% endif %}#}
{#                            {% endif %}#}
{#                            {%- endfor -%}#}
{#                        ]#}
{#                    }#}
{#                ]#}
{#            },#}
{#            {#}
{#                'name': 'Partenaires',#}
{#                'title': '',#}
{#                'type': 'root',#}
{#                'className': 'root',#}
{#                'children': [#}
{#                    {%- for partner in partners -%}#}
{#                    {#}
{#                        'name': '{{ partner.name }}',#}
{#                        'title': '{{ partner.shortDescription }}',#}
{#                        'type': 'user',#}
{#                        'isAssociate': false,#}
{#                        'isManager': false,#}
{#                        'picture': '{{ partner.base64Logo ?: asset('images/default-user-picture.png') }}',#}
{#                        'className': '',#}
{#                        'link': "{{ path('partner_partner', {'partner': partner.id, 'slug': partner.slug}) }}"#}
{#                    }#}
{#                    {% if not loop.last %},{% endif %}#}
{#                    {%- endfor -%}#}
{#                ]#}
{#            }]#}
{#        };#}

{#        defaultOrgChartConfig.data = datasource;#}
{#        let orgchart = new OrgChart(defaultOrgChartConfig)#}
{#    </script>#}
{#{% endblock %}#}