@extends('layouts.app')
@section('title', 'Activity Logs')

@section('content')
<div class="card p-3 mb-3">
    <form method="GET" class="row g-2 align-items-end">
        <div class="col-8 col-md-3">
            <label class="form-label small mb-1">Action</label>
            <select name="action" class="form-select form-select-sm">
                <option value="">All actions</option>
                @foreach($actions as $a)<option value="{{ $a }}" @selected(request('action')===$a)>{{ $a }}</option>@endforeach
            </select>
        </div>
        <div class="col-4 col-md-3">
            <button class="btn btn-sm btn-dark"><i class="bi bi-funnel"></i> Filter</button>
            <a href="{{ route('activity-logs.index') }}" class="btn btn-sm btn-outline-secondary">Reset</a>
        </div>
    </form>
</div>

<div class="card p-0">
    <div class="table-responsive">
        <table class="table table-sm table-hover mb-0 align-middle">
            <thead><tr><th>When</th><th>User</th><th>Action</th><th>Description</th></tr></thead>
            <tbody>
            @forelse($logs as $log)
                <tr>
                    <td class="text-nowrap">{{ $log->created_at->format('d M Y H:i') }}</td>
                    <td>{{ optional($log->user)->name ?? 'System' }}</td>
                    <td><span class="badge bg-secondary">{{ $log->action }}</span></td>
                    <td class="small">{{ $log->description }}</td>
                </tr>
            @empty
                <tr><td colspan="4" class="text-center text-muted py-4">No activity recorded yet.</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
</div>
<div class="mt-3">{{ $logs->links() }}</div>
@endsection