@extends('layouts.superadmin')
@section('title','سجلّ الصيانة')
@section('page-title','📋 سجلّ الصيانة — عمليات الإدارة')

@section('content')
<div class="space-y-6 p-6">

  {{-- فلاتر --}}
  <div class="bg-white dark:bg-gray-900 rounded-xl shadow p-4 border border-gray-100 dark:border-gray-700">
    <form method="GET" class="grid grid-cols-1 md:grid-cols-6 gap-3">
      <div>
        <label class="block text-sm mb-1">الحالة</label>
        <select name="status" class="w-full rounded-lg border-gray-300 dark:border-gray-600 bg-gray-50 dark:bg-gray-700 text-gray-900 dark:text-white px-3 py-2">
          <option value="">الكل</option>
          <option value="success" @selected(request('status')==='success')>success</option>
          <option value="warning" @selected(request('status')==='warning')>warning</option>
          <option value="error"   @selected(request('status')==='error')>error</option>
        </select>
      </div>
      <div class="md:col-span-2">
        <label class="block text-sm mb-1">الإجراء</label>
        <input type="text" name="action" value="{{ request('action') }}" class="w-full rounded-lg border-gray-300 dark:border-gray-600 bg-gray-50 dark:bg-gray-700 text-gray-900 dark:text-white px-3 py-2" placeholder="cache_clear / db_optimize ...">
      </div>
      <div class="md:col-span-2">
        <label class="block text-sm mb-1">اسم الإداري</label>
        <input type="text" name="admin" value="{{ request('admin') }}" class="w-full rounded-lg border-gray-300 dark:border-gray-600 bg-gray-50 dark:bg-gray-700 text-gray-900 dark:text-white px-3 py-2" placeholder="ابحث بالاسم/الإيميل">
      </div>
      <div>
        <label class="block text-sm mb-1">من</label>
        <input type="date" name="from" value="{{ request('from') }}" class="w-full rounded-lg border-gray-300 dark:border-gray-600 bg-gray-50 dark:bg-gray-700 text-gray-900 dark:text-white px-3 py-2">
      </div>
      <div>
        <label class="block text-sm mb-1">إلى</label>
        <input type="date" name="to" value="{{ request('to') }}" class="w-full rounded-lg border-gray-300 dark:border-gray-600 bg-gray-50 dark:bg-gray-700 text-gray-900 dark:text-white px-3 py-2">
      </div>
      <div class="md:col-span-6 flex justify-end">
        <button class="px-4 py-2 rounded-lg bg-primary-600 text-white hover:bg-primary-700">🔎 بحث</button>
      </div>
    </form>
  </div>

  {{-- الجدول --}}
  <div class="bg-white dark:bg-gray-900 rounded-xl shadow overflow-x-auto border border-gray-100 dark:border-gray-700">
    <table class="w-full text-sm">
      <thead class="bg-gray-50 dark:bg-gray-800/40">
        <tr class="text-right">
          <th class="p-3">الوقت</th>
          <th class="p-3">الإداري</th>
          <th class="p-3">الإجراء</th>
          <th class="p-3">الحالة</th>
          <th class="p-3">IP</th>
          <th class="p-3">النتيجة/المخرجات</th>
        </tr>
      </thead>
      <tbody>
        @forelse($logs as $row)
        <tr class="border-t hover:bg-gray-50 dark:hover:bg-gray-800/30">
          <td class="p-3 text-xs text-gray-500">{{ \Carbon\Carbon::parse($row->created_at)->format('Y-m-d H:i') }}</td>
          <td class="p-3">
            <div class="font-semibold">{{ $row->admin_name ?? $row->user_name ?? '—' }}</div>
            <div class="text-xs text-gray-500">{{ $row->email ?? '' }}</div>
          </td>
          <td class="p-3"><code class="text-xs">{{ $row->action }}</code></td>
          <td class="p-3">
            @php $cls = $row->status==='success' ? 'bg-emerald-100 text-emerald-800' : ($row->status==='warning' ? 'bg-amber-100 text-amber-800' : 'bg-rose-100 text-rose-800'); @endphp
            <span class="px-2 py-0.5 rounded text-xs {{ $cls }}">{{ $row->status }}</span>
          </td>
          <td class="p-3 text-xs">{{ $row->ip_address }}</td>
          <td class="p-3">
            <details>
              <summary class="cursor-pointer text-blue-600 text-xs">عرض</summary>
              <pre class="text-xs whitespace-pre-wrap">{{ $row->output ?: '—' }}</pre>
            </details>
          </td>
        </tr>
        @empty
        <tr><td colspan="6" class="p-6 text-center text-gray-500">لا يوجد سجلات.</td></tr>
        @endforelse
      </tbody>
    </table>
  </div>

  @if($logs->hasPages())
    <div class="mt-3">{{ $logs->withQueryString()->links() }}</div>
  @endif
</div>
@endsection