@extends('admin._layout')

@section('title', 'سجل النشاطات')

@push('head')
<style>
    .audit-row { padding: .85rem 1rem; border-bottom: 1px solid #f1f5f9; transition: background .12s; }
    .audit-row:hover { background: #f8fafc; }
    .audit-row:last-child { border-bottom: 0; }
    .audit-action {
        display: inline-block; padding: .15rem .55rem;
        border-radius: .35rem; font-size: .78rem; font-weight: 600;
    }
    .audit-meta-pill {
        background: #f1f5f9; color: #475569;
        padding: .12rem .5rem; border-radius: .35rem;
        font-size: .72rem; font-family: monospace;
    }
</style>
@endpush

@section('content')
<div class="page-header">
    <div class="row align-items-center">
        <div class="col">
            <h2 class="page-title mb-1">سجل النشاطات</h2>
            <div class="text-muted small">{{ $logs->total() }} حدث · سجل دائم لكل إجراء يقوم به أي مشرف.</div>
        </div>
    </div>
</div>

<div class="card mb-3">
    <div class="card-body py-2">
        <form method="GET" class="row g-2 align-items-center">
            <div class="col-md">
                <input type="text" name="q" value="{{ request('q') }}" class="form-control"
                       placeholder="ابحث (اسم العيادة، IP، إلخ)...">
            </div>
            <div class="col-md-3">
                <select name="action" class="form-select" onchange="this.form.submit()">
                    <option value="">كل الأنواع</option>
                    @foreach($availableActions as $a)
                        <option value="{{ $a }}" @selected(request('action') === $a)>
                            {{ \App\Services\AuditLogger::actionLabel($a) }}
                        </option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-2">
                <select name="admin_id" class="form-select" onchange="this.form.submit()">
                    <option value="">كل المشرفين</option>
                    @foreach($admins as $ad)
                        <option value="{{ $ad->id }}" @selected(request('admin_id') == $ad->id)>{{ $ad->name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-auto">
                <input type="date" name="from" value="{{ request('from') }}" class="form-control" placeholder="من">
            </div>
            <div class="col-md-auto">
                <input type="date" name="to" value="{{ request('to') }}" class="form-control" placeholder="إلى">
            </div>
            <div class="col-md-auto">
                <button class="btn btn-primary"><i class="ti ti-filter me-1"></i></button>
            </div>
        </form>
    </div>
</div>

<div class="card">
    @if($logs->isEmpty())
        <div class="card-body text-center py-5">
            <i class="ti ti-history-toggle" style="font-size:3rem;color:#cbd5e1;"></i>
            <h3 class="mt-2 mb-1">لا توجد سجلات تطابق الفلاتر</h3>
        </div>
    @else
        @foreach($logs as $log)
            @php
                $color = \App\Services\AuditLogger::actionColor($log->action);
                $label = \App\Services\AuditLogger::actionLabel($log->action);
            @endphp
            <div class="audit-row">
                <div class="d-flex align-items-start gap-3 flex-wrap">
                    <span class="audit-action bg-{{ $color }}-lt text-{{ $color }}">{{ $label }}</span>
                    <div class="flex-grow-1 min-w-0">
                        <div>
                            @if($log->admin)
                                <strong>{{ $log->admin->name }}</strong>
                                <span class="text-muted small">({{ $log->admin->email }})</span>
                            @else
                                <em class="text-muted">النظام</em>
                            @endif
                            @if($log->subject_label)
                                — <strong>{{ $log->subject_label }}</strong>
                            @endif
                        </div>
                        <div class="d-flex flex-wrap gap-2 mt-1 small">
                            @if($log->ip_address)
                                <span class="audit-meta-pill"><i class="ti ti-map-pin me-1"></i>{{ $log->ip_address }}</span>
                            @endif
                            @if($log->subject_type)
                                <span class="audit-meta-pill" title="{{ $log->subject_type }}">
                                    <i class="ti ti-id me-1"></i>{{ class_basename($log->subject_type) }}#{{ $log->subject_id }}
                                </span>
                            @endif
                            @if(! empty($log->metadata))
                                <span class="audit-meta-pill" title="{{ json_encode($log->metadata, JSON_UNESCAPED_UNICODE) }}">
                                    <i class="ti ti-braces me-1"></i> بيانات إضافية
                                </span>
                            @endif
                        </div>
                    </div>
                    <div class="text-muted small text-end">
                        <div>{{ $log->created_at->translatedFormat('j M Y') }}</div>
                        <div>{{ $log->created_at->translatedFormat('h:i:s A') }}</div>
                        <div>{{ $log->created_at->diffForHumans() }}</div>
                    </div>
                </div>
            </div>
        @endforeach

        <div class="card-footer">{{ $logs->links() }}</div>
    @endif
</div>
@endsection