{{-- Footer demo-accounting-2 — Rediseño Premium CD-System --}}
<footer id="footer" class="border-0 px-3 px-lg-5 pt-5 text-3 position-relative overflow-hidden" style="background-color: var(--dark) !important; border-top: 2px solid var(--primary-rgba-30) !important; box-shadow: 0 -10px 40px var(--primary-rgba-5) !important;">
    {{-- Glow background layers --}}
    <div class="hero-glow-circle d-none d-lg-block" style="bottom: -100px; right: -50px; opacity: 0.7;"></div>
    <div class="hero-glow-circle d-none d-lg-block" style="top: -100px; left: -50px; opacity: 0.5;"></div>
    
    <div class="position-relative z-index-2">
        <div class="container">
        {{-- Logo & Brand Tagline --}}
        <div class="row align-items-center pb-4 mb-2 border-bottom border-color-light-rgba-10">
            <div class="col-lg-6 text-center text-lg-start mb-3 mb-lg-0">
                <a href="{{ front_homepage_url() }}" class="text-decoration-none">
                    @php
                        $footerLogoUrl = site_asset_url('footer_logo') ?: site_asset_url('main_logo');
                        $isDefaultLogo = empty($footerLogoUrl) || str_contains($footerLogoUrl, 'logo-main') || str_contains($footerLogoUrl, 'logo.png') || str_contains($footerLogoUrl, 'logo-default') || str_contains($footerLogoUrl, 'logo-logo-2') || str_contains($footerLogoUrl, 'logo-footer');
                    @endphp
                    @if(!$isDefaultLogo)
                        <img alt="{{ config('site.name') }}" width="auto" height="{{ config('site.assets.main_logo_height', 45) }}" src="{{ $footerLogoUrl }}">
                    @else
                        @php
                            $siteName = config('site.name', 'COKE');
                            $formattedName = str_ireplace('o', '0', $siteName);
                            $firstChar = substr($formattedName, 0, 1);
                            $secondChar = strlen($formattedName) > 1 ? substr($formattedName, 1, 1) : '';
                            $restChars = strlen($formattedName) > 2 ? substr($formattedName, 2) : '';
                        @endphp
                        <span class="logo-coke d-flex align-items-center justify-content-center justify-content-lg-start" style="font-family: var(--font-family-secondary), sans-serif; font-weight: 700; letter-spacing: 0.05em; color: var(--light); font-size: 1.6rem; transition: all 0.3s ease;">
                            <span class="logo-bracket" style="color: var(--primary); opacity: 0.85;">&lt;</span>{{ $firstChar }}@if($secondChar !== '')<span class="logo-zero" style="color: var(--primary);">{{ $secondChar }}</span>@endif{{ $restChars }}<span class="logo-bracket" style="color: var(--primary); opacity: 0.85;">&gt;</span>
                        </span>
                    @endif
                </a>
            </div>
            <div class="col-lg-6 text-center text-lg-end">
                <span class="text-3 text-color-tertiary font-weight-medium opacity-6">
                    {{ config('site.name') }} &mdash; {{ config('site.tagline') }}
                </span>
            </div>
        </div>

        {{-- Tagline & Contact Info --}}
        <div class="row align-items-center py-4">
            <div class="col-lg-6 text-center text-lg-start mb-4 mb-lg-0">
                <h2 class="font-weight-semibold line-height-2 mb-0" style="font-family: var(--font-family-secondary), sans-serif !important; font-size: clamp(2rem, 5vw, 3.2rem); color: var(--light) !important; letter-spacing: -0.03em;">
                    {{ config('site.footer.tagline', config('site.tagline', '')) }}
                    @if(config('site.footer.tagline_highlight'))
                        <span class="text-color-primary" style="color: var(--primary) !important;">{{ config('site.footer.tagline_highlight') }}</span>
                    @endif
                    {{ config('site.footer.tagline_suffix', '') }}
                </h2>
            </div>
            <div class="col-lg-6">
                <div class="d-flex flex-column flex-md-row justify-content-lg-end align-items-center gap-4">
                    @if(config('site.contact.phone'))
                    <div class="d-flex align-items-center">
                        <div class="footer-contact-icon-box d-flex align-items-center justify-content-center me-3">
                            <i class="fas fa-phone-alt text-color-primary text-4"></i>
                        </div>
                        <div class="text-start">
                            <span class="d-block text-2 text-uppercase font-weight-semibold text-color-tertiary opacity-5" style="letter-spacing: 0.05em;">{{ config('site.contact.phone_label', __('Llamame')) }}</span>
                            <a href="tel:{{ config('site.contact.phone') }}" class="text-decoration-none font-weight-bold text-4 text-color-light text-color-hover-primary transition-2ms">
                                {{ config('site.contact.phone') }}
                            </a>
                        </div>
                    </div>
                    @endif
                    @if(config('site.contact.email'))
                    <div class="d-flex align-items-center">
                        <div class="footer-contact-icon-box d-flex align-items-center justify-content-center me-3">
                            <i class="fas fa-envelope text-color-primary text-4"></i>
                        </div>
                        <div class="text-start">
                            <span class="d-block text-2 text-uppercase font-weight-semibold text-color-tertiary opacity-5" style="letter-spacing: 0.05em;">{{ config('site.contact.email_label', __('Escribime')) }}</span>
                            <a href="mailto:{{ config('site.contact.email') }}" class="text-decoration-none font-weight-bold text-4 text-color-light text-color-hover-primary transition-2ms">
                                {{ config('site.contact.email') }}
                            </a>
                        </div>
                    </div>
                    @endif
                </div>
            </div>
        </div>
    </div>

    {{-- Footer Columns --}}
    <div class="container py-4">
        <hr class="opacity-1 mb-4" style="background-color: var(--primary-rgba-20);">
        <div class="row pt-2">
            {{-- About Mí --}}
            <div class="col-lg-4 pe-lg-5 text-center text-lg-start mb-4 mb-lg-0">
                <h4 class="font-weight-bold text-3 text-uppercase mb-3" style="color: var(--light) !important; letter-spacing: 0.05em; font-family: var(--font-family-secondary), sans-serif !important;">
                    {{ config('site.footer.about_title', __('Sobre Mí')) }}
                </h4>
                <p class="text-color-tertiary opacity-7 mb-4 line-height-6">
                    {{ config('site.footer.description', config('site.description', '')) }}
                </p>
                <div class="d-flex justify-content-center justify-content-lg-start">
                    <x-social-icons size="md" />
                </div>
            </div>

            {{-- Navigation --}}
            <div class="col-6 col-lg-2 pt-2 pt-lg-0 mb-4 mb-lg-0 text-start">
                <h4 class="font-weight-bold text-3 text-uppercase mb-3" style="color: var(--light) !important; letter-spacing: 0.05em; font-family: var(--font-family-secondary), sans-serif !important;">
                    {{ __('Navegación') }}
                </h4>
                <x-footer-nav :limit="5" list-classes="d-flex flex-column align-items-start gap-2" />
            </div>

            {{-- Explore Modules --}}
            <div class="col-6 col-lg-3 pt-2 pt-lg-0 mb-4 mb-lg-0 text-start">
                <h4 class="font-weight-bold text-3 text-uppercase mb-3" style="color: var(--light) !important; letter-spacing: 0.05em; font-family: var(--font-family-secondary), sans-serif !important;">
                    {{ config('site.footer.modulos_principales_title', __('Explorar')) }}
                </h4>
                @php
                    $exploreNav = get_dynamic_navigation('footer');
                @endphp
                <ul class="list list-unstyled d-flex flex-column gap-2 mb-0">
                    @foreach($exploreNav as $key => $item)
                        @if($item['active'] && !in_array($key, ['home', 'inicio']))
                            <li>
                                <a href="{{ $item['url'] }}" class="text-decoration-none text-color-tertiary opacity-7 text-color-hover-primary transition-2ms">
                                    {{ $item['title'] }}
                                </a>
                            </li>
                        @endif
                    @endforeach
                </ul>
            </div>

            {{-- Newsletter or Direct Contact --}}
            <div class="col-lg-3 pt-2 pt-lg-0 text-center text-lg-start">
                @if(is_module_active('newsletter'))
                    <x-newsletter-form theme="dark" button-classes="btn-rounded btn-primary box-shadow-7 font-weight-semibold px-4 py-2 text-2" />
                @else
                    <h4 class="font-weight-bold text-3 text-uppercase mb-3" style="color: var(--light) !important; letter-spacing: 0.05em; font-family: var(--font-family-secondary), sans-serif !important;">
                        {{ __('Conectar') }}
                    </h4>
                    <p class="text-color-tertiary opacity-7 mb-3 line-height-5">{{ config('site.contact.availability_text', __('¿Querés saber más? Escribime.')) }}</p>
                    <a href="{{ route('front.contact') }}" class="btn btn-rounded btn-primary font-weight-bold px-4 py-2-5 text-2 mt-1 d-inline-flex align-items-center gap-2" style="border-radius: 50px !important;">
                        <span>{{ __('Contactame') }}</span>
                        <i class="fa-solid fa-arrow-right text-2"></i>
                    </a>
                @endif
            </div>
        </div>
    </div>

    {{-- Copyright & Bottom bar --}}
    <div class="footer-copyright bg-transparent mt-4 pb-4">
        <div class="container">
            <hr class="opacity-1 mb-0" style="background-color: var(--primary-rgba-15);">
            <div class="row align-items-center py-3">
                <div class="col-lg-6 text-center text-lg-start py-1">
                    <p class="text-2 mb-0 text-color-tertiary opacity-5">
                        &copy; {{ date('Y') }} {{ config('site.name') }}.
                        {{ config('site.footer.copyright_text', __('Todos los derechos reservados.')) }}
                    </p>
                </div>
                <div class="col-lg-6 py-1 text-center text-lg-end">
                    @if(config('site.footer.privacy_policy_url'))
                        <a href="{{ config('site.footer.privacy_policy_url') }}" class="text-2 text-decoration-none text-color-tertiary opacity-5 text-color-hover-primary ms-3">{{ __('Privacy Policy') }}</a>
                    @endif
                    @if(config('site.footer.terms_url'))
                        <a href="{{ config('site.footer.terms_url') }}" class="text-2 text-decoration-none text-color-tertiary opacity-5 text-color-hover-primary ms-3">{{ __('Terms of Use') }}</a>
                    @endif
                </div>
            </div>
        </div>
    </div>
    </div>
</footer>