{# TCA Industries — site footer. Bleu Pétrole background with 4 columns:
   brand + NAP / services / about+blog / legal. NAP coherence is critical
   for local SEO (seo-strategy.md §6.2) — single source of truth is siteParams. #}
{% set _route = app.request.attributes.get('_route', '') %}
{% set phoneRaw = siteParams.phone|default('') %}
{% set phoneDigits = phoneRaw|replace({' ': '', '.': '', '-': '', '(': '', ')': ''}) %}

<footer class="tca tca-footer" role="contentinfo">
    <div class="tca-container">

        <div class="tca-footer__top">

            <div class="tca-footer__brand">
                {# Footer logo: white reserve variant on petrol background per docs/design.md §4.3 #}
                {# Ratio aligné sur le viewBox du SVG (817.64 × 476.18), rendu à 64px de haut. #}
                <img src="{{ asset('logos/HORIZONTALE BASELINE/LOGO-TCA-RVB_HORIZONTALE-BASELINE-RESERVE.svg') }}"
                     alt="{{ siteParams.siteName|default('TCA Industries') }}"
                     width="110" height="64">
                <p>{{ siteParams.tagline|default('Fournitures et réparations industrielles à Clermont-Ferrand depuis 1983.') }}</p>
            </div>

            <div>
                <h4>Nos services</h4>
                <ul>
                    <li><a href="{{ path('app_service_reparation_moteur_electrique') }}">Réparation moteur électrique</a></li>
                    <li><a href="{{ path('app_service_bobinage_moteur_electrique') }}">Bobinage moteur</a></li>
                    <li><a href="{{ path('app_service_reducteurs_motoreducteurs') }}">Réducteurs et motoréducteurs</a></li>
                    <li><a href="{{ path('app_service_pompes_industrielles') }}">Pompes industrielles</a></li>
                    <li><a href="{{ path('app_service_pompe_piscine_relevage') }}">Pompes particuliers</a></li>
                    <li><a href="{{ path('app_service_variateurs_de_vitesse') }}">Variateurs de vitesse</a></li>
                    <li><a href="{{ path('app_service_transmissions_mecaniques') }}">Transmissions mécaniques</a></li>
                    <li><a href="{{ path('app_service_fournitures_industrielles') }}">Fournitures industrielles</a></li>
                    <li><a href="{{ path('app_service_maintenance_industrielle') }}">Maintenance industrielle</a></li>
                </ul>
            </div>

            <div>
                <h4>Entreprise</h4>
                <ul>
                    <li><a href="{{ path('app_about') }}">À propos</a></li>
                    <li><a href="{{ path('app_blog_index') }}">Blog</a></li>
                    <li><a href="{{ path('app_contact') }}">Contact</a></li>
                </ul>
            </div>

            <div>
                <h4>Nous contacter</h4>
                <div class="tca-footer__contact">
                    <div class="tca-footer__contact-item">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
                        <address style="font-style: normal;">
                            {{ siteParams.address|default('25 Rue Joseph Desaymard') }}<br>
                            {% if siteParams.addressComplement %}{{ siteParams.addressComplement }}<br>{% endif %}
                            {{ siteParams.postalCode|default('63000') }} {{ siteParams.city|default('Clermont-Ferrand') }}
                        </address>
                    </div>
                    {% if phoneRaw %}
                        <div class="tca-footer__contact-item">
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
                            <a href="tel:+33{{ phoneDigits|slice(1) }}">{{ phoneRaw }}</a>
                        </div>
                    {% endif %}
                    {% if siteParams.contactEmail %}
                        <div class="tca-footer__contact-item">
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
                            <a href="mailto:{{ siteParams.contactEmail }}">{{ siteParams.contactEmail }}</a>
                        </div>
                    {% endif %}
                    <div class="tca-footer__contact-item">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
                        <span>Lun – Jeu : 08h–17h&nbsp;·&nbsp;Ven : 08h–12h</span>
                    </div>
                </div>
            </div>

        </div>

        <div class="tca-footer__bottom">
            <p>© {{ "now"|date("Y") }} {{ siteParams.siteName|default('TCA Industries') }}. Tous droits réservés.</p>

            {% if siteParams.socialNetworksEnabled and socialNetworks|default([])|length > 0 %}
                <div class="tca-footer__social" aria-label="Réseaux sociaux">
                    {% for social in socialNetworks %}
                        <a href="{{ social.url }}" target="_blank" rel="noopener" aria-label="{{ social.title }}">
                            {% if social.icon %}
                                <img src="{{ asset(social.icon) }}" alt="" width="18" height="18">
                            {% else %}
                                <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><circle cx="12" cy="12" r="10"/></svg>
                            {% endif %}
                        </a>
                    {% endfor %}
                </div>
            {% endif %}

            <div class="tca-footer__legal-links">
                <a href="{{ path('app_legal_mentions') }}" {% if _route == 'app_legal_mentions' %}class="is-active"{% endif %}>Mentions légales</a>
                <a href="{{ path('app_legal_privacy') }}" {% if _route == 'app_legal_privacy' %}class="is-active"{% endif %}>Confidentialité</a>
                <a href="{{ path('app_legal_cgu') }}" {% if _route == 'app_legal_cgu' %}class="is-active"{% endif %}>CGU</a>
                {% if siteParams.cookieConsentEnabled %}
                    <a href="{{ path('app_legal_cookies') }}" {% if _route == 'app_legal_cookies' %}class="is-active"{% endif %}>Cookies</a>
                    <a href="#" onclick="event.preventDefault();if(window.CookieConsent)CookieConsent.openPanel();">Gérer les cookies</a>
                {% endif %}
            </div>
        </div>

    </div>
</footer>