@php
    $main = config('numo.main_site_url');
    $faq = config('numo.faq_url');
    $contact = config('numo.contact_url');
    $privacy = config('numo.privacy_url');
    $social = array_values(array_filter([
        [
            'label' => 'إنستغرام',
            'url' => config('numo.social.instagram'),
            'icon' => 'instagram',
        ],
        [
            'label' => 'X',
            'url' => config('numo.social.x'),
            'icon' => 'x',
        ],
        [
            'label' => 'لينكد إن',
            'url' => config('numo.social.linkedin'),
            'icon' => 'linkedin',
        ],
        [
            'label' => 'يوتيوب',
            'url' => config('numo.social.youtube'),
            'icon' => 'youtube',
        ],
    ], fn ($row) => filled($row['url'])));
@endphp
<footer class="lib-hub__footer lib-hub__footer--in-main lib-hub__footer--rich">
    <div class="lib-hub__footer-inner">
        <div class="lib-hub__footer-brand">
            <a href="{{ route('library.home') }}" class="lib-hub__footer-logo-link">
                <img src="{{ asset('images/logo.png') }}" alt="{{ config('app.name', 'Help Numo') }}" class="lib-hub__footer-logo" width="140" height="40" loading="lazy" decoding="async">
            </a>
            <p class="lib-hub__footer-lead">مركز المساعدة ومكتبة الشروحات لمنصة شبكة نمو.</p>
        </div>

        <div class="lib-hub__footer-col lib-hub__footer-col--social">
            <h2 class="lib-hub__footer-heading">{{ $social !== [] ? 'تابعنا' : 'روابط مفيدة' }}</h2>
            @if ($social !== [])
                <nav class="lib-hub__footer-social" aria-label="حسابات شبكة نمو على وسائل التواصل">
                    <ul class="lib-hub__footer-social-list">
                        @foreach ($social as $item)
                            <li>
                                <a
                                    href="{{ $item['url'] }}"
                                    class="lib-hub__footer-social-link"
                                    target="_blank"
                                    rel="noopener noreferrer"
                                    aria-label="{{ $item['label'] }}"
                                >
                                    @if ($item['icon'] === 'instagram')
                                        <svg class="lib-hub__footer-social-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path fill="currentColor" d="M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2m-.2 2A3.6 3.6 0 0 0 4 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6C20 5.61 18.39 4 16.4 4H7.6m9.65 1.5a1.25 1.25 0 0 1 1.25 1.25A1.25 1.25 0 0 1 17.25 8 1.25 1.25 0 0 1 16 6.75a1.25 1.25 0 0 1 1.25-1.25M12 7a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3z"/></svg>
                                    @elseif ($item['icon'] === 'x')
                                        <svg class="lib-hub__footer-social-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path fill="currentColor" d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>
                                    @elseif ($item['icon'] === 'linkedin')
                                        <svg class="lib-hub__footer-social-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path fill="currentColor" d="M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14m-.5 15.5v-5.3a3.26 3.26 0 0 0-3.26-3.26c-.85 0-1.84.52-2.32 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 0 1 1.4 1.4v4.93h2.79M6.88 8.56a1.68 1.68 0 0 0 1.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 0 0-1.69 1.69c0 .93.76 1.68 1.69 1.68zm1.39 9.94v-8.37H5.5v8.37h2.77z"/></svg>
                                    @elseif ($item['icon'] === 'youtube')
                                        <svg class="lib-hub__footer-social-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path fill="currentColor" d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg>
                                    @endif
                                </a>
                            </li>
                        @endforeach
                    </ul>
                </nav>
            @else
                <ul class="lib-hub__footer-fallback-links" aria-label="روابط مفيدة">
                    <li><a href="{{ route('library.home') }}">مكتبة الشروحات</a></li>
                    <li><a href="{{ $faq }}" target="_blank" rel="noopener noreferrer">الأسئلة الشائعة</a></li>
                    <li><a href="{{ $privacy }}" target="_blank" rel="noopener noreferrer">سياسة الخصوصية</a></li>
                </ul>
            @endif
        </div>

        <div class="lib-hub__footer-col">
            <h2 class="lib-hub__footer-heading">تواصل معنا</h2>
            <ul class="lib-hub__footer-contact">
                <li>
                    <a href="tel:+966920032582" class="lib-hub__footer-contact-link">+966920032582</a>
                </li>
                <li>
                    <a href="mailto:info@numonetwork.sa" class="lib-hub__footer-contact-link">info@numonetwork.sa</a>
                </li>
            </ul>
            <a href="{{ $main }}/" class="lib-hub__footer-main-site" target="_blank" rel="noopener noreferrer">
                زيارة موقع شبكة نمو
                <span class="lib-hub__footer-main-site-arrow" aria-hidden="true">←</span>
            </a>
        </div>
    </div>
    <p class="lib-hub__footer-copy">© {{ date('Y') }} Numo Network. جميع الحقوق محفوظة</p>
</footer>