@extends('panel.layout')
@section('content')
<div class="bg-white border rounded-xl p-5">
  <h1 class="font-bold mb-3">SuperAdmin</h1>
  <button id="load" class="px-3 py-2 bg-blue-600 text-white rounded">Carregar Métricas</button>
  <pre id="metrics" class="mt-3 bg-slate-100 p-3 rounded text-xs"></pre>
</div>
<script>

document.getElementById('load').addEventListener('click', async()=>{ const m=document.getElementById('metrics'); m.textContent='Carregando...'; const res=await window.pproApi('/api/admin/metrics'); m.textContent=res.ok?JSON.stringify(res.data,null,2):`Erro ${res.status}`; });
</script>
@endsection