@extends('layouts.dashboard')
@section('title', t('الدعم','Support'))
@section('page-title','💬 '.t('تذاكر الدعم','Support Tickets'))
@section('content')
<div class="card">
  <table class="data-table">
    <thead><tr><th>{{ t('العضو','Member') }}</th><th>{{ t('الموضوع','Subject') }}</th><th>{{ t('الحالة','Status') }}</th><th>{{ t('التاريخ','Date') }}</th><th>{{ t('رد','Reply') }}</th></tr></thead>
    <tbody>
    @forelse($tickets as $ticket)
    <tr>
      <td><div style="font-weight:600">{{ $ticket->user->name }}</div><div style="font-size:12px;color:#64748b">{{ $ticket->user->email }}</div></td>
      <td>
        <div style="font-weight:600">{{ $ticket->subject }}</div>
        <div style="font-size:12px;color:#64748b;margin-top:2px">{{ Str::limit($ticket->message,60) }}</div>
        @if($ticket->reply)<div style="font-size:11px;background:#f0fdf4;color:#16a34a;padding:4px 8px;border-radius:4px;margin-top:4px">↩️ {{ Str::limit($ticket->reply,50) }}</div>@endif
      </td>
      <td><span class="badge {{ $ticket->status==='open'?'badge-orange':($ticket->status==='replied'?'badge-blue':'badge-gray') }}">{{ ['open'=>t('مفتوح','Open'),'replied'=>t('تم الرد','Replied'),'closed'=>t('مغلق','Closed')][$ticket->status] }}</span></td>
      <td>{{ $ticket->created_at->format('Y-m-d') }}</td>
      <td>
        <form method="POST" action="{{ route('admin.tickets.reply',$ticket->id) }}" style="min-width:220px">
          @csrf
          <textarea name="reply" class="form-input" rows="2" placeholder="{{ t('اكتب ردك...','Write reply...') }}" style="margin-bottom:4px">{{ $ticket->reply }}</textarea>
          <div style="display:flex;gap:4px">
            <select name="status" class="form-input" style="font-size:12px">
              <option value="replied" {{ $ticket->status==='replied'?'selected':'' }}>{{ t('تم الرد','Replied') }}</option>
              <option value="closed"  {{ $ticket->status==='closed'?'selected':'' }}>{{ t('إغلاق','Close') }}</option>
              <option value="open"    {{ $ticket->status==='open'?'selected':'' }}>{{ t('مفتوح','Open') }}</option>
            </select>
            <button type="submit" class="btn btn-primary btn-sm">✓</button>
          </div>
        </form>
      </td>
    </tr>
    @empty
    <tr><td colspan="5" style="text-align:center;padding:32px;color:#64748b">{{ t('لا يوجد تذاكر','No tickets') }}</td></tr>
    @endforelse
    </tbody>
  </table>
  <div style="padding:16px">{{ $tickets->links() }}</div>
</div>
@endsection