@extends('layouts.master')
@section('title') Audit Trail @endsection
@section('content')
@component('components.breadcrumb')
@slot('li_1') Administration @endslot
@slot('title') Audit Trail @endslot
@endcomponent

<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-header"><h5 class="card-title mb-0">System Audit Trail</h5></div>
            <div class="card-body">
                <form method="GET" class="row g-2 mb-3">
                    <div class="col-md-2">
                        <select name="type" class="form-select form-select-sm" onchange="this.form.submit()">
                            <option value="">All records</option>
                            @foreach($types as $t)<option value="{{ $t }}" @selected(($filters['type'] ?? '')===$t)>{{ $t }}</option>@endforeach
                        </select>
                    </div>
                    <div class="col-md-2">
                        <select name="action" class="form-select form-select-sm" onchange="this.form.submit()">
                            <option value="">All actions</option>
                            @foreach(['created','updated','deleted'] as $a)<option value="{{ $a }}" @selected(($filters['action'] ?? '')===$a)>{{ ucfirst($a) }}</option>@endforeach
                        </select>
                    </div>
                    <div class="col-md-2">
                        <select name="user" class="form-select form-select-sm" onchange="this.form.submit()">
                            <option value="">All users</option>
                            @foreach($users as $u)<option value="{{ $u->id }}" @selected((string)($filters['user'] ?? '')===(string)$u->id)>{{ $u->name }}</option>@endforeach
                        </select>
                    </div>
                    <div class="col-md-2"><input type="date" name="from" class="form-control form-control-sm" value="{{ $filters['from'] ?? '' }}"></div>
                    <div class="col-md-2"><input type="date" name="to" class="form-control form-control-sm" value="{{ $filters['to'] ?? '' }}"></div>
                    <div class="col-md-2 d-flex gap-1">
                        <input type="text" name="q" class="form-control form-control-sm" placeholder="label…" value="{{ $filters['q'] ?? '' }}">
                        <button class="btn btn-sm btn-soft-primary">Go</button>
                    </div>
                </form>

                <div class="table-responsive">
                    <table class="table table-sm table-hover align-middle mb-0">
                        <thead class="table-light">
                            <tr><th>When</th><th>User</th><th>Action</th><th>Record</th><th>Changes</th><th>IP</th></tr>
                        </thead>
                        <tbody>
                            @forelse($logs as $log)
                            @php $color = ['created'=>'success','updated'=>'info','deleted'=>'danger'][$log->action] ?? 'secondary'; @endphp
                            <tr>
                                <td class="text-nowrap"><small>{{ $log->created_at?->format('d M Y H:i') }}</small></td>
                                <td><small>{{ $log->user?->name ?? 'system' }}<br><span class="text-muted">{{ \App\Models\User::ROLE_LABELS[$log->user_role] ?? $log->user_role }}</span></small></td>
                                <td><span class="badge bg-{{ $color }}-subtle text-{{ $color }}">{{ ucfirst($log->action) }}</span></td>
                                <td><small><span class="fw-medium">{{ $log->model_name }}</span><br><span class="text-muted">{{ $log->label }}</span></small></td>
                                <td style="max-width:360px">
                                    @php $new = $log->new_values ?? []; $old = $log->old_values ?? []; @endphp
                                    @if($log->action==='updated' && $new)
                                        <small>
                                        @foreach($new as $k => $v)
                                            <span class="d-block text-truncate"><span class="text-muted">{{ $k }}:</span> <del class="text-danger">{{ \Illuminate\Support\Str::limit((string)($old[$k] ?? '∅'),40) }}</del> → <span class="text-success">{{ \Illuminate\Support\Str::limit(is_array($v)?json_encode($v):(string)$v,40) }}</span></span>
                                        @endforeach
                                        </small>
                                    @elseif($log->action==='created')
                                        <small class="text-muted">{{ count($new) }} field(s) set</small>
                                    @elseif($log->action==='deleted')
                                        <small class="text-muted">record removed</small>
                                    @endif
                                </td>
                                <td><small class="text-muted">{{ $log->ip_address }}</small></td>
                            </tr>
                            @empty
                            <tr><td colspan="6" class="text-center text-muted py-4">No audit records match.</td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
                <div class="mt-3">{{ $logs->links('pagination::bootstrap-5') }}</div>
            </div>
        </div>
    </div>
</div>
@endsection