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

@section('content')
<div class="space-y-6">
    <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3">
        <div>
            <h1 class="text-xl font-bold">Audit Trail</h1>
            <p class="text-sm text-ink-muted">Who made a sale, voided an item, gave a discount, changed a price, adjusted stock, or changed tax/levy settings — every mutating action, traceable to a user.</p>
        </div>
        <x-export-menu route="reports.audit.export" :params="request()->only(['user_id', 'action', 'from', 'to'])" />
    </div>

    <form method="GET" class="card card-pad !p-3 grid grid-cols-1 sm:grid-cols-4 gap-2">
        <select name="user_id" class="input" onchange="this.form.submit()">
            <option value="">All users</option>
            @foreach ($users as $user)
                <option value="{{ $user->id }}" @selected(request('user_id') == $user->id)>{{ $user->name }}</option>
            @endforeach
        </select>
        <select name="action" class="input" onchange="this.form.submit()">
            <option value="">All actions</option>
            @foreach ($actions as $action)
                <option value="{{ $action }}" @selected(request('action') === $action)>{{ ucwords(str_replace('_', ' ', $action)) }}</option>
            @endforeach
        </select>
        <input type="date" name="from" value="{{ request('from') }}" class="input" onchange="this.form.submit()">
        <input type="date" name="to" value="{{ request('to') }}" class="input" onchange="this.form.submit()">
    </form>

    <div class="card overflow-x-auto">
        <table class="data-table">
            <thead><tr><th>When</th><th>User</th><th>Action</th><th>Description</th><th>Details</th><th>IP</th></tr></thead>
            <tbody>
                @forelse ($logs as $log)
                    <tr>
                        <td class="whitespace-nowrap">{{ $log->created_at->format('d M Y H:i') }}</td>
                        <td>{{ $log->user->name ?? 'System' }}</td>
                        <td><x-badge color="slate">{{ ucwords(str_replace('_', ' ', $log->action)) }}</x-badge></td>
                        <td>{{ $log->description }}</td>
                        <td class="text-xs text-ink-muted max-w-xs truncate">{{ $log->meta ? json_encode($log->meta) : '—' }}</td>
                        <td class="text-xs text-ink-faint">{{ $log->ip_address ?? '—' }}</td>
                    </tr>
                @empty
                    <tr><td colspan="6" class="text-center text-ink-muted py-8">No audit entries match these filters.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    {{ $logs->links() }}
</div>
@endsection