@extends('layouts.dashboard')

@section('title', 'Security Audit Trail | AICDS Admin')

@section('dashboard_content')

<div class="card p-4 border rounded-4 shadow-sm bg-white mb-4">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h4 class="fw-bold mb-0">System &amp; Security Audit Trail</h4>
            <p class="text-muted small mb-0">Immutable chronological record of logins, membership approvals, event registrations, and configuration changes.</p>
        </div>
    </div>

    <div class="table-responsive">
        <table class="table table-hover align-middle mb-0 small">
            <thead class="table-light">
                <tr>
                    <th>Timestamp</th>
                    <th>User / Actor</th>
                    <th>Action</th>
                    <th>Module</th>
                    <th>Description</th>
                    <th>IP Address</th>
                </tr>
            </thead>
            <tbody>
                @forelse($logs as $log)
                    <tr>
                        <td class="text-muted">{{ $log->created_at->format('M d, Y H:i:s') }}</td>
                        <td><strong>{{ $log->user->name ?? 'Guest / System' }}</strong></td>
                        <td><code>{{ $log->action }}</code></td>
                        <td><span class="badge bg-light text-dark border">{{ $log->module }}</span></td>
                        <td>{{ $log->description }}</td>
                        <td class="text-muted">{{ $log->ip_address ?? '127.0.0.1' }}</td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="6" class="text-center text-muted py-4">No audit logs recorded.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <div class="mt-4">{{ $logs->links() }}</div>
</div>

@endsection