@extends('layouts.super-admin', ['title' => 'Activity Logs - Booklio Super Admin', 'pageTitle' => 'Activity Logs', 'active' => 'activity'])

@section('content')
    <div class="space-y-5">
        <x-ui.card title="Activity Logs" description="Platform audit trail for admin actions, settings updates, billing events, and tenant operations.">
            <form method="GET" action="{{ route('super-admin.activity.index') }}" class="mb-4 grid gap-3 lg:grid-cols-[minmax(0,1fr)_auto_auto]">
                <x-form.input name="q" label="Search" value="{{ $filters['q'] ?? '' }}" placeholder="Event or description" />
                <div class="flex items-end">
                    <x-ui.button type="submit" class="w-full">Filter</x-ui.button>
                </div>
                <div class="flex items-end">
                    <x-ui.button href="{{ route('super-admin.activity.index') }}" variant="secondary" class="w-full">Reset</x-ui.button>
                </div>
            </form>

            <x-ui.table :headers="['Time', 'Actor', 'Business', 'Event', 'Description', 'IP address']">
                @forelse ($activities as $activity)
                    <tr class="hover:bg-slate-50">
                        <td class="font-semibold">{{ $activity->created_at?->diffForHumans() }}</td>
                        <td class="font-extrabold"><span class="block max-w-[180px] truncate">{{ $activity->user?->name ?? 'System' }}</span></td>
                        <td class="font-semibold"><span class="block max-w-[220px] truncate">{{ $activity->business?->name ?? 'Platform' }}</span></td>
                        <td><code class="rounded bg-slate-100 px-2 py-1 text-xs font-bold">{{ $activity->event }}</code></td>
                        <td class="text-booklio-muted"><span class="block max-w-[360px] break-words">{{ $activity->description }}</span></td>
                        <td><code class="rounded bg-slate-100 px-2 py-1 text-xs font-bold">{{ $activity->ip_address ?? '-' }}</code></td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="6" class="text-center text-booklio-muted">No activity logs found.</td>
                    </tr>
                @endforelse
            </x-ui.table>

            <div class="mt-4">
                <x-ui.pagination :paginator="$activities" />
            </div>
        </x-ui.card>
    </div>
@endsection