@extends('layouts.admin')

@section('header_title', 'রেফারেল ম্যানেজমেন্ট')

@section('content')
<div class="bg-white rounded-2xl shadow-sm border border-gray-100 overflow-hidden">
    <div class="p-6 border-b border-gray-100 flex items-center justify-between">
        <h4 class="font-bold text-gray-800">সফল রেফারেল তালিকা</h4>
        <span class="px-3 py-1 bg-blue-50 text-blue-600 rounded-full text-xs font-bold">মোট {{ $referrals->total() }} টি</span>
    </div>
    <div class="p-0 overflow-x-auto">
        <table class="w-full text-left">
            <thead class="bg-gray-50 text-xs font-semibold text-gray-500 uppercase">
                <tr>
                    <th class="px-6 py-3">নতুন ইউজার</th>
                    <th class="px-6 py-3">রেফার করেছেন (Referrer)</th>
                    <th class="px-6 py-3">রেফারেল কোড</th>
                    <th class="px-6 py-3">তারিখ</th>
                    <th class="px-6 py-3 text-center">স্ট্যাটাস</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-gray-100">
                @foreach($referrals as $user)
                <tr class="hover:bg-gray-50">
                    <td class="px-6 py-4">
                        <div class="flex items-center space-x-3">
                            <div>
                                <p class="text-sm font-bold text-gray-900">{{ $user->name ?: 'নাম নেই' }}</p>
                                <p class="text-xs text-gray-500">{{ $user->phone }}</p>
                            </div>
                        </div>
                    </td>
                    <td class="px-6 py-4">
                        <div class="flex items-center space-x-3">
                            @if($user->referrer)
                            <div>
                                <p class="text-sm font-bold text-gray-900">{{ $user->referrer->name ?: 'নাম নেই' }}</p>
                                <p class="text-xs text-gray-500">{{ $user->referrer->phone }}</p>
                            </div>
                            @else
                            <span class="text-gray-400 text-xs">সরাসরি (Direct)</span>
                            @endif
                        </div>
                    </td>
                    <td class="px-6 py-4">
                        <span class="px-2 py-1 bg-orange-50 text-orange-600 rounded text-xs font-mono font-bold">
                            {{ $user->referrer?->referral_code ?? 'N/A' }}
                        </span>
                    </td>
                    <td class="px-6 py-4 text-sm text-gray-500">{{ $user->created_at->format('d M, Y') }}</td>
                    <td class="px-6 py-4 text-center">
                        <span class="px-2 py-1 bg-green-50 text-green-600 rounded-full text-[10px] font-bold uppercase">
                            Rewarded
                        </span>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
    <div class="p-6 border-t border-gray-100">
        {{ $referrals->links() }}
    </div>
</div>
@endsection