{{-- Footer demo-real-estate — Alineado con Schujman (referencia) --}}
<footer id="footer" class="bg-color-secondary border-top-0 mt-0">

    <div class="container-fluid py-4">
        <div class="row justify-content-md-center py-5 mt-3">

            {{-- Col 1: Logo --}}
            <div class="col-md-12 col-lg-3 d-flex align-items-center justify-content-center justify-content-lg-start mb-5 mb-lg-0">
                <a href="{{ front_homepage_url() }}">
                    <img src="{{ site_asset_url('footer_logo') ?: site_asset_url('main_logo') }}" alt="{{ config('site.assets.main_logo_alt', config('site.name')) }}" class="img-fluid pe-lg-5 mb-2 mb-lg-0" style="width: 100%; height: auto; max-width: 300px">
                </a>
            </div>

            {{-- Col 2: Pages --}}
            <div class="col-md-6 col-lg-2 text-center text-lg-start mb-5 mb-lg-0">
                <h5 class="text-5 text-transform-none font-weight-semibold text-color-dark mb-4">{{ config('site.footer.col_pages_title', __('Pages')) }}</h5>
                <x-footer-nav :limit="5" :as-list="true" classes="list list-unstyled" />
            </div>

            {{-- Col 3: Links --}}
            <div class="col-md-6 col-lg-3 text-center text-lg-start mb-5 mb-lg-0">
                <h5 class="text-5 text-transform-none font-weight-semibold text-color-dark mb-4">{{ config('site.footer.col_links_title', __('Links')) }}</h5>
                <ul class="list list-unstyled">
                    @if(is_module_active('faqs'))
                    <li class="mb-1"><a href="{{ route('faqs.index') }}" class="link-hover-style-1 text-3-5"> {{ __('Preguntas Frecuentes') }}</a></li>
                    @endif
                    <li class="mb-1"><a href="{{ route('front.contact') }}" class="link-hover-style-1 text-3-5"> {{ __('Contacto') }}</a></li>
                </ul>
            </div>

            {{-- Col 4: Social media --}}
            <div class="col-md-6 col-lg-4 text-center text-lg-start">
                <h5 class="text-5 text-transform-none font-weight-semibold text-color-dark mb-4">{{ config('site.footer.col_social_title', __('Encuentranos en:')) }}</h5>
                <p class="mb-0 text-4">
                    @foreach(collect(config('site.social_media', []))->filter(fn($v) => !empty(is_array($v) ? ($v['url'] ?? '') : $v)) as $network => $item)
                    @php
                        $socialUrl = is_array($item) ? ($item['url'] ?? '') : $item;
                        $socialIcon = is_array($item) ? ($item['icon'] ?? '') : '';
                        $defaultIcons = [
                            'instagram' => 'fab fa-instagram',
                            'facebook'  => 'fab fa-facebook-f',
                            'linkedin'  => 'fab fa-linkedin',
                            'twitter'   => 'fab fa-twitter',
                            'youtube'   => 'fab fa-youtube',
                            'tiktok'    => 'fab fa-tiktok',
                        ];
                        $icon = $socialIcon ?: ($defaultIcons[$network] ?? '');
                    @endphp
                    @if($socialUrl && $icon)
                    <span class="social-icons-{{ $network }} mb-4">
                        <a href="{{ $socialUrl }}" target="_blank" class="text-color-tertiary font-weight-semibold" title="{{ ucfirst($network) }}">
                            <i class="me-1 {{ $icon }}"></i> {{ strtoupper($network) }}
                        </a>
                    </span><br>
                    @endif
                    @endforeach
                </p>
            </div>

        </div>
    </div>

    {{-- Copyright --}}
    <div class="footer-copyright bg-color-gray">
        <div class="container-fluid py-1">
            <div class="row py-2">
                <div class="col-lg-8 text-center text-lg-start mb-1 mb-lg-0">
                    <nav id="sub-menu">
                        <ul>
                            @if(is_module_active('faqs'))
                            <li><i class="fas fa-angle-right font-weight-semi-bold"></i><a href="{{ route('faqs.index') }}" class="ms-1 text-decoration-none text-color-light font-weight-semi-bold"> {{ __('Preguntas Frecuentes') }}</a></li>
                            @endif
                            <li><i class="fas fa-angle-right font-weight-semi-bold"></i><a href="{{ route('front.about') }}" class="ms-1 text-decoration-none text-color-light font-weight-semi-bold"> {{ __('Sobre Nosotros') }}</a></li>
                            <li><i class="fas fa-angle-right font-weight-semi-bold"></i><a href="{{ route('front.contact') }}" class="ms-1 text-decoration-none text-color-light font-weight-semi-bold"> {{ __('Contacto') }}</a></li>
                        </ul>
                    </nav>
                </div>
                <div class="col-lg-4 d-flex align-items-center justify-content-center justify-content-lg-end mb-2 mb-lg-0 pt-4 pt-lg-0">
                    <p class="mt-15 text-color-light">
                        &copy; {{ date('Y') }} &nbsp;
                        <a href="{{ config('site.footer.credit_url', 'https://www.lacompaniadigital.com') }}" style="color: #00ffff;" target="_blank">
                            <strong>{{ config('site.footer.credit_brand', 'COMPAÑÍA') }}</strong> {{ config('site.footer.credit_suffix', 'DIGITAL') }} &nbsp;
                        </a>
                        <span>{{ config('site.footer.copyright_text', __('All Rights Reserved')) }}</span>
                    </p>
                </div>
            </div>
        </div>
    </div>

</footer>