@extends('layouts.app')
@section('title','Financeiro')
@section('header','Admin • Financeiro')

@section('content')
<div class="bg-white rounded-xl shadow p-4">
  <div class="grid md:grid-cols-3 gap-2 mb-3">
    <input id="from" class="border rounded p-2" placeholder="from (YYYY-MM-DD)">
    <input id="to" class="border rounded p-2" placeholder="to (YYYY-MM-DD)">
    <button class="px-4 py-2 rounded bg-black text-white" onclick="load()">Gerar</button>
  </div>

  <pre id="out" class="bg-gray-100 p-3 rounded text-sm overflow-auto">—</pre>
</div>

<script>
  async function load() {
    const qs = new URLSearchParams();
    if (from.value) qs.set('from', from.value);
    if (to.value) qs.set('to', to.value);

    const data = await api('/json/admin/finance/summary?' + qs.toString());
    out.textContent = JSON.stringify(data, null, 2);
  }
  load();
</script>
@endsection