@extends('Admin.layouts.app')
@section('title', 'Referral History')

@section('content')

<div class="card-header py-3">
    <h6 class="page-title h3 mb-2">Referral History</h6>
</div>

<div class="card p-3">
    <div class="table-responsive">
        <table class="table table-bordered">
            <thead>
                <tr>
                    <th>#</th>
                    <th>Referred User</th>
                    <th>Email</th>
                    <th>Status</th>
                </tr>
            </thead>
            <tbody>
                @forelse($referrals as $index => $ref)
                    <tr>
                        <td>{{ $index + 1 }}</td>
                        <td>{{ $ref->referredUser?->name ?? 'N/A' }}</td>
                        <td>{{ $ref->referredUser?->email ?? 'N/A' }}</td>
                        <td>{{ ucfirst($ref->status) }}</td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="4" class="text-center">No referrals yet.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>

@endsection