@php
$settings = \App\Models\Setting::pluck('value', 'key')->toArray();
$socialLinks = \App\Models\SocialLink::where('is_active', true)->orderBy('order')->get();
@endphp

<footer class="footer-custom">
    <div class="container">
        <div class="row">
            <div class="col-lg-4 mb-4 mb-lg-0">
                <a class="navbar-brand text-white" href="{{ route('home') }}">
                    Nova<span>lynk</span>
                </a>
                <p class="mt-3 mb-4" style="color: #94A3B8; max-width: 300px;">
                    {{ app()->isLocale('en') ? __('front.content.footer_description') : ($settings['footer_description'] ?? __('front.content.footer_description')) }}
                </p>
                <div class="d-flex gap-3">
                    @foreach($socialLinks as $link)
                    <a href="{{ $link->url }}" target="_blank" class="btn btn-outline-light btn-sm rounded-circle" style="width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;">
                        <i class="fa-brands {{ $link->icon }}"></i>
                    </a>
                    @endforeach
                </div>
            </div>
            <div class="col-lg-2 col-md-4 mb-4 mb-md-0">
                <h5 class="footer-title">{{ __('ui.menu') }}</h5>
                <a href="{{ route('home') }}" class="footer-link">{{ __('ui.home') }}</a>
                <a href="{{ route('about') }}" class="footer-link">{{ __('ui.about') }}</a>
                <a href="{{ route('services') }}" class="footer-link">{{ __('ui.solutions') }}</a>
                <a href="{{ route('portfolio') }}" class="footer-link">{{ __('ui.portfolio') }}</a>
                <a href="{{ route('blog') }}" class="footer-link">{{ __('ui.blog') }}</a>
            </div>
            <div class="col-lg-3 col-md-4 mb-4 mb-md-0">
                <h5 class="footer-title">{{ __('ui.products_solutions') }}</h5>
                @php
                $footerServices = \App\Models\Service::where('is_active', true)->take(5)->get();
                @endphp
                @foreach($footerServices as $service)
                <a href="{{ route('service.detail', $service->slug) }}" class="footer-link">{{ $service->name }}</a>
                @endforeach
            </div>
            <div class="col-lg-3 col-md-4">
                <h5 class="footer-title">{{ __('front.common.contact_us') }}</h5>
                <div class="d-flex flex-column gap-3">
                    @if(isset($settings['contact_address']))
                    <div class="d-flex align-items-start gap-3">
                        <i class="fa-solid fa-location-dot text-secondary-custom mt-1"></i>
                        <span style="color: #94A3B8;">{{ $settings['contact_address'] }}</span>
                    </div>
                    @endif
                    @if(isset($settings['contact_email']))
                    <div class="d-flex align-items-center gap-3">
                        <i class="fa-solid fa-envelope text-secondary-custom"></i>
                        <a href="mailto:{{ $settings['contact_email'] }}" style="color: #94A3B8;">{{ $settings['contact_email'] }}</a>
                    </div>
                    @endif
                    @if(isset($settings['contact_phone']))
                    <div class="d-flex align-items-center gap-3">
                        <i class="fa-solid fa-phone text-secondary-custom"></i>
                        <a href="tel:{{ $settings['contact_phone'] }}" style="color: #94A3B8;">{{ $settings['contact_phone'] }}</a>
                    </div>
                    @endif
                    @if(isset($settings['contact_whatsapp']))
                    <div class="d-flex align-items-center gap-3">
                        <i class="fa-brands fa-whatsapp text-secondary-custom"></i>
                        <a href="https://wa.me/{{ $settings['contact_whatsapp'] }}" style="color: #94A3B8;">WhatsApp</a>
                    </div>
                    @endif
                </div>
            </div>
        </div>
        <div class="footer-bottom text-center">
            <p class="mb-0" style="color: #64748B;">
                {{ $settings['footer_copyright'] ?? __('ui.all_rights_reserved') }}
            </p>
        </div>
    </div>
</footer>