@php
  use App\Models\Setting;
  use Illuminate\Support\Str;

  // 🧭 إعدادات عامة
  $siteName  = Setting::getValue('site_name', 'نظام مقالاتي');
  $siteDesc  = Setting::getValue('site_description', '');
  $siteLogo  = Setting::getValue('site_logo');
  $siteEmail = Setting::getValue('contact_email', 'info@kitabatplus.com');
  $sitePhone = Setting::getValue('contact_phone', '+1234567890');

  // 🌐 روابط التواصل الاجتماعي
  $social = [
      'facebook'  => Setting::getValue('facebook'),
      'twitter'   => Setting::getValue('twitter'),
      'instagram' => Setting::getValue('instagram'),
      'youtube'   => Setting::getValue('youtube'),
      'telegram'  => Setting::getValue('telegram'),
  ];

  // 📄 الصفحات الديناميكية
  $footerPages = \App\Models\Page::where('active', true)
      ->orderBy('id', 'asc')
      ->get(['title', 'slug']);

  // 🖼️ تصحيح رابط الشعار (منع تكرار /storage/)
  $logoUrl = null;
  if ($siteLogo) {
      $cleanLogo = str_replace(['//', 'storage/storage'], ['/', 'storage'], $siteLogo);
      $logoUrl = Str::contains($cleanLogo, 'storage/')
          ? asset($cleanLogo)
          : Storage::url($cleanLogo);
  }
@endphp


<footer class="bg-secondary dark:bg-slate-800 text-gray-300 py-10 mt-20 text-center border-t border-slate-200/30 dark:border-slate-700/40">
  <div class="container mx-auto px-4 space-y-6">

    {{-- 🔹 الشعار أو اسم الموقع --}}
    <div class="flex flex-col items-center space-y-3">
      @if($logoUrl)
        <img src="{{ $logoUrl }}" alt="{{ $siteName }}" class="w-24 h-auto mx-auto rounded-lg shadow-sm">
      @endif
      <p class="text-xl font-extrabold text-primary">{{ $siteName }}</p>
      <p class="text-sm text-gray-400 max-w-lg mx-auto leading-relaxed">{{ $siteDesc }}</p>
    </div>

    {{-- 🔸 معلومات التواصل --}}
    <div class="flex flex-col sm:flex-row justify-center items-center gap-3 text-sm mt-4">
      @if($siteEmail)
        <div class="flex items-center gap-2">
          <i class="fas fa-envelope text-primary"></i>
          <a href="mailto:{{ $siteEmail }}" class="hover:text-primary transition">{{ $siteEmail }}</a>
        </div>
      @endif

      @if($siteEmail && $sitePhone)
        <div class="hidden sm:block text-gray-500">|</div>
      @endif

      @if($sitePhone)
        <div class="flex items-center gap-2">
          <i class="fas fa-phone text-primary"></i>
          <a href="tel:{{ $sitePhone }}" class="hover:text-primary transition">{{ $sitePhone }}</a>
        </div>
      @endif
    </div>

    {{-- 🔗 روابط الصفحات --}}
    <div class="flex flex-wrap justify-center gap-4 mt-6 text-sm font-medium">
      <a href="{{ route('front.authors') }}" class="hover:text-primary transition">✍️ كتّابنا</a>
      @foreach($footerPages as $page)
        <a href="{{ route('front.page', $page->slug) }}" class="hover:text-primary transition">{{ $page->title }}</a>
      @endforeach
    </div>

    {{-- 🌐 روابط التواصل الاجتماعي --}}
    <div class="flex justify-center gap-4 mt-6 text-xl">
      @if($social['facebook'])
        <a href="{{ $social['facebook'] }}" target="_blank" class="hover:text-blue-600 transition"><i class="fab fa-facebook"></i></a>
      @endif
      @if($social['twitter'])
        <a href="{{ $social['twitter'] }}" target="_blank" class="hover:text-sky-500 transition"><i class="fab fa-twitter"></i></a>
      @endif
      @if($social['instagram'])
        <a href="{{ $social['instagram'] }}" target="_blank" class="hover:text-pink-500 transition"><i class="fab fa-instagram"></i></a>
      @endif
      @if($social['youtube'])
        <a href="{{ $social['youtube'] }}" target="_blank" class="hover:text-red-600 transition"><i class="fab fa-youtube"></i></a>
      @endif
      @if($social['telegram'])
        <a href="{{ $social['telegram'] }}" target="_blank" class="hover:text-blue-400 transition"><i class="fab fa-telegram"></i></a>
      @endif
    </div>

    {{-- 🩶 الحقوق --}}
<p class="mt-8 text-xs text-slate-400 dark:text-slate-500 leading-relaxed">
  جميع الحقوق محفوظة © {{ date('Y') }} — 
  <strong class="text-primary">{{ $siteName }}</strong><br>
  تصميم وبرمجة 
  <a href="https://www.alshrhane.com/" target="_blank" 
     class="text-primary hover:underline hover:text-slate-600 dark:hover:text-slate-300 transition">
    <strong>حيدر الشرهاني</strong>
  </a>
</p>

  </div>
</footer>