@extends('layouts.admin')
@section('title', 'Referrals')
@section('content')
<h1 class="text-2xl font-bold mb-6">Referral System Overview</h1>

<div class="bg-white rounded-xl shadow p-6">
    <table class="w-full text-sm">
        <thead>
            <tr class="text-left text-gray-500 border-b">
                <th class="py-2">Referrer</th><th>Referred User</th><th>Level</th><th>Bonus</th><th>Status</th><th>Date</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($referrals as $r)
                <tr class="border-b last:border-0">
                    <td class="py-2">{{ $r->referrer->name }}</td>
                    <td>{{ $r->referred->name }}</td>
                    <td>{{ $r->level }}</td>
                    <td>{{ number_format($r->bonus_amount, 4) }}</td>
                    <td class="capitalize">{{ $r->status }}</td>
                    <td>{{ $r->created_at->format('d M Y') }}</td>
                </tr>
            @endforeach
        </tbody>
    </table>
    <div class="mt-4">{{ $referrals->links() }}</div>
</div>
@endsection