{{-- admin/fraud/index.blade.php | Obrempong | Jcode --}}
@extends('layouts.admin')
@section('title','Fraud Logs')
@section('content')
<div class="card">
    <div class="card-header">
        <h3>Fraud Detection Logs</h3>
        <div style="display:flex;gap:8px;align-items:center;">
            <span class="badge badge-danger" style="font-size:12px;">{{ $logs->total() }} events</span>
            <form method="GET" style="display:flex;gap:8px;">
                <select name="type" class="form-control" style="width:160px;" onchange="this.form.submit()">
                    <option value="">All Types</option>
                    @foreach(['duplicate_ip','duplicate_device','rapid_clicks','vpn','manual_ban','ip_spam'] as $t)
                    <option value="{{ $t }}" {{ request('type')===$t?'selected':'' }}>{{ ucwords(str_replace('_',' ',$t)) }}</option>
                    @endforeach
                </select>
            </form>
        </div>
    </div>
    <div class="table-wrap">
        <table>
            <thead><tr><th>Type</th><th>User</th><th>IP Address</th><th>Device ID</th><th>Details</th><th>Action Taken</th><th>Time</th></tr></thead>
            <tbody>
            @forelse($logs as $log)
            <tr>
                <td><span class="badge badge-danger">{{ strtoupper(str_replace('_',' ',$log->type)) }}</span></td>
                <td>@if($log->user)<div style="display:flex;align-items:center;gap:8px;"><img src="{{ $log->user->avatar_url }}" class="td-avatar"><div><div style="font-size:13px;font-weight:600;">{{ $log->user->name }}</div><a href="{{ route('admin.users.detail',$log->user) }}" style="font-size:11px;color:var(--primary);">View Profile</a></div></div>@else<span style="color:var(--text-muted);font-size:12px;">Unknown</span>@endif</td>
                <td style="font-family:monospace;font-size:12px;">{{ $log->ip_address ?? '—' }}</td>
                <td style="font-size:11px;color:var(--text-muted);max-width:120px;word-break:break-all;">{{ $log->device_id ?? '—' }}</td>
                <td style="font-size:12px;max-width:200px;">{{ $log->details ?? '—' }}</td>
                <td><span class="badge {{ match($log->action_taken??''){  'banned'=>'badge-danger','blocked'=>'badge-warning','flagged'=>'badge-primary',default=>'badge-muted'} }}">{{ ucfirst($log->action_taken??'logged') }}</span></td>
                <td style="font-size:12px;color:var(--text-muted);">{{ $log->created_at->diffForHumans() }}</td>
            </tr>
            @empty
            <tr><td colspan="7" style="text-align:center;padding:48px;color:var(--text-muted);"><i class="fa fa-shield-check" style="font-size:36px;color:var(--success);display:block;margin-bottom:8px;"></i>No fraud events detected!</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
    <div class="pagination">{{ $logs->withQueryString()->links() }}</div>
</div>
@endsection