@extends('partials.layout')
@section('titulo', 'Editar lançamento')
@section('conteudo')
<h2 class="page">Editar lançamento {{ str_pad($lancamento->numero,3,'0',STR_PAD_LEFT) }}</h2>
<div class="card">
    <form method="post" action="{{ route('lancamentos.update',$lancamento) }}" id="frm">
        @csrf @method('PUT')
        <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" @selected(old('tipo',$lancamento->tipo)=='pagar')>Saída</option>
                    <option value="receber" style="color:#187A57;font-weight:800" @selected(old('tipo',$lancamento->tipo)=='receber')>Entrada</option>
                </select>
            </div>
            <div>
                <label>Projeto *</label>
                <select name="projeto_id" required>@foreach($projetos as $p)<option value="{{ $p->id }}" @selected(old('projeto_id',$lancamento->projeto_id)==$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"><option value="">—</option>@foreach($fornecedores as $f)<option value="{{ $f->id }}" @selected(old('fornecedor_id',$lancamento->fornecedor_id)==$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"><option value="">—</option>@foreach($clientes as $c)<option value="{{ $c->id }}" @selected(old('cliente_id',$lancamento->cliente_id)==$c->id)>{{ $c->codigoFormatado() }} — {{ $c->nomeExibicao() }}</option>@endforeach</select>
            </div>
            <div id="campo-categoria">
                <label>Categoria</label>
                <select name="categoria">@foreach($categorias as $cat)<option @selected(old('categoria',$lancamento->categoria)==$cat)>{{ $cat }}</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" required style="flex:1" value="{{ old('valor', number_format($lancamento->valor,2,',','.')) }}"></div></div>
            <div><label>Nº da nota / AP</label><input name="documento" value="{{ old('documento',$lancamento->documento) }}"></div>
            <div id="campo-venc"><label>Vencimento</label><input type="date" name="vencimento" value="{{ old('vencimento', optional($lancamento->vencimento)->format('Y-m-d')) }}"></div>
            <div id="campo-prev" style="display:none"><label>Previsto para</label><input type="date" name="previsto" value="{{ old('previsto', optional($lancamento->previsto)->format('Y-m-d')) }}"></div>
        </div>
        <div style="margin-top:10px"><label>Descrição</label><textarea name="descricao" rows="3" placeholder="Descreva o lançamento…">{{ old('descricao',$lancamento->descricao) }}</textarea></div>
        <div style="margin-top:16px;display:flex;gap:8px">
            <button class="btn pri">Salvar alterações</button>
            <a href="{{ route('lancamentos') }}" class="btn ghost">Cancelar</a>
        </div>
        <div class="muted" style="font-size:12px;margin-top:10px">A empresa (CNPJ) é herdada do projeto. O status (pago/recebido) não muda aqui — use "Editar status" nas Ações.</div>
    </form>
</div>
<script>
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-categoria').style.display = pagar ? '' : 'none';
    document.getElementById('campo-venc').style.display = pagar ? '' : 'none';
    document.getElementById('campo-prev').style.display = pagar ? 'none' : '';
}
alterna();
</script>
@endsection