@php
  $view = $view ?? 'cards';
  $items = $items ?? collect();
  $type = $type ?? 'generic';
@endphp

@if($view === 'table')
  <div class="rounded-3xl border border-white/10 bg-white/5 overflow-hidden">
    <div class="overflow-x-auto">
      <table class="min-w-[980px] w-full text-sm">
        <thead class="bg-black/40 text-white/70">
          <tr>
            <th class="px-3 py-3 text-right">#</th>
            <th class="px-3 py-3 text-right">العنوان</th>
            <th class="px-3 py-3 text-right">تفاصيل</th>
            <th class="px-3 py-3 text-right">تاريخ</th>
          </tr>
        </thead>
        <tbody class="divide-y divide-white/5">
          @foreach($items as $i=>$it)
            @php
              $title = $type==='evaluations'
                ? ('نقاط: '.(int)($it->total_daily_points ?? 0))
                : ($type==='tests'
                    ? ($it->test_title ?? ('اختبار #'.($it->weekly_test_id ?? $it->id ?? '—')))
                    : ($type==='honors'
                        ? ($it->title ?? 'تكريم')
                        : ($type==='violations'
                            ? ($it->violation->title ?? 'مخالفة')
                            : ($type==='ranks'
                                ? ($it->name ?? 'رتبة')
                                : ($it->title ?? ($it->name ?? '—'))
                              )
                          )
                      )
                  );

              $desc = $type==='evaluations'
                ? ($it->evaluator_notes ?? '—')
                : ($type==='activities'
                    ? ('نقاط: '.(int)($it->participant_points ?? 0))
                    : ($type==='absences'
                        ? (($it->attendance_status ?? '—').' • '.($it->excuse_reason ?? ''))
                        : ($type==='absence_requests'
                            ? ($it->reason ?? $it->excuse_reason ?? '—')
                            : ($it->description ?? $it->reason ?? $it->notes ?? '—')
                          )
                      )
                  );

              $date = $type==='evaluations'
                ? ($it->evaluation_date ?? '—')
                : ($it->awarded_at ?? $it->created_at ?? $it->submitted_at ?? '—');

              if($date instanceof \Carbon\Carbon) $date = $date->format('Y-m-d');
            @endphp
            <tr class="text-white/80 hover:bg-white/5">
              <td class="px-3 py-3 text-white/50">{{ $i+1 }}</td>
              <td class="px-3 py-3 font-extrabold text-white">{{ $title }}</td>
              <td class="px-3 py-3 text-white/70">{{ $desc }}</td>
              <td class="px-3 py-3 text-white/60 whitespace-nowrap">{{ $date }}</td>
            </tr>
          @endforeach
        </tbody>
      </table>
    </div>
  </div>

@elseif($view === 'grid')
  <div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-2.5">
    @foreach($items as $it)
      <div class="rounded-3xl border border-white/10 bg-white/5 p-3 hover:bg-white/10 transition">
        <div class="text-white font-extrabold text-sm">
          {{ $type==='evaluations' ? ('نقاط: '.(int)($it->total_daily_points ?? 0)) : ($it->title ?? $it->name ?? $it->test_title ?? 'عنصر') }}
        </div>
        <div class="mt-1 text-xs text-white/60 line-clamp-3">
          {{ $type==='evaluations' ? ($it->evaluator_notes ?? '—') : ($it->description ?? $it->reason ?? $it->notes ?? '—') }}
        </div>
      </div>
    @endforeach
  </div>

@else
  <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3">
    @foreach($items as $it)
      <div class="rounded-3xl border border-white/10 bg-white/5 p-4 hover:bg-white/10 transition">
        <div class="flex items-start justify-between gap-2">
          <div class="text-white font-extrabold">
            {{ $type==='evaluations' ? ('نقاط: '.(int)($it->total_daily_points ?? 0)) : ($it->title ?? $it->name ?? $it->test_title ?? 'عنصر') }}
          </div>
          <span class="px-2 py-1 rounded-full text-[11px] font-bold border border-white/10 bg-black/30 text-white/70">
            {{ $type }}
          </span>
        </div>
        <div class="mt-2 text-sm text-white/70 line-clamp-4">
          {{ $type==='evaluations' ? ($it->evaluator_notes ?? '—') : ($it->description ?? $it->reason ?? $it->notes ?? '—') }}
        </div>
      </div>
    @endforeach
  </div>
@endif