{{-- Footer específico para demo-sass - DINÁMICO CON ESTRUCTURA DEL DEMO --}}
<footer id="footer" class="bg-light border-0">
    <div class="container my-4">
        <div class="row py-5">
            <div class="col-md-6 col-lg-3 mb-5 mb-lg-0">
                <a href="{{ route('front.homepage') }}" class="text-decoration-none">
                    <img class="mt-4" alt="{{ config('site.name') }}" src="{{ asset(config('site.assets.main_logo') ?? config('site.assets.main_logo_light')) }}" height="42">
                </a>
            </div>
            <div class="col-6 col-lg-2 mb-5 mb-lg-0">
                <ul class="list list-icons list-icons-sm">
                    @php
                        $footerNav = get_dynamic_navigation('footer');
                        $footerNavLimited = array_slice($footerNav, 0, 3, true);
                    @endphp
                    @foreach($footerNavLimited as $key => $item)
                        @if($item['active'])
                            <li><i class="fas fa-angle-right text-color-default"></i><a href="{{ $item['url'] }}" class="link-hover-style-1 text-color-default ms-1">{{ __($item['title']) }}</a></li>
                        @endif
                    @endforeach
                </ul>
            </div>
            <div class="col-6 col-lg-2 mb-5 mb-lg-0">
                <ul class="list list-icons list-icons-sm">
                    @if(is_module_active('faqs'))
                        <li><i class="fas fa-angle-right text-color-default"></i><a href="{{ route('faqs.index') }}" class="link-hover-style-1 text-color-default ms-1">{{ __('FAQ\'s') }}</a></li>
                    @endif
                    @php
                        $footerNavMore = array_slice($footerNav, 3, 2, true);
                    @endphp
                    @foreach($footerNavMore as $key => $item)
                        @if($item['active'])
                            <li><i class="fas fa-angle-right text-color-default"></i><a href="{{ $item['url'] }}" class="link-hover-style-1 text-color-default ms-1">{{ __($item['title']) }}</a></li>
                        @endif
                    @endforeach
                </ul>
            </div>
            <div class="col-md-6 col-lg-5">
                @if(is_module_active('news') && ($recentNews ?? collect())->count() > 0)
                    <ul class="list-unstyled mb-0">
                        @foreach(($recentNews ?? collect())->take(3) as $news)
                            <li class="mb-2 pb-1">
                                <a href="{{ route('frontend.news.show', $news->slug) }}">
                                    <p class="text-3 text-color-hover-primary opacity-8 mb-0"><i class="fas fa-angle-right text-color-default"></i><strong class="ms-2 font-weight-semibold">{{ Str::limit($news->title, 40) }}</strong></p>
                                    <p class="text-2 mb-0">{{ $news->created_at->format('g:i A M d') }}</p>
                                </a>
                            </li>
                        @endforeach
                    </ul>
                @else
                    <ul class="list-unstyled mb-0">
                        <li class="mb-2 pb-1">
                            <a href="#">
                                <p class="text-3 text-color-hover-primary opacity-8 mb-0"><i class="fas fa-angle-right text-color-default"></i><strong class="ms-2 font-weight-semibold">{{ __('Lorem ipsum dolor sit amet.') }}</strong></p>
                                <p class="text-2 mb-0">12:55 AM Dec 19th</p>
                            </a>
                        </li>
                        <li class="mb-2 pb-1">
                            <a href="#">
                                <p class="text-3 text-color-hover-primary opacity-8 mb-0"><i class="fas fa-angle-right text-color-default"></i><strong class="ms-2 font-weight-semibold">{{ __('Ipsum dolor sit amet.') }}</strong></p>
                                <p class="text-2 mb-0">12:55 AM Dec 19th</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <p class="text-3 text-color-hover-primary opacity-8 mb-0"><i class="fas fa-angle-right text-color-default"></i><strong class="ms-2 font-weight-semibold">{{ __('Lorem ipsum dolor sit amet.') }}</strong></p>
                                <p class="text-2 mb-0">12:55 AM Dec 19th</p>
                            </a>
                        </li>
                    </ul>
                @endif
            </div>
        </div>
    </div>
    <div class="footer-copyright bg-light">
        <div class="container py-2">
            <hr class="my-2">
            <div class="row justify-content-between pt-4 pb-5">
                <div class="col-auto">
                    <p>{{ __('© Copyright') }} {{ date('Y') }}. {{ __('All Rights Reserved.') }}</p>
                </div>
                <div class="col-auto">
                    <nav id="sub-menu">
                        <ul>
                            <li><a href="#" class="text-color-default ms-1 text-decoration-none">{{ __('Terms and Conditions') }}</a></li>
                            <li><a href="#" class="text-color-default ms-1 text-decoration-none">{{ __('Privacy Policy') }}</a></li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
    </div>
</footer>