@extends('layouts.app')
@section('title','Transaction Operations')
@section('content')
<div class="min-h-screen bg-slate-100"><div class="mx-auto max-w-5xl 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">Transaction Operations</h1><p class="mt-1 text-sm text-slate-500">Use a transaction reference or ID for requery/reversal actions. Successful provider-confirmed transactions remain protected from ordinary manual reversal.</p></header><section class="vtu-card"><div class="grid gap-3 sm:grid-cols-3"><input id="id" class="vtu-input sm:col-span-2" placeholder="Transaction ID"><button id="requery" class="vtu-btn-primary">Queue Requery</button></div><div class="mt-4 grid gap-3 sm:grid-cols-3"><input id="reason" class="vtu-input sm:col-span-2" placeholder="Reversal reason"><button id="reverse" class="vtu-btn-secondary">Reverse Eligible</button></div><div id="result" class="mt-4 text-sm"></div></section></div></div>
<script>document.getElementById('requery').addEventListener('click',async()=>{const id=document.getElementById('id').value;const r=await axios.post(`/api/admin/transactions/${id}/requery`);document.getElementById('result').textContent=r.data.message;});document.getElementById('reverse').addEventListener('click',async()=>{const id=document.getElementById('id').value,reason=document.getElementById('reason').value;const r=await axios.post(`/api/admin/transactions/${id}/reverse`,{reason});document.getElementById('result').textContent=r.data.ok?'Reversal completed.':'';});</script>
@endsection