@extends('layouts.panel', ['area' => 'user'])
@section('title', 'تیکت‌ها')
@section('content')
<div class="flex justify-between items-center mb-4"><p class="text-sm text-slate-500">{{ setting('support_text') }}</p><a href="{{ route('user.tickets.create') }}" class="btn-p">+ تیکت جدید</a></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></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"><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 text-slate-500">{{ jd($t->updated_at) }}</td><td class="td"><a class="btn-s" href="{{ route('user.tickets.show', $t) }}">مشاهده</a></td></tr>
  @empty<tr><td colspan="5" class="td text-center text-slate-400 py-10">تیکتی ندارید.</td></tr>@endforelse
  </tbody></table></div>
<div class="mt-4">{{ $tickets->links() }}</div>
@endsection