@extends('layouts.main_dashboard.app')
@section('title', app()->getLocale() === 'ar' ? 'سجل التدقيق الاجتماعي' : 'Social Audit Log')
@section('skip_page_hero', true)
@section('content')
<div class="space-y-4">
    @foreach($audits as $audit)
        <article class="rounded-xl border border-surface-200 bg-white p-5 shadow-sm dark:border-surface-800 dark:bg-surface-950">
            <h2 class="text-base font-black text-surface-900 dark:text-white">{{ $audit->action }}</h2>
            <p class="mt-2 text-xs text-surface-500 dark:text-surface-400">{{ $audit->user?->name ?? '—' }} • {{ $audit->student?->name ?? '—' }} • {{ $audit->record_type }}#{{ $audit->record_id }} • {{ $audit->created_at?->format('Y-m-d H:i') ?? '—' }}</p>
        </article>
    @endforeach
    <section class="rounded-xl border border-surface-200 bg-white px-6 py-5 shadow-sm dark:border-surface-800 dark:bg-surface-900">{{ $audits->links('pagination::simple-tailwind') }}</section>
</div>
@endsection