@extends('layouts.app')

@section('content')
<div class="glass-panel" style="border-radius:12px;padding:20px;margin-bottom:18px">
    <p class="font-data" style="color:var(--outline)">POINTS WALLET</p>
    <h1 class="font-display" style="font-size:42px;color:var(--secondary);margin:0">{{ number_format($wallet->points_balance) }} PTS</h1>
</div>
<div style="display:grid;grid-template-columns:1fr 1fr;gap:16px">
    <form class="glass-panel" style="border-radius:12px;padding:18px" method="post" action="{{ route('wallet.buy') }}">
        @csrf<h2>Buy Points</h2><input class="input" name="points" type="number" min="100" value="1000"><select class="input" name="gateway"><option>stripe</option><option>mpesa</option><option>mtn_momo</option><option>paypal</option><option>usdt</option></select><input class="input" name="currency" value="USD" maxlength="3"><button class="button button-secondary">Create checkout</button>
    </form>
    <form class="glass-panel" style="border-radius:12px;padding:18px" method="post" action="{{ route('wallet.cashout') }}">
        @csrf<h2>Cashout</h2><input class="input" name="points" type="number" min="1000" value="1000"><select class="input" name="method"><option>mobile_money</option><option>bank_wire</option><option>paypal</option><option>crypto</option></select><input class="input" name="currency" value="USD" maxlength="3"><textarea class="input" name="destination" placeholder="Encrypted payout destination"></textarea><button class="button button-primary">Request cashout</button>
    </form>
</div>
@endsection