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

@section('content')
<div class="bg-white rounded-xl shadow p-4">
  <div class="flex gap-2 mb-3">
    <input id="q" class="border rounded p-2 flex-1" placeholder="Buscar...">
    <button class="px-4 py-2 rounded bg-black text-white" onclick="load()">Buscar</button>
  </div>

  <div class="border rounded p-3 mb-4">
    <div class="font-semibold mb-2">Criar empresa</div>
    <div class="grid md:grid-cols-3 gap-2">
      <input id="c_name" class="border rounded p-2" placeholder="Nome">
      <input id="c_email" class="border rounded p-2" placeholder="Email">
      <input id="c_pass" class="border rounded p-2" placeholder="Senha">
      <input id="c_doc" class="border rounded p-2" placeholder="CNPJ/CPF">
      <input id="c_phone" class="border rounded p-2" placeholder="Telefone">
      <button class="px-4 py-2 rounded bg-gray-900 text-white" onclick="create()">Criar</button>
    </div>
    <div id="msg" class="text-sm text-gray-600 mt-2"></div>
  </div>

  <div id="list" class="text-sm"></div>
</div>

<script>
  async function load() {
    const data = await api('/json/admin/companies?q=' + encodeURIComponent(q.value || ''));
    const items = data.data || [];
    list.innerHTML = items.map(c => `
      <div class="border rounded p-3 mb-2">
        <div class="flex justify-between">
          <div><b>${c.name}</b> <span class="text-gray-500">(${c.owner?.email || ''})</span></div>
          <button class="px-3 py-1 rounded ${c.is_active ? 'bg-green-700' : 'bg-red-700'} text-white"
            onclick="toggle(${c.id})">${c.is_active ? 'Ativa' : 'Inativa'}</button>
        </div>
        <div class="text-gray-600">Doc: ${c.document || '-'} • Tel: ${c.phone || '-'}</div>
      </div>
    `).join('') || '<span class="text-gray-500">Sem resultados.</span>';
  }

  async function create() {
    msg.innerText = 'Criando...';
    try {
      await api('/json/admin/companies', {
        method:'POST',
        headers:{'Content-Type':'application/json'},
        body: JSON.stringify({
          name: c_name.value, email: c_email.value, password: c_pass.value,
          document: c_doc.value, phone: c_phone.value
        })
      });
      msg.innerText = '✅ Criada!';
      await load();
    } catch (e) {
      msg.innerText = '❌ Erro de validação.';
    }
  }

  async function toggle(id) {
    await api(`/json/admin/companies/${id}/toggle`, { method:'POST' });
    await load();
  }

  load();
</script>
@endsection