@extends('layouts.app')
@section('title','Provider Settings')
@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 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between"><div><a href="/admin/dashboard" class="text-sm font-semibold text-slate-500">← Admin</a><h1 class="mt-2 text-2xl font-black">Provider Settings</h1></div><button id="sync-vtpass" class="vtu-btn-primary">Sync VTpass Catalog</button></header><div id="providers-grid" class="grid gap-4 md:grid-cols-2"></div></div></div>
<script>

async function loadProviders(){const r=await axios.get('/api/admin/providers');document.getElementById('providers-grid').innerHTML=(r.data||[]).map(p=>`<section class="vtu-card"><div class="flex items-start justify-between gap-3"><div><h2 class="font-black">${p.display_name}</h2><p class="text-xs text-slate-500">${p.provider_key}</p></div><span class="rounded-full bg-slate-100 px-3 py-1 text-xs font-bold">${p.mode}</span></div><div class="mt-4 space-y-3 text-sm"><div class="flex justify-between"><span>Enabled</span><strong>${p.is_active?'Yes':'No'}</strong></div><div class="flex justify-between"><span>Credentials</span><strong>${p.credentials_configured?'Configured':'Missing'}</strong></div><div class="flex justify-between"><span>Priority</span><strong>${p.priority}</strong></div></div><button onclick="configureProvider(${p.id},'${p.provider_key}','${p.mode}',${p.priority})" class="vtu-btn-secondary mt-4 w-full">Configure</button></section>`).join('');}
async function configureProvider(id,key,mode,priority){const m=prompt('Mode: test or live',mode);if(!m)return;const p=Number(prompt('Priority',priority));const enabled=confirm('Enable this provider?');const c={};if(key==='vtpass'){c.api_key=prompt('VTpass API key')||'';c.public_key=prompt('VTpass public key')||'';c.secret_key=prompt('VTpass secret key')||'';}else if(key==='paystack'){c.secret_key=prompt('Paystack secret key')||'';}await axios.patch(`/api/admin/providers/${id}`,{mode:m,priority:p,is_active:enabled,credentials:c});await loadProviders();}
document.getElementById('sync-vtpass').addEventListener('click',async()=>{await axios.post('/api/admin/providers/vtpass/sync-catalog',{identifiers:['data','airtime']});alert('VTpass sync queued.');});loadProviders();
</script>
@endsection