@extends('layouts.staff')
@section('title', 'Audit log')
@section('content')
<h1 class="text-3xl">Audit log</h1>
<form class="mt-4 flex flex-wrap items-end gap-3" method="get">
    <div><label class="label" for="action">Action starts with</label><input class="input" id="action" name="action" value="{{ $filters['action'] ?? '' }}" placeholder="staff."></div>
    <button class="btn-dark" type="submit">Filter</button>
</form>
<div class="card mt-6 overflow-x-auto !p-0">
    <table class="w-full text-left text-sm">
        <thead class="bg-asphalt text-chalk"><tr><th class="p-3">When (WAT)</th><th class="p-3">Who</th><th class="p-3">Action</th><th class="p-3">Subject</th><th class="p-3">IP</th></tr></thead>
        <tbody class="divide-y divide-asphalt-100">
        @forelse($entries as $e)
            <tr>
                <td class="whitespace-nowrap p-3">{{ \Illuminate\Support\Carbon::parse($e->created_at)->timezone('Africa/Lagos')->format('j M Y H:i:s') }}</td>
                <td class="p-3">{{ $e->staff_name ? $e->staff_name . ' (' . $e->staff_role . ')' : ucfirst($e->actor_type) . ($e->actor_id ? ' #' . $e->actor_id : '') }}</td>
                <td class="p-3 font-mono">{{ $e->action }}</td>
                <td class="p-3">{{ $e->subject_type ? $e->subject_type . ' #' . $e->subject_id : '' }}</td>
                <td class="p-3 font-mono">{{ $e->ip ?? '' }}</td>
            </tr>
        @empty
            <tr><td class="p-6 text-asphalt-600" colspan="5">No entries match.</td></tr>
        @endforelse
        </tbody>
    </table>
</div>
<div class="mt-4">{{ $entries->links() }}</div>
@endsection