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

@section('content')
    <div class="page-head">
        <div><h1>Audit log</h1><p>{{ $logs->total() }} event(s) recorded.</p></div>
    </div>

    <form class="filters" method="GET">
        <div class="field" style="flex:2 1 240px;">
            <label>Search</label>
            <input type="search" name="q" value="{{ request('q') }}" placeholder="Action, module, user…">
        </div>
        <div class="field">
            <label>Module</label>
            <select name="module" data-auto-submit>
                <option value="">All modules</option>
                @foreach ($modules as $module)
                    <option value="{{ $module }}" @selected(request('module') === $module)>{{ title_case_words($module) }}</option>
                @endforeach
            </select>
        </div>
        <div class="field">
            <label>Action</label>
            <select name="action" data-auto-submit>
                <option value="">All actions</option>
                @foreach (['created','updated','deleted','login','logout','payment','invoice','provision','suspend'] as $a)
                    <option value="{{ $a }}" @selected(request('action') === $a)>{{ title_case_words($a) }}</option>
                @endforeach
            </select>
        </div>
        <div class="field" style="flex:0 0 auto;"><label>&nbsp;</label><button type="submit" class="btn secondary">Filter</button></div>
    </form>

    <div class="card">
        <div class="card-body tight">
            <div class="table-wrap">
                <table class="data">
                    <thead><tr><th>When</th><th>User</th><th>Module</th><th>Action</th><th>Subject</th><th>IP</th></tr></thead>
                    <tbody>
                    @forelse ($logs as $log)
                        <tr>
                            <td class="small nowrap">{{ $log->created_at?->format('d M Y H:i:s') ?? '—' }}</td>
                            <td class="small">{{ $log->user?->name ?? 'System' }}</td>
                            <td><span class="badge muted">{{ $log->module }}</span></td>
                            <td><span class="badge {{ match ($log->action) {
                                'created' => 'success', 'deleted' => 'danger', 'updated' => 'info', default => 'muted' } }}">
                                {{ $log->action }}</span></td>
                            <td class="small">{{ $log->subject_type ? class_basename($log->subject_type).' #'.$log->subject_id : '—' }}
                                @if ($log->description)
                                    <div class="tiny muted">{{ \Illuminate\Support\Str::limit($log->description, 70) }}</div>
                                @endif</td>
                            <td class="mono tiny">{{ $log->ip_address ?: '—' }}</td>
                        </tr>
                    @empty
                        <tr><td colspan="6">@include('components.empty-state', ['icon' => '&#128220;', 'title' => 'No audit events recorded'])</td></tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
        </div>
        @if ($logs->hasPages())<div class="card-foot">{{ $logs->links('partials.pagination') }}</div>@endif
    </div>
@endsection