@extends('layout')
@section('content')
<div class="max-w-7xl mx-auto p-4 md:p-6" dir="rtl">
    <div class="flex flex-wrap items-center justify-between gap-3 mb-5">
        <div><h1 class="text-2xl font-bold text-slate-800">سجل التدقيق</h1><p class="text-sm text-slate-500 mt-1">متابعة العمليات الحساسة داخل النظام.</p></div>
        <a class="btn" href="/admin/dashboard">العودة للوحة التحكم</a>
    </div>
    <form method="get" class="bg-white rounded-xl shadow-sm p-4 mb-5 grid md:grid-cols-5 gap-3">
        <select name="clinic_id" class="input"><option value="">كل العيادات</option>@foreach($clinics as $clinic)<option value="{{ $clinic->id }}" @selected(request('clinic_id')==$clinic->id)>{{ $clinic->name }} ({{ $clinic->code }})</option>@endforeach</select>
        <select name="action" class="input"><option value="">كل العمليات</option>@foreach($actions as $action)<option value="{{ $action }}" @selected(request('action')==$action)>{{ $action }}</option>@endforeach</select>
        <input class="input" type="date" name="from" value="{{ request('from') }}" aria-label="من تاريخ">
        <input class="input" type="date" name="to" value="{{ request('to') }}" aria-label="إلى تاريخ">
        <button class="btn" type="submit">تطبيق الفلاتر</button>
    </form>
    <div class="bg-white rounded-xl shadow-sm overflow-x-auto">
        <table class="min-w-full text-sm"><thead class="bg-slate-100"><tr><th class="p-3 text-right">التاريخ</th><th class="p-3 text-right">المستخدم</th><th class="p-3 text-right">العيادة</th><th class="p-3 text-right">العملية</th><th class="p-3 text-right">الكيان</th><th class="p-3 text-right">التفاصيل</th><th class="p-3 text-right">IP</th></tr></thead><tbody>
        @forelse($logs as $log)<tr class="border-t align-top"><td class="p-3 whitespace-nowrap">{{ $log->created_at }}</td><td class="p-3">{{ $log->user_name ?: ($log->user_email ?: 'نظام') }}</td><td class="p-3">{{ $log->clinic_name ?: 'عام' }} @if($log->clinic_code)<span class="text-xs text-slate-400">({{ $log->clinic_code }})</span>@endif</td><td class="p-3 font-semibold text-cyan-800">{{ $log->action }}</td><td class="p-3">{{ $log->entity_type ?: '-' }}{{ $log->entity_id ? ' #'.$log->entity_id : '' }}</td><td class="p-3 min-w-[280px]"><div><span class="text-xs text-slate-500">قبل:</span> {{ $log->old_values ?: '-' }}</div><div class="mt-1"><span class="text-xs text-slate-500">بعد:</span> {{ $log->new_values ?: '-' }}</div></td><td class="p-3 text-xs">{{ $log->ip_address ?: '-' }}</td></tr>@empty<tr><td colspan="7" class="p-8 text-center text-slate-500">لا توجد عمليات مسجلة وفق الفلاتر الحالية.</td></tr>@endforelse
        </tbody></table>
    </div>
    <div class="mt-4">{{ $logs->links() }}</div>
</div>
<style>.input{border:1px solid #cbd5e1;border-radius:.5rem;padding:.55rem;width:100%;font-size:13px}.btn{background:#0e7490;color:white;border-radius:.5rem;padding:.55rem .8rem;font-size:13px}</style>
@endsection