@extends('layouts.app')
@section('title', 'Referrals')
@section('content')
    <div class="page-head"><div><div class="eyebrow">Invite & earn</div><h1>Share rewards with your friends.</h1><p class="muted">Invite friends to join {{ config('app.name') }}. You earn a reward when a new user joins through your link.</p></div></div>
    <div class="grid grid-2">
        <section class="card referral-share"><span class="pill active">Your referral reward</span><div class="metric-value">{{ $rewardAmount ? rtrim(rtrim($rewardAmount, '0'), '.') : '—' }} <small>{{ $rewardAsset?->symbol }}</small></div><p class="muted">for every successful referral</p><div class="field"><label>Your referral link</label><div class="copy-field"><code>{{ route('home', ['ref' => $code->code]) }}</code><button class="btn btn-small" type="button" data-copy="{{ route('home', ['ref' => $code->code]) }}" aria-label="Copy referral link" title="Copy referral link">⧉</button></div></div><div class="actions"><button class="btn btn-primary" type="button" data-copy="{{ route('home', ['ref' => $code->code]) }}">Copy Referral Link</button></div></section>
        <section class="card"><h2>How it works</h2><div class="referral-steps"><div><span>1</span><div><strong>Share your link</strong><p class="muted">Send it to friends who are new to {{ config('app.name') }}.</p></div></div><div><span>2</span><div><strong>Your friend joins</strong><p class="muted">They connect a new wallet through your referral link.</p></div></div><div><span>3</span><div><strong>You get rewarded</strong><p class="muted">Your referral reward is added automatically.</p></div></div></div></section>
    </div>
    <div class="section-head"><h2>Your referrals</h2><span class="pill">{{ $referrals->total() }}</span></div>
    <div class="table-wrap"><table><thead><tr><th>Referred user</th><th>Reward</th><th>Status</th><th>Date</th></tr></thead><tbody>@forelse ($referrals as $referral)<tr><td>{{ str($referral->referredUser->wallets->first()?->address)->limit(20) ?: 'New user' }}</td><td>{{ rtrim(rtrim($referral->reward_amount, '0'), '.') }} {{ $referral->asset->symbol }}</td><td><x-status :value="$referral->status" /></td><td>{{ $referral->created_at->format('M j, Y') }}</td></tr>@empty<tr><td colspan="4">You haven’t referred anyone yet. Share your link to get started.</td></tr>@endforelse</tbody></table></div><div class="pagination">{{ $referrals->links() }}</div>
@endsection