@extends('layouts.admin')

@section('title','البلاغات')

@section('content')
<div class="max-w-7xl mx-auto">
  <div class="bg-white dark:bg-gray-800 rounded-xl shadow p-4 mb-4">
    <form method="GET" class="grid sm:grid-cols-5 gap-3 items-end">
      <div>
        <label class="block text-sm mb-1">الحالة</label>
        <select name="status" class="input">
          <option value="">الكل</option>
          @foreach(['open'=>'مفتوح','resolved'=>'تمت المعالجة','dismissed'=>'مرفوض'] as $k=>$v)
            <option value="{{ $k }}" {{ ($status ?? '')===$k ? 'selected' : '' }}>{{ $v }}</option>
          @endforeach
        </select>
      </div>
      <div>
        <label class="block text-sm mb-1">المبلِّغ (ID)</label>
        <input type="number" name="reporter_id" value="{{ $reporter ?? '' }}" class="input">
      </div>
      <div>
        <label class="block text-sm mb-1">المبلَّغ عنه (ID)</label>
        <input type="number" name="reported_user_id" value="{{ $reported ?? '' }}" class="input">
      </div>
      <div>
        <label class="block text-sm mb-1">لكل صفحة</label>
        <select name="per_page" class="input">
          @foreach([20,40,80,120] as $pp)
            <option value="{{ $pp }}" {{ ($perPage ?? 40)===$pp ? 'selected' : '' }}>{{ $pp }}</option>
          @endforeach
        </select>
      </div>
      <div>
        <button class="btn-primary w-full">تطبيق</button>
      </div>
    </form>
  </div>

  <div class="bg-white dark:bg-gray-800 rounded-xl shadow overflow-x-auto">
    <table class="min-w-full text-sm">
      <thead>
        <tr class="text-right bg-gray-50 dark:bg-gray-700">
          <th class="p-3">#</th>
          <th class="p-3">المبلِّغ</th>
          <th class="p-3">المبلَّغ عنه</th>
          <th class="p-3">الفئة</th>
          <th class="p-3">التفاصيل</th>
          <th class="p-3">الحالة</th>
          <th class="p-3">أنشئ</th>
          <th class="p-3">إجراءات</th>
        </tr>
      </thead>
      <tbody>
        @forelse($reports as $r)
          <tr class="border-t border-gray-100 dark:border-gray-700">
            <td class="p-3">{{ $r->id }}</td>
            <td class="p-3">{{ $r->reporter_id }}</td>
            <td class="p-3">{{ $r->reported_user_id ?? '-' }}</td>
            <td class="p-3">{{ $r->category }}</td>
            <td class="p-3 max-w-[300px] truncate" title="{{ $r->details }}">{{ $r->details }}</td>
            <td class="p-3">
              @php $st = $r->status ?? 'open'; @endphp
              <span class="px-2 py-1 rounded text-xs {{ $st==='resolved' ? 'bg-green-100 text-green-700' : ($st==='dismissed' ? 'bg-yellow-100 text-yellow-700' : 'bg-blue-100 text-blue-700') }}">{{ $st }}</span>
            </td>
            <td class="p-3">{{ $r->created_at?->diffForHumans() }}</td>
            <td class="p-3 space-x-2 space-x-reverse">
              <form method="POST" action="{{ route('admin.reports.resolve', $r) }}" class="inline">
                @csrf
                <button class="btn-primary">معالجة</button>
              </form>
              <form method="POST" action="{{ route('admin.reports.destroy', $r) }}" class="inline" onsubmit="return confirm('حذف البلاغ؟');">
                @csrf @method('DELETE')
                <button class="btn-secondary">حذف</button>
              </form>
            </td>
          </tr>
        @empty
          <tr><td colspan="8" class="p-6 text-center text-gray-500">لا توجد بلاغات</td></tr>
        @endforelse
      </tbody>
    </table>
  </div>

  <div class="mt-4">{{ $reports->links() }}</div>
</div>
@endsection

@extends('admin.layouts.app')
@section('title','إدارة البلاغات')
@section('content')
<div class="max-w-6xl mx-auto px-6 py-10" dir="rtl">
  <h1 class="text-2xl font-extrabold mb-6">البلاغات والتقارير</h1>
  @if(!$exists)
    <div class="p-6 rounded-xl bg-yellow-50 border border-yellow-200">لا يوجد جدول reports بعد. سيتم تفعيل الصفحة تلقائياً حين إضافة الجدول.</div>
  @else
    <div class="overflow-x-auto rounded-2xl border border-gray-200 dark:border-gray-700">
      <table class="min-w-full text-sm bg-white dark:bg-gray-800">
        <thead>
          <tr class="text-right text-gray-600 dark:text-gray-300 border-b border-gray-200 dark:border-gray-700">
            <th class="py-3 px-4">#</th>
            <th class="py-3 px-4">المبلغ</th>
            <th class="py-3 px-4">المُبلّغ عنه</th>
            <th class="py-3 px-4">النوع</th>
            <th class="py-3 px-4">الحالة</th>
            <th class="py-3 px-4"></th>
          </tr>
        </thead>
        <tbody>
          @forelse($reports as $r)
            <tr class="border-b border-gray-100 dark:border-gray-700/50">
              <td class="py-2 px-4">{{ $r->id }}</td>
              <td class="py-2 px-4">{{ $r->reporter_id }}</td>
              <td class="py-2 px-4">{{ $r->target_id }}</td>
              <td class="py-2 px-4">{{ $r->type ?? '-' }}</td>
              <td class="py-2 px-4">{{ $r->status ?? 'open' }}</td>
              <td class="py-2 px-4 flex gap-2">
                <form method="post" action="{{ route('admin.reports.resolve',$r->id) }}">@csrf<button class="px-2 py-1 rounded bg-emerald-600 text-white">إغلاق</button></form>
                <form method="post" action="{{ route('admin.reports.destroy',$r->id) }}">@csrf @method('DELETE')<button class="px-2 py-1 rounded bg-rose-600 text-white">حذف</button></form>
              </td>
            </tr>
          @empty
            <tr><td colspan="6" class="p-6 text-center text-gray-500">لا توجد بلاغات حالياً.</td></tr>
          @endforelse
        </tbody>
      </table>
    </div>
    <div class="mt-4">{{ $reports->links() }}</div>
  @endif
</div>
@endsection

@extends('layouts.app')
@section('content')
<div class="bg-white dark:bg-brand-dark-card shadow rounded p-6">
  <h1 class="text-lg font-semibold mb-4">التقارير</h1>
  @if(session('status'))<div class="mb-3 text-sm text-green-600">{{ session('status') }}</div>@endif
  <table class="w-full text-sm border">
    <thead class="bg-gray-100"><tr><th class="p-2">#</th><th class="p-2">المبلِّغ</th><th class="p-2">المستهدف</th><th class="p-2">السبب</th><th class="p-2">الحالة</th><th class="p-2">إجراءات</th></tr></thead>
    <tbody>
    @forelse($reports as $r)
      <tr class="border-t">
        <td class="p-2">{{ $r->id }}</td>
        <td class="p-2">{{ $r->reporter_id }}</td>
        <td class="p-2">{{ $r->target_user_id }}</td>
        <td class="p-2">{{ Str::limit($r->reason,40) }}</td>
        <td class="p-2">{{ $r->status }}</td>
        <td class="p-2 flex gap-2">
          @if($r->status==='open')
          <form method="POST" action="{{ route('admin.reports.resolve',$r) }}">@csrf @method('PUT')<button class="text-xs text-green-600">حل</button></form>
          <form method="POST" action="{{ route('admin.reports.dismiss',$r) }}">@csrf @method('PUT')<button class="text-xs text-yellow-600">تجاهل</button></form>
          @endif
        </td>
      </tr>
    @empty
      <tr><td colspan="6" class="p-4 text-center text-gray-500">لا يوجد تقارير</td></tr>
    @endforelse
    </tbody>
  </table>
  <div class="mt-4">{{ $reports->links() }}</div>
</div>
@endsection