@extends('layouts.panel', ['area' => 'admin'])
@section('title', 'تیکت‌ها')
@section('content')
<div class="flex gap-2 mb-4">@foreach(['' => 'همه', 'open' => 'باز', 'answered' => 'پاسخ‌داده‌شده', 'closed' => 'بسته'] as $k => $l)
  <a href="{{ route('admin.tickets.index', $k ? ['status' => $k] : []) }}" class="px-3 py-1.5 rounded-xl text-sm {{ request('status', '') === $k ? 'bg-indigo-600 text-white' : 'bg-white dark:bg-slate-800 border border-slate-100 dark:border-slate-700' }}">{{ $l }}</a>@endforeach</div>
<div class="card !p-0 overflow-x-auto"><table class="w-full">
  <thead><tr class="border-b border-slate-100 dark:border-slate-700"><th class="th">#</th><th class="th">موضوع</th><th class="th">کاربر</th><th class="th">اولویت</th><th class="th">وضعیت</th><th class="th">بروزرسانی</th><th class="th"></th></tr></thead><tbody>
  @forelse($tickets as $t)
    <tr class="border-b border-slate-50 dark:border-slate-700/50"><td class="td">{{ $t->id }}</td><td class="td">{{ $t->subject }}</td><td class="td text-xs">{{ $t->user?->email }}</td>
      <td class="td">{{ ['low' => 'کم', 'normal' => 'معمولی', 'high' => 'بالا'][$t->priority] ?? $t->priority }}</td>
      <td class="td"><span class="badge {{ ['open' => 'bg-amber-50 text-amber-600', 'answered' => 'bg-emerald-50 text-emerald-600', 'closed' => 'bg-slate-100 text-slate-500'][$t->status] }}">{{ $t->statusLabel() }}</span></td>
      <td class="td text-xs">{{ jd($t->updated_at) }}</td><td class="td"><a class="btn-s" href="{{ route('admin.tickets.show', $t) }}">پاسخ</a></td></tr>
  @empty<tr><td colspan="7" class="td text-center text-slate-400 py-10">تیکتی نیست.</td></tr>@endforelse</tbody></table></div>
<div class="mt-4">{{ $tickets->links() }}</div>
@endsection