@extends('layouts.app')
@section('title','Airtime to Cash')
@section('content')
<div class="mx-auto min-h-screen max-w-md bg-white"><header class="border-b px-5 py-4"><a href="/app/dashboard" class="text-sm font-semibold text-slate-500">← Back</a><h1 class="mt-2 text-2xl font-black">Airtime to Cash</h1></header><main class="px-5 py-5"><form id="atc-form" class="vtu-card space-y-4"><div><label class="vtu-label">Network</label><select id="network" class="vtu-input"><option>MTN</option><option>Airtel</option><option>Glo</option><option>9mobile</option></select></div><div><label class="vtu-label">Phone number</label><input id="phone" class="vtu-input" required></div><div><label class="vtu-label">Airtime amount</label><input id="amount" type="number" min="100" class="vtu-input" required></div><div id="message" class="hidden rounded-2xl px-4 py-3 text-sm"></div><button class="vtu-btn-primary w-full">Submit request</button></form></main></div>
<script>document.getElementById('atc-form').addEventListener('submit',async e=>{e.preventDefault();const b=document.getElementById('message');try{const r=await axios.post('/api/airtime-to-cash',{network:document.getElementById('network').value,phone_number:document.getElementById('phone').value,amount_minor:Math.round(Number(document.getElementById('amount').value)*100)});b.className='rounded-2xl bg-emerald-50 px-4 py-3 text-sm text-emerald-700';b.textContent=`Request submitted. Expected credit: ₦${(r.data.expected_credit_minor/100).toLocaleString('en-NG')}`;}catch(x){b.className='rounded-2xl bg-red-50 px-4 py-3 text-sm text-red-700';b.textContent=x.response?.data?.message||'Unable to submit request.';}b.classList.remove('hidden');});</script>
@endsection