@php
  // حماية شاملة: نتعامل مع Object أو Array بنفس السهولة
  $row = is_array($it) ? (object)$it : $it;

  // نوع (عادي/بلس)
  $isPlus = ($row->event_type ?? $row->type ?? 'regular') === 'plus';
  $badge  = $isPlus
            ? 'bg-fuchsia-500/18 text-fuchsia-100 border border-fuchsia-300/25'
            : 'bg-white/8 text-white/85 border border-white/12';

  // الحالة اللونية
  $status = $row->status ?? 'upcoming';
  $tone   = match($status){
    'active'    => 'text-emerald-200',
    'upcoming'  => 'text-amber-200',
    'finished'  => 'text-slate-300/80',
    'cancelled' => 'text-rose-200',
    default     => 'text-slate-300/80',
  };

  // الوقت (إن وجد)
  $timeRaw = $row->event_time ?? $row->time ?? null;
  $timeStr = $timeRaw ? \Illuminate\Support\Str::of((string)$timeRaw)->substr(0,5) : null;

  // القائد / المضيف — نجرب عدة أسماء حقول شائعة
  $leader = $row->leader_name
          ?? $row->leader
          ?? $row->owner
          ?? $row->host
          ?? null;

  // المنصّة
  $platform = $row->platform ?? $row->plat ?? null;

  // العنوان
  $title = $row->event_title ?? $row->title ?? '—';

  // شارة حالة (Dot + Chip) — ستايل فقط (بدون تغيير منطق)
  $statusChip = match($status){
    'active'    => 'bg-emerald-500/12 border-emerald-300/20 text-emerald-100',
    'upcoming'  => 'bg-amber-500/12 border-amber-300/20 text-amber-100',
    'finished'  => 'bg-white/8 border-white/12 text-white/75',
    'cancelled' => 'bg-rose-500/12 border-rose-300/20 text-rose-100',
    default     => 'bg-white/8 border-white/12 text-white/75',
  };

  $statusDot = match($status){
    'active'    => 'bg-emerald-300',
    'upcoming'  => 'bg-amber-300',
    'finished'  => 'bg-white/40',
    'cancelled' => 'bg-rose-300',
    default     => 'bg-white/40',
  };
@endphp

<div class="group relative overflow-hidden rounded-2xl p-3 mb-2
            bg-black/45 border border-white/12
            shadow-[0_14px_50px_rgba(0,0,0,0.28)]
            hover:bg-black/55 hover:border-white/18 transition">
  {{-- Glow خفيف حسب النوع --}}
  <div class="pointer-events-none absolute -top-10 -right-10 w-28 h-28 rounded-full blur-3xl
              {{ $isPlus ? 'bg-fuchsia-500/18' : 'bg-amber-400/10' }}"></div>

  <div class="relative flex items-start justify-between gap-3">
    <div class="min-w-0">
      <div class="font-extrabold text-white text-[13px] sm:text-[14px] truncate">
        {{ $title }}
      </div>

      <div class="mt-1 flex flex-wrap items-center gap-2 text-[11px] text-white/70">
        {{-- Status chip --}}
        <span class="inline-flex items-center gap-2 px-2 py-0.5 rounded-full border {{ $statusChip }}">
          <span class="w-2 h-2 rounded-full {{ $statusDot }}"></span>
          <span class="{{ $tone }} font-bold">{{ $status }}</span>
        </span>

        @if($timeStr)
          <span class="inline-flex items-center gap-2 px-2 py-0.5 rounded-full bg-white/6 border border-white/10 text-white/80">
            <i class="fa-solid fa-clock text-[10px] opacity-80"></i>
            <span>{{ $timeStr }}</span>
          </span>
        @endif

        @if(!empty($leader))
          <span class="inline-flex items-center gap-2 px-2 py-0.5 rounded-full bg-white/6 border border-white/10 text-white/80">
            <i class="fa-solid fa-crown text-[10px] opacity-80"></i>
            <span>القائد: {{ $leader }}</span>
          </span>
        @endif
      </div>
    </div>

    {{-- Badge النوع --}}
    <span class="shrink-0 px-3 py-1 rounded-full text-[11px] font-extrabold {{ $badge }}">
      <span class="inline-flex items-center gap-2">
        <span class="w-1.5 h-1.5 rounded-full {{ $isPlus ? 'bg-fuchsia-300' : 'bg-amber-300' }}"></span>
        {{ $isPlus ? '+Plus' : 'عادية' }}
      </span>
    </span>
  </div>

  @if($platform)
    <div class="relative mt-2 text-[11px] text-white/65">
      <span class="inline-flex items-center gap-2 px-2 py-1 rounded-xl bg-white/6 border border-white/10">
        <i class="fa-solid fa-satellite-dish text-[10px] opacity-80"></i>
        <span>المنصة: <b class="text-white/85">{{ $platform }}</b></span>
      </span>
    </div>
  @endif
</div>