@extends('layouts.admin')

@section('title', 'Security Events')

@section('content')
<div class="page-header">
    <div class="page-header-left">
        <a href="{{ route('admin.fraud') }}" class="btn-back">
            <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 12L6 8l4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
            Back to Fraud Dashboard
        </a>
        <h1 class="page-title">Security Events</h1>
    </div>
</div>

<div class="card">
    <x-data-table emptyMessage="No security events found." :paginator="$events ?? null">
        <x-slot:thead>
            <th>Event</th>
            <th>User</th>
            <th>Description</th>
            <th>IP Address</th>
            <th>Date</th>
        </x-slot:thead>
        <x-slot:tbody>
            @forelse($events ?? [] as $event)
            <tr>
                <td><span class="badge badge-orange">{{ str_replace('_', ' ', ucfirst($event->action)) }}</span></td>
                <td class="text-semibold">{{ $event->user->name ?? 'N/A' }}</td>
                <td>{{ Str::limit($event->description ?? '', 60) }}</td>
                <td><span class="text-mono">{{ $event->ip_address ?? 'N/A' }}</span></td>
                <td>{{ $event->created_at->format('M d, Y H:i') }}</td>
            </tr>
            @empty
            <tr>
                <td colspan="5">
                    <div class="data-table-empty-content">
                        <p>No security events found.</p>
                    </div>
                </td>
            </tr>
            @endforelse
        </x-slot:tbody>
    </x-data-table>
</div>
@endsection