@extends('admin.layouts.app')
@section('title','تفاصيل الخطأ #'.$item->id)
@section('content')
<div class="max-w-5xl mx-auto px-6 py-8">
  <a href="{{ route('admin.errors.index') }}" class="text-sm text-brand-primary">← رجوع</a>
  <h1 class="text-2xl font-bold mb-4">خطأ #{{ $item->id }}</h1>
  <div class="grid md:grid-cols-2 gap-4">
    <div class="bg-white dark:bg-gray-800 rounded-xl p-4 shadow">
      <div class="text-sm"><span class="font-semibold">المستوى:</span> {{ $item->level }}</div>
      <div class="text-sm"><span class="font-semibold">الاستثناء:</span> {{ $item->exception }}</div>
      <div class="text-sm break-all"><span class="font-semibold">الرابط:</span> {{ $item->url }}</div>
      <div class="text-sm"><span class="font-semibold">الطريقة:</span> {{ $item->method }}</div>
      <div class="text-sm"><span class="font-semibold">IP:</span> {{ $item->ip }}</div>
      <div class="text-sm"><span class="font-semibold">التاريخ:</span> {{ $item->created_at }}</div>
      <div class="text-sm"><span class="font-semibold">الحالة:</span> {{ $item->resolved_at ? 'محلول' : 'غير محلول' }}</div>
    </div>
    <div class="bg-white dark:bg-gray-800 rounded-xl p-4 shadow">
      <h3 class="font-semibold mb-2">الرسالة</h3>
      <pre class="text-xs whitespace-pre-wrap">{{ $item->message }}</pre>
      <h3 class="font-semibold mt-4 mb-2">Stack</h3>
      <pre class="text-[11px] whitespace-pre-wrap">{{ Str::limit($item->stack, 8000) }}</pre>
    </div>
  </div>
  <div class="mt-4 bg-white dark:bg-gray-800 rounded-xl p-4 shadow">
    <h3 class="font-semibold mb-2">ملاحظة</h3>
    <form method="POST" action="{{ route('admin.errors.note',$item->id) }}" class="flex gap-2">@csrf
      <textarea name="note" class="flex-1 border rounded p-2" rows="3">{{ $item->note }}</textarea>
      <button class="h-fit px-3 py-2 bg-brand-primary text-white rounded">حفظ</button>
    </form>
  </div>
</div>
@endsection