{{-- Footer específico para demo-accounting-2 - DINÁMICO CON ESTRUCTURA DEL DEMO --}}
<footer id="footer" class="border-0 bg-light px-3 px-lg-5 pt-5 text-3">
    <div class="container">
        {{-- Logo Section --}}
        <div class="row align-items-center pb-4 mb-2">
            <div class="col text-center text-lg-start">
                <a href="{{ route('front.homepage') }}">
                    <img alt="{{ config('site.assets.main_logo_alt') }}" width="160" src="{{ asset(config('site.assets.footer_logo')) }}" loading="lazy">
                </a>
            </div>
        </div>
        {{-- Tagline & Contact Info --}}
        <div class="row align-items-center pb-3">
            <div class="col-lg-6 text-center text-lg-start">
                <h2 class="text-10 text-lg-12 font-weight-semibold line-height-2 text-dark">
                    {{ config('site.footer.tagline', 'Trusted') }}
                    <span class="text-color-primary">{{ config('site.footer.tagline_highlight', 'Accounting') }}</span>
                    {{ config('site.footer.tagline_suffix', 'Guidance for Your Financial') }}
                    <em class="p-relative z-index-1 fst-normal">
                        {{ config('site.footer.tagline_emphasis', 'Success.') }}
                        <span class="appear-animation" data-appear-animation="highlightScribble1">
                            <svg class="highlight-scribble-1" viewBox="0 0 760 60" preserveAspectRatio="none">
                                <path d="M19,49C75.19,30.63,152,21,317.26,17.27c55.43-.41,198.33-2.08,407.85,12.53" stroke="#212529" pathLength="1" stroke-width="14" fill="none"></path>
                            </svg>
                        </span>
                    </em>
                </h2>
            </div>
            <div class="col-lg-6">
                <div class="d-flex flex-column flex-lg-row justify-content-lg-end py-4 align-items-center">
                    {{-- Phone --}}
                    <div class="pe-4">
                        <div class="feature-box feature-box-secondary align-items-center">
                            <div class="feature-box-icon feature-box-icon-lg p-static bg-transparent w-auto ps-0 pe-1">
                                <img src="{{ asset('template/img/icons/phone-2.svg') }}" width="30" height="30" alt="" data-icon data-plugin-options="{'onlySVG': true, 'extraClass': 'svg-fill-color-primary'}" />
                            </div>
                            <div class="feature-box-info ps-2">
                                <strong class="d-block text-uppercase text-color-secondary p-relative top-2">{{ __('Call Us') }}</strong>
                                <a href="tel:{{ config('site.contact.phone') }}" class="text-decoration-none font-secondary text-5 font-weight-semibold text-color-dark text-color-hover-primary transition-2ms negative-ls-05 ws-nowrap p-relative bottom-2">
                                    {{ config('site.contact.phone') }}
                                </a>
                            </div>
                        </div>
                    </div>
                    {{-- Email --}}
                    <div class="pt-4 pt-lg-0 pe-0">
                        <div class="feature-box feature-box-secondary align-items-center">
                            <div class="feature-box-icon feature-box-icon-lg p-static bg-transparent w-auto ps-0 pe-1">
                                <img src="{{ asset('template/img/icons/email.svg') }}" width="30" height="30" alt="" data-icon data-plugin-options="{'onlySVG': true, 'extraClass': 'svg-fill-color-primary'}" />
                            </div>
                            <div class="feature-box-info ps-2">
                                <strong class="d-block text-uppercase text-color-secondary p-relative top-2">{{ __('Send E-mail') }}</strong>
                                <a href="mailto:{{ config('site.contact.email') }}" class="text-decoration-none font-secondary text-5 font-weight-semibold text-color-dark text-color-hover-primary transition-2ms negative-ls-05 ws-nowrap p-relative bottom-2">
                                    {{ config('site.contact.email') }}
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    {{-- Footer Content --}}
    <div class="container pb-lg-4 pt-3">
        <div class="row pt-3">
            {{-- About Section --}}
            <div class="col-lg-4 pe-lg-5 text-center text-lg-start mb-4 mb-lg-0">
                <h4 class="text-color-dark font-weight-bold mb-3">{{ __('About') }}</h4>
                <p class="text-3-5 text-color-grey">
                    {{ config('site.footer.about_description', config('site.description', 'Expert Accounting Solutions Tailored to Your Needs—Ensuring Accuracy, Compliance, and Financial Peace of Mind.')) }}
                </p>
                {{-- Social Media --}}
                <ul class="social-icons social-icons-clean social-icons-medium">
                    @foreach(config('site.social_media') as $key => $social)
                        @if($social['active'] && in_array($key, ['instagram', 'x', 'facebook', 'youtube', 'linkedin']))
                            <li class="social-icons-{{ $key }}">
                                <a href="{{ $social['url'] }}" target="_blank" title="{{ $social['title'] }}">
                                    <i class="{{ $social['icon'] }}"></i>
                                </a>
                            </li>
                        @endif
                    @endforeach
                </ul>
            </div>
            {{-- Navigation Links --}}
            <div class="col-sm-6 col-lg-2 pt-4 pt-lg-0 text-center text-lg-start">
                <h4 class="text-color-dark font-weight-bold mb-3 d-none d-lg-block">&nbsp;</h4>
                <ul class="list list-unstyled">
                    @php
                        $footerNav = get_dynamic_navigation('footer');
                        $footerNavLimited = array_slice($footerNav, 0, 5, true);
                    @endphp
                    @foreach($footerNavLimited as $key => $item)
                        @if($item['active'])
                            <li>
                                <a class="text-color-grey text-color-hover-primary" href="{{ $item['url'] }}">
                                    {{ $item['title'] }}
                                </a>
                            </li>
                        @endif
                    @endforeach
                </ul>
            </div>
            {{-- Services Section --}}
            <div class="col-sm-6 col-lg-3 pt-4 pt-lg-0 text-center text-lg-start">
                <h4 class="text-color-dark font-weight-bold mb-3">{{ __('Services') }}</h4>
                <ul class="list list-unstyled">
                    @if(is_module_active('services') && isset($serviceCategories) && count($serviceCategories) > 0)
                        <li><a href="{{ route('frontend.services.index') }}" class="text-color-grey text-color-hover-primary">{{ __('Overview') }}</a></li>
                        @foreach($serviceCategories as $category)
                            <li>
                                <a href="{{ route('frontend.services.index', ['category' => $category->slug]) }}" class="text-color-grey text-color-hover-primary">
                                    {{ $category->name }}
                                </a>
                            </li>
                        @endforeach
                    @else
                        <li><a href="#" class="text-color-grey text-color-hover-primary">{{ __('Overview') }}</a></li>
                        <li><a href="#" class="text-color-grey text-color-hover-primary">{{ __('Tax Advisory') }}</a></li>
                        <li><a href="#" class="text-color-grey text-color-hover-primary">{{ __('Audit Assurance') }}</a></li>
                        <li><a href="#" class="text-color-grey text-color-hover-primary">{{ __('Financial Planning') }}</a></li>
                        <li><a href="#" class="text-color-grey text-color-hover-primary">{{ __('Business Consulting') }}</a></li>
                    @endif
                </ul>
            </div>
            {{-- Newsletter Section --}}
            <div class="col-lg-3 pt-4 pt-lg-0 text-center text-lg-start">
                @if(is_module_active('newsletter'))
                    <h4 class="text-color-dark font-weight-bold mb-3">{{ __('Newsletter') }}</h4>
                    <p class="text-3-5 text-color-grey">{{ __('Want to receive news and updates? Enter your email.') }}</p>
                    <div class="alert alert-success d-none" id="newsletterSuccess">
                        <strong>{{ __('Success!') }}</strong> {{ __("You've been added to our email list.") }}
                    </div>
                    <div class="alert alert-danger d-none" id="newsletterError"></div>
                    <form id="newsletterForm" action="{{ route('front.newsletter.subscribe') ?? '#' }}" method="POST" class="mb-0">
                        @csrf
                        <div class="row">
                            <div class="form-group col">
                                <div class="position-relative">
                                    <i class="icons icon-envelope text-color-grey bg-light text-3-5 position-absolute right-15 top-50pct transform3dy-n50"></i>
                                    <input type="email" value="" placeholder="{{ __('Enter your e-mail') }}" class="form-control form-control-icon text-3 h-auto border-radius-2 border-color-grey-200 py-2" name="newsletterEmail" id="newsletterEmail" required>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group col">
                                <button type="submit" class="btn btn-rounded btn-primary box-shadow-7 font-weight-medium px-3 py-2 text-2-5 btn-swap-1" data-clone-element="1">
                                    <span>{{ __('Submit') }}</span>
                                </button>
                            </div>
                        </div>
                    </form>
                @else
                    <h4 class="text-color-dark font-weight-bold mb-3">{{ __('Contact') }}</h4>
                    <ul class="list list-unstyled">
                        <li class="mb-2">
                            <i class="icons icon-phone text-color-primary text-4 position-relative top-2 me-2"></i>
                            <a href="tel:{{ config('site.contact.phone') }}" class="text-color-grey text-color-hover-primary">{{ config('site.contact.phone') }}</a>
                        </li>
                        <li class="mb-2">
                            <i class="icons icon-envelope text-color-primary text-4 position-relative top-2 me-2"></i>
                            <a href="mailto:{{ config('site.contact.email') }}" class="text-color-grey text-color-hover-primary">{{ config('site.contact.email') }}</a>
                        </li>
                        @if(config('site.contact.schedule'))
                            <li>
                                <i class="icons icon-calendar text-color-primary text-4 position-relative top-2 me-2"></i>
                                <span class="text-color-grey">{{ config('site.contact.schedule') }}</span>
                            </li>
                        @endif
                    </ul>
                @endif
            </div>
        </div>
    </div>
    {{-- Copyright --}}
    <div class="footer-copyright bg-transparent pb-5">
        <div class="container">
            <hr>
            <div class="row">
                <div class="col-lg-6 text-center text-lg-start py-3">
                    <p class="text-3 mb-0 opacity-6">
                        © {{ date('Y') }} {{ config('site.name') }}.
                        {{ config('site.footer_copyright_text', 'All rights reserved.') }}
                        @if(config('site.footer.show_powered_by', false))
                            {{ __('Powered by') }} <a href="http://www.okler.net/" target="_blank" class="text-decoration-underline text-color-secondary text-color-hover-primary">Okler</a>
                        @endif
                    </p>
                </div>
                <div class="col-lg-6 py-3 text-center text-lg-end">
                    @if(config('site.footer.privacy_policy_url'))
                        <a href="{{ config('site.footer.privacy_policy_url') }}" class="text-color-grey text-color-hover-primary">{{ __('Privacy Policy') }}</a>
                    @endif
                    @if(config('site.footer.terms_url'))
                        <a href="{{ config('site.footer.terms_url') }}" class="text-color-grey text-color-hover-primary ms-3">{{ __('Terms of Use') }}</a>
                    @endif
                </div>
            </div>
        </div>
    </div>
</footer>