@php
  $code = ad($position ?? 'sidebar_top');
@endphp

@if(!empty($code))
  {{-- ✅ إعلان نشط --}}
  <div class="relative bg-white/80 dark:bg-slate-800/60 backdrop-blur-md border border-slate-200/50 dark:border-slate-700/50 rounded-2xl shadow-lg p-4 my-5 overflow-hidden transition hover:shadow-xl hover:-translate-y-1 duration-300">

    {{-- 🏷️ رأس الإعلان --}}
    <div class="absolute top-2 right-3 text-[11px] font-medium text-slate-400 dark:text-slate-500 flex items-center gap-1">
      <i class="fa-solid fa-bullhorn text-primary"></i> إعلان
    </div>

    {{-- 💡 محتوى الإعلان --}}
    <div class="ad-content text-center mt-4">
      {!! $code !!}
    </div>

  </div>
@else
  {{-- ⚠️ لا يوجد إعلان --}}
  <div class="bg-gradient-to-tr from-slate-100/80 to-slate-50/70 dark:from-slate-800/60 dark:to-slate-700/50 backdrop-blur-md border border-slate-200/40 dark:border-slate-700/40 rounded-2xl shadow-inner p-8 my-5 text-center">
    <div class="text-3xl mb-3 text-slate-400 dark:text-slate-500">
      <i class="fa-solid fa-rectangle-ad"></i>
    </div>
    <p class="text-slate-600 dark:text-slate-400 font-semibold">مساحة إعلانية</p>
    <p class="text-xs text-slate-400 dark:text-slate-500 mt-1">إعلانك هنا ضمن موقعنا</p>
  </div>
@endif