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

{% block title %}Fiche partenaire - {{ partner.name }}{% 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">Fiche partenaire - {{ partner.name }}</h1>
                </div>
                <div class="card-body bg-white py-3">
                    <div class="row">
                        <div class="col-12">
                            <table class="table table-striped">
                                <tbody>
                                <tr>
                                    <th>Photo</th>
                                    <td>
                                        {% if partner.logo %}
                                            <img src="{{ partner.base64Logo }}" alt="Logo du partenaire"/>
                                        {% else %}
                                            <img src="{{ asset('images/default-user-picture.png') }}" alt="Logo non renseigné"/>
                                        {% endif %}
                                    </td>
                                </tr>
                                <tr>
                                    <th>Nom</th>
                                    <td>{{ partner.name }}</td>
                                </tr>
                                <tr>
                                    <th>Responsable(s)</th>
                                    <td>
                                        {% for user in partner.managers %}
                                            <a href="{{ path('organisation_collaborator', {'user': user.id}) }}">{{ user.fullName }}</a>
                                            {%- if not loop.last -%}, {%- endif -%}
                                        {% endfor %}
                                    </td>
                                </tr>
                                <tr>
                                    <th>Membres</th>
                                    <td>
                                        {% for user in partner.members %}
                                            <a href="{{ path('organisation_collaborator', {'user': user.id}) }}">{{ user.fullName }}</a>
                                            {%- if not loop.last -%}, {%- endif -%}
                                        {% endfor %}
                                    </td>
                                </tr>
                                <tr>
                                    <th>Numéro de téléphone</th>
                                    <td><a href="tel:{{ partner.phoneNumber }}">{{ partner.phoneNumber }}</a></td>
                                </tr>
                                <tr>
                                    <th>Mail</th>
                                    <td><a href="mailto:{{ partner.mail }}">{{ partner.mail }}</a></td>
                                </tr>
                                <tr>
                                    <th>Adresse</th>
                                    <td>{{ partner.address }}</td>
                                </tr>
                                <tr>
                                    <th>Description</th>
                                    <td>{{ partner.description | raw }}</td>
                                </tr>
                                <tr>
                                    <th>Avantages pour les clients du Groupe</th>
                                    <td>{{ partner.customerPerks | raw }}</td>
                                </tr>
                                <tr>
                                    <th>Avantages pour les collaborateurs du Groupe</th>
                                    <td>{{ partner.collaboratorPerks | raw }}</td>
                                </tr>
                                {% if partner.website %}
                                <tr>
                                    <th>Site internet</th>
                                    <td><a href="{{ partner.website }}" target="_blank" rel="noopener">{{ partner.website }}</a></td>
                                </tr>
                                {% endif %}
                                {% if partner.facebookLink %}
                                <tr>
                                    <th>Facebook</th>
                                    <td><a href="{{ partner.facebookLink }}" target="_blank" rel="noopener">{{ partner.facebookLink }}</a></td>
                                </tr>
                                {% endif %}
                                {% if partner.linkedInLink %}
                                <tr>
                                    <th>LinkedIn</th>
                                    <td><a href="{{ partner.linkedInLink }}" target="_blank" rel="noopener">{{ partner.linkedInLink }}</a></td>
                                </tr>
                                {% endif %}
                                {% if partner.instagramLink %}
                                <tr>
                                    <th>Instagram</th>
                                    <td><a href="{{ partner.instagramLink }}" target="_blank" rel="noopener">{{ partner.instagramLink }}</a></td>
                                </tr>
                                {% endif %}
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12">
                            <h2>Organigramme</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': '{{ 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 partner.members.empty %},
            'children': [
                {% for user in partner.members %}
                {
                    'name': '{{ user.fullName }}',
                    'title': '{{ user.jobFunctions | join(', ') }}',
                    'type': 'user',
                    'isAssociate': {{ user.isAssociate ? 'true' : 'false' }},
                    'isManager': {{ user.isManager ? 'true' : 'false' }},
                    'isPartnerManager': {{ partner.managers.contains(user) ? 'true' : 'false' }},
                    'picture': '{{ user.base64Picture ?: asset('images/default-user-picture.png') }}',
                    'className': '{% if partner.managers.contains(user) %}super-user{% endif %}',
                    'link': "{{ path('organisation_collaborator', {'user': user.id}) }}"
                }
                {%- if not loop.last %},{% endif %}
                {% endfor %}
            ]
            {% endif %}
        };

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