@extends('admin.layouts.app')
@section('title','سجلات الأخطاء')
@section('content')
<div class="max-w-7xl mx-auto px-6 py-10" dir="rtl">
  <h1 class="text-2xl font-extrabold mb-6">سجلات الأخطاء</h1>

  @if($errors->isEmpty())
    <div class="p-6 rounded-xl bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700">
      <div class="text-center text-gray-500">
        <div class="text-6xl mb-4">✅</div>
        <div class="text-lg">لا توجد أخطاء مسجلة</div>
      </div>
    </div>
  @else
    <div class="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-xl overflow-hidden">
      <div class="overflow-x-auto">
        <table class="min-w-full text-sm">
          <thead class="bg-gray-50 dark:bg-gray-700">
            <tr class="text-right">
              <th class="py-3 px-4 font-medium">ID</th>
              <th class="py-3 px-4 font-medium">التاريخ</th>
              <th class="py-3 px-4 font-medium">نوع الخطأ</th>
              <th class="py-3 px-4 font-medium">الرسالة</th>
              <th class="py-3 px-4 font-medium">الملف</th>
              <th class="py-3 px-4 font-medium">السطر</th>
            </tr>
          </thead>
          <tbody>
            @foreach($errors as $error)
              <tr class="border-t border-gray-100 dark:border-gray-700/50 hover:bg-gray-50 dark:hover:bg-gray-700/30">
                <td class="py-3 px-4 font-mono">{{ $error->id }}</td>
                <td class="py-3 px-4">{{ $error->created_at ?? 'غير محدد' }}</td>
                <td class="py-3 px-4">
                  <span class="px-2 py-1 text-xs rounded bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-200">
                    {{ $error->type ?? 'خطأ' }}
                  </span>
                </td>
                <td class="py-3 px-4 max-w-md">
                  <div class="truncate" title="{{ $error->message ?? '' }}">
                    {{ Str::limit($error->message ?? 'رسالة غير متوفرة', 100) }}
                  </div>
                </td>
                <td class="py-3 px-4 font-mono text-xs max-w-xs">
                  <div class="truncate" title="{{ $error->file ?? '' }}">
                    {{ $error->file ? basename($error->file) : 'غير محدد' }}
                  </div>
                </td>
                <td class="py-3 px-4 font-mono">{{ $error->line ?? '-' }}</td>
              </tr>
            @endforeach
          </tbody>
        </table>
      </div>
    </div>

    <div class="mt-6 text-sm text-gray-500">
      عرض آخر 50 خطأ مسجل
    </div>
  @endif
</div>
@endsection