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

@section('content')
<section class="grid gap-6 lg:grid-cols-2">
    <div class="rounded-[2rem] border border-white/10 bg-slate-900/70 p-6">
        <h1 class="font-display text-3xl font-bold text-white">API logs</h1>
        <div class="mt-6 space-y-3">@foreach ($apiLogs as $log)<div class="rounded-2xl border border-white/10 bg-white/5 p-4"><div class="font-medium text-white">{{ $log->endpoint }}</div><div class="text-sm text-slate-400">{{ $log->method }} • {{ $log->status_code }} • {{ $log->requested_at }}</div></div>@endforeach</div>
    </div>
    <div class="rounded-[2rem] border border-white/10 bg-slate-900/70 p-6">
        <h2 class="font-display text-3xl font-bold text-white">Activity timeline</h2>
        <div class="mt-6 space-y-3">@foreach ($activityLogs as $log)<div class="rounded-2xl border border-white/10 bg-white/5 p-4"><div class="font-medium text-white">{{ $log->event }}</div><div class="text-sm text-slate-300">{{ $log->description }}</div><div class="mt-1 text-xs text-slate-500">{{ $log->created_at?->diffForHumans() }}</div></div>@endforeach</div>
    </div>
</section>
@endsection