@extends('admin.layout')
@section('title', 'Tiếp thị liên kết: ' . $user->username)
@section('greeting') TIẾP THỊ <span>LIÊN KẾT</span> @endsection
@section('subtitle') Danh sách người dùng được mời bởi {{ $user->username }} @endsection

@section('content')
    <div style="margin-bottom: 20px;">
        <a href="{{ route('admin.users') }}" class="btn btn-outline btn-sm">
            <i class="fas fa-arrow-left"></i> Quay lại danh sách user
        </a>
    </div>

    <div class="card">
        <div class="card-header">
            <h3><i class="fas fa-handshake" style="color:#10b981;margin-right:8px;"></i>Đã mời ({{ $referrals->total() }})</h3>
        </div>

        <div style="overflow-x:auto;">
            <table class="ad-table">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>Username</th>
                        <th>Email</th>
                        <th>Gói hiện tại</th>
                        <th>Hoa hồng nhận</th>
                        <th>Trạng thái</th>
                        <th>Ngày đăng ký</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($referrals as $ref)
                    <tr>
                        <td style="color:var(--text-muted);font-size:11px;font-family:monospace;">#{{ $ref->referred_id }}</td>
                        <td style="font-weight:600;color:var(--text);">{{ $ref->username }}</td>
                        <td>{{ $ref->email }}</td>
                        <td>
                            @if($ref->current_plan === 'pro')<span class="badge badge-warning">Pro</span>
                            @elseif($ref->current_plan === 'premium')<span class="badge badge-info">Premium</span>
                            @elseif($ref->current_plan === 'basic')<span class="badge badge-success">Basic</span>
                            @else<span class="badge badge-muted">Free</span>@endif
                        </td>
                        <td style="font-weight:700;color:#10b981;">+{{ number_format($ref->commission) }}đ</td>
                        <td>
                            @if($ref->status === 'completed')<span class="badge badge-success">Đã mua</span>
                            @elseif($ref->status === 'registered')<span class="badge badge-info">Đã đăng ký</span>
                            @else<span class="badge badge-warning">{{ $ref->status }}</span>@endif
                        </td>
                        <td style="font-size:11px;color:var(--text-muted);">{{ \Carbon\Carbon::parse($ref->register_at)->format('d/m/Y H:i') }}</td>
                    </tr>
                    @empty
                    <tr><td colspan="7" style="text-align:center;color:var(--text-muted);padding:40px;">User này chưa mời được ai.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        {{ $referrals->links('admin.pagination') }}
    </div>
@endsection