@extends('layouts.admin')

@section('title', 'Fraud & Order Verification')

@include('admin._shared_styles')

@section('content')
    <div class="page-header">
        <div>
            <h1><i class="fas fa-shield-alt" style="color:var(--accent); margin-right:0.5rem;"></i> Fraud & Order Verification</h1>
            <div class="subtitle">High-risk customers and recent OTP verifications across all tenants</div>
        </div>
    </div>

    <div class="stats-grid">
        <div class="stat-card danger">
            <div class="label">Blocked Customers</div>
            <div class="value">{{ number_format($stats['blocked_customers'] ?? 0) }}</div>
        </div>
        <div class="stat-card warning">
            <div class="label">High Risk (≥70)</div>
            <div class="value">{{ number_format($stats['high_risk'] ?? 0) }}</div>
        </div>
        <div class="stat-card accent">
            <div class="label">OTPs Today</div>
            <div class="value">{{ number_format($stats['otps_today'] ?? 0) }}</div>
        </div>
        <div class="stat-card success">
            <div class="label">Verified (7d)</div>
            <div class="value">{{ number_format($stats['otp_verified_7d'] ?? 0) }}</div>
        </div>
    </div>

    <div class="tabs-bar">
        <a href="{{ route('admin.fraud', ['tab' => 'flagged']) }}" class="{{ ($tab ?? 'flagged') === 'flagged' ? 'active' : '' }}">Flagged Customers</a>
        <a href="{{ route('admin.fraud', ['tab' => 'otps']) }}" class="{{ ($tab ?? '') === 'otps' ? 'active' : '' }}">Recent OTPs</a>
    </div>

    @if(($tab ?? 'flagged') === 'flagged')
        <div class="table-card">
            <table class="admin-table">
                <thead>
                    <tr>
                        <th>Customer</th>
                        <th>Phone / Email</th>
                        <th>Tenant</th>
                        <th>Risk Score</th>
                        <th>Status</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($flaggedCustomers as $c)
                        <tr>
                            <td style="font-weight:500;">{{ $c->name ?? '—' }}</td>
                            <td>{{ $c->phone ?? $c->email ?? '—' }}</td>
                            <td>{{ $c->tenant->business_name ?? $c->tenant->name ?? '—' }}</td>
                            <td>
                                @php $rc = ($c->risk_score ?? 0) >= 70 ? 'danger' : (($c->risk_score ?? 0) >= 40 ? 'warning' : 'muted'); @endphp
                                <span class="badge badge-{{ $rc }}">{{ $c->risk_score ?? 0 }}</span>
                            </td>
                            <td>
                                <span class="badge badge-{{ $c->is_blocked ? 'danger' : 'warning' }}">
                                    {{ $c->is_blocked ? 'Blocked' : 'Flagged' }}
                                </span>
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="5" class="empty-state"><i class="fas fa-shield-alt"></i> No flagged customers.</td></tr>
                    @endforelse
                </tbody>
            </table>
            @include('partials.table-pagination', ['paginator' => $flaggedCustomers, 'label' => 'customers'])
        </div>
    @else
        <div class="table-card">
            <table class="admin-table">
                <thead>
                    <tr>
                        <th>Order</th>
                        <th>Tenant</th>
                        <th>Phone</th>
                        <th>Verified</th>
                        <th>Created</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($recentOtps as $otp)
                        <tr>
                            <td style="font-family:monospace;">{{ $otp->order->order_number ?? $otp->order_id }}</td>
                            <td>{{ $otp->order->tenant->business_name ?? '—' }}</td>
                            <td>{{ $otp->phone ?? '—' }}</td>
                            <td>
                                <span class="badge badge-{{ $otp->verified_at ? 'success' : 'muted' }}">
                                    {{ $otp->verified_at ? 'Verified' : 'Pending' }}
                                </span>
                            </td>
                            <td style="color:var(--text-secondary);">{{ $otp->created_at?->diffForHumans() }}</td>
                        </tr>
                    @empty
                        <tr><td colspan="5" class="empty-state"><i class="fas fa-key"></i> No OTPs recorded.</td></tr>
                    @endforelse
                </tbody>
            </table>
            @include('partials.table-pagination', ['paginator' => $recentOtps, 'label' => 'OTPs'])
        </div>
    @endif
@endsection