@php
    $year = now()->year;
@endphp

<footer class="bg-navy-900 text-navy-200 mt-12">
    <div class="container-wide py-14 grid lg:grid-cols-4 md:grid-cols-2 gap-10">
        <div>
            <div class="flex items-center gap-3 mb-4">
                <span class="inline-flex items-center justify-center w-11 h-11 rounded-xl bg-green-fade text-white font-black text-lg shadow-soft">Z</span>
                <span class="font-extrabold text-white text-lg">ZLHOST</span>
            </div>
            <p class="text-sm text-navy-300 leading-relaxed">
                ZLHOST شريكك التقني في المملكة العربية السعودية: استضافة احترافية، تصميم وتطوير المواقع والتطبيقات،
                صيانة دورية، ومنصات ذكاء اصطناعي مخصصة لقطاع الأعمال.
            </p>
            <div class="mt-5 flex items-center gap-3">
                <a href="https://wa.me/966500000000" target="_blank" rel="noopener" class="btn btn-whatsapp btn-sm">
                    <svg class="w-4 h-4" viewBox="0 0 24 24" fill="currentColor"><path d="M20.52 3.48A11.94 11.94 0 0012.04 0C5.45 0 .1 5.34.1 11.93c0 2.1.55 4.16 1.6 5.97L0 24l6.27-1.65a11.93 11.93 0 005.77 1.47h.01c6.59 0 11.94-5.34 11.94-11.93 0-3.18-1.24-6.18-3.47-8.41zM12.05 21.4h-.01a9.43 9.43 0 01-4.81-1.32l-.34-.2-3.72.98 1-3.62-.22-.37a9.46 9.46 0 01-1.45-5.06c0-5.22 4.25-9.47 9.47-9.47 2.53 0 4.91.98 6.7 2.77a9.4 9.4 0 012.77 6.7c0 5.21-4.25 9.46-9.47 9.46zm5.45-7.07c-.3-.15-1.77-.87-2.04-.97-.27-.1-.47-.15-.67.15s-.77.97-.94 1.17c-.17.2-.35.22-.65.07-.3-.15-1.26-.46-2.4-1.48-.89-.79-1.49-1.77-1.66-2.07-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.07-.15-.67-1.62-.92-2.22-.24-.58-.49-.5-.67-.5l-.57-.01a1.1 1.1 0 00-.8.37c-.27.3-1.05 1.02-1.05 2.5s1.07 2.9 1.22 3.1c.15.2 2.1 3.2 5.1 4.5.71.3 1.27.49 1.7.62.71.23 1.36.2 1.87.12.57-.08 1.77-.72 2.02-1.42.25-.7.25-1.3.17-1.42-.07-.12-.27-.2-.57-.35z"/></svg>
                    تواصل واتساب
                </a>
            </div>
        </div>

        <div>
            <h4 class="text-white font-bold mb-4">خدماتنا</h4>
            <ul class="space-y-2 text-sm">
                <li><a href="{{ route('services.index') }}" class="hover:text-brand-400">استضافة المواقع</a></li>
                <li><a href="{{ route('services.index') }}" class="hover:text-brand-400">تصميم المواقع</a></li>
                <li><a href="{{ route('services.index') }}" class="hover:text-brand-400">صيانة WordPress</a></li>
                <li><a href="{{ route('services.index') }}" class="hover:text-brand-400">حلول الذكاء الاصطناعي</a></li>
                <li><a href="{{ route('services.index') }}" class="hover:text-brand-400">المتاجر الإلكترونية</a></li>
            </ul>
        </div>

        <div>
            <h4 class="text-white font-bold mb-4">روابط سريعة</h4>
            <ul class="space-y-2 text-sm">
                <li><a href="{{ route('pricing.index') }}" class="hover:text-brand-400">الباقات والأسعار</a></li>
                <li><a href="{{ route('portfolio.index') }}" class="hover:text-brand-400">أعمالنا</a></li>
                <li><a href="{{ route('blog.index') }}" class="hover:text-brand-400">المدونة</a></li>
                <li><a href="{{ route('about') }}" class="hover:text-brand-400">من نحن</a></li>
                <li><a href="{{ route('faq') }}" class="hover:text-brand-400">الأسئلة الشائعة</a></li>
                <li><a href="{{ route('contact') }}" class="hover:text-brand-400">تواصل معنا</a></li>
            </ul>
        </div>

        <div>
            <h4 class="text-white font-bold mb-4">تواصل</h4>
            <ul class="space-y-2 text-sm text-navy-300">
                <li class="flex items-center gap-2">
                    <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l9 6 9-6M3 6h18v12H3z"/></svg>
                    <a href="mailto:info@zlhost.com" class="hover:text-brand-400">info@zlhost.com</a>
                </li>
                <li class="flex items-center gap-2">
                    <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5h4l2 5-3 2a14 14 0 006 6l2-3 5 2v4a2 2 0 01-2 2A18 18 0 013 7a2 2 0 012-2z"/></svg>
                    <a href="tel:+966500000000" class="hover:text-brand-400" dir="ltr">+966 50 000 0000</a>
                </li>
                <li class="flex items-start gap-2">
                    <svg class="w-4 h-4 mt-1" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 11a3 3 0 100-6 3 3 0 000 6z"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 11c0 7-7 11-7 11s-7-4-7-11a7 7 0 1114 0z"/></svg>
                    <span>الرياض، المملكة العربية السعودية</span>
                </li>
            </ul>

            <h4 class="text-white font-bold mt-6 mb-3">قانوني</h4>
            <ul class="space-y-1 text-sm">
                <li><a href="{{ route('terms') }}" class="hover:text-brand-400">شروط الاستخدام</a></li>
                <li><a href="{{ route('privacy') }}" class="hover:text-brand-400">سياسة الخصوصية</a></li>
            </ul>
        </div>
    </div>

    <div class="border-t border-navy-800">
        <div class="container-wide py-5 flex flex-col md:flex-row items-center justify-between gap-3 text-xs text-navy-400">
            <span>© {{ $year }} ZLHOST — كل الحقوق محفوظة.</span>
            <span class="flex items-center gap-2">
                <span class="badge badge-success">SSL آمن</span>
                <span class="badge badge-gold">دعم 24/7</span>
                <span class="badge badge-info">سيرفرات في السعودية</span>
            </span>
        </div>
    </div>
</footer>