@extends('layouts.admin')
@section('title', 'Audit Log')
@section('content')
    <x-page-header title="Audit Log" subtitle="Record of sensitive actions" />

    <x-data-table :headers="['When', 'User', 'Action', 'Description', 'IP']">
        <x-slot:toolbar>
            <form method="GET" class="d-flex gap-2 flex-wrap">
                <input type="text" name="search" value="{{ request('search') }}" class="form-control" placeholder="Search description...">
                <select name="action" class="form-select" style="max-width:220px">
                    <option value="">All Actions</option>
                    @foreach($actions as $a)<option value="{{ $a }}" @selected(request('action') === $a)>{{ $a }}</option>@endforeach
                </select>
                <input type="date" name="date" value="{{ request('date') }}" class="form-control" style="max-width:170px">
                <button class="btn btn-outline-secondary">Filter</button>
            </form>
        </x-slot:toolbar>

        @forelse($logs as $log)
            <tr>
                <td><small>{{ $log->created_at->format('d M Y, h:i A') }}</small></td>
                <td>{{ $log->user?->name ?? 'System' }}</td>
                <td><span class="status-pill badge-info">{{ $log->action }}</span></td>
                <td>{{ $log->description ?? '—' }}</td>
                <td><small class="text-muted">{{ $log->ip_address ?? '—' }}</small></td>
            </tr>
        @empty
            <tr><td colspan="5" class="text-center text-muted py-4">No audit entries yet.</td></tr>
        @endforelse
    </x-data-table>

    <div class="mt-3">{{ $logs->links() }}</div>
@endsection