{{-- Footer específico para demo-accounting-1 - DINÁMICO CON ESTRUCTURA DEL DEMO --}}
<footer id="footer" class="border-0 bg-light px-3 px-lg-5 pt-0 text-3">
    <div class="border-bottom border-bottom-color-grey-100">
        <div class="container">
            <div class="row align-items-center pb-5">
                <div class="col-lg-3">
                    <a href="{{ route('front.homepage') }}">
                        <img alt="{{ config('site.assets.main_logo_alt') }}" width="131" height="27" src="{{ asset('cd-project/img/demos/accounting-1/logo.png') }}">
                    </a>
                </div>
                <div class="col-lg-9 pt-4 pt-lg-0">
                    <div class="d-flex flex-column flex-lg-row justify-content-lg-end py-4 align-items-lg-center">
                        <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 box-shadow-7">
                                    <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-light'}" />
                                </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>
                        <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 box-shadow-7">
                                    <img src="{{ asset('template/img/icons/email.svg') }}" width="30" height="30" alt="" data-icon data-plugin-options="{'onlySVG': true, 'extraClass': 'svg-fill-color-light'}" />
                                </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>
    </div>
    <div class="container pb-lg-4 pt-5">
        <div class="row pt-3">
            <div class="col-lg-4">
                <h4 class="text-color-dark font-weight-bold mb-3">{{ config('site.name') }}</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>
                <div class="d-flex align-items-center pt-2 pb-4">
                    <p class="d-inline-block mb-0 font-weight-bold line-height-1"><mark class="text-dark mark mark-pos-2 mark-height-50 mark-color bg-color-before-primary-rgba-30 font-secondary text-8 mark-height-30 n-ls-5 p-0">{{ config('site.footer.years_experience', '30+') }}</mark></p>
                    <span class="custom-font-tertiary text-5 text-dark n-ls-1 fst-italic ps-2">{{ __('Years of Experience') }}</span>
                </div>
                <ul class="social-icons social-icons-clean social-icons-medium">
                    @foreach(config('site.social_media') as $key => $social)
                        @if($social['active'])
                            <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>
            <div class="col-sm-6 col-lg-2 pt-4 pt-lg-0">
                <h4 class="text-color-dark font-weight-bold mb-3">{{ config('site.footer.navigation_title', 'About') }}</h4>
                <ul class="list list-unstyled">
                    @php
                        $footerNav = get_dynamic_navigation('footer');
                    @endphp
                    @foreach($footerNav as $key => $item)
                        @if($item['active'])
                            <li>
                                <a href="{{ $item['url'] }}" class="text-color-grey text-color-hover-primary">
                                    {{ $item['title'] }}
                                </a>
                            </li>
                        @endif
                    @endforeach
                </ul>
            </div>
            <div class="col-sm-6 col-lg-3 pt-4 pt-lg-0">
                <h4 class="text-color-dark font-weight-bold mb-3">{{ config('site.footer.services_title', 'Services') }}</h4>
                <ul class="list list-unstyled">
                    @if(is_module_active('services'))
                        @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">{{ __('Accounting') }}</a></li>
                        <li><a href="#" class="text-color-grey text-color-hover-primary">{{ __('Tax Planning') }}</a></li>
                        <li><a href="#" class="text-color-grey text-color-hover-primary">{{ __('Business Advisory') }}</a></li>
                        <li><a href="#" class="text-color-grey text-color-hover-primary">{{ __('Payroll Management') }}</a></li>
                        <li><a href="#" class="text-color-grey text-color-hover-primary">{{ __('Global Accounting') }}</a></li>
                        <li><a href="#" class="text-color-grey text-color-hover-primary">{{ __('Admin Services') }}</a></li>
                    @endif
                </ul>
            </div>
            <div class="col-lg-3 pt-4 pt-lg-0">
                @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-width-2 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-dark box-shadow-7 font-weight-medium px-3 py-2 text-2-5 btn-swap-1" data-clone-element="1">
                                    <span>{{ __('Submit') }} <i class="fa-solid fa-arrow-right ms-2"></i></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>
                        <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>
                    </ul>
                @endif
            </div>
        </div>
    </div>
    <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">{{ config('site.name') }} © {{ date('Y') }}. {{ config('site.footer_copyright_text', 'All rights reserved.') }}</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>