@extends('admin.admin_dashboard')
@section('admin')

<div class="page-content">
    <x-chm.layout.page title="System audit trail" subtitle="Track create, update, and delete activity across CHM ERP" icon="bx bx-history">
        <x-slot:breadcrumb>
            <x-chm.breadcrumb-item :href="route('admin.dashboard')">Home</x-chm.breadcrumb-item>
            <x-chm.breadcrumb-item :active="true">Audit trail</x-chm.breadcrumb-item>
        </x-slot:breadcrumb>

        <x-chm.card class="mb-4">
            <form method="get" class="row g-3 align-items-end">
                <div class="col-md-2">
                    <label class="form-label">From</label>
                    <input type="date" name="from_date" class="form-control" value="{{ $filters['from_date'] ?? '' }}">
                </div>
                <div class="col-md-2">
                    <label class="form-label">To</label>
                    <input type="date" name="to_date" class="form-control" value="{{ $filters['to_date'] ?? '' }}">
                </div>
                <div class="col-md-2">
                    <label class="form-label">Module</label>
                    <select name="log_name" class="form-select chm-select" data-placeholder="All modules" data-allow-clear="true">
                        <option value=""></option>
                        @foreach($logNames as $name)
                            <option value="{{ $name }}" @selected(($filters['log_name'] ?? '') === $name)>{{ str($name)->headline() }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-2">
                    <label class="form-label">Event</label>
                    <select name="event" class="form-select chm-select" data-placeholder="All events" data-allow-clear="true">
                        <option value=""></option>
                        @foreach(['created', 'updated', 'deleted'] as $event)
                            <option value="{{ $event }}" @selected(($filters['event'] ?? '') === $event)>{{ ucfirst($event) }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-2">
                    <label class="form-label">User</label>
                    <select name="user_id" class="form-select chm-select" data-placeholder="All users" data-allow-clear="true">
                        <option value=""></option>
                        @foreach($users as $user)
                            <option value="{{ $user->id }}" @selected((string) ($filters['user_id'] ?? '') === (string) $user->id)>{{ $user->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-2">
                    <label class="form-label">Search</label>
                    <input type="search" name="search" class="form-control" value="{{ $filters['search'] ?? '' }}" placeholder="Description, changes…">
                </div>
                <div class="col-auto d-flex gap-2">
                    <button type="submit" class="btn btn-primary"><i class="bx bx-filter-alt me-1"></i> Filter</button>
                    <a href="{{ route('audit.index') }}" class="btn btn-outline-secondary">Reset</a>
                </div>
            </form>
        </x-chm.card>

        <div class="card chm-card">
            <div class="table-responsive">
                <table class="table table-sm align-middle mb-0">
                    <thead>
                        <tr>
                            <th>When</th>
                            <th>User</th>
                            <th>Event</th>
                            <th>Module</th>
                            <th>Record</th>
                            <th>Summary</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($activities as $activity)
                            @php $entry = $auditService->formatEntry($activity); @endphp
                            <tr>
                                <td class="text-nowrap">{{ $entry['at_label'] }}</td>
                                <td>{{ $entry['user'] }}</td>
                                <td>
                                    <x-chm.status-badge
                                        :status="match($entry['event']) { 'created' => 'success', 'deleted' => 'danger', default => 'info' }"
                                        :label="ucfirst($entry['event'])"
                                    />
                                </td>
                                <td>{{ str($entry['log_name'])->headline() }}</td>
                                <td class="small">{{ $entry['subject'] }}</td>
                                <td class="small text-muted">{{ str($entry['changes'])->limit(120) ?: $entry['description'] }}</td>
                            </tr>
                        @empty
                            <tr><td colspan="6" class="text-muted p-4">No audit entries found for these filters.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            @if($activities->hasPages())
                <div class="card-footer bg-transparent">{{ $activities->links() }}</div>
            @endif
        </div>
    </x-chm.layout.page>
</div>

@endsection

@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', function () {
    if (window.ChmForms) ChmForms.init();
});
</script>
@endpush