@php
    $editando = isset($despesa);
    $formAction = $editando ? route('despesas.update', $despesa) : route('despesas.store');
    $statusAguardandoInformacao = $editando && isset($despesa) && $despesa->status === \App\Models\Despesa::STATUS_AGUARDANDO;
@endphp
    <form action="{{ $formAction }}" method="POST" enctype="multipart/form-data" id="form-despesa">

        {{-- ====================== IDENTIFICAÇÃO E FORNECEDOR ====================== --}}
        <div class="tfds-card">
            <p class="tfds-card-title">Identificação do Documento & Fornecedor</p>
            <div class="tfds-grid">

                {{-- TIPO DE DOCUMENTO --}}
                <div class="tfds-col-3">
                    <label class="tfds-label" for="tipo_documento">Tipo Documento <span class="req">*</span></label>
                    @php $td = old('tipo_documento', $despesa->tipo_documento ?? 'FT'); @endphp
                    <select name="tipo_documento" id="tipo_documento" class="tfds-select" required>
                        <option value="FT" @if($td === 'FT') selected @endif>Fatura (FT)</option>
                        <option value="FS" @if($td === 'FS') selected @endif>Fatura-Simplificada (FS)</option>
                        <option value="FR" @if($td === 'FR') selected @endif>Fatura-Recibo (FR)</option>
                        <option value="ND" @if($td === 'ND') selected @endif>Nota de Débito (ND)</option>
                        <option value="NC" @if($td === 'NC') selected @endif>Nota de Crédito (NC)</option>
                        <option value="VNC" @if($td === 'VNC') selected @endif>Venda a Dinheiro / Crédito (VNC)</option>
                    </select>
                </div>

                {{-- NÚMERO DO DOCUMENTO --}}
                <div class="tfds-col-3">
                    <label class="tfds-label" for="numero_documento">Nº Documento <span class="req">*</span></label>
                    <input type="text" name="numero_documento" id="numero_documento" class="tfds-input w-100" required value="{{ old('numero_documento', $despesa->numero_documento ?? '') }}" placeholder="Ex: FT 2026/102">
                </div>

                {{-- DATA DOCUMENTO --}}
                <div class="tfds-col-3">
                    <label class="tfds-label" for="data_documento">Data Emissão <span class="req">*</span></label>
                    <input type="date" name="data_documento" id="data_documento" class="tfds-input w-100 text-center" required value="{{ old('data_documento', date('Y-m-d', strtotime($despesa->data_documento ?? $despesa->data ?? ''))) }}">
                </div>

                {{-- DATA VENCIMENTO --}}
                <div class="tfds-col-3">
                    <label class="tfds-label" for="data_vencimento">Data Vencimento</label>
                    <input type="date" name="data_vencimento" id="data_vencimento" class="tfds-input w-100 text-center" value="{{ old('data_vencimento', date('Y-m-d', strtotime($despesa->data_vencimento ?? ''))) }}">
                </div>

                {{-- NIF FORNECEDOR --}}
                <div class="tfds-col-3">
                    <label class="tfds-label" for="fornecedor_nif">NIF Fornecedor <span class="req">*</span></label>
                    <input type="text" name="fornecedor_nif" id="fornecedor_nif" class="tfds-input w-100" required pattern="\d{9}" title="O NIF deve conter exatamente 9 dígitos" maxlength="9" value="{{ old('fornecedor_nif', $despesa->fornecedor_nif ?? '') }}" placeholder="9 dígitos">
                </div>

                {{-- NOME FORNECEDOR --}}
                <div class="tfds-col-6">
                    <label class="tfds-label" for="fornecedor_nome">Nome do Fornecedor <span class="req">*</span></label>
                    <input type="text" name="fornecedor_nome" id="fornecedor_nome" class="tfds-input w-100" required value="{{ old('fornecedor_nome', $despesa->fornecedor_nome ?? '') }}">
                </div>

                {{-- FORMA DE PAGAMENTO --}}
                <div class="tfds-col-3">
                    <label class="tfds-label" for="forma_pagamento">Forma de Pagamento <span class="req">*</span></label>
                    @php $fp = old('forma_pagamento', $despesa->forma_pagamento ?? ''); @endphp
                    <select name="forma_pagamento" id="forma_pagamento" class="tfds-select" required>
                        <option value="">Selecione</option>
                        <option value="Cartão Corporativo" @if($fp === 'Cartão Corporativo') selected @endif>Cartão Corporativo</option>
                        <option value="Dinheiro" @if($fp === 'Dinheiro') selected @endif>Dinheiro</option>
                        <option value="Meios Próprios (Necessário Reembolso)" @if($fp === 'Meios Próprios (Necessário Reembolso)') selected @endif>Meios Próprios (Necessário Reembolso)</option>
                        <option value="Transferência Bancária" @if($fp === 'Transferência Bancária') selected @endif>Transferência Bancária</option>
                    </select>
                </div>

                {{-- CENTRO DE CUSTO --}}
                <div class="tfds-col-3">
                    <label class="tfds-label" for="centro_custo_id">Centro de Custo <span class="req">*</span></label>
                    <select name="centro_custo_id" id="centro_custo_id" class="tfds-select" required>
                        <option value="">Selecione</option>
                        @foreach($centrosCusto as $centro_de_custo)
                            <option value="{{ $centro_de_custo->id }}"
                                @if(old('centro_custo_id', $despesa->centro_custo_id ?? '') == $centro_de_custo->id) selected @endif>
                                {{ $centro_de_custo->nome_centro_custo }}
                            </option>
                        @endforeach
                    </select>
                </div>

                {{-- SERÁ VALIDADO POR --}}
                <div class="tfds-col-3">
                    <label class="tfds-label" for="aprovador_nome">Será validado por <span class="tfds-lock"><i class="fas fa-lock"></i> automático</span></label>
                    <input type="text" id="aprovador_nome" class="tfds-input w-100 text-center" readonly placeholder="Selecione o centro de custo" value="">
                    <input type="hidden" name="aprovador_id" id="aprovador_id" value="{{ $despesa->aprovador_id ?? '' }}">
                </div>

                {{-- CAMPOS DINÂMICOS --}}
                <div class="tfds-col-3 tfds-dyn d-none" id="campo_tipo_lancamento">
                    <label class="tfds-label" for="tipo_lancamento">Tipo de Lançamento <span class="req">*</span></label>
                    @php $tl = old('tipo_lancamento', $despesa->tipo_lancamento ?? ''); @endphp
                    <select name="tipo_lancamento" id="tipo_lancamento" class="tfds-select tfds-field">
                        <option value="">Selecione</option>
                        <option value="Cliente" @if($tl === 'Cliente') selected @endif>Cliente</option>
                        <option value="Manutenção" @if($tl === 'Manutenção') selected @endif>Manutenção</option>
                    </select>
                </div>

                <div class="tfds-col-3 tfds-dyn d-none" id="campo_manutencao_alvo">
                    <label class="tfds-label" for="manutencao_alvo">Manutenção referente a <span class="req">*</span></label>
                    @php $ma = old('manutencao_alvo', $despesa->manutencao_alvo ?? ''); @endphp
                    <select name="manutencao_alvo" id="manutencao_alvo" class="tfds-select tfds-field">
                        <option value="">Selecione</option>
                        <option value="Viatura" @if($ma === 'Viatura') selected @endif>Viatura</option>
                        <option value="Cliente" @if($ma === 'Cliente') selected @endif>Cliente</option>
                        <option value="Posto" @if($ma === 'Posto') selected @endif>Posto</option>
                        <option value="Texto" @if($ma === 'Texto') selected @endif>Texto Livre</option>
                    </select>
                </div>

                <div class="tfds-col-3 tfds-dyn d-none" id="campo_posto">
                    <label class="tfds-label" for="posto_id">Posto <span class="req">*</span></label>
                    <select name="posto_id" id="posto_id" class="tfds-select tfds-field">
                        <option value="">Selecione</option>
                        @foreach($postos as $posto)
                            <option value="{{ $posto->id }}" @if(old('posto_id', $despesa->posto_id ?? '') == $posto->id) selected @endif>
                                {{ $posto->nome_posto }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="tfds-col-3 tfds-dyn d-none" id="campo_viatura">
                    <label class="tfds-label" for="viatura_id">Viatura <span class="req">*</span></label>
                    @php $mat = old('matricula', $despesa->matricula ?? ''); @endphp
                    <select name="matricula" id="viatura_id" class="tfds-select tfds-field">
                        <option value="">Selecione a matrícula</option>
                        @foreach($veiculos as $veiculo)
                            <option value="{{ $veiculo->matricula }}" @if($mat === $veiculo->matricula) selected @endif>
                                {{ $veiculo->matricula }}@if($veiculo->marca || $veiculo->modelo) — {{ trim($veiculo->marca.' '.$veiculo->modelo) }}@endif
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="tfds-col-3 tfds-dyn d-none" id="campo_cliente">
                    <label class="tfds-label" for="cliente_id">Cliente <span class="req">*</span></label>
                    <select name="cliente_id" id="cliente_id" class="tfds-select tfds-field tfds-i50"></select>
                </div>

                <div class="tfds-col-3 tfds-dyn d-none" id="campo_referencia">
                    <label class="tfds-label" for="referencia">Referência / Descrição <span class="req">*</span></label>
                    <input type="text" name="referencia" id="referencia" class="tfds-input tfds-field" maxlength="150" value="{{ old('referencia', $despesa->referencia ?? '') }}">
                </div>

            </div>
        </div>

        {{-- ====================== COMPROVATIVO & LEITURA IA ====================== --}}
        <div class="tfds-card">
            <p class="tfds-card-title">Documento Digitalizado</p>
            <div class="tfds-grid align-items-end">
                <div class="tfds-col-6">
                    <label class="tfds-label" for="comprovativo">Ficheiro de Comprovativo @if(!$editando)<span class="req">*</span>@endif</label>
                    <input type="file" name="comprovativo" id="comprovativo" class="tfds-input w-100" accept=".pdf,.jpg,.jpeg,.png" @if(!$editando) required @endif>
                    @if($editando && isset($despesa->comprovativo) && $despesa->comprovativo)
                        <div class="tfds-hint"><a href="{{ route('despesas.ver_anexos', $despesa) }}" target="_blank">Ver comprovativo atual</a></div>
                    @endif
                </div>
                <div class="tfds-col-6">
                    <button type="button" id="btn-ler-ia" class="tfds-btn tfds-btn-ghost w-100" style="border: 1px dashed #007bff; color: #007bff;">
                        <i class="fas fa-robot"></i> Ler dados com Inteligência Artificial (Preenchimento Automático)
                    </button>
                </div>
            </div>
        </div>

        {{-- ====================== LINHAS DO DOCUMENTO ====================== --}}
        <div class="tfds-card">
            <div class="d-flex justify-content-between align-items-center mb-3">
                <p class="tfds-card-title m-0">Linhas da Fatura / Detalhes</p>
                <button type="button" id="add-linha" class="tfds-btn tfds-btn-ghost text-primary p-0">
                    <i class="fas fa-plus-circle"></i> Adicionar Linha
                </button>
            </div>
            
            <div style="overflow-x: auto;">
                <table class="table tfds-table" id="tabela-linhas">
                    <thead>
                        <tr>
                            <th style="width: 30%;">Descrição <span class="req">*</span></th>
                            <th style="width: 10%;">Qtd <span class="req">*</span></th>
                            <th style="width: 12%;">Preço Unit. (€) <span class="req">*</span></th>
                            <th style="width: 10%;">Desc. (€)</th>
                            <th style="width: 13%;">Taxa IVA <span class="req">*</span></th>
                            <th style="width: 12%;">Val. Líquido (€)</th>
                            <th style="width: 5%;"></th>
                        </tr>
                    </thead>
                    <tbody id="container-linhas">
                        {{-- Linhas injetadas dinamicamente --}}
                    </tbody>
                </table>
            </div>
        </div>

        {{-- ====================== TOTAIS DO DOCUMENTO ====================== --}}
        <div class="tfds-card">
            <p class="tfds-card-title">Resumo de Totais</p>
            <div class="tfds-grid">
                <div class="tfds-col-3">
                    <label class="tfds-label" for="subtotal">Subtotal (Líquido)</label>
                    <input type="text" id="subtotal_display" class="tfds-input w-100 text-right font-weight-bold" readonly value="0.00">
                    <input type="hidden" name="subtotal" id="subtotal">
                </div>
                <div class="tfds-col-2">
                    <label class="tfds-label" for="total_descontos">Total Descontos</label>
                    <input type="text" id="total_descontos_display" class="tfds-input w-100 text-right" readonly value="0.00">
                    <input type="hidden" name="total_descontos" id="total_descontos">
                </div>
                <div class="tfds-col-2">
                    <label class="tfds-label" for="valor_iva">Total IVA</label>
                    <input type="text" id="valor_iva_display" class="tfds-input w-100 text-right" readonly value="0.00">
                    <input type="hidden" name="valor_iva" id="valor_iva">
                </div>
                <div class="tfds-col-2">
                    <label class="tfds-label" for="outros_encargos">Outros Encargos</label>
                    <input type="number" step="0.01" min="0.00" name="outros_encargos" id="outros_encargos" class="tfds-input w-100 text-right" value="{{ old('outros_encargos', $despesa->outros_encargos ?? '0.00') }}">
                </div>
                <div class="tfds-col-3">
                    <label class="tfds-label" style="color: #28a745;" for="total_documento">Total do Documento (€)</label>
                    <input type="text" id="total_documento_display" class="tfds-input w-100 text-right font-weight-bold text-success" readonly style="font-size: 1.2rem;" value="0.00">
                    <input type="hidden" name="total_documento" id="total_documento">
                    {{-- Input legado para compatibilidade estrutural com o fluxo antigo --}}
                    <input type="hidden" name="valor" id="valor">
                </div>
            </div>

            <div class="tfds-actions mt-4">
                <a href="javascript:history.back()" class="tfds-btn tfds-btn-ghost">Cancelar</a>
                <button type="submit" id="btnSalvar" class="tfds-btn tfds-btn-primary">
                    <i class="fas fa-check" aria-hidden="true"></i> {{ $editando ? 'Atualizar' : 'Salvar Fatura' }}
                </button>
            </div>
        </div>

    </form> 

<script src="{{ asset('plugins/select2/js/select2.min.js') }}"></script>
<script>
    const despesa       = @json($despesa ?? null);
    const itensExistentes = @json($editando && isset($despesa->itens) ? $despesa->itens : []);
    const clienteNome = @json($editando ? ($despesa->cliente->nome ?? null) : null);
    const dadosUrlBase = '{{ route("centro_custo.dados", "") }}';
    const showOnly = @json($showOnly ?? false);
</script>

<script>
$(document).ready(function () {
    let centroTipo = null;
    let linhaIndex = 0;

    const taxasIva = [
        { valor: 23, label: '23% (Normal Cont.)' },
        { valor: 13, label: '13% (Intermédia Cont.)' },
        { label: '6% (Reduzida Cont.)', valor: 6 },
        { valor: 22, label: '22% (Normal Madeira)' },
        { valor: 12, label: '12% (Intermédia Madeira)' },
        { valor: 5,  label: '5% (Reduzida Madeira)' },
        { valor: 16, label: '16% (Normal Açores)' },
        { valor: 9,  label: '9% (Intermédia Açores)' },
        { valor: 4,  label: '4% (Reduzida Açores)' },
        { valor: 0,  label: '0% (Isento)' }
    ];

    //Editando
    if(despesa) {
        centroTipo = despesa.centro_custo.tipo_centro_custo;
        recompute();
        if(itensExistentes.length > 0) {
            $('#container-linhas').empty();
            itensExistentes.forEach(item => { addLinhaFatura(item); });
        }
    }

    //Show only mode
    if(showOnly) {
        $('#form-despesa').find('input, select, textarea, button').attr('disabled', true);
        $('#btnSalvar').remove();
    }

    // ---------- SELECT2 CLIENTE ----------
    $('#cliente_id').select2({
        theme: 'bootstrap4',
        placeholder: 'Selecione um cliente',
        allowClear: true,
        width: '100%',
        ajax: {
            url: '{{ route("clientes.buscar") }}',
            dataType: 'json',
            delay: 300,
            data: params => ({ q: params.term || '', page: params.page || 1 }),
            processResults: (data, params) => {
                params.page = params.page || 1;
                return { results: data.results, pagination: { more: data.pagination.more } };
            },
            cache: true
        }
    });

    // ---------- GERENCIAMENTO DE LINHAS EM CONFORMIDADE COM DESPESA_ITENS ----------
    function addLinhaFatura(dados = {}) {
        const index = linhaIndex++;
        
        let selectIvaOptions = '';
        taxasIva.forEach(taxa => {
            const selected = (dados.taxa_iva !== undefined && parseFloat(dados.taxa_iva) === taxa.valor) ? 'selected' : '';
            selectIvaOptions += `<option value="${taxa.valor}" ${selected}>${taxa.label}</option>`;
        });

        const template = `
            <tr class="linha-item" data-index="${index}">
                <td>
                    <input type="text" name="itens[${index}][descricao]" class="tfds-input w-100" required value="${dados.descricao || ''}" placeholder="Nome do item / serviço">
                </td>
                <td>
                    <input type="number" name="itens[${index}][quantidade]" class="tfds-input w-100 text-center calc-trigger quantidade" step="0.001" min="0.001" required value="${dados.quantidade || '1.000'}">
                </td>
                <td>
                    <input type="number" name="itens[${index}][preco_unitario]" class="tfds-input w-100 text-right calc-trigger preco_unitario" step="0.0001" min="0.0000" required value="${dados.preco_unitario || '0.0000'}">
                </td>
                <td>
                    <input type="number" name="itens[${index}][desconto_valor]" class="tfds-input w-100 text-right calc-trigger desconto_valor" step="0.01" min="0.00" value="${dados.desconto_valor || '0.00'}">
                    <input type="hidden" name="itens[${index}][desconto_percent]" class="desconto_percent" value="${dados.desconto_percent || '0.00'}">
                </td>
                <td>
                    <select name="itens[${index}][taxa_iva]" class="tfds-select calc-trigger taxa_iva">
                        ${selectIvaOptions}
                    </select>
                </td>
                <td>
                    <input type="text" class="tfds-input w-100 text-right valor_liquido_display" readonly value="0.00">
                    
                    {{-- Mapeamento direto de inputs para salvar no fillable do Despesa_itens --}}
                    <input type="hidden" name="itens[${index}][valor_liquido]" class="valor_liquido_real">
                    <input type="hidden" name="itens[${index}][valor_iva]" class="valor_iva_real">
                    <input type="hidden" name="itens[${index}][valor_total]" class="valor_total_real">
                </td>
                <td class="text-center align-middle">
                    <button type="button" class="btn btn-sm btn-link text-danger remove-linha"><i class="fas fa-trash-alt"></i></button>
                </td>
            </tr>
        `;
        
        $('#container-linhas').append(template);
        calcularTotais();
    }

    $('#add-linha').on('click', function() { addLinhaFatura(); });
    $(document).on('click', '.remove-linha', function() {
        $(this).closest('tr').remove();
        calcularTotais();
    });

    $(document).on('input change', '.calc-trigger, #outros_encargos, #tipo_documento', function() {
        calcularTotais();
    });

    // ---------- RECALCULO E REGRAS MATEMÁTICAS ----------
    function calcularTotais() {
        let subtotalDoc = 0;
        let descontosDoc = 0;
        let ivaDoc = 0;
        
        const isNotaCredito = $('#tipo_documento').val() === 'NC';

        $('.linha-item').each(function() {
            const qty = parseFloat($(this).find('.quantidade').val()) || 0;
            const preco = parseFloat($(this).find('.preco_unitario').val()) || 0;
            const descValor = parseFloat($(this).find('.desconto_valor').val()) || 0;
            const taxa = parseFloat($(this).find('.taxa_iva').val()) || 0;

            const base = qty * preco;
            const valorLiquido = Math.max(0, base - descValor); 
            const valorIva = valorLiquido * (taxa / 100);
            const valorTotalRow = valorLiquido + valorIva;

            const descPercent = base > 0 ? (descValor / base) * 100 : 0;

            // Injeta dados nas propriedades da linha
            $(this).find('.valor_liquido_display').val(valorLiquido.toFixed(2));
            $(this).find('.valor_liquido_real').val(valorLiquido.toFixed(2));
            $(this).find('.valor_iva_real').val(valorIva.toFixed(2));
            $(this).find('.valor_total_real').val(valorTotalRow.toFixed(2));
            $(this).find('.desconto_percent').val(descPercent.toFixed(2));

            subtotalDoc += valorLiquido;
            descontosDoc += descValor;
            ivaDoc += valorIva;
        });

        let outrosEncargos = parseFloat($('#outros_encargos').val()) || 0;
        let totalDocumento = subtotalDoc + ivaDoc + outrosEncargos;

        const multiplicadorSinal = isNotaCredito ? -1 : 1;

        let finalSubtotal = (subtotalDoc * multiplicadorSinal).toFixed(2);
        let finalDescontos = (descontosDoc * multiplicadorSinal).toFixed(2);
        let finalIva = (ivaDoc * multiplicadorSinal).toFixed(2);
        let finalTotal = (totalDocumento * multiplicadorSinal).toFixed(2);

        // Atualiza displays e inputs reais da Despesa Pai
        $('#subtotal_display').val(finalSubtotal);
        $('#subtotal').val(finalSubtotal);

        $('#total_descontos_display').val(finalDescontos);
        $('#total_descontos').val(finalDescontos);

        $('#valor_iva_display').val(finalIva);
        $('#valor_iva').val(finalIva);

        $('#total_documento_display').val(finalTotal);
        $('#total_documento').val(finalTotal);
        
        // Sincronização de propriedades herdadas
        $('#valor').val(finalTotal);
    }

    // ---------- INTEGRAÇÃO IA ----------
    $('#btn-ler-ia').on('click', function() {
        const fileInput = document.getElementById('comprovativo');
        if (fileInput.files.length === 0) {
            alert('Por favor, selecione um arquivo de comprovativo primeiro.');
            return;
        }

        const btn = $(this);
        const originalText = btn.html();
        btn.prop('disabled', true).html('<i class="fas fa-spinner fa-spin"></i> A processar com IA...');

        const formData = new FormData();
        formData.append('comprovativo', fileInput.files[0]);

        $.ajax({
            url: '{{ route("despesas.ler_ia") }}',
            type: 'POST',
            data: formData,
            processData: false,
            contentType: false,
            headers: { 'X-CSRF-TOKEN': '{{ csrf_token() }}' },
            success: function(response) {
                if(response.success) {
                    if(response.dados.numero_documento) $('#numero_documento').val(response.dados.numero_documento);
                    if(response.dados.data_documento) $('#data_documento').val(response.dados.data_documento);
                    if(response.dados.data_vencimento) $('#data_vencimento').val(response.dados.data_vencimento);
                    if(response.dados.fornecedor_nif) $('#fornecedor_nif').val(response.dados.fornecedor_nif);
                    if(response.dados.fornecedor_nome) $('#fornecedor_nome').val(response.dados.fornecedor_nome);
                    if(response.dados.outros_encargos) $('#outros_encargos').val(response.dados.outros_encargos);
                    if(response.dados.tipo_documento) $('#tipo_documento').val(response.dados.tipo_documento);

                    if(response.dados.linhas && response.dados.linhas.length > 0) {
                        $('#container-linhas').empty();
                        response.dados.linhas.forEach(linha => { addLinhaFatura(linha); });
                    }
                    calcularTotais();
                    alert('Leitura da IA concluída! Analise os dados antes de submeter.');
                } else {
                    alert('Não foi possível ler o documento: ' + (response.message || 'Erro de leitura.'));
                }
            },
            error: function() { alert('Erro na comunicação com o microsserviço de IA.'); },
            complete: function() { btn.prop('disabled', false).html(originalText); }
        });
    });

    // ---------- CONDICIONAIS DE CENTROS DE CUSTO ----------
    function mostrar(wrapper, field) {
        $(wrapper).removeClass('d-none');
        $(field).prop('required', true);
    }

    function recompute() {
        $('.tfds-dyn').addClass('d-none');
        $('.tfds-field').prop('required', false);

        if (!centroTipo) return;

        if (centroTipo === 'Postos') {
            mostrar('#campo_posto', '#posto_id');
        } else if (centroTipo === 'Logistica' || centroTipo === 'Logística') {
            mostrar('#campo_viatura', '#viatura_id');
        } else if (centroTipo === 'Distribuição' || centroTipo === 'Distribuicao') {
            mostrar('#campo_tipo_lancamento', '#tipo_lancamento');
            const tl = $('#tipo_lancamento').val();

            if (tl === 'Cliente') {
                mostrar('#campo_cliente', '#cliente_id');
            } else if (tl === 'Manutenção') {
                mostrar('#campo_manutencao_alvo', '#manutencao_alvo');
                const alvo = $('#manutencao_alvo').val();
                if (alvo === 'Viatura')      mostrar('#campo_viatura', '#viatura_id');
                else if (alvo === 'Cliente') mostrar('#campo_cliente', '#cliente_id');
                else if (alvo === 'Posto')   mostrar('#campo_posto', '#posto_id');
                else if (alvo === 'Texto')   mostrar('#campo_referencia', '#referencia');
            }
        }
    }

    function limparDinamicos() {
        $('#posto_id').val('');
        $('#viatura_id').val('');
        $('#referencia').val('');
        $('#cliente_id').val(null).trigger('change');
    }

    function carregarCentro(centroId, preload) {
        $('#aprovador_nome').val('Carregando...');
        $('#aprovador_id').val('');
        centroTipo = null;
        recompute();

        if (!centroId) { $('#aprovador_nome').val(''); return; }

        $.ajax({
            url: dadosUrlBase + '/' + centroId,
            type: 'GET',
            success: function (response) {
                centroTipo = response.tipo;
                if (response.aprovador_padrao) {
                    $('#aprovador_nome').val(response.aprovador_padrao.nome);
                    $('#aprovador_id').val(response.aprovador_padrao.id);
                } else {
                    $('#aprovador_nome').val('Sem aprovador padrão configurado');
                }
                recompute();
                if (typeof preload === 'function') preload(response);
            },
            error: function () { $('#aprovador_nome').val('Erro ao carregar centro de custo.'); }
        });
    }

    $('#centro_custo_id').on('change', function () {
        limparDinamicos();
        $('#tipo_lancamento').val('');
        $('#manutencao_alvo').val('');
        carregarCentro($(this).val());
    });
    $('#tipo_lancamento').on('change', function () { $('#manutencao_alvo').val(''); limparDinamicos(); recompute(); });
    $('#manutencao_alvo').on('change', function () { limparDinamicos(); recompute(); });

    $('#form-despesa').on('submit', function () {
        $('.tfds-dyn.d-none').find('.tfds-field').each(function () {
            if (this.id === 'cliente_id') { $(this).val(null); }
            else { $(this).val(''); }
        });
    });

    if (editando && itensExistentes.length > 0) {
        itensExistentes.forEach(item => addLinhaFatura(item));
    } else {
        addLinhaFatura();
    }

    if (despesa && despesa.centro_custo_id) {
        carregarCentro(despesa.centro_custo_id, function (response) {
            if (despesa.tipo_lancamento) $('#tipo_lancamento').val(despesa.tipo_lancamento);
            if (despesa.manutencao_alvo) $('#manutencao_alvo').val(despesa.manutencao_alvo);
            recompute();
            if (despesa.posto_id)  $('#posto_id').val(despesa.posto_id);
            if (despesa.matricula) $('#viatura_id').val(despesa.matricula);
            if (despesa.referencia) $('#referencia').val(despesa.referencia);
            if (despesa.cliente_id) {
                const opt = new Option(clienteNome || ('Cliente #' + despesa.cliente_id), despesa.cliente_id, true, true);
                $('#cliente_id').append(opt).trigger('change');
            }
        });
    }
});
</script>