@extends('layouts.admin')

@section('title', 'Flagged Transactions')

@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">Flagged Transactions</h1>
    </div>
</div>

<div class="card">
    <x-data-table emptyMessage="No flagged transactions found." :paginator="$transactions ?? null">
        <x-slot:thead>
            <th>Reference</th>
            <th>Customer</th>
            <th>Type</th>
            <th>Amount</th>
            <th>Status</th>
            <th>Date</th>
        </x-slot:thead>
        <x-slot:tbody>
            @forelse($transactions ?? [] as $transaction)
            <tr>
                <td><span class="text-mono">{{ $transaction->reference }}</span></td>
                <td class="text-semibold">{{ $transaction->user->name ?? 'N/A' }}</td>
                <td><span class="badge badge-blue">{{ ucfirst($transaction->type) }}</span></td>
                <td class="text-semibold">{{ $currency ?? '₦' }}{{ number_format($transaction->amount, 2) }}</td>
                <td><span class="badge badge-{{ $transaction->status === 'flagged' ? 'orange' : 'red' }}">{{ ucfirst($transaction->status) }}</span></td>
                <td>{{ $transaction->created_at->format('M d, Y H:i') }}</td>
            </tr>
            @empty
            <tr>
                <td colspan="6">
                    <div class="data-table-empty-content">
                        <p>No flagged transactions found.</p>
                    </div>
                </td>
            </tr>
            @endforelse
        </x-slot:tbody>
    </x-data-table>
</div>
@endsection