@extends('panel.layout')
@section('content')
<div class="bg-white border rounded-xl p-6">
  <h1 class="text-xl font-bold mb-4">Dashboard</h1>
  <button id="test-conn" class="px-3 py-2 bg-blue-600 text-white rounded">Testar conexão Nuvemshop</button>
  <div id="conn-result" class="mt-3 text-sm"></div>
</div>
<script>

document.getElementById('test-conn').addEventListener('click', async()=>{
  const out=document.getElementById('conn-result'); out.textContent='Testando...';
  const res=await window.pproApi('/api/merchant/nuvemshop/test');
  out.textContent = res.ok ? `Conectado (${res.data.status})` : `Erro ${res.status}: ${res.data.status||res.data.error||'falha'}`;
});
</script>
@endsection