@extends('layouts.app')

@section('title', 'Activity logs · DocShare')
@section('section', 'Admin console')
@section('subtitle', 'Auditable access and management events for confidential documents.')

@section('content')
<section class="surface mt-4 overflow-hidden">
    <div class="grid grid-cols-[180px_1fr_180px_180px] gap-4 border-b border-slate-100 px-6 py-4 text-xs font-semibold uppercase tracking-wider text-slate-400">
        <span>Time</span><span>Action</span><span>User</span><span>IP address</span>
    </div>
    @forelse($logs as $log)
    <div class="grid grid-cols-[180px_1fr_180px_180px] gap-4 border-b border-slate-100 px-6 py-4 text-sm last:border-0">
        <span class="text-slate-500">{{ \Illuminate\Support\Carbon::parse($log->created_at)->format('Y-m-d H:i') }}</span>
        <span class="font-medium text-teal-700">{{ str_replace('_',' ',ucfirst($log->action)) }}</span>
        <span class="text-slate-700">{{ $log->user_name ?: 'System' }}<small class="block text-slate-400">{{ $log->custom_user_id }}</small></span>
        <span class="text-slate-500">{{ $log->ip_address ?: '—' }}</span>
    </div>
    @empty
    <div class="px-6 py-16 text-center text-slate-400">No activity recorded yet.</div>
    @endforelse
</section>

<div class="mt-6">{{ $logs->links() }}</div>
@endsection