@extends('adminlte::page')

@section('title', 'Sigo 2.0 - Processo de Cobrança PF')

@section('plugins.Datatables', true)
@section('plugins.DatatablesPlugins', false)
@section('plugins.Toastr', true)

@section('content_header')
    <div class="d-flex justify-content-between align-items-center">
        <h1>Retenção de Clientes - PF</h1>
        <div>
            <button type="button" class="btn btn-primary" onclick="selecionarAba('dadosGerais')">
                <i class="fas fa-info-circle"></i> Dados Gerais
            </button>
            <button type="button" class="btn btn-primary" onclick="selecionarAba('dadosContato')">
                <i class="fas fa-address-book"></i> Contato
            </button>
            <button type="button" class="btn btn-info" onclick="selecionarAba('negociacao')">
                <i class="fas fa-handshake"></i> Negociação
            </button>
            <button type="button" class="btn btn-primary" onclick="selecionarAba('historico')">
                <i class="fas fa-history"></i> Histórico
            </button>
            <a href="{{ route('financeiro.cobrancapf.index') }}" class="btn btn-secondary">
                <i class="fas fa-arrow-left"></i> Voltar
            </a>
        </div>
    </div>
@stop

@section('content')
@php
    $linkBoletoBase = \App\Models\Basico\Param2::where('par_descricao', 'link_relatorios_jasper')->value('par_valor') ?? '';
@endphp
<div class="container-fluid">
    @if(isset($processo))
    @php
        $processoFinalizado = ($processo->situacao ?? '') == 'F';
    @endphp
    @if($processoFinalizado)
    <div class="alert alert-warning alert-dismissible fade show" role="alert">
        <h4 class="alert-heading"><i class="fas fa-lock"></i> Processo Encerrado</h4>
        <p>Este processo de cobrança foi finalizado. Não é possível realizar mais ações nele.</p>
        <hr>
        <p class="mb-0">Todas as parcelas foram baixadas e o processo foi encerrado automaticamente.</p>
    </div>
    @endif
    <!-- Dados Gerais -->
    <div class="card" id="cardDadosGerais">
        <div class="card-header">
            <h3 class="card-title">Dados Gerais</h3>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-3">
                    <div class="form-group">
                        <label>Classe do Processo:</label>
                        <input type="text" class="form-control" readonly value="{{ $processo->clp_descricao ?? '-' }}">
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        <label>Processo:</label>
                        <input type="text" class="form-control" readonly value="{{ $processo->pco_codigo ?? '-' }}">
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        <label>Situação:</label>
                        <select id="situacaoProcesso" class="form-control" onchange="atualizarSituacao()" {{ $processoFinalizado ? 'disabled' : '' }}>
                            <option value="P" {{ ($processo->situacao ?? '') == 'P' ? 'selected' : '' }}>Pendente</option>
                            <option value="F" {{ ($processo->situacao ?? '') == 'F' ? 'selected' : '' }}>Finalizado</option>
                            <option value="C" {{ ($processo->situacao ?? '') == 'C' ? 'selected' : '' }}>Cancelado</option>
                            <option value="A" {{ ($processo->situacao ?? '') == 'A' ? 'selected' : '' }}>Aguardando contato</option>
                            <option value="B" {{ ($processo->situacao ?? '') == 'B' ? 'selected' : '' }}>Aguardando baixa de pagamento</option>
                            <option value="N" {{ ($processo->situacao ?? '') == 'N' ? 'selected' : '' }}>Negociando</option>
                        </select>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        <label>Início do Processo:</label>
                        <input type="text" class="form-control" readonly value="{{ $processo->inicio ?? '-' }}">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group">
                        <label>Nome:</label>
                        <input type="text" class="form-control" readonly value="{{ $processo->pes_nome ?? '-' }}">
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        <label>Código da Família:</label>
                        <input type="text" class="form-control" readonly value="{{ ($processo->pco_ben_plano ?? '') . '.' . ($processo->pco_ben_familia ?? '') }}">
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        <label>Término do Processo:</label>
                        <input type="text" class="form-control" readonly value="{{ $processo->termino ?? '-' }}">
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Indicadores -->
    @if(isset($indicadores))
    <div class="card" id="cardIndicadores">
        <div class="card-header">
            <h3 class="card-title">Indicadores</h3>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-3">
                    <div class="form-group">
                        <label>Receitas em Aberto:</label>
                        <input type="text" class="form-control" readonly value="{{ $indicadores->rec_em_aberto ?? 0 }}">
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        <label>Receita Total:</label>
                        <input type="text" class="form-control" readonly value="R$ {{ number_format($indicadores->receita ?? 0, 2, ',', '.') }}">
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        <label>Cliente Desde:</label>
                        <input type="text" class="form-control" readonly value="{{ $indicadores->cliente_desde ?? '-' }}">
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        <label>Meses Pagos:</label>
                        <input type="text" class="form-control" readonly value="{{ $indicadores->meses_pagos ?? 0 }}">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-3">
                    <div class="form-group">
                        <label>Qtd. Beneficiários Ativos:</label>
                        <input type="text" class="form-control" readonly value="{{ $indicadores->qtd_benefs ?? 0 }}">
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                        <label>Filtrar por:</label>
                        <select id="selecionaFiltroIndicadores" class="form-control" onchange="selecionaFiltroIndicadores(this.value)">
                            <option value="">-- Selecione --</option>
                            <option value="beneficiarios">Beneficiários</option>
                            <option value="atendimentos">Atendimentos</option>
                            <option value="ocorrencias">Ocorrências</option>
                        </select>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @endif

    <!-- Dados para Contato -->
    <div class="card" id="cardDadosContato">
        <div class="card-header">
            <h3 class="card-title">Dados para Contato</h3>
        </div>
        <div class="card-body">
            <form id="formContato">
                <input type="hidden" id="pes_codigo" value="{{ $processo->pes_codigo ?? '' }}">
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>E-mail:</label>
                            <input type="email" id="pes_email" class="form-control" value="{{ $processo->pes_email ?? '' }}">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>Telefone:</label>
                            <input type="text" id="pes_telefone" class="form-control" value="{{ $processo->pes_telefone ?? '' }}">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>Celular:</label>
                            <input type="text" id="pes_celular" class="form-control" value="{{ $processo->pes_celular ?? '' }}">
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-3">
                        <div class="form-group">
                            <label>CEP:</label>
                            <input type="text" id="pes_cep" class="form-control" value="{{ $processo->pes_cep ?? '' }}">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>Endereço:</label>
                            <input type="text" id="pes_endereco" class="form-control" value="{{ $processo->pes_endereco ?? '' }}">
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label>Número:</label>
                            <input type="text" id="pes_numero" class="form-control" value="{{ $processo->pes_numero ?? '' }}">
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>Bairro:</label>
                            <input type="text" id="pes_bairro" class="form-control" value="{{ $processo->pes_bairro ?? '' }}">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>Cidade:</label>
                            <input type="text" id="pes_cidade_nome" class="form-control" readonly value="{{ $processo->cidade ?? '-' }}">
                            <input type="hidden" id="pes_cidade" value="{{ $processo->cdd_codigo ?? '' }}">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>Complemento:</label>
                            <input type="text" id="pes_complemento" class="form-control" value="{{ $processo->pes_complemento ?? '' }}">
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <button type="button" class="btn btn-primary" onclick="salvarContato()">
                            <i class="fas fa-save"></i> Salvar Contato
                        </button>
                        <button type="button" class="btn btn-info" onclick="abrirModalGrid('beneficiarios')">
                            <i class="fas fa-users"></i> Beneficiários
                        </button>
                        <button type="button" class="btn btn-info" onclick="abrirModalGrid('atendimentos')">
                            <i class="fas fa-stethoscope"></i> Atendimentos
                        </button>
                        <button type="button" class="btn btn-info" onclick="abrirModalGrid('ocorrencias')">
                            <i class="fas fa-clipboard-list"></i> Ocorrências
                        </button>
                    </div>
                </div>
            </form>

            <!-- Registrar Ligação -->
            <hr>
            <h5>Registrar Ligação</h5>
            <form id="formLigacao">
                <div class="row">
                    <div class="col-md-12">
                        <div class="form-group">
                            <label>Observação:</label>
                            <textarea id="obsLigacao" class="form-control" rows="3" maxlength="300" placeholder="Descreva o resultado da ligação..."></textarea>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <button type="button" class="btn btn-success" onclick="salvarLigacao()">
                            <i class="fas fa-phone"></i> Salvar Ligação
                        </button>
                        <button type="button" class="btn btn-warning" onclick="alterarSituacao('A')">
                            <i class="fas fa-clock"></i> Ligar Novamente Mais Tarde
                        </button>
                        <button type="button" class="btn btn-info" onclick="mostrarLigacoes()">
                            <i class="fas fa-list"></i> Exibir Ligações Realizadas
                        </button>
                    </div>
                </div>
            </form>

            <!-- Grid de Ligações -->
            <div id="gridLigacoes" class="mt-3" style="display: none;">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">Ligações Realizadas</h3>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-bordered table-striped">
                                <thead>
                                    <tr>
                                        <th>Data Ligação</th>
                                        <th>Usuário</th>
                                        <th>Observação</th>
                                    </tr>
                                </thead>
                                <tbody id="tbodyLigacoes">
                                    @if(isset($ligacoes) && count($ligacoes) > 0)
                                        @foreach($ligacoes as $ligacao)
                                        <tr>
                                            <td>{{ $ligacao->data_ligacao ?? '-' }}</td>
                                            <td>{{ $ligacao->usuario ?? '-' }}</td>
                                            <td>{{ $ligacao->observacao ?? '-' }}</td>
                                        </tr>
                                        @endforeach
                                    @else
                                        <tr>
                                            <td colspan="3" class="text-center">Nenhuma ligação registrada</td>
                                        </tr>
                                    @endif
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Títulos Gerados -->
    @if(isset($titulos) && count($titulos) > 0)
    <div class="card">
        <div class="card-header">
            <h3 class="card-title">Títulos Gerados</h3>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-bordered table-striped">
                    <thead>
                        <tr>
                            <th>Parcela</th>
                            <th>N° Registro</th>
                            <th>Vencimento</th>
                            <th>Pagamento</th>
                            <th>Forma de Pagamento</th>
                            <th>Valor</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($titulos as $titulo)
                        <tr class="{{ ($titulo->registrado == 0 && $titulo->tip_forma_pagamento == 'B') || $titulo->tip_forma_pagamento == 'C' ? 'table-warning' : '' }}">
                            <td>{{ $titulo->tip_numero_parcela ?? '-' }}</td>
                            <td>{{ $titulo->tip_numeroregistro ?? '-' }}</td>
                            <td>{{ $titulo->vencimento ?? '-' }}</td>
                            <td>{{ $titulo->data_pagamento ?? 'Aguardando Pagamento' }}</td>
                            <td>{{ $titulo->tip_forma_pagamento == 'B' ? 'Boleto' : 'Cartão' }}</td>
                            <td>R$ {{ $titulo->valor ?? '0,00' }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    @endif

    <!-- Mensalidades Pendentes -->
    @php
        $mensalidadesPendentes = isset($mensalidades) ? $mensalidades->where('status', 'AB') : collect();
    @endphp
    @if($mensalidadesPendentes->count() > 0)
    <div class="card">
        <div class="card-header">
            <h3 class="card-title">Mensalidades Pendentes</h3>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-bordered table-striped" id="tbMensalidadesPendentes">
                    <thead>
                        <tr>
                            <th>Vencimento</th>
                            <th>Valor</th>
                            <th>Status</th>
                            <th>Parcela</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($mensalidadesPendentes as $mensalidade)
                        <tr>
                            <td data-order="{{ $mensalidade->vencimento_iso ?? $mensalidade->vencimento ?? '' }}">{{ $mensalidade->vencimento ?? '-' }}</td>
                            <td>R$ {{ $mensalidade->men_valor ?? '0,00' }}</td>
                            <td>
                                <span class="badge badge-warning">Aberta</span>
                            </td>
                            <td>{{ $mensalidade->tim_tip_numero_parcela ?? '-' }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    @endif

    <!-- Negociação -->
    <div class="card" id="cardNegociacao" style="display: none;">
        <div class="card-header">
            <h3 class="card-title">Negociação</h3>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-4">
                    <div class="form-group">
                        <label>Valor do Débito:</label>
                        <input type="text" id="valDeb" class="form-control" readonly>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Acréscimos:</label>
                                <input type="text" id="acrescimos" class="form-control" readonly>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Total:</label>
                                <input type="text" id="total" class="form-control" readonly>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Descontos (%):</label>
                                <input type="number" id="descontos" class="form-control" min="0" max="100" step="0.01" onkeyup="calcularNegociacao()">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Limite Negociação (%):</label>
                                <input type="text" id="limNeg" class="form-control" readonly>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label>Valor da Negociação:</label>
                        <input type="text" id="valNegoci" class="form-control" readonly>
                    </div>
                    <div class="form-group">
                        <label>Forma de Cobrança:</label>
                        <select id="formaCobranca" class="form-control">
                            <option value="B">Boleto Bancário</option>
                            <option value="C">Cartão</option>
                        </select>
                    </div>
                </div>
                <div class="col-md-8">
                    <div id="mensAbertas" class="mb-3">
                        <div class="d-flex justify-content-between align-items-center mb-2">
                            <h5>Mensalidades Abertas</h5>
                            <div>
                                <button type="button" class="btn btn-sm btn-secondary" onclick="selecionarTodasMensalidades()">
                                    <i class="fas fa-check-square"></i> Selecionar Todas
                                </button>
                                <button type="button" class="btn btn-sm btn-secondary" onclick="deselecionarTodasMensalidades()">
                                    <i class="fas fa-square"></i> Deselecionar Todas
                                </button>
                            </div>
                        </div>
                        <div class="table-responsive">
                            <table class="table table-bordered table-sm table-striped" id="tbMensalidades">
                                <thead>
                                    <tr>
                                        <th width="50">
                                            <input type="checkbox" id="checkTodosMensalidades" onchange="toggleTodasMensalidades(this)">
                                        </th>
                                        <th>Nosso Número</th>
                                        <th>Vencimento</th>
                                        <th>Valor</th>
                                        <th>Data Pagamento</th>
                                        <th>Status</th>
                                    </tr>
                                </thead>
                                <tbody id="tbodyMensalidades">
                                    <tr>
                                        <td colspan="6" class="text-center">Carregando...</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="mb-3">
                        <button type="button" class="btn btn-primary" onclick="atualizarMensalidades()">
                            <i class="fas fa-sync"></i> Atualizar Mensalidades
                        </button>
                        <button type="button" class="btn btn-danger" onclick="excluirParcelas()">
                            <i class="fas fa-trash"></i> Excluir Parcelas
                        </button>
                    </div>
                    
                    <!-- Formulário para Gerar Parcelas -->
                    <div class="card mb-3 border-success" id="cardGerarParcelas" style="display: none;">
                        <div class="card-header bg-success text-white">
                            <h5 class="card-title mb-0">
                                <i class="fas fa-calculator"></i> Gerar Parcelas
                                <small class="ml-2">(<span id="qtdMensalidadesSelecionadas">0</span> mensalidade(s) selecionada(s))</small>
                            </h5>
                        </div>
                        <div class="card-body">
                            <form id="formGerarParcelas">
                                <div class="row align-items-end">
                                    <div class="col-md-3">
                                        <div class="form-group mb-0">
                                            <label class="mb-1" style="white-space: nowrap; font-size: 0.9rem;">Número de Parcelas <span class="text-danger">*</span></label>
                                            <input type="number" id="qtdParcelas" class="form-control" min="1" max="12" value="1" required>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group mb-0">
                                            <label class="mb-1" style="white-space: nowrap; font-size: 0.9rem;">Data Primeira Parcela <span class="text-danger">*</span></label>
                                            <input type="date" id="dataPrimeiraParcela" class="form-control" required>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group mb-0">
                                            <label class="mb-1" style="white-space: nowrap; font-size: 0.9rem;">Intervalo (dias)</label>
                                            <input type="number" id="intervaloDias" class="form-control" min="0" value="30">
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group mb-0">
                                            <button type="button" id="btnGerarParcelas" class="btn btn-success btn-block" onclick="gerarParcelasComMensalidades()" style="height: 38px;" @if($processoFinalizado) disabled @endif>
                                                <i class="fas fa-calculator"></i> <span class="btn-text">Gerar Parcelas</span>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    
                    <div id="tabletitulosProcesso">
                        <h5>Títulos do Processo</h5>
                        <div class="table-responsive">
                            <table class="table table-bordered table-sm">
                                <thead>
                                    <tr>
                                        <th>Parcela</th>
                                        <th>Vencimento</th>
                                        <th>Valor</th>
                                        <th>Forma Pagamento</th>
                                        <th>Ações</th>
                                    </tr>
                                </thead>
                                <tbody id="tbodyTitulos">
                                    <tr>
                                        <td colspan="5" class="text-center">Nenhum título gerado</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Desistência -->
            <div id="divDesistencia" class="mt-4" style="display: none;">
                <hr>
                <h5>Motivo de Desistência</h5>
                <form id="formDesistencia">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Motivo:</label>
                                <select id="motivoDesistencia" class="form-control" required>
                                    <option value="">--Selecionar--</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label>Observações:</label>
                                <textarea id="obsDesistencia" class="form-control" rows="4" maxlength="500" required></textarea>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <button type="button" class="btn btn-danger" onclick="salvarDesistencia()">
                                <i class="fas fa-times-circle"></i> Salvar Desistência
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <!-- Histórico de Cobrança -->
    <div class="card" id="cardHistorico" style="display: none;">
        <div class="card-header">
            <h3 class="card-title">Histórico de Cobrança</h3>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-bordered table-striped">
                    <thead>
                        <tr>
                            <th>Processo</th>
                            <th>Situação</th>
                            <th>Início</th>
                            <th>Término</th>
                        </tr>
                    </thead>
                    <tbody id="tbodyHistorico">
                        <tr>
                            <td colspan="4" class="text-center">Carregando...</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <!-- Beneficiários -->
    <div class="card" id="cardBeneficiarios" style="display: none;">
        <div class="card-header">
            <h3 class="card-title">Beneficiários da Família</h3>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-bordered table-striped">
                    <thead>
                        <tr>
                            <th>Nome</th>
                            <th>Dependência</th>
                            <th>Meses no Plano</th>
                            <th>Situação</th>
                        </tr>
                    </thead>
                    <tbody id="tbodyBeneficiarios">
                        <tr>
                            <td colspan="4" class="text-center">Carregando...</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <!-- Atendimentos -->
    <div class="card" id="cardAtendimentos" style="display: none;">
        <div class="card-header">
            <h3 class="card-title">Histórico de Atendimentos</h3>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-bordered table-striped">
                    <thead>
                        <tr>
                            <th>Data</th>
                            <th>Beneficiário</th>
                            <th>Cooperado</th>
                            <th>Valor</th>
                            <th>Custo</th>
                        </tr>
                    </thead>
                    <tbody id="tbodyAtendimentos">
                        <tr>
                            <td colspan="5" class="text-center">Carregando...</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <!-- Ocorrências -->
    <div class="card" id="cardOcorrencias" style="display: none;">
        <div class="card-header">
            <h3 class="card-title">Ocorrências</h3>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-bordered table-striped">
                    <thead>
                        <tr>
                            <th>Data</th>
                            <th>Usuário</th>
                            <th>Texto</th>
                        </tr>
                    </thead>
                    <tbody id="tbodyOcorrencias">
                        <tr>
                            <td colspan="3" class="text-center">Carregando...</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    @else
    <div class="alert alert-danger">
        Processo de cobrança não encontrado.
    </div>
    @endif
</div>

<!-- Modal Baixa Manual de Títulos -->
<div class="modal fade" id="modalBaixaManual" tabindex="-1" role="dialog" aria-labelledby="modalBaixaManualLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="modalBaixaManualLabel">Baixa Manual de Títulos</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div id="msgRetornoModalBaixaManual"></div>
                <div class="mb-3">
                    <div class="alert alert-info">
                        <strong>Nosso Número:</strong> <span id="nossoNumeroModalBaixa"></span><br>
                        <strong>Parcela:</strong> <span id="parcelaModalBaixa"></span>
                    </div>
                </div>
                <form id="frmBaixaManualTituloProcesso">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Valor:</label>
                                <input type="text" id="TIP_VALOR" name="TIP_VALOR" class="form-control" placeholder="0,00" onkeyup="formatarMoeda(this)">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Data de Pagamento:</label>
                                <input type="date" id="TIP_DATA_PAGAMENTO" name="TIP_DATA_PAGAMENTO" class="form-control">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label>Local de Pagamento:</label>
                                <select name="TIP_LOCAL_PGTO" id="TIP_LOCAL_PGTO" class="form-control">
                                    <option value="">Selecione...</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
                <button type="button" class="btn btn-info" id="btnBaixarTitulo" onclick="baixarTitulo()">Baixar</button>
            </div>
        </div>
    </div>
</div>

<!-- Modal para listagens (Beneficiários, Atendimentos, Ocorrências) -->
<div class="modal fade" id="modalListagemGrid" tabindex="-1" role="dialog" aria-labelledby="modalListagemGridLabel" aria-hidden="true">
    <div class="modal-dialog modal-xl" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="modalListagemGridLabel">Carregando...</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Fechar">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body p-0">
                <div id="modalListagemGridBody" class="p-3">
                    <p class="text-center py-5"><i class="fas fa-spinner fa-spin fa-2x"></i><br>Carregando...</p>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
            </div>
        </div>
    </div>
</div>

@stop

@section('js')
<script>
    const processoId = {{ $processo->pco_codigo ?? 0 }};
    const processoFinalizado = {{ $processoFinalizado ? 'true' : 'false' }};
    const apiBaseUrl = '/sigo-laravel/public/api/v1/financeiro/cobrancapf/processos/' + processoId;
    const linkBoletoBase = {!! json_encode($linkBoletoBase ?? '') !!};
    let tableMensalidades = null;
    let tableMensalidadesPendentes = null;

    $(document).ready(function() {
        // Inicializa DataTables para Mensalidades Pendentes se a tabela existir
        if ($('#tbMensalidadesPendentes').length > 0) {
            tableMensalidadesPendentes = $('#tbMensalidadesPendentes').DataTable({
                paging: true,
                pageLength: 10,
                lengthMenu: [[10, 25, 50, 100, -1], [10, 25, 50, 100, "Todos"]],
                language: {
                    "sEmptyTable": "Nenhum registro encontrado",
                    "sInfo": "Mostrando de _START_ até _END_ de _TOTAL_ registros",
                    "sInfoEmpty": "Mostrando 0 até 0 de 0 registros",
                    "sInfoFiltered": "(Filtrados de _MAX_ registros)",
                    "sInfoPostFix": "",
                    "sInfoThousands": ".",
                    "sLengthMenu": "_MENU_ resultados por página",
                    "sLoadingRecords": "Carregando...",
                    "sProcessing": "Processando...",
                    "sZeroRecords": "Nenhum registro encontrado",
                    "sSearch": "Pesquisar",
                    "oPaginate": {
                        "sNext": "Próximo",
                        "sPrevious": "Anterior",
                        "sFirst": "Primeiro",
                        "sLast": "Último"
                    },
                    "oAria": {
                        "sSortAscending": ": Ordenar colunas de forma ascendente",
                        "sSortDescending": ": Ordenar colunas de forma descendente"
                    }
                },
                order: [[0, 'desc']], // Ordena por vencimento (desc)
                searching: true,
                info: true,
                columnDefs: [
                    { orderable: false, targets: [2, 3] } // Desabilita ordenação nas colunas Status e Parcela
                ]
            });
        }
    });

    function salvarContato() {
        const dados = {
            pes_email: $('#pes_email').val(),
            pes_telefone: $('#pes_telefone').val(),
            pes_celular: $('#pes_celular').val(),
            pes_cep: $('#pes_cep').val(),
            pes_endereco: $('#pes_endereco').val(),
            pes_numero: $('#pes_numero').val(),
            pes_bairro: $('#pes_bairro').val(),
            pes_complemento: $('#pes_complemento').val(),
            pes_cidade: $('#pes_cidade').val(),
        };

        $.ajax({
            url: apiBaseUrl + '/contato',
            method: 'PUT',
            headers: {
                'Authorization': 'Bearer ' + (localStorage.getItem('token') || ''),
                'Accept': 'application/json',
                'Content-Type': 'application/json'
            },
            data: JSON.stringify(dados),
            success: function(response) {
                if (response.success) {
                    toastr.success('Contato atualizado com sucesso!');
                } else {
                    toastr.error('Erro: ' + response.message);
                }
            },
            error: function(xhr) {
                toastr.error('Erro ao atualizar contato. Tente novamente.');
                console.error(xhr);
            }
        });
    }

    function salvarLigacao() {
        const observacao = $('#obsLigacao').val().trim();
        
        if (!observacao) {
            toastr.warning('Por favor, preencha a observação da ligação.');
            return;
        }

        $.ajax({
            url: apiBaseUrl + '/ligacao',
            method: 'POST',
            headers: {
                'Authorization': 'Bearer ' + (localStorage.getItem('token') || ''),
                'Accept': 'application/json',
                'Content-Type': 'application/json'
            },
            data: JSON.stringify({ observacao: observacao }),
            success: function(response) {
                if (response.success) {
                    toastr.success('Ligação registrada com sucesso!');
                    $('#obsLigacao').val('');
                    atualizarGridLigacoes(response.data);
                } else {
                    toastr.error('Erro: ' + response.message);
                }
            },
            error: function(xhr) {
                toastr.error('Erro ao registrar ligação. Tente novamente.');
                console.error(xhr);
            }
        });
    }

    function atualizarSituacao() {
        const situacao = $('#situacaoProcesso').val();
        
        $.ajax({
            url: apiBaseUrl + '/situacao',
            method: 'PUT',
            headers: {
                'Authorization': 'Bearer ' + (localStorage.getItem('token') || ''),
                'Accept': 'application/json',
                'Content-Type': 'application/json'
            },
            data: JSON.stringify({ situacao: situacao }),
            success: function(response) {
                if (response.success) {
                    toastr.success('Situação atualizada com sucesso!');
                } else {
                    toastr.error('Erro: ' + response.message);
                }
            },
            error: function(xhr) {
                toastr.error('Erro ao atualizar situação. Tente novamente.');
                console.error(xhr);
            }
        });
    }

    function alterarSituacao(situacao) {
        $('#situacaoProcesso').val(situacao);
        atualizarSituacao();
    }

    function mostrarLigacoes() {
        $('#gridLigacoes').toggle();
        if ($('#gridLigacoes').is(':visible')) {
            carregarLigacoes();
        }
    }

    function carregarLigacoes() {
        $.ajax({
            url: apiBaseUrl,
            method: 'GET',
            headers: {
                'Authorization': 'Bearer ' + (localStorage.getItem('token') || ''),
                'Accept': 'application/json'
            },
            success: function(response) {
                if (response.success && response.data.ligacoes) {
                    atualizarGridLigacoes(response.data.ligacoes);
                }
            },
            error: function(xhr) {
                console.error('Erro ao carregar ligações:', xhr);
            }
        });
    }

    function atualizarGridLigacoes(ligacoes) {
        const tbody = $('#tbodyLigacoes');
        tbody.empty();

        if (!ligacoes || ligacoes.length === 0) {
            tbody.append('<tr><td colspan="3" class="text-center">Nenhuma ligação registrada</td></tr>');
            return;
        }

        ligacoes.forEach(function(ligacao) {
            const row = `
                <tr>
                    <td>${ligacao.data_ligacao || '-'}</td>
                    <td>${ligacao.usuario || '-'}</td>
                    <td>${ligacao.observacao || '-'}</td>
                </tr>
            `;
            tbody.append(row);
        });
    }

    function selecionarAba(aba) {
        // Seções principais sempre visíveis
        $('#cardDadosGerais').show();
        $('#cardIndicadores').show();
        $('#cardDadosContato').show();
        
        // Esconde seções secundárias
        $('#cardNegociacao').hide();
        $('#cardHistorico').hide();
        $('#cardBeneficiarios').hide();
        $('#cardAtendimentos').hide();
        $('#cardOcorrencias').hide();
        
        // Mostra a seção selecionada
        switch(aba) {
            case 'dadosGerais':
                // Scroll para Dados Gerais
                $('html, body').animate({
                    scrollTop: $('#cardDadosGerais').offset().top - 100
                }, 500);
                break;
            case 'dadosContato':
                // Scroll para Contato
                $('html, body').animate({
                    scrollTop: $('#cardDadosContato').offset().top - 100
                }, 500);
                break;
            case 'negociacao':
                $('#cardNegociacao').show();
                $('#divDesistencia').show();
                carregarDadosNegociacao();
                carregarMotivosDesistencia();
                // Scroll para Negociação
                setTimeout(function() {
                    $('html, body').animate({
                        scrollTop: $('#cardNegociacao').offset().top - 100
                    }, 500);
                }, 300);
                break;
            case 'historico':
                $('#cardHistorico').show();
                carregarHistorico();
                // Scroll para Histórico
                setTimeout(function() {
                    $('html, body').animate({
                        scrollTop: $('#cardHistorico').offset().top - 100
                    }, 500);
                }, 300);
                break;
        }
    }

    function mostrarNegociacao() {
        selecionarAba('negociacao');
    }

    function carregarMotivosDesistencia() {
        $.ajax({
            url: '/sigo-laravel/public/api/v1/financeiro/cobrancapf/motivos-desistencia',
            method: 'GET',
            headers: {
                'Authorization': 'Bearer ' + (localStorage.getItem('token') || ''),
                'Accept': 'application/json'
            },
            success: function(response) {
                if (response.success && response.data) {
                    const select = $('#motivoDesistencia');
                    select.empty();
                    select.append('<option value="">--Selecionar--</option>');
                    response.data.forEach(function(motivo) {
                        select.append(`<option value="${motivo.mdn_codigo}">${motivo.mdn_descricao}</option>`);
                    });
                }
            },
            error: function(xhr) {
                console.error('Erro ao carregar motivos:', xhr);
            }
        });
    }

    function salvarDesistencia() {
        const motivo = $('#motivoDesistencia').val();
        const obs = $('#obsDesistencia').val().trim();

        if (!motivo) {
            toastr.warning('Por favor, selecione o motivo da desistência.');
            return;
        }

        if (!obs) {
            toastr.warning('Por favor, preencha as observações.');
            return;
        }

        $.ajax({
            url: apiBaseUrl + '/desistencia',
            method: 'POST',
            headers: {
                'Authorization': 'Bearer ' + (localStorage.getItem('token') || ''),
                'Accept': 'application/json',
                'Content-Type': 'application/json'
            },
            data: JSON.stringify({
                motivo_desistencia: motivo,
                observacao: obs
            }),
            success: function(response) {
                if (response.success) {
                    toastr.success('Desistência registrada com sucesso!');
                    $('#formDesistencia')[0].reset();
                    $('#btnSalvarDesistencia').prop('disabled', true);
                } else {
                    toastr.error('Erro: ' + response.message);
                }
            },
            error: function(xhr) {
                toastr.error('Erro ao registrar desistência.');
                console.error(xhr);
            }
        });
    }

    function carregarHistorico() {
        $.ajax({
            url: apiBaseUrl + '/historico',
            method: 'GET',
            headers: {
                'Authorization': 'Bearer ' + (localStorage.getItem('token') || ''),
                'Accept': 'application/json'
            },
            success: function(response) {
                if (response.success && response.data) {
                    atualizarGridHistorico(response.data);
                }
            },
            error: function(xhr) {
                toastr.error('Erro ao carregar histórico.');
                console.error(xhr);
            }
        });
    }

    function atualizarGridHistorico(historico) {
        const tbody = $('#tbodyHistorico');
        tbody.empty();

        if (!historico || historico.length === 0) {
            tbody.append('<tr><td colspan="4" class="text-center">Nenhum histórico encontrado</td></tr>');
            return;
        }

        historico.forEach(function(item) {
            const row = `
                <tr>
                    <td>${item.pco_codigo || '-'}</td>
                    <td>${item.situacao || '-'}</td>
                    <td>${item.inicio || '-'}</td>
                    <td>${item.termino || '-'}</td>
                </tr>
            `;
            tbody.append(row);
        });
    }

    function carregarBeneficiarios() {
        $.ajax({
            url: apiBaseUrl + '/beneficiarios',
            method: 'GET',
            headers: {
                'Authorization': 'Bearer ' + (localStorage.getItem('token') || ''),
                'Accept': 'application/json'
            },
            success: function(response) {
                if (response.success && response.data) {
                    atualizarGridBeneficiarios(response.data);
                } else {
                    $('#tbodyBeneficiarios').html('<tr><td colspan="4" class="text-center text-danger">' + (response.message || 'Erro ao carregar.') + '</td></tr>');
                    if (typeof toastr !== 'undefined') toastr.warning(response.message || 'Erro ao carregar beneficiários.');
                }
            },
            error: function(xhr) {
                var msg = (xhr.responseJSON && xhr.responseJSON.message) ? xhr.responseJSON.message : 'Erro ao carregar beneficiários. Tente novamente.';
                $('#tbodyBeneficiarios').html('<tr><td colspan="4" class="text-center text-danger">' + msg + '</td></tr>');
                if (typeof toastr !== 'undefined') toastr.error(msg);
                console.error('Erro ao carregar beneficiários:', xhr);
            }
        });
    }

    function atualizarGridBeneficiarios(beneficiarios) {
        const tbody = $('#tbodyBeneficiarios');
        tbody.empty();

        if (!beneficiarios || beneficiarios.length === 0) {
            tbody.append('<tr><td colspan="4" class="text-center">Nenhum beneficiário encontrado</td></tr>');
            return;
        }

        beneficiarios.forEach(function(ben) {
            var nome = ben.pes_nome || ben.PES_NOME || '-';
            var depend = ben.ben_depend || ben.BEN_DEPEND || '-';
            var meses = ben.meses != null ? ben.meses : (ben.MESES != null ? ben.MESES : '-');
            var situacao = ben.situacao || ben.SITUACAO || '-';
            var badgeClass = (situacao === 'Ativo' || situacao === 'ATIVO') ? 'success' : 'secondary';
            const row = '<tr><td>' + nome + '</td><td>' + depend + '</td><td>' + meses + '</td><td><span class="badge badge-' + badgeClass + '">' + situacao + '</span></td></tr>';
            tbody.append(row);
        });
    }

    function carregarAtendimentos() {
        $.ajax({
            url: apiBaseUrl + '/atendimentos',
            method: 'GET',
            headers: {
                'Authorization': 'Bearer ' + (localStorage.getItem('token') || ''),
                'Accept': 'application/json'
            },
            success: function(response) {
                if (response.success && response.data) {
                    atualizarGridAtendimentos(response.data);
                } else {
                    $('#tbodyAtendimentos').html('<tr><td colspan="5" class="text-center text-danger">' + (response.message || 'Erro ao carregar.') + '</td></tr>');
                    if (typeof toastr !== 'undefined') toastr.warning(response.message || 'Erro ao carregar atendimentos.');
                }
            },
            error: function(xhr) {
                var msg = (xhr.responseJSON && xhr.responseJSON.message) ? xhr.responseJSON.message : 'Erro ao carregar atendimentos. Tente novamente.';
                $('#tbodyAtendimentos').html('<tr><td colspan="5" class="text-center text-danger">' + msg + '</td></tr>');
                if (typeof toastr !== 'undefined') toastr.error(msg);
                console.error('Erro ao carregar atendimentos:', xhr);
            }
        });
    }

    function atualizarGridAtendimentos(atendimentos) {
        const tbody = $('#tbodyAtendimentos');
        tbody.empty();

        if (!atendimentos || atendimentos.length === 0) {
            tbody.append('<tr><td colspan="5" class="text-center">Nenhum atendimento encontrado</td></tr>');
            return;
        }

        atendimentos.forEach(function(ate) {
            var data = ate.data || ate.DATA || '-';
            var nomeBenef = ate.nome_benef || ate.NOME_BENEF || '-';
            var nomeCooperado = ate.nome_cooperado || ate.NOME_COOPERADO || '-';
            var valor = ate.valor != null ? ate.valor : (ate.VALOR != null ? ate.VALOR : '0,00');
            var custo = ate.ate_custo || ate.ATE_CUSTO || '-';
            const row = '<tr><td>' + data + '</td><td>' + nomeBenef + '</td><td>' + nomeCooperado + '</td><td>R$ ' + valor + '</td><td>' + custo + '</td></tr>';
            tbody.append(row);
        });
    }

    function carregarOcorrencias() {
        $.ajax({
            url: apiBaseUrl + '/ocorrencias',
            method: 'GET',
            headers: {
                'Authorization': 'Bearer ' + (localStorage.getItem('token') || ''),
                'Accept': 'application/json'
            },
            success: function(response) {
                if (response.success && response.data) {
                    atualizarGridOcorrencias(response.data);
                }
            },
            error: function(xhr) {
                console.error('Erro ao carregar ocorrências:', xhr);
            }
        });
    }

    function atualizarGridOcorrencias(ocorrencias) {
        const tbody = $('#tbodyOcorrencias');
        tbody.empty();

        if (!ocorrencias || ocorrencias.length === 0) {
            tbody.append('<tr><td colspan="3" class="text-center">Nenhuma ocorrência encontrada</td></tr>');
            return;
        }

        ocorrencias.forEach(function(oc) {
            const row = `
                <tr>
                    <td>${oc.ocpdata || '-'}</td>
                    <td>${oc.usu_nome || '-'}</td>
                    <td>${oc.ocp_texto || '-'}</td>
                </tr>
            `;
            tbody.append(row);
        });
    }

    function carregarDadosNegociacao() {
        $.ajax({
            url: apiBaseUrl + '/negociacao',
            method: 'GET',
            headers: {
                'Authorization': 'Bearer ' + (localStorage.getItem('token') || ''),
                'Accept': 'application/json'
            },
            success: function(response) {
                if (response.success && response.data) {
                    const dados = response.data;
                    $('#valDeb').val(parseFloat(dados.valor_debito || 0).toFixed(2));
                    $('#acrescimos').val(parseFloat(dados.valor_acrescimo || 0).toFixed(2));
                    $('#total').val(parseFloat(dados.valor_total || 0).toFixed(2));
                    $('#limNeg').val(dados.limite_negociacao || '0');
                    atualizarMensalidadesGrid(dados.mensalidades || []);
                    console.log('Títulos recebidos:', dados.titulos);
                    atualizarTitulosGrid(dados.titulos || []);
                } else {
                    console.error('Resposta sem sucesso ou sem dados:', response);
                }
            },
            error: function(xhr) {
                toastr.error('Erro ao carregar dados de negociação.');
                console.error(xhr);
            }
        });
    }

    function calcularNegociacao() {
        const valorDebito = parseFloat($('#valDeb').val() || 0);
        const acrescimos = parseFloat($('#acrescimos').val() || 0);
        const desconto = parseFloat($('#descontos').val() || 0);
        const total = valorDebito + acrescimos;
        const valorNegociacao = total - (total * (desconto / 100));
        $('#valNegoci').val(valorNegociacao.toFixed(2));
    }

    // Funções para seleção de mensalidades
    function toggleTodasMensalidades(checkbox) {
        $('.mensalidade-checkbox:not(:disabled)').prop('checked', checkbox.checked);
        atualizarCardGerarParcelas();
    }

    function selecionarTodasMensalidades() {
        $('.mensalidade-checkbox:not(:disabled)').prop('checked', true);
        $('#checkTodosMensalidades').prop('checked', true);
        atualizarCardGerarParcelas();
    }

    function deselecionarTodasMensalidades() {
        $('.mensalidade-checkbox:not(:disabled)').prop('checked', false);
        $('#checkTodosMensalidades').prop('checked', false);
        atualizarCardGerarParcelas();
    }

    function atualizarCardGerarParcelas() {
        const selecionadas = $('.mensalidade-checkbox:checked:not(:disabled)').length;
        $('#qtdMensalidadesSelecionadas').text(selecionadas);
        
        if (selecionadas > 0) {
            $('#cardGerarParcelas').slideDown(300);
            // Removido scroll automático para não atrapalhar múltiplos cliques
        } else {
            $('#cardGerarParcelas').slideUp(300);
        }
    }

    // Atualiza o card quando checkbox individual é clicado
    $(document).on('change', '.mensalidade-checkbox', function() {
        atualizarCardGerarParcelas();
        // Atualiza o checkbox "todos" baseado na seleção
        const total = $('.mensalidade-checkbox:not(:disabled)').length;
        const selecionados = $('.mensalidade-checkbox:checked:not(:disabled)').length;
        $('#checkTodosMensalidades').prop('checked', total > 0 && selecionados === total);
    });

    function gerarParcelasComMensalidades() {
        const mensalidadesSelecionadas = [];
        let valorTotal = 0;
        
        // Coleta mensalidades selecionadas e calcula valor total
        $('.mensalidade-checkbox:checked:not(:disabled)').each(function() {
            const nossoNumero = $(this).val();
            mensalidadesSelecionadas.push(nossoNumero);
            
            // Busca o valor da mensalidade na linha da tabela
            const row = $(this).closest('tr');
            const valorTexto = row.find('td').eq(3).text().replace('R$', '').replace(/\./g, '').replace(',', '.').trim();
            valorTotal += parseFloat(valorTexto) || 0;
        });

        if (mensalidadesSelecionadas.length === 0) {
            toastr.warning('Selecione pelo menos uma mensalidade para gerar parcelas.', 'Atenção!');
            return;
        }

        const qtdParcelas = parseInt($('#qtdParcelas').val());
        const dataPrimeiraParcela = $('#dataPrimeiraParcela').val();
        const intervaloDias = parseInt($('#intervaloDias').val() || 30);
        const formaPagamento = $('#formaCobranca').val() || 'B';

        if (!dataPrimeiraParcela) {
            toastr.warning('Informe a data da primeira parcela.', 'Atenção!');
            return;
        }

        if (qtdParcelas < 1 || qtdParcelas > 12) {
            toastr.warning('O número de parcelas deve estar entre 1 e 12.', 'Atenção!');
            return;
        }

        if (valorTotal <= 0) {
            toastr.warning('Não foi possível calcular o valor total das mensalidades.', 'Atenção!');
            return;
        }

        const valorParcela = valorTotal / qtdParcelas;

        // Desabilita o botão e mostra animação de loading
        const $btnGerar = $('#btnGerarParcelas');
        const btnOriginalHtml = $btnGerar.html();
        $btnGerar.prop('disabled', true);
        $btnGerar.html('<i class="fas fa-spinner fa-spin"></i> <span class="btn-text">Gerando...</span>');

        // Primeiro, inserir as mensalidades selecionadas no processo
        $.ajax({
            url: apiBaseUrl + '/negociacao/inserir-mensalidade',
            method: 'POST',
            headers: {
                'Authorization': 'Bearer ' + (localStorage.getItem('token') || ''),
                'Accept': 'application/json',
                'Content-Type': 'application/json'
            },
            data: JSON.stringify({
                mensalidades: mensalidadesSelecionadas
            }),
            success: function(response) {
                if (response.success) {
                    // Depois de inserir, gerar as parcelas
                    $.ajax({
                        url: apiBaseUrl + '/negociacao/gerar-parcelas',
                        method: 'POST',
                        headers: {
                            'Authorization': 'Bearer ' + (localStorage.getItem('token') || ''),
                            'Accept': 'application/json',
                            'Content-Type': 'application/json'
                        },
                        data: JSON.stringify({
                            primeira_parcela: dataPrimeiraParcela,
                            qtd_parcelas: qtdParcelas,
                            valor: valorParcela, // Valor calculado no frontend (será recalculado no backend se mensalidades forem enviadas)
                            mensalidades: mensalidadesSelecionadas, // Envia mensalidades para cálculo no backend
                            intervalo_dias: intervaloDias,
                            forma_pagamento: formaPagamento
                        }),
                        success: function(response) {
                            if (response.success) {
                                toastr.success('Parcelas geradas com sucesso!');
                                // Recarrega os dados para atualizar o grid e desabilitar mensalidades usadas
                                carregarDadosNegociacao();
                                $('#cardGerarParcelas').hide();
                                $('#formGerarParcelas')[0].reset();
                                // Desmarca todos os checkboxes
                                $('.mensalidade-checkbox').prop('checked', false);
                                $('#checkTodosMensalidades').prop('checked', false);
                            } else {
                                toastr.error('Erro: ' + response.message);
                            }
                            // Restaura o botão
                            $btnGerar.prop('disabled', false);
                            $btnGerar.html(btnOriginalHtml);
                        },
                        error: function(xhr) {
                            toastr.error('Erro ao gerar parcelas.');
                            console.error(xhr);
                            // Restaura o botão
                            $btnGerar.prop('disabled', false);
                            $btnGerar.html(btnOriginalHtml);
                        }
                    });
                } else {
                    toastr.error('Erro: ' + response.message);
                    // Restaura o botão
                    $btnGerar.prop('disabled', false);
                    $btnGerar.html(btnOriginalHtml);
                }
            },
            error: function(xhr) {
                toastr.error('Erro ao inserir mensalidades no processo.');
                console.error(xhr);
                // Restaura o botão
                $btnGerar.prop('disabled', false);
                $btnGerar.html(btnOriginalHtml);
            }
        });
    }


    function atualizarMensalidades() {
        $.ajax({
            url: apiBaseUrl + '/negociacao/atualizar-mensalidades',
            method: 'POST',
            headers: {
                'Authorization': 'Bearer ' + (localStorage.getItem('token') || ''),
                'Accept': 'application/json'
            },
            success: function(response) {
                if (response.success) {
                    toastr.success('Mensalidades atualizadas!');
                    carregarDadosNegociacao();
                } else {
                    toastr.error('Erro: ' + response.message);
                }
            },
            error: function(xhr) {
                toastr.error('Erro ao atualizar mensalidades.');
                console.error(xhr);
            }
        });
    }

    function excluirParcelas() {
        if (!confirm('Tem certeza que deseja excluir todas as parcelas não pagas?')) {
            return;
        }

        $.ajax({
            url: apiBaseUrl + '/negociacao/excluir-parcelas',
            method: 'DELETE',
            headers: {
                'Authorization': 'Bearer ' + (localStorage.getItem('token') || ''),
                'Accept': 'application/json'
            },
            success: function(response) {
                if (response.success) {
                    toastr.success('Parcelas excluídas com sucesso!');
                    carregarDadosNegociacao();
                } else {
                    toastr.error('Erro: ' + response.message);
                }
            },
            error: function(xhr) {
                toastr.error('Erro ao excluir parcelas.');
                console.error(xhr);
            }
        });
    }

    function atualizarMensalidadesGrid(mensalidades) {
        // Destrói a tabela DataTables se já existir
        if (tableMensalidades) {
            tableMensalidades.destroy();
            tableMensalidades = null;
        }

        const tbody = $('#tbodyMensalidades');
        tbody.empty();

        if (!mensalidades || mensalidades.length === 0) {
            tbody.append('<tr><td colspan="6" class="text-center">Nenhuma mensalidade encontrada</td></tr>');
            // Inicializa DataTables mesmo sem dados
            tableMensalidades = $('#tbMensalidades').DataTable({
                paging: true,
                pageLength: 10,
                lengthMenu: [[10, 25, 50, 100, -1], [10, 25, 50, 100, "Todos"]],
                language: {
                    "sEmptyTable": "Nenhum registro encontrado",
                    "sInfo": "Mostrando de _START_ até _END_ de _TOTAL_ registros",
                    "sInfoEmpty": "Mostrando 0 até 0 de 0 registros",
                    "sInfoFiltered": "(Filtrados de _MAX_ registros)",
                    "sInfoPostFix": "",
                    "sInfoThousands": ".",
                    "sLengthMenu": "_MENU_ resultados por página",
                    "sLoadingRecords": "Carregando...",
                    "sProcessing": "Processando...",
                    "sZeroRecords": "Nenhum registro encontrado",
                    "sSearch": "Pesquisar",
                    "oPaginate": {
                        "sNext": "Próximo",
                        "sPrevious": "Anterior",
                        "sFirst": "Primeiro",
                        "sLast": "Último"
                    },
                    "oAria": {
                        "sSortAscending": ": Ordenar colunas de forma ascendente",
                        "sSortDescending": ": Ordenar colunas de forma descendente"
                    }
                },
                order: [[2, 'desc']], // Ordena por vencimento (desc) - coluna 2 agora
                searching: true,
                info: true,
                columnDefs: [
                    { orderable: false, targets: [0, 4] } // Desabilita ordenação nas colunas Checkbox e Ações
                ]
            });
            $('#cardGerarParcelas').hide();
            return;
        }

        mensalidades.forEach(function(mens) {
            const vencimentoIso = mens.vencimento_iso || mens.vencimento || '';
            const nossoNumero = mens.men_nossonumero || '';
            // Verifica se está vinculada - converte para número e verifica se é válido
            const numeroParcela = mens.tim_tip_numero_parcela;
            const statusMensalidade = mens.status || 'Aberta';
            const estaPaga = statusMensalidade === 'Paga';
            
            // Verifica se tem vínculo válido
            // O Oracle pode retornar null, undefined, string vazia, ou um número
            let jaVinculada = false;
            
            // Verifica se o valor existe e não é vazio/null/undefined
            if (numeroParcela != null && numeroParcela !== '' && numeroParcela !== undefined) {
                // Tenta converter para número (funciona com string numérica também)
                const parcelaNum = parseInt(numeroParcela, 10);
                // Se for um número válido e maior que 0, está vinculada
                if (!isNaN(parcelaNum) && parcelaNum > 0) {
                    jaVinculada = true;
                }
            }
            
            // Mensalidade não pode ser selecionada se estiver paga ou vinculada
            const podeSelecionar = !jaVinculada && !estaPaga;
            
            // Cria a linha usando jQuery para garantir que o DOM seja criado corretamente
            const $row = $('<tr>');
            
            // Adiciona classe visual para mensalidades já vinculadas
            if (jaVinculada) {
                $row.addClass('table-secondary');
                $row.css('opacity', '0.7');
            }
            
            // Coluna Checkbox - NÃO mostra checkbox se já estiver vinculada ou paga
            const $tdCheckbox = $('<td>', {
                style: 'text-align: center; width: 50px;'
            });
            
            if (podeSelecionar) {
                // Só mostra checkbox se não estiver vinculada e não estiver paga
                const $checkbox = $('<input>', {
                    type: 'checkbox',
                    class: 'form-check-input mensalidade-checkbox',
                    name: 'mensalidades_selecionadas[]',
                    value: nossoNumero,
                    id: 'mens_' + nossoNumero,
                    style: 'cursor: pointer;'
                });
                $tdCheckbox.append($checkbox);
            } else if (estaPaga) {
                // Se estiver paga, mostra ícone de pago
                $tdCheckbox.html('<i class="fas fa-check-circle text-success" title="Mensalidade já foi paga"></i>');
            } else if (jaVinculada) {
                // Se estiver vinculada, mostra um ícone de bloqueio
                $tdCheckbox.html('<i class="fas fa-lock text-muted" title="Mensalidade já vinculada a um título"></i>');
            }
            
            // Coluna Nosso Número
            const $tdNossoNumero = $('<td>').text(nossoNumero || '-');
            
            // Coluna Vencimento
            const $tdVencimento = $('<td>')
                .attr('data-order', vencimentoIso)
                .text(mens.vencimento || '-');
            
            // Coluna Valor
            const $tdValor = $('<td>').text('R$ ' + parseFloat(mens.men_valor || 0).toFixed(2));
            
            // Coluna Data de Pagamento
            const dataPagamento = mens.data_pagamento || '-';
            const $tdDataPagamento = $('<td>').text(dataPagamento);
            
            // Coluna Status (usa a variável já declarada acima)
            let badgeClass = 'badge-secondary';
            if (statusMensalidade === 'Paga') {
                badgeClass = 'badge-success';
            } else if (statusMensalidade === 'Vencida') {
                badgeClass = 'badge-danger';
            } else {
                badgeClass = 'badge-warning';
            }
            const $tdStatus = $('<td>').html('<span class="badge ' + badgeClass + '">' + statusMensalidade + '</span>');
            
            // Se estiver vinculada, mostra badge na coluna de status
            if (jaVinculada) {
                const parcelaNum = parseInt(mens.tim_tip_numero_parcela) || mens.tim_tip_numero_parcela;
                $tdStatus.append(' <span class="badge badge-info"><i class="fas fa-link"></i> Parcela ' + parcelaNum + '</span>');
            }
            
            // Monta a linha
            $row.append($tdCheckbox)
                .append($tdNossoNumero)
                .append($tdVencimento)
                .append($tdValor)
                .append($tdDataPagamento)
                .append($tdStatus);
            
            tbody.append($row);
        });

        // Inicializa DataTables após popular a tabela
        tableMensalidades = $('#tbMensalidades').DataTable({
            paging: true,
            pageLength: 10,
            lengthMenu: [[10, 25, 50, 100, -1], [10, 25, 50, 100, "Todos"]],
            language: {
                "sEmptyTable": "Nenhum registro encontrado",
                "sInfo": "Mostrando de _START_ até _END_ de _TOTAL_ registros",
                "sInfoEmpty": "Mostrando 0 até 0 de 0 registros",
                "sInfoFiltered": "(Filtrados de _MAX_ registros)",
                "sInfoPostFix": "",
                "sInfoThousands": ".",
                "sLengthMenu": "_MENU_ resultados por página",
                "sLoadingRecords": "Carregando...",
                "sProcessing": "Processando...",
                "sZeroRecords": "Nenhum registro encontrado",
                "sSearch": "Pesquisar",
                "oPaginate": {
                    "sNext": "Próximo",
                    "sPrevious": "Anterior",
                    "sFirst": "Primeiro",
                    "sLast": "Último"
                },
                "oAria": {
                    "sSortAscending": ": Ordenar colunas de forma ascendente",
                    "sSortDescending": ": Ordenar colunas de forma descendente"
                }
            },
            order: [[2, 'desc']], // Ordena por vencimento (desc) - coluna 2
            searching: true,
            info: true,
            columnDefs: [
                { orderable: false, targets: [0] } // Desabilita ordenação na coluna Checkbox
            ],
            drawCallback: function() {
                // Garante que os event listeners dos checkboxes funcionem após o DataTables redesenhar
                $('.mensalidade-checkbox').off('change').on('change', function() {
                    atualizarCardGerarParcelas();
                    // Atualiza o checkbox "todos" baseado na seleção
                    const total = $('.mensalidade-checkbox:not(:disabled)').length;
                    const selecionados = $('.mensalidade-checkbox:checked:not(:disabled)').length;
                    $('#checkTodosMensalidades').prop('checked', total > 0 && selecionados === total);
                });
            }
        });
        
        // Atualiza o card de gerar parcelas
        atualizarCardGerarParcelas();
        
        // Garante que os event listeners funcionem na inicialização
        $('.mensalidade-checkbox').on('change', function() {
            atualizarCardGerarParcelas();
            // Atualiza o checkbox "todos" baseado na seleção
            const total = $('.mensalidade-checkbox:not(:disabled)').length;
            const selecionados = $('.mensalidade-checkbox:checked:not(:disabled)').length;
            $('#checkTodosMensalidades').prop('checked', total > 0 && selecionados === total);
        });
    }

    function atualizarTitulosGrid(titulos) {
        console.log('atualizarTitulosGrid chamado com:', titulos);
        const tbody = $('#tbodyTitulos');
        tbody.empty();

        if (!titulos || titulos.length === 0) {
            tbody.append('<tr><td colspan="5" class="text-center">Nenhum título gerado</td></tr>');
            return;
        }

        titulos.forEach(function(titulo) {
            // Formata o valor corretamente
            let valorFormatado = '0,00';
            if (titulo.valor || titulo.tip_valor) {
                const valorStr = (titulo.valor || titulo.tip_valor).toString().trim();
                // Remove espaços e converte para número
                const valorNum = parseFloat(valorStr.replace(/[^\d.,]/g, '').replace(',', '.'));
                if (!isNaN(valorNum)) {
                    // Formata com 2 casas decimais, vírgula como separador decimal
                    valorFormatado = valorNum.toFixed(2).replace('.', ',');
                    // Adiciona separador de milhares (ponto)
                    valorFormatado = valorFormatado.replace(/\B(?=(\d{3})+(?!\d))/g, '.');
                }
            }
            
            const parcela = titulo.tip_numero_parcela || titulo.numero_parcela || '-';
            const vencimento = titulo.vencimento || '-';
            const formaPagamento = titulo.tip_forma_pagamento || 'B';
            const nossoNumero = titulo.tip_nosso_numero || '';
            const registrado = titulo.registrado || 0;
            const dataPagamento = titulo.data_pagamento || titulo.tip_data_pagamento || null;
            const tituloBaixado = dataPagamento && dataPagamento.trim() !== '' && dataPagamento !== '-';
            
            // Botão de impressão do boleto (sempre aparece para forma de pagamento B, mas desabilitado se não registrado)
            let botaoImprimir = '';
            let botaoRegistrar = '';
            if (formaPagamento == 'B' && nossoNumero) {
                if (registrado == 1) {
                    // Boleto registrado - pode imprimir
                    botaoImprimir = `<button class="btn btn-sm btn-success ml-1" onclick="imprimirBoleto('${nossoNumero}')" title="Imprimir Boleto">
                        <i class="fas fa-print"></i>
                    </button>`;
                } else {
                    // Boleto não registrado - botão desabilitado com mensagem
                    botaoImprimir = `<button class="btn btn-sm btn-success ml-1" disabled title="É necessário registrar o boleto antes de imprimir">
                        <i class="fas fa-print"></i>
                    </button>`;
                    // Botão para registrar (só aparece se título não estiver baixado)
                    if (!tituloBaixado) {
                        botaoRegistrar = `<button class="btn btn-sm btn-warning ml-1" onclick="registrarBoletoTitulo('${nossoNumero}', this)" title="Registrar Boleto">
                            <i class="fas fa-file-invoice"></i>
                        </button>`;
                    }
                }
            }
            
            // Botões de editar e excluir (só aparecem se processo não estiver finalizado e título não estiver baixado)
            let botoesEditarExcluir = '';
            if (!processoFinalizado && !tituloBaixado) {
                botoesEditarExcluir = `
                    <button class="btn btn-sm btn-info" onclick="editarVencimento(${parcela})" title="Editar Vencimento">
                        <i class="fas fa-edit"></i>
                    </button>
                    <button class="btn btn-sm btn-danger ml-1" onclick="excluirTitulo(${parcela})" title="Excluir Título">
                        <i class="fas fa-trash"></i>
                    </button>
                `;
            } else if (!processoFinalizado && tituloBaixado) {
                // Título baixado - botões desabilitados
                botoesEditarExcluir = `
                    <button class="btn btn-sm btn-info" disabled title="Não é possível editar vencimento de título já baixado">
                        <i class="fas fa-edit"></i>
                    </button>
                    <button class="btn btn-sm btn-danger ml-1" disabled title="Não é possível excluir título já baixado">
                        <i class="fas fa-trash"></i>
                    </button>
                `;
            }
            
            // Botão de baixar (só aparece se processo não estiver finalizado e título não estiver baixado)
            let botaoBaixar = '';
            if (!processoFinalizado && !tituloBaixado) {
                botaoBaixar = `
                    <button class="btn btn-sm btn-success ml-1" onclick="abrirModalBaixaManual('${nossoNumero}', '${valorFormatado}', ${parcela})" title="Baixar Título">
                        <i class="fas fa-check"></i>
                    </button>
                `;
            }
            
            const row = `
                <tr>
                    <td>${parcela}</td>
                    <td>${vencimento}</td>
                    <td>R$ ${valorFormatado}</td>
                    <td>${formaPagamento == 'B' ? 'Boleto' : 'Cartão'}</td>
                    <td>
                        ${botoesEditarExcluir}
                        ${botaoImprimir}
                        ${botaoRegistrar}
                        ${botaoBaixar}
                    </td>
                </tr>
            `;
            tbody.append(row);
        });
    }

    function removerMensalidade(nossoNumero) {
        if (!confirm('Deseja remover esta mensalidade do processo?')) {
            return;
        }

        $.ajax({
            url: apiBaseUrl + '/negociacao/remover-mensalidade',
            method: 'POST',
            headers: {
                'Authorization': 'Bearer ' + (localStorage.getItem('token') || ''),
                'Accept': 'application/json',
                'Content-Type': 'application/json'
            },
            data: JSON.stringify({ men_nossonumero: nossoNumero }),
            success: function(response) {
                if (response.success) {
                    toastr.success('Mensalidade removida!');
                    carregarDadosNegociacao();
                } else {
                    toastr.error('Erro: ' + response.message);
                }
            },
            error: function(xhr) {
                toastr.error('Erro ao remover mensalidade.');
                console.error(xhr);
            }
        });
    }

    function excluirTitulo(numeroParcela) {
        if (processoFinalizado) {
            toastr.warning('Este processo foi finalizado. Não é possível excluir títulos.');
            return;
        }
        if (!confirm('Deseja excluir este título? As mensalidades vinculadas a esta parcela serão desvinculadas.')) {
            return;
        }

        $.ajax({
            url: apiBaseUrl + '/negociacao/excluir-titulo/' + numeroParcela,
            method: 'DELETE',
            headers: {
                'Authorization': 'Bearer ' + (localStorage.getItem('token') || ''),
                'Accept': 'application/json'
            },
            success: function(response) {
                if (response.success) {
                    toastr.success('Título excluído com sucesso! As mensalidades vinculadas foram liberadas.');
                    // Recarrega os dados para atualizar o grid e habilitar as mensalidades
                    carregarDadosNegociacao();
                    // Atualiza o card de gerar parcelas
                    atualizarCardGerarParcelas();
                } else {
                    toastr.error('Erro: ' + response.message);
                }
            },
            error: function(xhr) {
                const errorMsg = xhr.responseJSON?.message || 'Erro ao excluir título.';
                toastr.error(errorMsg);
                console.error(xhr);
            }
        });
    }

    function imprimirBoleto(nossoNumero) {
        if (!linkBoletoBase) {
            toastr.error('Link de relatórios não configurado. Entre em contato com o administrador.');
            return;
        }
        
        // Monta o link do boleto de negociação
        const linkBoleto = linkBoletoBase + '/boletoNegociacao.php?nossoNumero=' + nossoNumero;
        
        // Abre em nova aba
        window.open(linkBoleto, '_blank');
    }

    function registrarBoletoTitulo(nossoNumero, botaoElement) {
        if (!confirm('Deseja registrar este boleto no banco?')) {
            return;
        }

        // Desabilita o botão e mostra loading
        const $botao = $(botaoElement);
        const htmlOriginal = $botao.html();
        $botao.prop('disabled', true);
        $botao.html('<i class="fas fa-spinner fa-spin"></i>');

        $.ajax({
            url: apiBaseUrl + '/negociacao/registrar-boleto',
            method: 'POST',
            headers: {
                'Authorization': 'Bearer ' + (localStorage.getItem('token') || ''),
                'Accept': 'application/json',
                'Content-Type': 'application/json'
            },
            data: JSON.stringify({
                nosso_numero: nossoNumero
            }),
            success: function(response) {
                if (response.success) {
                    toastr.success(response.message || 'Boleto registrado com sucesso!');
                    // Recarrega os dados para atualizar o grid
                    carregarDadosNegociacao();
                } else {
                    toastr.error(response.message || 'Erro ao registrar boleto.');
                    $botao.prop('disabled', false).html(htmlOriginal);
                }
            },
            error: function(xhr) {
                const errorMsg = xhr.responseJSON?.message || 'Erro ao registrar boleto.';
                toastr.error(errorMsg);
                $botao.prop('disabled', false).html(htmlOriginal);
                console.error(xhr);
            }
        });
    }

    function editarVencimento(numeroParcela) {
        if (processoFinalizado) {
            toastr.warning('Este processo foi finalizado. Não é possível editar vencimentos.');
            return;
        }
        const novoVencimento = prompt('Informe o novo vencimento (YYYY-MM-DD):');
        if (!novoVencimento) return;

        // Converte DD/MM/YYYY para YYYY-MM-DD se necessário
        let dataFormatada = novoVencimento;
        if (novoVencimento.includes('/')) {
            const partes = novoVencimento.split('/');
            if (partes.length === 3) {
                dataFormatada = `${partes[2]}-${partes[1]}-${partes[0]}`;
            }
        }

        $.ajax({
            url: apiBaseUrl + '/negociacao/atualizar-vencimento',
            method: 'PUT',
            headers: {
                'Authorization': 'Bearer ' + (localStorage.getItem('token') || ''),
                'Accept': 'application/json',
                'Content-Type': 'application/json'
            },
            data: JSON.stringify({
                numero_parcela: numeroParcela,
                novo_vencimento: dataFormatada
            }),
            success: function(response) {
                if (response.success) {
                    toastr.success('Vencimento atualizado!');
                    carregarDadosNegociacao();
                } else {
                    toastr.error('Erro: ' + response.message);
                }
            },
            error: function(xhr) {
                toastr.error('Erro ao atualizar vencimento.');
                console.error(xhr);
            }
        });
    }

    function abrirModalGrid(tipo) {
        var titulos = {
            'beneficiarios': 'Beneficiários da Família',
            'atendimentos': 'Histórico de Atendimentos',
            'ocorrencias': 'Ocorrências'
        };
        $('#modalListagemGridLabel').text(titulos[tipo] || 'Listagem');
        $('#modalListagemGridBody').html('<p class="text-center py-5"><i class="fas fa-spinner fa-spin fa-2x"></i><br>Carregando...</p>');
        $('#modalListagemGrid').modal('show');

        if (tipo === 'beneficiarios') {
            $.ajax({
                url: apiBaseUrl + '/beneficiarios',
                method: 'GET',
                headers: { 'Authorization': 'Bearer ' + (localStorage.getItem('token') || ''), 'Accept': 'application/json' },
                success: function(response) {
                    if (response.success && response.data) {
                        $('#modalListagemGridBody').html(montarTabelaBeneficiarios(response.data));
                    } else {
                        $('#modalListagemGridBody').html('<p class="text-center text-danger">' + (response.message || 'Nenhum dado retornado.') + '</p>');
                    }
                },
                error: function(xhr) {
                    var msg = (xhr.responseJSON && xhr.responseJSON.message) ? xhr.responseJSON.message : 'Erro ao carregar. Tente novamente.';
                    $('#modalListagemGridBody').html('<p class="text-center text-danger">' + msg + '</p>');
                    if (typeof toastr !== 'undefined') toastr.error(msg);
                }
            });
        } else if (tipo === 'atendimentos') {
            $.ajax({
                url: apiBaseUrl + '/atendimentos',
                method: 'GET',
                headers: { 'Authorization': 'Bearer ' + (localStorage.getItem('token') || ''), 'Accept': 'application/json' },
                success: function(response) {
                    if (response.success && response.data) {
                        $('#modalListagemGridBody').html(montarTabelaAtendimentos(response.data));
                    } else {
                        $('#modalListagemGridBody').html('<p class="text-center text-danger">' + (response.message || 'Nenhum dado retornado.') + '</p>');
                    }
                },
                error: function(xhr) {
                    var msg = (xhr.responseJSON && xhr.responseJSON.message) ? xhr.responseJSON.message : 'Erro ao carregar. Tente novamente.';
                    $('#modalListagemGridBody').html('<p class="text-center text-danger">' + msg + '</p>');
                    if (typeof toastr !== 'undefined') toastr.error(msg);
                }
            });
        } else if (tipo === 'ocorrencias') {
            $.ajax({
                url: apiBaseUrl + '/ocorrencias',
                method: 'GET',
                headers: { 'Authorization': 'Bearer ' + (localStorage.getItem('token') || ''), 'Accept': 'application/json' },
                success: function(response) {
                    if (response.success && response.data) {
                        $('#modalListagemGridBody').html(montarTabelaOcorrencias(response.data));
                    } else {
                        $('#modalListagemGridBody').html('<p class="text-center text-danger">' + (response.message || 'Nenhum dado retornado.') + '</p>');
                    }
                },
                error: function(xhr) {
                    var msg = (xhr.responseJSON && xhr.responseJSON.message) ? xhr.responseJSON.message : 'Erro ao carregar. Tente novamente.';
                    $('#modalListagemGridBody').html('<p class="text-center text-danger">' + msg + '</p>');
                    if (typeof toastr !== 'undefined') toastr.error(msg);
                }
            });
        }
    }

    function montarTabelaBeneficiarios(beneficiarios) {
        if (!beneficiarios || beneficiarios.length === 0) {
            return '<p class="text-center text-muted">Nenhum beneficiário encontrado</p>';
        }
        var html = '<div class="table-responsive"><table class="table table-bordered table-striped table-hover"><thead><tr><th>Nome</th><th>Dependência</th><th>Meses no Plano</th><th>Situação</th></tr></thead><tbody>';
        beneficiarios.forEach(function(ben) {
            var nome = ben.pes_nome || ben.PES_NOME || '-';
            var depend = ben.ben_depend || ben.BEN_DEPEND || '-';
            var meses = ben.meses != null ? ben.meses : (ben.MESES != null ? ben.MESES : '-');
            var situacao = ben.situacao || ben.SITUACAO || '-';
            var badgeClass = (situacao === 'Ativo' || situacao === 'ATIVO') ? 'success' : 'secondary';
            html += '<tr><td>' + nome + '</td><td>' + depend + '</td><td>' + meses + '</td><td><span class="badge badge-' + badgeClass + '">' + situacao + '</span></td></tr>';
        });
        html += '</tbody></table></div>';
        return html;
    }

    function montarTabelaAtendimentos(atendimentos) {
        if (!atendimentos || atendimentos.length === 0) {
            return '<p class="text-center text-muted">Nenhum atendimento encontrado</p>';
        }
        var html = '<div class="table-responsive"><table class="table table-bordered table-striped table-hover"><thead><tr><th>Data</th><th>Beneficiário</th><th>Cooperado</th><th>Valor</th><th>Custo</th></tr></thead><tbody>';
        atendimentos.forEach(function(ate) {
            var data = ate.data || ate.DATA || '-';
            var nomeBenef = ate.nome_benef || ate.NOME_BENEF || '-';
            var nomeCooperado = ate.nome_cooperado || ate.NOME_COOPERADO || '-';
            var valor = ate.valor != null ? ate.valor : (ate.VALOR != null ? ate.VALOR : '0,00');
            var custo = ate.ate_custo || ate.ATE_CUSTO || '-';
            html += '<tr><td>' + data + '</td><td>' + nomeBenef + '</td><td>' + nomeCooperado + '</td><td>R$ ' + valor + '</td><td>' + custo + '</td></tr>';
        });
        html += '</tbody></table></div>';
        return html;
    }

    function montarTabelaOcorrencias(ocorrencias) {
        if (!ocorrencias || ocorrencias.length === 0) {
            return '<p class="text-center text-muted">Nenhuma ocorrência encontrada</p>';
        }
        var html = '<div class="table-responsive"><table class="table table-bordered table-striped table-hover"><thead><tr><th>Data</th><th>Usuário</th><th>Texto</th></tr></thead><tbody>';
        ocorrencias.forEach(function(occ) {
            var data = occ.ocpdata || occ.OCPDATA || occ.data || '-';
            var usuario = occ.usu_nome || occ.USU_NOME || occ.usuario || '-';
            var texto = (occ.ocp_texto || occ.OCP_TEXTO || occ.texto || '-');
            html += '<tr><td>' + data + '</td><td>' + usuario + '</td><td>' + texto + '</td></tr>';
        });
        html += '</tbody></table></div>';
        return html;
    }

    function selecionaFiltroIndicadores(val) {
        if (val === 'beneficiarios' || val === 'atendimentos' || val === 'ocorrencias') {
            abrirModalGrid(val);
        }
    }

    // Variáveis globais para modal de baixa
    let codigoProcessoBaixa = null;
    let tituloSelecionadoBaixa = null;

    function abrirModalBaixaManual(nossoNumero, valor, parcela) {
        if (processoFinalizado) {
            toastr.warning('Este processo foi finalizado. Não é possível baixar títulos.');
            return;
        }
        
        if (!nossoNumero) {
            toastr.warning('Nosso número não informado!');
            return;
        }
        
        codigoProcessoBaixa = processoId;
        tituloSelecionadoBaixa = nossoNumero;
        
        // Preenche informações do título
        $('#nossoNumeroModalBaixa').text(nossoNumero);
        $('#parcelaModalBaixa').text(parcela || '-');
        
        // Preenche valor (remove R$ e formata)
        const valorLimpo = valor ? valor.replace('R$', '').replace(/\./g, '').trim() : '0,00';
        $('#TIP_VALOR').val(valorLimpo);
        formatarMoeda(document.getElementById('TIP_VALOR'));
        
        // Limpa outros campos
        $('#TIP_DATA_PAGAMENTO').val('');
        $('#TIP_LOCAL_PGTO').val('');
        $('#msgRetornoModalBaixaManual').html('');
        $('#btnBaixarTitulo').text('Baixar').attr('onclick', 'baixarTitulo()');
        
        // Carrega locais de pagamento
        carregarLocaisPagamento();
        
        // Abre modal
        $('#modalBaixaManual').modal('show');
    }

    function limparFormBaixaManual() {
        $('#TIP_NOSSO_NUMERO').val('');
        $('#TIP_VALOR').val('');
        $('#TIP_DATA_PAGAMENTO').val('');
        $('#TIP_LOCAL_PGTO').val('');
        tituloSelecionadoBaixa = null;
        $('#btnBaixarTitulo').text('Baixar').attr('onclick', 'baixarTitulo()');
    }

    function carregarTitulosParaModal(pcoCodigo) {
        $('#gridTitulosDoProcessoNoModal').html('<p class="text-center"><i class="fas fa-spinner fa-spin"></i> Carregando...</p>');
        
        $.ajax({
            url: apiBaseUrl + '/negociacao/titulos-para-baixa',
            method: 'GET',
            headers: {
                'Authorization': 'Bearer ' + (localStorage.getItem('token') || ''),
                'Accept': 'application/json'
            },
            success: function(response) {
                if (response.success && response.data && response.data.length > 0) {
                    let html = '<table class="table table-bordered table-sm">';
                    html += '<thead><tr><th>Parcela</th><th>Nosso Número</th><th>Vencimento</th><th>Valor</th><th>Status</th></tr></thead><tbody>';
                    
                    response.data.forEach(function(titulo) {
                        const status = titulo.tip_data_pagamento ? 'Pago' : 'Aberto';
                        const corLinha = titulo.tip_data_pagamento ? '#d4edda' : '';
                        const nossoNumero = titulo.tip_nosso_numero || '';
                        const parcela = titulo.tip_numero_parcela || '-';
                        const vencimento = titulo.vencimento || '-';
                        const valor = titulo.valor || '0,00';
                        
                        html += `<tr id="trTitulo_${nossoNumero}" style="background-color: ${corLinha}; cursor: pointer;" onclick="selecionarTituloBaixa('${nossoNumero}', '${parcela}', '${vencimento}', '${valor}', ${titulo.tip_data_pagamento ? 'true' : 'false'})">`;
                        html += `<td>${parcela}</td>`;
                        html += `<td>${nossoNumero}</td>`;
                        html += `<td>${vencimento}</td>`;
                        html += `<td>R$ ${valor}</td>`;
                        html += `<td>${status}</td>`;
                        html += '</tr>';
                    });
                    
                    html += '</tbody></table>';
                    $('#gridTitulosDoProcessoNoModal').html(html);
                } else {
                    $('#gridTitulosDoProcessoNoModal').html('<p class="text-center text-muted">Nenhum título encontrado</p>');
                }
            },
            error: function(xhr) {
                $('#gridTitulosDoProcessoNoModal').html('<p class="text-center text-danger">Erro ao carregar títulos</p>');
                console.error(xhr);
            }
        });
    }

    function selecionarTituloBaixa(nossoNumero, parcela, vencimento, valor, jaPago) {
        // Remove seleção anterior
        $('tr[id^="trTitulo_"]').css('background-color', '');
        
        // Destaca linha selecionada
        $(`#trTitulo_${nossoNumero}`).css('background-color', '#87CEEB');
        
        tituloSelecionadoBaixa = nossoNumero;
        // Remove R$ e formata o valor
        const valorLimpo = valor.replace('R$', '').replace(/\./g, '').trim();
        $('#TIP_VALOR').val(valorLimpo);
        formatarMoeda(document.getElementById('TIP_VALOR'));
        
        if (jaPago) {
            $('#btnBaixarTitulo').text('Reverter Baixa').attr('onclick', 'reverterBaixaTitulo()');
        } else {
            $('#btnBaixarTitulo').text('Baixar').attr('onclick', 'baixarTitulo()');
        }
    }

    function formatarMoeda(input) {
        // Remove tudo que não é número
        let valor = input.value.replace(/\D/g, '');
        
        // Se estiver vazio, define como 0
        if (valor === '') {
            input.value = '0,00';
            return;
        }
        
        // Converte para número e divide por 100 para ter centavos
        valor = (parseInt(valor) / 100).toFixed(2);
        
        // Formata com separador de milhares e vírgula para decimais
        valor = valor.replace('.', ',');
        valor = valor.replace(/\B(?=(\d{3})+(?!\d))/g, '.');
        
        input.value = valor;
    }

    function carregarLocaisPagamento() {
        $.ajax({
            url: '/sigo-laravel/public/api/v1/financeiro/buscarLocaisPagamento',
            method: 'GET',
            headers: {
                'Authorization': 'Bearer ' + (localStorage.getItem('token') || ''),
                'Accept': 'application/json'
            },
            success: function(response) {
                // O service retorna um array diretamente, não um objeto com success/data
                if (Array.isArray(response) && response.length > 0) {
                    $('#TIP_LOCAL_PGTO').html('<option value="">Selecione...</option>');
                    response.forEach(function(local) {
                        $('#TIP_LOCAL_PGTO').append(`<option value="${local.loc_codigo}">${local.loc_codigo} - ${local.loc_descricao}</option>`);
                    });
                } else if (response.success && response.data) {
                    // Fallback caso o formato mude
                    $('#TIP_LOCAL_PGTO').html('<option value="">Selecione...</option>');
                    response.data.forEach(function(local) {
                        $('#TIP_LOCAL_PGTO').append(`<option value="${local.loc_codigo}">${local.loc_codigo} - ${local.loc_descricao}</option>`);
                    });
                } else {
                    console.error('Resposta inválida ao carregar locais de pagamento:', response);
                    toastr.warning('Nenhum local de pagamento encontrado.');
                }
            },
            error: function(xhr) {
                console.error('Erro ao carregar locais de pagamento:', xhr);
                toastr.error('Erro ao carregar locais de pagamento. Tente novamente.');
            }
        });
    }

    function baixarTitulo() {
        const nossoNumero = tituloSelecionadoBaixa;
        const valor = $('#TIP_VALOR').val();
        const dataPagamento = $('#TIP_DATA_PAGAMENTO').val();
        const localPgto = $('#TIP_LOCAL_PGTO').val();

        if (!nossoNumero) {
            toastr.warning('Título não selecionado!');
            return;
        }
        if (!valor) {
            toastr.warning('Preencha o valor!');
            return;
        }
        if (!dataPagamento) {
            toastr.warning('Preencha a data de pagamento!');
            return;
        }
        if (!localPgto) {
            toastr.warning('Selecione um local de pagamento!');
            return;
        }

        // Valida data não pode ser futura
        const hoje = new Date();
        hoje.setHours(0, 0, 0, 0);
        const dataPag = new Date(dataPagamento);
        if (dataPag > hoje) {
            toastr.error('A data de pagamento deve ser menor ou igual a data de hoje!');
            return;
        }

        $.ajax({
            url: apiBaseUrl + '/negociacao/baixar-titulo',
            method: 'POST',
            headers: {
                'Authorization': 'Bearer ' + (localStorage.getItem('token') || ''),
                'Accept': 'application/json',
                'Content-Type': 'application/json'
            },
            data: JSON.stringify({
                nosso_numero: nossoNumero,
                valor: valor.replace(/\./g, '').replace(',', '.'), // Remove pontos e substitui vírgula por ponto
                data_pagamento: dataPagamento,
                local_pgto: localPgto
            }),
            success: function(response) {
                if (response.success) {
                    toastr.success(response.message || 'Título baixado com sucesso!');
                    $('#msgRetornoModalBaixaManual').html('<div class="alert alert-success">' + (response.message || 'Título baixado com sucesso!') + '</div>');
                    setTimeout(function() {
                        $('#msgRetornoModalBaixaManual').fadeOut('slow', function() {
                            $(this).html('').show();
                        });
                    }, 5000);
                    carregarTitulosParaModal(codigoProcessoBaixa);
                    carregarDadosNegociacao(); // Atualiza grid principal
                    limparFormBaixaManual();
                    
                    // Verifica se o processo foi finalizado e recarrega a página após 2 segundos
                    setTimeout(function() {
                        // Verifica se todos os títulos foram baixados fazendo uma nova requisição
                        $.ajax({
                            url: apiBaseUrl,
                            method: 'GET',
                            headers: {
                                'Authorization': 'Bearer ' + (localStorage.getItem('token') || ''),
                                'Accept': 'application/json'
                            },
                            success: function(processoResponse) {
                                if (processoResponse.success && processoResponse.data && processoResponse.data.situacao === 'F') {
                                    toastr.info('Processo finalizado! Recarregando página...');
                                    setTimeout(function() {
                                        location.reload();
                                    }, 1500);
                                }
                            }
                        });
                    }, 1000);
                } else {
                    toastr.error(response.message || 'Erro ao baixar título.');
                    $('#msgRetornoModalBaixaManual').html('<div class="alert alert-danger">' + (response.message || 'Erro ao baixar título.') + '</div>');
                }
            },
            error: function(xhr) {
                const errorMsg = xhr.responseJSON?.message || 'Erro ao baixar título.';
                toastr.error(errorMsg);
                $('#msgRetornoModalBaixaManual').html('<div class="alert alert-danger">' + errorMsg + '</div>');
                console.error(xhr);
            }
        });
    }

    function reverterBaixaTitulo() {
        const nossoNumero = $('#TIP_NOSSO_NUMERO').val();

        if (!nossoNumero) {
            toastr.warning('Selecione um título!');
            return;
        }

        if (!confirm('Deseja reverter a baixa deste título?')) {
            return;
        }

        $.ajax({
            url: apiBaseUrl + '/negociacao/reverter-baixa-titulo',
            method: 'POST',
            headers: {
                'Authorization': 'Bearer ' + (localStorage.getItem('token') || ''),
                'Accept': 'application/json',
                'Content-Type': 'application/json'
            },
            data: JSON.stringify({
                nosso_numero: nossoNumero
            }),
            success: function(response) {
                if (response.success) {
                    toastr.success(response.message || 'Baixa revertida com sucesso!');
                    $('#msgRetornoModalBaixaManual').html('<div class="alert alert-success">' + (response.message || 'Baixa revertida com sucesso!') + '</div>');
                    setTimeout(function() {
                        $('#msgRetornoModalBaixaManual').fadeOut('slow', function() {
                            $(this).html('').show();
                        });
                    }, 5000);
                    carregarTitulosParaModal(codigoProcessoBaixa);
                    carregarDadosNegociacao(); // Atualiza grid principal
                    limparFormBaixaManual();
                } else {
                    toastr.error(response.message || 'Erro ao reverter baixa.');
                    $('#msgRetornoModalBaixaManual').html('<div class="alert alert-danger">' + (response.message || 'Erro ao reverter baixa.') + '</div>');
                }
            },
            error: function(xhr) {
                const errorMsg = xhr.responseJSON?.message || 'Erro ao reverter baixa.';
                toastr.error(errorMsg);
                $('#msgRetornoModalBaixaManual').html('<div class="alert alert-danger">' + errorMsg + '</div>');
                console.error(xhr);
            }
        });
    }

    // Inicialização: garante que as seções principais estejam visíveis ao carregar
    $(document).ready(function() {
        $('#cardDadosGerais').show();
        $('#cardIndicadores').show();
        $('#cardDadosContato').show();
        // Esconde seções secundárias por padrão
        $('#cardNegociacao').hide();
        $('#cardHistorico').hide();
        $('#cardBeneficiarios').hide();
        $('#cardAtendimentos').hide();
        $('#cardOcorrencias').hide();
    });
</script>
@stop