{# ============================================================
   GoFlare Theme – Footer (ESI-Entry, 6.7)
   Nachbau des go-flare.com-Footers:
   Reihe 1: 3 Spalten (Service Hotline / Our Communities / Newsletter)
   Reihe 2 (Bottom-Bar): Rechtslinks (inline) · WhatsApp · Copyright (rechts)
   ============================================================ #}
{% sw_extends '@Storefront/storefront/layout/footer.html.twig' %}

{% block base_footer %}
    <footer class="footer-main goflare-footer">
        <div class="container">

            {# --- Reihe 1: 3 Spalten --- #}
            <div class="goflare-footer-top">

                {# Service Hotline #}
                <div class="goflare-footer-col">
                    <div class="goflare-footer-col-title">Service Hotline</div>
                    <ul class="goflare-footer-links">
                        <li><a href="tel:+498641694820">+49 8641 6948 20</a></li>
                        <li><a href="mailto:info@go-flare.com">info@go-flare.com</a></li>
                    </ul>
                    <p class="goflare-footer-hours">
                        Mon&ndash;Thu: 8.30&nbsp;am&ndash;5&nbsp;pm<br>
                        Fri: 8.30&nbsp;am&ndash;1.30&nbsp;pm
                    </p>
                </div>

                {# Our Communities #}
                <div class="goflare-footer-col">
                    <div class="goflare-footer-col-title">Our Communities</div>
                    <p class="goflare-footer-subtitle">You will no longer miss any news on our social media platforms.</p>
                    <ul class="goflare-footer-links goflare-footer-links--inline">
                        <li><a href="https://www.facebook.com/go.flare.global">Facebook</a></li>
                        <li><a href="https://www.instagram.com/go.flare.global/">Instagram</a></li>
                        <li><a href="https://www.youtube.com/channel/UCvFxgYiTvvOVbOXM_mi-k3w/featured">YouTube</a></li>
                    </ul>
                </div>

                {# Newsletter – Texte ausgeblendet (Spalte bleibt fuer das Layout) #}
                <div class="goflare-footer-col">
                    {#
                    <div class="goflare-footer-col-title">Newsletter</div>
                    <p class="goflare-footer-subtitle">Become part of the FLARE community.</p>
                    #}
                    {# Subscribe-Button ausgeblendet (auf Wunsch). Zum Reaktivieren entkommentieren:
                    <a href="#" class="goflare-footer-subscribe">Subscribe</a>
                    #}
                </div>
            </div>

            {# --- Reihe 2: Bottom-Bar --- #}
            <div class="goflare-footer-bottom">

                {# Rechtliches (inline) #}
                <div class="goflare-footer-bottom-col">
                    <ul class="goflare-footer-links goflare-footer-links--inline">
                        <li><a href="https://go-flare.com/imprint/">Imprint</a></li>
                        <li><a href="https://go-flare.com/privacy-policy/">Privacy Policy</a></li>
                        <li><a href="https://go-flare.com/terms-and-conditions/">T&amp;C</a></li>
                        <li><a href="https://www.skywalk.org/karriere/">Jobs</a></li>
                    </ul>
                </div>

                {# WhatsApp #}
                <div class="goflare-footer-bottom-col goflare-footer-whatsapp">
                    <p class="goflare-footer-subtitle">Stay up to date via WhatsApp.</p>
                    <ul class="goflare-footer-links goflare-footer-links--inline">
                        <li><a href="https://www.whatsapp.com/channel/0029VbCJuRd9cDDhrGycbp1r">News</a></li>
                        <li><a href="https://www.whatsapp.com/channel/0029VbCJuRd9cDDhrGycbp1r">Demo Events</a></li>
                    </ul>
                </div>

                {# Copyright (rechts) + Widerruf-Button + Eyecatcher #}
                <div class="goflare-footer-bottom-col goflare-footer-copyright">

                    {# Widerruf-Button (nur wenn im Admin aktiviert:
                       Einstellungen -> Grundeinstellungen -> Recht und Datenschutz).
                       Logik analog Core-Block layout_footer_navigation_revocation_button. #}
                    {% block goflare_footer_revocation %}
                        {% set revocationRequestCmsPageId = config('core.basicInformation.revocationRequestPage') %}
                        {% set showRevocationButton = config('core.basicInformation.showRevocationButton') %}
                        {% if revocationRequestCmsPageId and showRevocationButton %}
                            {% set revocationRequestUrl = path('frontend.cms.page.full', { id: revocationRequestCmsPageId }) %}
                            {% for serviceMenuItem in footer.serviceMenu %}
                                {% if serviceMenuItem.cmsPageId == revocationRequestCmsPageId and serviceMenuItem.seoUrl %}
                                    {% set revocationRequestUrl = serviceMenuItem.seoUrl %}
                                {% endif %}
                            {% endfor %}
                            {% if footer.navigation and footer.navigation.tree %}
                                {% for footerItem in footer.navigation.tree %}
                                    {% if footerItem.category.cmsPageId == revocationRequestCmsPageId and footerItem.category.seoUrl %}
                                        {% set revocationRequestUrl = footerItem.category.seoUrl %}
                                    {% endif %}
                                {% endfor %}
                            {% endif %}
                            <div class="footer-revocation-button goflare-footer-revocation">
                                {{ 'footer.serviceRevocationRequestTextPage'|trans({ '%url%': revocationRequestUrl })|raw }}
                            </div>
                        {% endif %}
                    {% endblock %}

                    <img class="goflare-footer-eyecatcher"
                         src="{{ asset('bundles/goflaretheme/assets/icon/Footer_Eyecatcher.svg', 'asset') }}"
                         alt="FLARE" width="503" height="316" loading="lazy">
                    <span class="goflare-footer-copyright-text">&copy; {{ "now"|date('Y') }} FLARE</span>
                </div>
            </div>
        </div>
    </footer>
{% endblock %}