@extends('layouts.app')

@section('content')
<div class="card">
    <h3>Referral System</h3>
    <p>Your code: <strong>{{ $user->referral_code }}</strong></p>
    <p>Referral link: <code>{{ url('/register?ref='.$user->referral_code) }}</code></p>
    <p>Total commission earned: <strong>${{ number_format($totalCommission, 2) }}</strong></p>
</div>

<div class="card">
    <h3>Referral Records</h3>
    <table>
        <thead><tr><th>User</th><th>Email</th><th>Commission</th><th>Status</th></tr></thead>
        <tbody>
        @foreach($referrals as $r)
            <tr>
                <td>{{ $r->referredUser->name ?? '-' }}</td>
                <td>{{ $r->referredUser->email ?? '-' }}</td>
                <td>${{ number_format($r->commission, 2) }}</td>
                <td>{{ ucfirst($r->status) }}</td>
            </tr>
        @endforeach
        </tbody>
    </table>
    {{ $referrals->links() }}
</div>
@endsection