@extends('layouts.app')
@section('title', 'Audit logs')

@section('content')
<div class="space-y-4">
    <form method="GET" class="flex flex-wrap gap-2">
        <select name="action" class="input w-64">
            <option value="">All actions</option>
            @foreach ($actions as $action)
                <option value="{{ $action }}" @selected(request('action') === $action)>{{ $action }}</option>
            @endforeach
        </select>
        <button class="btn-secondary">Filter</button>
    </form>

    @if ($logs->isEmpty())
        <x-empty-state title="No audit entries" description="Security-relevant actions (logins, sends, suppressions, settings changes…) are recorded here."/>
    @else
        <div class="table-wrap">
            <table class="table">
                <thead><tr><th>When</th><th>User</th><th>Action</th><th>Details</th><th>IP</th></tr></thead>
                <tbody class="divide-y divide-slate-200 dark:divide-slate-800">
                @foreach ($logs as $log)
                    <tr x-data="{ open: false }">
                        <td class="whitespace-nowrap text-slate-500">{{ $log->created_at->format('d M Y H:i:s') }}</td>
                        <td>{{ $log->user?->name ?? 'System' }}</td>
                        <td><span class="badge-gray font-mono">{{ $log->action }}</span></td>
                        <td class="max-w-md">
                            <p class="truncate">{{ $log->description }}</p>
                            @if ($log->old_values || $log->new_values)
                                <button class="text-xs text-brand-600 hover:underline" @click="open = !open" x-text="open ? 'Hide changes' : 'Show changes'"></button>
                                <div x-cloak x-show="open" class="mt-1 max-w-md overflow-x-auto rounded bg-slate-50 p-2 font-mono text-[11px] dark:bg-slate-800">
                                    @if ($log->old_values)<div><strong>Before:</strong> {{ json_encode($log->old_values) }}</div>@endif
                                    @if ($log->new_values)<div><strong>After:</strong> {{ json_encode($log->new_values) }}</div>@endif
                                </div>
                            @endif
                        </td>
                        <td class="text-slate-500">{{ $log->ip_address }}</td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
        {{ $logs->links() }}
    @endif
</div>
@endsection