@extends('layouts.main_dashboard.app')
@section('title', app()->getLocale() === 'ar' ? 'إدارة الرعاية الاجتماعية' : 'Social Care Management')
@section('skip_page_hero', true)
@php($isArabic = app()->getLocale() === 'ar')
@section('content')
<div class="space-y-6">
    <section class="rounded-xl border border-surface-200 bg-white p-6 shadow-sm dark:border-surface-800 dark:bg-surface-950">
        <div class="flex flex-col gap-4 lg:flex-row lg:items-end lg:justify-between">
            <div><p class="text-xs font-black uppercase tracking-[0.24em] text-brand-600">{{ $isArabic ? 'إدارة الرعاية الاجتماعية' : 'Social care management' }}</p><h1 class="mt-3 text-2xl font-black text-surface-900 dark:text-white md:text-3xl">{{ $isArabic ? 'إشراف إداري على الملفات الحساسة والتقارير' : 'Administrative oversight for sensitive records and reporting' }}</h1></div>
            <div class="flex gap-3"><a href="{{ route('admin.social-care.audits') }}" class="inline-flex items-center justify-center rounded-2xl border border-surface-200 px-5 py-3 text-sm font-black text-surface-900 dark:border-surface-700 dark:text-white">{{ $isArabic ? 'سجل التدقيق' : 'Audit log' }}</a><a href="{{ route('admin.social-care.export') }}" class="inline-flex items-center justify-center rounded-2xl bg-surface-900 px-5 py-3 text-sm font-black text-white dark:bg-white dark:text-surface-900">{{ $isArabic ? 'تصدير' : 'Export' }}</a></div>
        </div>
    </section>
    <section class="grid gap-4 md:grid-cols-4">
        <article class="rounded-xl border border-surface-200 bg-white p-5 shadow-sm dark:border-surface-800 dark:bg-surface-950"><p class="text-xs font-black text-surface-500 dark:text-surface-400">{{ $isArabic ? 'الملاحظات' : 'Notes' }}</p><p class="mt-2 text-3xl font-black text-surface-900 dark:text-white font-numbers">{{ $overview['notes'] }}</p></article>
        <article class="rounded-xl border border-surface-200 bg-white p-5 shadow-sm dark:border-surface-800 dark:bg-surface-950"><p class="text-xs font-black text-surface-500 dark:text-surface-400">{{ $isArabic ? 'الإحالات' : 'Referrals' }}</p><p class="mt-2 text-3xl font-black text-surface-900 dark:text-white font-numbers">{{ $overview['referrals'] }}</p></article>
        <article class="rounded-xl border border-surface-200 bg-white p-5 shadow-sm dark:border-surface-800 dark:bg-surface-950"><p class="text-xs font-black text-surface-500 dark:text-surface-400">{{ $isArabic ? 'الوقائع' : 'Incidents' }}</p><p class="mt-2 text-3xl font-black text-surface-900 dark:text-white font-numbers">{{ $overview['incidents'] }}</p></article>
        <article class="rounded-xl border border-surface-200 bg-white p-5 shadow-sm dark:border-surface-800 dark:bg-surface-950"><p class="text-xs font-black text-surface-500 dark:text-surface-400">{{ $isArabic ? 'الموارد' : 'Resources' }}</p><p class="mt-2 text-3xl font-black text-surface-900 dark:text-white font-numbers">{{ $overview['resources'] }}</p></article>
    </section>
    <section class="rounded-xl border border-surface-200 bg-white p-6 shadow-sm dark:border-surface-800 dark:bg-surface-950">
        <div class="overflow-x-auto"><table class="min-w-full divide-y divide-surface-200 dark:divide-surface-800"><thead class="bg-surface-50 dark:bg-surface-900/60"><tr class="text-start text-xs font-black uppercase tracking-[0.2em] text-surface-500 dark:text-surface-400"><th class="px-4 py-3">{{ $isArabic ? 'الفئة' : 'Category' }}</th><th class="px-4 py-3">{{ $isArabic ? 'الإجمالي' : 'Total' }}</th><th class="px-4 py-3">{{ $isArabic ? 'المفتوح' : 'Open' }}</th><th class="px-4 py-3">{{ $isArabic ? 'مرتفع الشدة' : 'High severity' }}</th><th class="px-4 py-3">{{ $isArabic ? 'المغلق' : 'Resolved' }}</th></tr></thead><tbody class="divide-y divide-surface-200 dark:divide-surface-800">@foreach($rows as $row)<tr><td class="px-4 py-3 text-sm font-black text-surface-900 dark:text-white">{{ $row['issue_type'] }}</td><td class="px-4 py-3 text-sm text-surface-600 dark:text-surface-300 font-numbers">{{ $row['total_cases'] }}</td><td class="px-4 py-3 text-sm text-surface-600 dark:text-surface-300 font-numbers">{{ $row['open_cases'] }}</td><td class="px-4 py-3 text-sm text-surface-600 dark:text-surface-300 font-numbers">{{ $row['high_severity'] }}</td><td class="px-4 py-3 text-sm text-surface-600 dark:text-surface-300 font-numbers">{{ $row['resolved_cases'] }}</td></tr>@endforeach</tbody></table></div>
    </section>
    <section class="rounded-xl border border-surface-200 bg-white p-6 shadow-sm dark:border-surface-800 dark:bg-surface-950">
        <h2 class="text-lg font-black text-surface-900 dark:text-white">{{ $isArabic ? 'آخر أحداث التدقيق' : 'Latest audit events' }}</h2>
        <div class="mt-5 space-y-3">@foreach($audits as $audit)<article class="rounded-2xl border border-surface-200 p-4 dark:border-surface-800"><p class="text-sm font-black text-surface-900 dark:text-white">{{ $audit->action }}</p><p class="mt-1 text-xs text-surface-500 dark:text-surface-400">{{ $audit->user?->name ?? '—' }} • {{ $audit->student?->name ?? '—' }} • {{ $audit->created_at?->format('Y-m-d H:i') ?? '—' }}</p></article>@endforeach</div>
    </section>
</div>
@endsection