@extends('admin.layout')

@section('content')
<div class="page-title">Fraud Alerts</div>

<div class="card">
    <h3 style="margin-bottom:16px;font-size:14px;text-transform:uppercase;letter-spacing:1px;color:#888">🚨 Flagged Users (2+ Disputes)</h3>
    @forelse($flaggedUsers as $user)
    <div class="info-row">
        <div>
            <strong>{{ $user->name }}</strong><br>
            <small style="color:#888">{{ $user->email }}</small>
        </div>
        <div style="display:flex;gap:8px;align-items:center">
            <span class="badge badge-red">High Risk</span>
            <a href="{{ route('admin.users.show', $user->id) }}" class="btn btn-grey btn-sm">View</a>
            <form method="POST" action="{{ route('admin.users.ban', $user->id) }}" style="display:inline">
                @csrf @method('PATCH')
                <button class="btn btn-red btn-sm">Ban</button>
            </form>
        </div>
    </div>
    @empty
        <p style="color:#888;font-size:13px">No flagged users</p>
    @endforelse
</div>

<div class="card">
    <h3 style="margin-bottom:16px;font-size:14px;text-transform:uppercase;letter-spacing:1px;color:#888">⚠️ Users with 3+ Cancelled Bookings</h3>
    @forelse($cancelledUsers as $user)
    <div class="info-row">
        <div>
            <strong>{{ $user->name }}</strong>
            <small style="color:#888"> — {{ $user->cancelled_count }} cancellations</small>
        </div>
        <a href="{{ route('admin.users.show', $user->id) }}" class="btn btn-grey btn-sm">View</a>
    </div>
    @empty
        <p style="color:#888;font-size:13px">No flagged users</p>
    @endforelse
</div>

<div class="card">
    <h3 style="margin-bottom:16px;font-size:14px;text-transform:uppercase;letter-spacing:1px;color:#888">📋 Open Disputes</h3>
    <table>
        <thead>
            <tr><th>Booking</th><th>Raised By</th><th>Renter</th><th>Lender</th><th>Date</th><th>Actions</th></tr>
        </thead>
        <tbody>
            @foreach($recentDisputes as $dispute)
            <tr>
                <td>#{{ $dispute->booking_id }}</td>
                <td>{{ $dispute->raisedBy->name }}</td>
                <td>{{ $dispute->booking->renter->name }}</td>
                <td>{{ $dispute->booking->lender->name }}</td>
                <td>{{ $dispute->created_at->format('d M Y') }}</td>
                <td><a href="{{ route('admin.disputes') }}" class="btn btn-grey btn-sm">View</a></td>
            </tr>
            @endforeach
        </tbody>
    </table>
</div>
@endsection