{#
    Pied de page « Vitrine et Contact » — logo, coordonnées, mur de photos.

    Pensé pour les activités qui se visitent : gîte, chambre d'hôtes, restaurant,
    salle, camping. Le visiteur qui arrive en bas de page cherche deux choses —
    où c'est, et à quoi ça ressemble — et les trouve sans remonter.

    Aucune de ces données n'existe sur l'entité Site : tout vient de la
    configuration du preset, ce qui rend le bloc réutilisable tel quel par
    n'importe quel site et modifiable sans toucher au gabarit.

    Configuration (toutes les clés sont facultatives) :
      showAbout      bool    Colonne de gauche (logo, description, lien). Défaut : true
      aboutText      string  Texte de présentation. Défaut : la description du site
      aboutLink      string  Cible du lien « en savoir plus »
      aboutLinkText  string  Libellé du lien. Défaut : « En savoir plus »
      contactTitle   string  Titre de la colonne coordonnées. Défaut : « Localisation »
      contact        list    Lignes { icon, text, href } — href facultatif
      photosTitle    string  Titre du mur de photos. Défaut : « Photos »
      photos         list    URL d'images ; colonne masquée si la liste est vide
      showSocial     bool    Réseaux sociaux. Défaut : true
      socialPosition string  Colonne qui les porte : « about » (défaut) ou
                             « contact ». La colonne de présentation étant la
                             plus longue des trois — logo, texte, lien —, les
                             déplacer d'un cran rééquilibre les hauteurs.
#}
{% set showAbout = config.showAbout ?? true %}
{% set contact = config.contact ?? [] %}
{% set photos = config.photos ?? [] %}

{# Le réglage ne peut désigner qu'une colonne réellement affichée : sans lignes
   de coordonnées, la colonne « contact » n'existe pas et les réseaux
   disparaîtraient sans bruit. Même repli quand la présentation est masquée. #}
{% set socialDemande = (config.showSocial ?? true) and site.hasOneSocialLink() %}
{% set socialPosition = (config.socialPosition|default('about')) == 'contact' and contact is not empty
    ? 'contact'
    : (showAbout ? 'about' : (contact is not empty ? 'contact' : 'none')) %}

<footer class="site-chrome-footer footer-showcase-contact" role="contentinfo">
    <div class="container">
        <div class="fsc-grid">

            {% if showAbout %}
                <div class="fsc-about">
                    {% if site.logo %}
                        <img class="fsc-logo" src="{{ vich_uploader_asset(site, 'logoFile') }}" alt="{{ site.name }}">
                    {% else %}
                        <h4>{{ site.name }}</h4>
                    {% endif %}

                    {% set texte = config.aboutText ?? site.description %}
                    {% if texte %}<p>{{ texte }}</p>{% endif %}

                    {% if config.aboutLink ?? false %}
                        <a class="fsc-about-link" href="{{ config.aboutLink }}">
                            {{ config.aboutLinkText ?? 'En savoir plus' }} <span aria-hidden="true">→</span>
                        </a>
                    {% endif %}

                    {% if socialDemande and socialPosition == 'about' %}
                        {% include 'sections/partials/social-links.html.twig' with {
                            links: site.socialLinks, colorMode: 'inherit', size: 'md', class: 'fsc-social'
                        } only %}
                    {% endif %}
                </div>
            {% endif %}

            {% if contact is not empty %}
                <div class="fsc-contact">
                    <h4>{{ config.contactTitle ?? 'Localisation' }}</h4>
                    <ul>
                        {% for ligne in contact %}
                            <li>
                                {% if ligne.icon ?? false %}
                                    <i class="{{ ligne.icon }}" aria-hidden="true"></i>
                                {% endif %}
                                {% if ligne.href ?? false %}
                                    <a href="{{ ligne.href }}">{{ ligne.text }}</a>
                                {% else %}
                                    <span>{{ ligne.text }}</span>
                                {% endif %}
                            </li>
                        {% endfor %}
                    </ul>

                    {% if socialDemande and socialPosition == 'contact' %}
                        {% include 'sections/partials/social-links.html.twig' with {
                            links: site.socialLinks, colorMode: 'inherit', size: 'md', class: 'fsc-social'
                        } only %}
                    {% endif %}
                </div>
            {% endif %}

            {% if photos is not empty %}
                <div class="fsc-photos">
                    <h4>{{ config.photosTitle ?? 'Photos' }}</h4>
                    {# Les vignettes ouvrent la photo en grand : le pied de page ne
                       porte pas de visionneuse, un lien direct suffit et reste
                       utilisable sans JavaScript. #}
                    <div class="fsc-photos-grid">
                        {% for photo in photos %}
                            <a href="{{ photo }}" target="_blank" rel="noopener">
                                <img src="{{ photo }}" alt="" loading="lazy" width="80" height="60">
                            </a>
                        {% endfor %}
                    </div>
                </div>
            {% endif %}

        </div>

        {# Barre basse : mention légale à gauche, menu du pied à droite — comme
           sur le site d'origine. Le menu n'est pas décoratif : sans lui, le
           réglage « ordre du menu du pied de page » resterait sans effet. #}
        <div class="fsc-bottom">
            {% include 'sections/partials/footer-credit.html.twig' with { site: site, class: 'fsc-copy' } only %}
            {% include 'sections/partials/footer-nav.html.twig' with { site: site } only %}
        </div>
    </div>
</footer>