@extends('layouts.admin', ['title' => 'Security Logs'])

@section('admin-content')
<section class="rounded-[2rem] border border-white/10 bg-slate-900/70 p-6">
    <h1 class="font-display text-3xl font-bold text-white">Security logs</h1>
    <div class="mt-6 space-y-4">
        @foreach ($logs as $log)
            <div class="rounded-2xl border border-white/10 bg-white/5 p-4">
                <div class="flex items-center justify-between gap-4">
                    <div>
                        <div class="font-medium text-white">{{ $log->event }}</div>
                        <div class="mt-1 text-sm text-slate-300">{{ $log->description }}</div>
                    </div>
                    <div class="text-right text-sm text-slate-400">
                        <div>{{ strtoupper($log->severity) }}</div>
                        <div>{{ $log->ip_address ?: 'n/a' }}</div>
                    </div>
                </div>
            </div>
        @endforeach
    </div>
    <div class="mt-6">{{ $logs->links() }}</div>
</section>
@endsection