@extends('layouts.app')
@section('title', 'Billing')
@section('page-title', 'Billing Overview')
@section('content')

<div class="stat-grid" style="margin-bottom:24px;">
    <div class="stat-card green">
        <div class="stat-icon green"><i class="bi bi-cash-coin"></i></div>
        <div class="stat-value">${{ number_format($summary['total_paid'],2) }}</div>
        <div class="stat-label">Total Revenue</div>
    </div>
    <div class="stat-card amber">
        <div class="stat-icon amber"><i class="bi bi-hourglass"></i></div>
        <div class="stat-value">${{ number_format($summary['total_pending'],2) }}</div>
        <div class="stat-label">Pending</div>
    </div>
    <div class="stat-card accent">
        <div class="stat-icon accent"><i class="bi bi-receipt"></i></div>
        <div class="stat-value">{{ $summary['total_orders'] }}</div>
        <div class="stat-label">Paid Orders</div>
    </div>
</div>

<div class="card">
    <div class="table-wrapper">
        <table>
            <thead><tr><th>Order Ref</th><th>Tester</th><th>Exam</th><th>Students</th><th>Amount</th><th>Fee</th><th>Gateway</th><th>Status</th><th>Date</th></tr></thead>
            <tbody>
                @forelse($orders as $order)
                <tr>
                    <td class="text-xs" style="font-family:monospace;color:var(--muted);">{{ $order->order_ref }}</td>
                    <td><div style="font-weight:600;">{{ $order->tester->name }}</div><div class="text-xs text-muted">{{ $order->tester->email }}</div></td>
                    <td class="text-sm">{{ $order->exam?->title ?? '—' }}</td>
                    <td style="font-weight:700;">{{ $order->student_count }}</td>
                    <td style="font-weight:700;">${{ number_format($order->total_amount,2) }}</td>
                    <td class="text-sm text-muted">${{ number_format($order->platform_fee,2) }}</td>
                    <td><span class="badge badge-muted">{{ ucfirst($order->gateway) }}</span></td>
                    <td><span class="badge {{ $order->status==='paid'?'badge-success':($order->status==='pending'?'badge-warning':'badge-danger') }}">{{ ucfirst($order->status) }}</span></td>
                    <td class="text-xs text-muted">{{ $order->created_at->format('M j, Y') }}</td>
                </tr>
                @empty
                <tr><td colspan="9" style="text-align:center;padding:40px;color:var(--muted);">No orders yet.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if($orders->hasPages())
    <div class="pagination-wrapper">{{ $orders->links() }}</div>
    @endif
</div>
@endsection