@extends('partials.layout')
@section('titulo', 'Lançar')
@section('conteudo')
<h2 class="page">Lançar</h2>
<div class="card">
    <form method="post" action="{{ route('lancamentos.store') }}" enctype="multipart/form-data" id="frm">
        @csrf
        <div class="grid2">
            <div>
                <label>Tipo *</label>
                <select name="tipo" id="tipo" onchange="alterna()" style="font-weight:800">
                    <option value="pagar" style="color:#C0463A;font-weight:800">Saída</option>
                    <option value="receber" style="color:#187A57;font-weight:800">Entrada</option>
                </select>
            </div>
            <div>
                <label>Projeto *</label>
                <select name="projeto_id" required>@foreach($projetos as $p)<option value="{{ $p->id }}">@if($p->centro_custo)CC {{ $p->centro_custo }} · @endif{{ $p->nome }}</option>@endforeach</select>
            </div>
            <div id="campo-fornecedor">
                <label>Fornecedor *</label>
                <select name="fornecedor_id" id="sel-fornecedor"><option value="">— selecione —</option>@foreach($fornecedores as $f)<option value="{{ $f->id }}">{{ $f->nomeExibicao() }} · {{ $f->docFormatado() }} · {{ $f->categoria }}</option>@endforeach</select>
            </div>
            <div id="campo-cliente" style="display:none">
                <label>Cliente *</label>
                <select name="cliente_id" id="sel-cliente"><option value="">— selecione —</option>@foreach($clientes as $c)<option value="{{ $c->id }}">{{ $c->nomeExibicao() }} · {{ $c->codigoFormatado() }}</option>@endforeach</select>
            </div>
            <div><label>Valor *</label><div style="display:flex;align-items:center;gap:6px"><span class="muted" style="font-weight:800">R$</span><input type="text" inputmode="numeric" class="money-input" name="valor" placeholder="0,00" required style="flex:1"></div></div>
            <div><label>Nº da nota / AP</label><input name="documento"></div>
            <div id="campo-venc"><label>Vencimento *</label><input type="date" name="vencimento" id="inp-venc"></div>
            <div id="campo-prev" style="display:none"><label>Previsto para *</label><input type="date" name="previsto" id="inp-prev"></div>
            <div id="campo-parcelas"><label>Parcelas (1 = à vista)</label><input type="number" min="1" max="60" name="parcelas" value="1"></div>
        </div>
        <div style="margin-top:10px"><label>Descrição</label><textarea name="descricao" rows="3" placeholder="Descreva o lançamento…">{{ old('descricao') }}</textarea></div>
        <div style="margin-top:10px"><label>Documentos — nota, boleto, comprovante (pode anexar vários) *</label><input type="file" name="anexos[]" accept=".pdf,.jpg,.jpeg,.png" multiple required><small class="muted" style="font-size:11px">Segure Ctrl (ou Cmd) para selecionar mais de um arquivo.</small></div>
        <div style="margin-top:16px;display:flex;gap:8px">
            <button class="btn pri">Salvar lançamento</button>
            <a href="{{ route('lancamentos') }}" class="btn ghost">Cancelar</a>
        </div>
        <div class="muted" style="font-size:12px;margin-top:10px">* Campos obrigatórios. A empresa (CNPJ) e a categoria são herdadas do projeto e do fornecedor.</div>
    </form>
</div>
<script>
function setReq(id, req){ var e=document.getElementById(id); if(e){ if(req){ e.setAttribute('required','required'); } else { e.removeAttribute('required'); } } }
function alterna(){
    var sel = document.getElementById('tipo');
    var pagar = sel.value === 'pagar';
    sel.style.color = pagar ? '#C0463A' : '#187A57';
    document.getElementById('campo-fornecedor').style.display = pagar ? '' : 'none';
    document.getElementById('campo-cliente').style.display = pagar ? 'none' : '';
    document.getElementById('campo-venc').style.display = pagar ? '' : 'none';
    document.getElementById('campo-prev').style.display = pagar ? 'none' : '';
    document.getElementById('campo-parcelas').style.display = pagar ? '' : 'none';
    // obrigatórios conforme o tipo (só o campo visível fica required)
    setReq('sel-fornecedor', pagar);
    setReq('inp-venc', pagar);
    setReq('sel-cliente', !pagar);
    setReq('inp-prev', !pagar);
}
alterna();
</script>
@endsection