@extends('layouts.dashboard')
@section('title','الدعم الفني')
@section('page-title','💬 تذاكر الدعم')

@section('content')
<div class="card" style="background:#fff;border-radius:10px;padding:24px;border:1px solid #e2e8f0">
  <h3 style="font-weight:700;margin-bottom:16px">التذاكر ({{ count($tickets) }})</h3>
  <div style="overflow-x:auto">
  <table class="data-table">
    <thead><tr><th>المستخدم</th><th>الموضوع</th><th>الرسالة</th><th>الحالة</th><th>التاريخ</th><th>إجراءات</th></tr></thead>
    <tbody>
    @forelse($tickets as $t)
    <tr>
      <td>{{ $t['user_name'] }}<br><small style="color:#64748b">{{ $t['user_email'] }}</small></td>
      <td><strong>{{ $t['subject'] }}</strong></td>
      <td style="max-width:240px;color:#64748b">{{ \Illuminate\Support\Str::limit($t['message'], 60) }}</td>
      <td>
        @php
        $statusMap = ['open'=>['مفتوح','badge-orange'],'replied'=>['تم الرد','badge-blue'],'closed'=>['مغلق','badge-gray']];
        [$label,$cls] = $statusMap[$t['status']] ?? [$t['status'],'badge-gray'];
        @endphp
        <span class="badge {{ $cls }}">{{ $label }}</span>
      </td>
      <td>{{ \Illuminate\Support\Str::limit($t['created_at']??'', 10, '') }}</td>
      <td>
        <form method="POST" action="{{ route('admin.tickets.update', $t['id']) }}" style="display:inline">
          @csrf
          <input type="hidden" name="status" value="replied">
          <button type="submit" class="btn btn-sm btn-success">✓ رد</button>
        </form>
        <form method="POST" action="{{ route('admin.tickets.update', $t['id']) }}" style="display:inline">
          @csrf
          <input type="hidden" name="status" value="closed">
          <button type="submit" class="btn btn-sm btn-secondary">إغلاق</button>
        </form>
      </td>
    </tr>
    @empty
    <tr><td colspan="6" style="text-align:center;color:#64748b;padding:24px">لا يوجد تذاكر</td></tr>
    @endforelse
    </tbody>
  </table>
  </div>
</div>
@endsection