@extends('layouts.app')
@section('title','Users & Wallets')
@section('content')
<div class="min-h-screen bg-slate-100"><div class="mx-auto max-w-6xl p-4 sm:p-6"><header class="mb-5"><a href="/admin/dashboard" class="text-sm font-semibold text-slate-500">← Admin</a><h1 class="mt-2 text-2xl font-black">Users & Wallets</h1></header><div class="vtu-card"><div class="flex flex-col gap-3 sm:flex-row"><input id="user-search" class="vtu-input" placeholder="Search name, phone or email"><button id="search-button" class="vtu-btn-primary sm:w-auto">Search</button></div><div id="users-list" class="mt-5 space-y-3"></div></div></div></div>
<script>

async function loadUsers(q=''){const r=await axios.get('/api/admin/users',{params:{q}});document.getElementById('users-list').innerHTML=(r.data.data||[]).map(u=>`<div class="rounded-2xl border p-4"><div class="flex items-start justify-between gap-3"><div><div class="font-black">${u.name}</div><div class="text-sm text-slate-500">${u.phone||''} • ${u.email||''}</div><div class="mt-1 text-xs text-slate-500">${u.account_type} • ${u.status}</div></div><div class="text-right"><div class="text-xs text-slate-500">Wallet</div><div class="font-black">₦${((u.wallet?.balance_minor||0)/100).toLocaleString('en-NG',{minimumFractionDigits:2})}</div></div></div><div class="mt-4 grid grid-cols-2 gap-2"><button onclick="adjustWallet(${u.id},'credit')" class="rounded-xl bg-emerald-50 px-3 py-2 text-sm font-semibold text-emerald-700">Credit</button><button onclick="adjustWallet(${u.id},'debit')" class="rounded-xl bg-red-50 px-3 py-2 text-sm font-semibold text-red-700">Debit</button></div></div>`).join('')||'<p class="text-sm text-slate-500">No users found.</p>';}
async function adjustWallet(id,d){const a=prompt(`Enter ${d} amount in Naira`);if(!a)return;const reason=prompt('Enter reason for this adjustment');if(!reason)return;await axios.post(`/api/admin/users/${id}/wallet-adjustments`,{direction:d,amount_minor:Math.round(Number(a)*100),reason});await loadUsers(document.getElementById('user-search').value);}
document.getElementById('search-button').addEventListener('click',()=>loadUsers(document.getElementById('user-search').value));loadUsers();
</script>
@endsection