@php
    $stats = $data['stats'] ?? [];
    $earnings = $data['earnings'] ?? [];
@endphp

{{-- Stat Cards Row --}}
<div class="row mb-3">
    <div class="col-md-3 col-6 mb-2">
        <div class="project-box text-center p-3">
            <small class="text-muted">Monthly Volume Growth</small>
            <h5 class="mb-0">${{ number_format($stats['monthly_volume_growth'] ?? 0, 2) }}</h5>
        </div>
    </div>
    <div class="col-md-3 col-6 mb-2">
        <div class="project-box text-center p-3">
            <small class="text-muted">Monthly Volume Growth %</small>
            <h5 class="mb-0">{{ number_format($stats['monthly_volume_growth_pct'] ?? 0, 2) }}%</h5>
        </div>
    </div>
    <div class="col-md-3 col-6 mb-2">
        <div class="project-box text-center p-3">
            <small class="text-muted">Monthly Revenue Growth</small>
            <h5 class="mb-0">${{ number_format($stats['monthly_revenue_growth'] ?? 0, 2) }}</h5>
        </div>
    </div>
    <div class="col-md-3 col-6 mb-2">
        <div class="project-box text-center p-3">
            <small class="text-muted">Monthly Revenue Growth %</small>
            <h5 class="mb-0">{{ number_format($stats['monthly_revenue_growth_pct'] ?? 0, 2) }}%</h5>
        </div>
    </div>
</div>

<div class="row mb-3">
    <div class="col-md-3 col-6 mb-2">
        <div class="project-box text-center p-3">
            <small class="text-muted">Average Profit Per Merchant</small>
            <h5 class="mb-0">${{ number_format($stats['avg_profit_per_merchant'] ?? 0, 2) }}</h5>
        </div>
    </div>
    <div class="col-md-3 col-6 mb-2">
        <div class="project-box text-center p-3">
            <small class="text-muted">Per Merchant Profit %</small>
            <h5 class="mb-0">{{ number_format($stats['per_merchant_profit_pct'] ?? 0, 2) }}%</h5>
        </div>
    </div>
    <div class="col-md-3 col-6 mb-2">
        <div class="project-box text-center p-3">
            <small class="text-muted">Average BPS Profit Per Merchant</small>
            <h5 class="mb-0">{{ number_format($stats['avg_bps_profit'] ?? 0, 2) }}%</h5>
        </div>
    </div>
    <div class="col-md-3 col-6 mb-2">
        <div class="project-box text-center p-3">
            <small class="text-muted">Monthly BPS Margin Growth %</small>
            <h5 class="mb-0">{{ number_format($stats['monthly_bps_margin_growth'] ?? 0, 2) }}%</h5>
        </div>
    </div>
</div>

{{-- YTD & Lifetime Profit --}}
<div class="row mb-3">
    <div class="col-md-3 col-6 mb-2">
        <div class="project-box p-3">
            <small class="text-muted">YTD Profit <i class="bx bx-help-circle"></i></small>
            <h4 class="mb-0"><i class="bx bx-dollar text-success"></i> ${{ number_format($stats['ytd_profit'] ?? 0, 2) }}</h4>
        </div>
    </div>
    <div class="col-md-3 col-6 mb-2">
        <div class="project-box p-3">
            <small class="text-muted">Lifetime Profit <i class="bx bx-help-circle"></i></small>
            <h4 class="mb-0"><i class="bx bx-dollar text-success"></i> ${{ number_format($stats['lifetime_profit'] ?? 0, 2) }}</h4>
        </div>
    </div>
    <div class="col-md-3 col-6 mb-2">
        <div class="project-box p-3">
            <small class="text-muted">YTD Profit (BPS) <i class="bx bx-help-circle"></i></small>
            <h4 class="mb-0"><i class="bx bx-percent text-info"></i> {{ number_format($stats['ytd_profit_bps'] ?? 0, 2) }}%</h4>
        </div>
    </div>
    <div class="col-md-3 col-6 mb-2">
        <div class="project-box p-3">
            <small class="text-muted">Lifetime Profit (BPS) <i class="bx bx-help-circle"></i></small>
            <h4 class="mb-0"><i class="bx bx-percent text-info"></i> {{ number_format($stats['lifetime_profit_bps'] ?? 0, 2) }}%</h4>
        </div>
    </div>
</div>

{{-- Residual Earnings Table --}}
<h6 class="fw-bold">Residual Earnings</h6>
<div class="d-flex align-items-center gap-2 mb-2">
    <span class="small text-muted">Viewing:</span>
    <div class="project-form mb-0" style="width: 150px;">
        <select class="form-select form-select-sm">
            <option>Last 12 Months</option>
            <option>Last 6 Months</option>
            <option>YTD</option>
        </select>
    </div>
</div>

<div class="table-responsive project-table">
    <table class="{{ \Config::get('view.table.table_class') }}">
        <thead class="{{ \Config::get('view.table.table_head_class') }}">
            <tr>
                <th>Month</th>
                <th>Income</th>
                <th>Expense</th>
                <th>Net Profit</th>
                <th>Adjusted Net</th>
                <th>Agent Net</th>
                <th>Process Vol</th>
                <th>Processing Volume</th>
                <th>Transaction Count</th>
                <th>BPS Profit</th>
                <th>Average Ticket</th>
            </tr>
        </thead>
        <tbody>
            @forelse($earnings as $row)
            <tr>
                <td>{{ $row['month_label'] ?? '' }}</td>
                <td>${{ number_format($row['income'] ?? 0, 2) }}</td>
                <td>${{ number_format($row['expense'] ?? 0, 2) }}</td>
                <td>${{ number_format($row['net_profit'] ?? 0, 2) }}</td>
                <td>${{ number_format($row['adjusted_net'] ?? 0, 2) }}</td>
                <td>${{ number_format($row['agent_net'] ?? 0, 2) }}</td>
                <td>${{ number_format($row['process_vol'] ?? 0, 2) }}</td>
                <td>${{ number_format($row['processing_volume'] ?? 0, 2) }}</td>
                <td>{{ number_format($row['txn_count'] ?? 0) }}</td>
                <td>{{ number_format($row['bps_profit'] ?? 0, 4) }}%</td>
                <td>${{ number_format($row['avg_ticket'] ?? 0, 2) }}</td>
            </tr>
            @empty
            <tr>
                <td colspan="11" class="text-center text-muted py-3">No earnings data available</td>
            </tr>
            @endforelse
        </tbody>
        @if(count($earnings) > 0)
        <tfoot>
            <tr class="table-info fw-bold">
                <td>Total</td>
                <td>${{ number_format(collect($earnings)->sum('income'), 2) }}</td>
                <td>${{ number_format(collect($earnings)->sum('expense'), 2) }}</td>
                <td>${{ number_format(collect($earnings)->sum('net_profit'), 2) }}</td>
                <td>${{ number_format(collect($earnings)->sum('adjusted_net'), 2) }}</td>
                <td>${{ number_format(collect($earnings)->sum('agent_net'), 2) }}</td>
                <td></td>
                <td>${{ number_format(collect($earnings)->sum('processing_volume'), 2) }}</td>
                <td>{{ number_format(collect($earnings)->sum('txn_count')) }}</td>
                <td></td>
                <td></td>
            </tr>
        </tfoot>
        @endif
    </table>
</div>