@extends('layouts.app')
@section('title','Audit History')
@section('content')
<div class="pagetop"><div><div class="eyebrow">SECURITY / {{ $company->name }}</div><h1>Audit History</h1><p class="desc">Read-only company history. Dates and times shown in UTC.</p></div><a class="btn" href="{{ route('access.index') }}#activity">Back to access</a></div>
@if($errors->any())<div class="note" role="alert">{{ $errors->first() }}</div>@endif
<div class="panel"><form method="GET" action="{{ route('audit.index') }}" class="filterbar audit-filters">
<label>Search<input name="q" value="{{ $filters['q']??'' }}" placeholder="Action, record or correlation ID" maxlength="100"></label>
<label>Action<select name="action"><option value="">All actions</option>@foreach($actions as $action)<option value="{{ $action }}" @selected(($filters['action']??'')===$action)>{{ $action }}</option>@endforeach</select></label>
<label>From (UTC)<input type="date" name="from" value="{{ $filters['from']??'' }}"></label>
<label>To (UTC)<input type="date" name="to" value="{{ $filters['to']??'' }}"></label>
<button class="btn primary">Apply filters</button><a class="btn" href="{{ route('audit.index') }}">Reset</a>
</form><div class="tablewrap"><table class="data"><thead><tr><th>Time (UTC)</th><th>Action / record</th><th>Actor</th><th>Details</th></tr></thead><tbody>
@forelse($events as $event)
<tr><td>{{ $event->created_at }}</td><td><strong>{{ $event->action }}</strong><div class="quiet">{{ $event->subject_type }} #{{ $event->subject_id }}</div></td><td>{{ $event->actor_name??'System / unavailable' }}</td><td><details><summary>View changes</summary><pre class="audit-details">{{ json_encode($event->safe_details,JSON_PRETTY_PRINT|JSON_UNESCAPED_UNICODE|JSON_INVALID_UTF8_SUBSTITUTE) }}</pre></details></td></tr>
@empty<tr><td colspan="4" class="emptytable">No events match these filters.</td></tr>@endforelse
</tbody></table></div>
<nav class="filterbar" aria-label="Audit pagination"><span class="quiet">{{ $events->total() }} events · Page {{ $events->currentPage() }} of {{ $events->lastPage() }}</span>
@if($events->previousPageUrl())<a class="btn" href="{{ $events->previousPageUrl() }}">Previous</a>@endif
@if($events->nextPageUrl())<a class="btn" href="{{ $events->nextPageUrl() }}">Next</a>@endif
</nav></div>
<style>.audit-filters label{display:grid;gap:7px;min-width:0;font-size:12px}.audit-filters input{min-width:140px}.audit-filters select{max-width:260px}.audit-details{white-space:pre-wrap;overflow-wrap:anywhere;max-width:480px;max-height:360px;overflow:auto;background:var(--bg);padding:12px;border-radius:8px}.audit-filters{align-items:end}summary{cursor:pointer}@media(max-width:600px){.audit-filters label{width:100%}.audit-filters select{max-width:100%}.pagetop{flex-wrap:wrap}}</style>
@endsection