<footer class="site-footer" data-controller="layout/footer">
    <div class="site-footer__section">
        <div class="site-footer__container site-footer__top-bar">
            <div class="site-footer__logo-col">
                @include('frontend.svg.co2logic-logo-w')
            </div>
            <div class="site-footer__nav-col">
                <nav class="site-footer__nav">
                    <ul>
                        @foreach ($menuStructured as $colItem)
                            <li>
                                <div class="site-footer__nav-col-title" data-action="toggleMenu">
                                    @if($colItem->url === '#')
                                        {{ $colItem->title }}
                                    @else
                                        <a
                                            href="{{ strpos($colItem->url, 'http') === 0 ? $colItem->url : lang_url($colItem->url) }}"
                                            {!! $colItem->target ? "target='{$colItem->target}'" : '' !!}
                                            class="tm-footer-menu-item"
                                        >
                                            {{ $colItem->title }}
                                        </a>
                                    @endif
                                </div>
                                @if(!empty($colItem->children))
                                    <ul>
                                        @if($colItem->url !== '#')
                                            <li class="site-footer__nav-item site-footer__nav-item--mobile">
                                                <a
                                                    href="{{ strpos($colItem->url, 'http') === 0 ? $colItem->url : lang_url($colItem->url) }}"
                                                    {!! $colItem->target ? "target='{$colItem->target}'" : '' !!}
                                                    class="tm-footer-menu-item"
                                                >
                                                    <span>{{ $colItem->title }}</span>
                                                </a>
                                            </li>
                                        @endif
                                        @foreach($colItem->children as $menuItem)
                                            <li class="site-footer__nav-item">
                                                <a
                                                    href="{{ strpos($menuItem->url, 'http') === 0 ? $menuItem->url : lang_url($menuItem->url) }}"
                                                    {!! $menuItem->target ? "target='{$menuItem->target}'" : '' !!}
                                                    class="tm-footer-menu-item"
                                                >
                                                    <span>{{ $menuItem->title }}</span>
                                                </a>
                                            </li>
                                        @endforeach
                                    </ul>
                                @endif
                            </li>
                        @endforeach
                    </ul>
                </nav>
            </div>
            <div class="site-footer__newsletter-col">
                <div class="site-footer__newsletter-title">{{ $content->newsletter_title }}</div>
                <p>{{ $content->newsletter_short_desc }}</p>
                {!! generateLink($content->newsletter_cta, 'std-button std-button--large std-button--light') !!}
            </div>
        </div>
    </div>
    @if($content->partnerLogos->count() > 0)
        <div class="site-footer__section site-footer__partners-section">
            <div class="site-footer__container site-footer__partners">
                <div class="site-footer__partners-label">
                    @lang('frontend.our_partners')
                </div>
                <div class="site-footer__partners-logos">
                    @foreach($content->partnerLogos as $partnerLogo)
                        <div class="site-footer__partners-logo">
                            @if($partnerLogo->logo)
                                @if($partnerLogo->link_url)
                                    <a href="{{ $partnerLogo->link_url }}" class="site-footer__partner-link" target="_blank">
                                @endif
                                <picture>
                                    <source srcset="{{ getMediaUrl($partnerLogo->logo->filename, '400x') }}.webp" type="image/webp">
                                    <img src="{{ getMediaUrl($partnerLogo->logo->filename, '400x') }}" alt="{{ $partnerLogo->title }}" loading="lazy"/>
                                </picture>
                                @if($partnerLogo->link_url)
                                    </a>
                                @endif
                            @endif
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    @endif
    <div class="site-footer__section">
        <div class="site-footer__container site-footer__bottom-bar">
            <div class="site-footer__copyright">
                <div>
                    <span>©<?php echo date("Y"); ?> {{ $content->copyright }}</span>
                    {!! generateLink($content->copyright_cta1, '') !!}
                    {!! generateLink($content->copyright_cta2, '') !!}
                </div>
                <div class="site-footer__manage-cookies">
                    <a class="ot-sdk-show-settings">{{ $content->manage_cookies_label }}</a>
                </div>
            </div>
            <div class="site-footer__social">
                {!! generateLink($content->social_cta, 'site-footer__social-cta') !!}
                <div class="site-footer__social-links">
                    @foreach($content->socialLinks as $socialLink)
                        <a href="{{ $socialLink->link_url }}" class="site-footer__social-link" target="_blank">
                            <img src="{{ getMediaUrl($socialLink->svg->filename, '') }}" alt="{{ $socialLink->title }}"/>
                        </a>
                    @endforeach
                </div>
            </div>
        </div>
        <a href="#" data-action="totop" class="site-footer__to-top"></a>
    </div>
</footer>
