@extends('layouts.app')

@section('content')
    <div class="container">
        <h3 class="mb-4 text-success">📝 سجل النشاطات (Audit Trail)</h3>

        <div class="card shadow-sm">
            <div class="card-body">
                <table class="table table-bordered text-center align-middle">
                    <thead class="table-dark">
                        <tr>
                            <th>#</th>
                            <th>المستخدم</th>
                            <th>العملية</th>
                            <th>التفاصيل</th>
                            <th>التاريخ والوقت</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($logs as $index => $log)
                            <tr>
                                <td>{{ $logs->firstItem() + $index }}</td>
                                <td>
                                    @if($log->user)
                                        <span class="badge bg-primary">{{ $log->user->name }}</span>
                                    @else
                                        <span class="badge bg-secondary">النظام</span>
                                    @endif
                                </td>
                                <td>
                                    @if($log->action == 'إضافة')
                                        <span class="badge bg-success">إضافة</span>
                                    @elseif($log->action == 'تعديل')
                                        <span class="badge bg-warning text-dark">تعديل</span>
                                    @else
                                        <span class="badge bg-danger">حذف</span>
                                    @endif
                                </td>
                                <td class="text-end">{{ $log->description }}</td>
                                <td dir="ltr">{{ $log->created_at->format('Y-m-d H:i A') }}</td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="5" class="text-muted">لا توجد نشاطات مسجلة حتى الآن.</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
                <div class="d-flex justify-content-center mt-3">
                    {{ $logs->links('pagination::bootstrap-5') }}
                </div>
            </div>
        </div>
    </div>
@endsection