@extends('partials.layout')
@section('titulo', 'Empresas')
@section('conteudo')
<h2 class="page">Empresas do grupo</h2>

<details class="secao-cad">
    <summary>+ Nova empresa</summary>
    <div class="card">
        <form method="post" action="{{ route('empresas.store') }}">@csrf
            <div class="grid3">
                <div>
                    <label>CNPJ</label>
                    <div style="display:flex;gap:6px">
                        <input name="cnpj" id="e_cnpj" placeholder="só os números">
                        <button type="button" class="btn steel sm" style="white-space:nowrap" onclick="buscarCNPJEmpresa()">Buscar</button>
                    </div>
                    <small id="e_cnpj_st" class="muted" style="font-size:11px"></small>
                </div>
                <div><label>Razão social *</label><input name="razao_social" id="e_razao" required></div>
                <div><label>Nome fantasia</label><input name="nome_fantasia" id="e_fantasia"></div>
                <div><label>Função no grupo</label><input name="funcao"></div>
                <div><label>Situação</label><input name="situacao" placeholder="ATIVA"></div>
            </div>
            <div style="margin-top:12px;display:flex;align-items:center;gap:12px">
                <button class="btn pri">Cadastrar</button>
                <span class="muted" style="font-size:12px">Dica: digite o CNPJ e clique em <b>Buscar</b> para puxar a razão social.</span>
            </div>
        </form>
    </div>
</details>

@foreach($empresas as $e)
<details class="secao-cad">
    <summary>{{ $e->nomeExibicao() }} @if($e->situacao)<span class="cont">{{ $e->situacao }}</span>@endif</summary>
    <div class="card">
        <form method="post" action="{{ route('empresas.update',$e) }}">@csrf @method('PUT')
            <div class="grid3">
                <div><label>Razão social</label><input name="razao_social" value="{{ $e->razao_social }}"></div>
                <div><label>Nome fantasia</label><input name="nome_fantasia" value="{{ $e->nome_fantasia }}"></div>
                <div><label>CNPJ</label><input name="cnpj" value="{{ $e->cnpj }}"></div>
                <div><label>Função</label><input name="funcao" value="{{ $e->funcao }}"></div>
                <div><label>Situação</label><input name="situacao" value="{{ $e->situacao }}"></div>
            </div>
            <div style="margin-top:10px;display:flex;gap:8px">
                <button class="btn pri sm">Salvar</button>
                <button formaction="{{ route('empresas.destroy',$e) }}" formmethod="post" class="btn danger sm" onclick="return confirm('Excluir empresa?')">Excluir</button>
            </div>
        </form>
    </div>
</details>
@endforeach
<div class="muted" style="font-size:12px;margin-top:8px">Empresas em uso (com lançamentos ou vinculadas a projeto) não podem ser removidas.</div>

<script>
async function buscarCNPJEmpresa(){
    var el = document.getElementById('e_cnpj');
    var cnpj = (el.value||'').replace(/\D/g,'');
    var st = document.getElementById('e_cnpj_st');
    if(cnpj.length !== 14){ st.style.color=''; st.textContent='Digite os 14 numeros do CNPJ.'; return; }
    st.style.color=''; st.textContent='Buscando...';
    try{
        var r = await fetch('https://brasilapi.com.br/api/cnpj/v1/'+cnpj);
        if(!r.ok) throw 0;
        var d = await r.json();
        if(d.razao_social) document.getElementById('e_razao').value = d.razao_social;
        if(d.nome_fantasia) document.getElementById('e_fantasia').value = d.nome_fantasia;
        st.style.color='var(--ok)'; st.textContent='OK - dados preenchidos.';
    }catch(e){ st.style.color='var(--alerta)'; st.textContent='Nao encontrei esse CNPJ (confira os numeros).'; }
}
</script>
@endsection