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

@php
    // Colour families so scanning the log is quicker.
    $tone = function (string $action) {
        return match (true) {
            str_contains($action, 'delete') || str_contains($action, 'archive') => 'danger',
            str_contains($action, 'create') || str_contains($action, 'import')  => 'success',
            str_contains($action, 'login')  || str_contains($action, 'logout')  => 'secondary',
            str_contains($action, 'impersonation')                              => 'warning',
            str_contains($action, 'update') || str_contains($action, 'password')
                || str_contains($action, 'role') || str_contains($action, 'settings') => 'primary',
            default => 'info',
        };
    };
@endphp

<div class="d-flex flex-wrap align-items-center justify-content-between gap-2 mb-4">
    <div>
        <h4 class="page-title">Audit Logs</h4>
        <p class="page-subtitle">
            {{ number_format($logs->total()) }} matching {{ Str::plural('entry', $logs->total()) }}
            of {{ number_format($total) }} total.
        </p>
    </div>
</div>

<div class="card mb-3">
    <div class="card-body py-2">
        <form method="GET" class="row g-2 align-items-center">
            <div class="col-12 col-lg">
                <div class="proc-search">
                    <i class="bi bi-search"></i>
                    <input type="search" name="q" class="form-control" placeholder="Search description…"
                           value="{{ request('q') }}">
                </div>
            </div>
            <div class="col-6 col-lg-auto">
                <select name="action" class="form-select">
                    <option value="">All actions</option>
                    @foreach($actions as $action)
                    <option value="{{ $action }}" @selected(request('action') === $action)>
                        {{ str_replace('_', ' ', $action) }}
                    </option>
                    @endforeach
                </select>
            </div>
            <div class="col-6 col-lg-auto">
                <select name="user_id" class="form-select">
                    <option value="">Anyone</option>
                    @foreach($actors as $actor)
                    <option value="{{ $actor->id }}" @selected(request('user_id') == $actor->id)>{{ $actor->name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-6 col-lg-auto">
                <input type="date" name="from" class="form-control" value="{{ request('from') }}" title="From date">
            </div>
            <div class="col-6 col-lg-auto">
                <input type="date" name="to" class="form-control" value="{{ request('to') }}" title="To date">
            </div>
            <div class="col-auto">
                <button class="btn btn-primary"><i class="bi bi-funnel"></i></button>
                @if(request()->hasAny(['q', 'action', 'user_id', 'from', 'to', 'date']))
                <a href="{{ route('admin.audit-logs') }}" class="btn btn-outline-secondary ms-1">Clear</a>
                @endif
            </div>
        </form>
    </div>
</div>

<div class="card">
    <div class="card-body p-0 table-responsive">
        <table class="table table-hover align-middle mb-0">
            <thead>
                <tr>
                    <th style="width:11rem">When</th>
                    <th style="width:12rem">Action</th>
                    <th class="d-none d-md-table-cell" style="width:11rem">By</th>
                    <th>Description</th>
                    <th class="d-none d-lg-table-cell" style="width:9rem">IP</th>
                </tr>
            </thead>
            <tbody>
                @forelse($logs as $log)
                <tr @if($log->new_values) role="button" data-bs-toggle="collapse" data-bs-target="#log{{ $log->id }}" @endif>
                    <td class="text-muted small text-nowrap">
                        {{ $log->created_at?->format('d M Y H:i') }}
                        <div style="font-size:.7rem">{{ $log->created_at?->diffForHumans() }}</div>
                    </td>
                    <td>
                        <span class="badge bg-{{ $tone($log->action) }}-subtle text-{{ $tone($log->action) }}-emphasis">
                            {{ str_replace('_', ' ', $log->action) }}
                        </span>
                    </td>
                    <td class="small d-none d-md-table-cell">
                        {{ $log->user?->name ?? 'System' }}
                    </td>
                    <td class="small text-muted">
                        {{ $log->description }}
                        @if($log->new_values)
                        <i class="bi bi-chevron-down ms-1" style="font-size:.7rem"></i>
                        @endif
                    </td>
                    <td class="text-muted small d-none d-lg-table-cell">{{ $log->ip_address ?: '—' }}</td>
                </tr>
                @if($log->new_values)
                <tr class="p-0">
                    <td colspan="5" class="p-0 border-0">
                        <div class="collapse" id="log{{ $log->id }}">
                            <div class="proc-history">
                                <div class="proc-history-title">Recorded values</div>
                                <pre class="mb-0 small" style="white-space:pre-wrap;word-break:break-word">{{ json_encode($log->new_values, JSON_PRETTY_PRINT | JSON_UNESCAPED_SLASHES) }}</pre>
                            </div>
                        </div>
                    </td>
                </tr>
                @endif
                @empty
                <tr><td colspan="5" class="text-center text-muted py-5">
                    <i class="bi bi-clipboard-x d-block fs-4 mb-2 opacity-50"></i>No log entries match your filters.
                </td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if($logs->hasPages())
    <div class="card-footer bg-transparent">{{ $logs->links() }}</div>
    @endif
</div>
@endsection