@extends('adminlte::page')

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

{{-- Desabilita plugins do DataTables que não são usados nesta view --}}
@section('plugins.Datatables', false)
@section('plugins.DatatablesPlugins', false)
{{-- Habilita Toastr para notificações --}}
@section('plugins.Toastr', true)

@section('content_header')
    <div class="d-flex justify-content-between align-items-center">
        <h1>Detalhes do Processo de Cobrança #{{ $processo->prc_id }}</h1>
        <a href="{{ route('financeiro.cobranca.index') }}" class="btn btn-secondary">
            <i class="fas fa-arrow-left"></i> Voltar
        </a>
    </div>
@stop

@section('content')
@php
    $statusBadgeClasses = [
        'Aberta' => 'warning',
        'Em Negociação' => 'info',
        'Acordo Fechado' => 'primary',
        'Quitada' => 'success',
        'Cancelada' => 'secondary',
        'Incobrável' => 'danger',
    ];
@endphp
<div class="container-fluid">
    <!-- Informações do Processo -->
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Informações do Processo</h3>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-3">
                            <strong>Status:</strong><br>
                            <div class="d-flex align-items-center">
                                <span
                                    class="badge badge-{{ $statusBadgeClasses[$processo->prc_status] ?? 'info' }}"
                                    id="statusProcessoBadge"
                                    data-status-atual="{{ $processo->prc_status }}"
                                >
                                    {{ $processo->prc_status }}
                                </span>
                                <button
                                    type="button"
                                    class="btn btn-link btn-sm text-primary ml-2 p-0"
                                    id="btnEditarStatusProcesso"
                                    title="Alterar status"
                                >
                                    <i class="fas fa-pen"></i>
                                </button>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <strong>Valor Total:</strong><br>
                            R$ {{ number_format($processo->prc_valor_total, 2, ',', '.') }}
                        </div>
                        <div class="col-md-3">
                            <strong>Data de Início:</strong><br>
                            {{ $processo->prc_data_inicio ? \Carbon\Carbon::parse($processo->prc_data_inicio)->format('d/m/Y') : '-' }}
                        </div>
                        <div class="col-md-3">
                            <strong>Data de Fechamento:</strong><br>
                            {{ $processo->prc_data_fechamento ? \Carbon\Carbon::parse($processo->prc_data_fechamento)->format('d/m/Y') : '-' }}
                        </div>
                    </div>
                    @if($processo->prc_observacoes)
                    <div class="row mt-3" id="blocoObservacoesProcesso">
                        <div class="col-md-12">
                            <strong>Observações:</strong><br>
                            <span class="observacoes-texto">{{ $processo->prc_observacoes }}</span>
                        </div>
                    </div>
                    @endif
                </div>
            </div>
        </div>
    </div>

    <!-- Informações da Empresa -->
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Informações da Empresa</h3>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-3">
                            <strong>Código:</strong><br>
                            {{ $processo->plano->pla_codigo ?? '-' }}
                        </div>
                        <div class="col-md-6">
                            <strong>Nome/Razão Social:</strong><br>
                            {{ $processo->plano->pla_nome ?? $processo->plano->pla_razsoc ?? '-' }}
                        </div>
                        <div class="col-md-3">
                            <strong>CNPJ:</strong><br>
                            {{ $processo->plano->pla_cgc ? preg_replace('/(\d{2})(\d{3})(\d{3})(\d{4})(\d{2})/', '$1.$2.$3/$4-$5', $processo->plano->pla_cgc) : '-' }}
                        </div>
                    </div>
                    <div class="row mt-2">
                        <div class="col-md-4">
                            <strong>Telefone:</strong><br>
                            {{ $processo->plano->pla_fone ?? '-' }}
                        </div>
                        <div class="col-md-4">
                            <strong>E-mail Principal:</strong><br>
                            @if($processo->plano->pla_email)
                                <a href="mailto:{{ $processo->plano->pla_email }}">{{ $processo->plano->pla_email }}</a>
                            @else
                                -
                            @endif
                        </div>
                    </div>
                    @php
                        // Busca emails adicionais via relacionamento
                        $emailsArray = [];
                        if ($processo->plano && $processo->plano->emailsAdicionais) {
                            $emailsArray = $processo->plano->emailsAdicionais
                                ->pluck('epl_email')
                                ->filter(function($email) {
                                    return !empty(trim($email));
                                })
                                ->toArray();
                        }
                    @endphp
                    @if(!empty($emailsArray) && count($emailsArray) > 0)
                    <div class="row mt-2">
                        <div class="col-md-12">
                            <strong>E-mails Adicionais:</strong><br>
                            <div class="mt-1">
                                @foreach($emailsArray as $email)
                                    @if(!empty(trim($email)))
                                        <span class="badge badge-info mr-1 mb-1">
                                            <a href="mailto:{{ trim($email) }}" style="color: white; text-decoration: none;">
                                                <i class="fas fa-envelope"></i> {{ trim($email) }}
                                            </a>
                                        </span>
                                    @endif
                                @endforeach
                            </div>
                        </div>
                    </div>
                    @endif
                </div>
            </div>
        </div>
    </div>

    <!-- Faturas Vinculadas -->
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Faturas Vinculadas ({{ $processo->faturas->count() }})</h3>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-bordered table-striped table-hover">
                            <thead>
                                <tr>
                                    <th>Número da Fatura</th>
                                    <th>Valor Original</th>
                                    <th>Emissão</th>
                                    <th>Vencimento</th>
                                    <th>Dias em Atraso</th>
                                    <th>Juros/Multa</th>
                                    <th>Valor Atualizado</th>
                                    <th>Status</th>
                                    <th>Impressão</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($processo->faturas as $fatura)
                                @php
                                    $vencimento = optional($fatura->fatura)->fat_dtvencto
                                        ? \Carbon\Carbon::parse($fatura->fatura->fat_dtvencto)->startOfDay()
                                        : null;
                                    $diasEmAtraso = $vencimento && $vencimento->lt(\Carbon\Carbon::today())
                                        ? \Carbon\Carbon::today()->diffInDays($vencimento)
                                        : 0;
                                @endphp
                                <tr>
                                    <td>{{ $fatura->fco_fat_numero }}</td>
                                    <td class="text-right">R$ {{ number_format($fatura->fco_valor_original, 2, ',', '.') }}</td>
                                    <td>{{ optional($fatura->fatura)->fat_emissao ? \Carbon\Carbon::parse($fatura->fatura->fat_emissao)->format('d/m/Y') : '-' }}</td>
                                    <td>{{ optional($fatura->fatura)->fat_dtvencto ? \Carbon\Carbon::parse($fatura->fatura->fat_dtvencto)->format('d/m/Y') : '-' }}</td>
                                    <td>{{ $diasEmAtraso }}</td>
                                    <td class="text-right">R$ {{ number_format($fatura->fco_valor_juros_multa, 2, ',', '.') }}</td>
                                    <td class="text-right"><strong>R$ {{ number_format($fatura->fco_valor_atualizado, 2, ',', '.') }}</strong></td>
                                    <td>
                                        <span class="badge badge-{{ $fatura->fco_status == 'Quitada' ? 'success' : ($fatura->fco_status == 'Negociada' ? 'info' : 'warning') }}">
                                            {{ $fatura->fco_status }}
                                        </span>
                                    </td>
                                    <td class="text-center">
                                        <a href="{{ rtrim($baseRelatorios, '/') }}/sigoweb/relatorios/jasperphp/fatura.php?P_Fatura={{ $fatura->fco_fat_numero }}&P_DataVencimento=" target="_blank" class="btn btn-sm btn-outline-secondary mr-1" title="Imprimir fatura original">
                                            <i class="fas fa-file-pdf"></i> Fatura
                                        </a>
                                        <a href="{{ rtrim($baseRelatorios, '/') }}/sigoweb/relatorios/jasperphp/boletoFatura.php?P_NossoNumero={{ $fatura->fco_fat_numero }}" target="_blank" class="btn btn-sm btn-outline-primary" title="Imprimir boleto original">
                                            <i class="fas fa-print"></i> Boleto
                                        </a>
                                    </td>
                                </tr>
                                @empty
                                <tr>
                                    <td colspan="9" class="text-center">Nenhuma fatura vinculada</td>
                                </tr>
                                @endforelse
                            </tbody>
                            <tfoot>
                                <tr>
                                    <th colspan="6" class="text-right">Total:</th>
                                    <th class="text-right">R$ {{ number_format($processo->faturas->sum('fco_valor_atualizado'), 2, ',', '.') }}</th>
                                    <th></th>
                                    <th></th>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Acordos -->
    @php
        $temAcordoAtivo = $processo->acordos->contains(fn($a) => $a->aco_status !== 'Cancelado');
    @endphp
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header d-flex justify-content-between align-items-center flex-wrap">
                    <h3 class="card-title mb-0">Acordos ({{ $processo->acordos->count() }})</h3>
                    <div class="d-flex align-items-center">
                        @if($temAcordoAtivo)
                        <span class="text-muted small mr-2">Cancele o acordo atual para criar outro.</span>
                        <button type="button" class="btn btn-secondary btn-sm" disabled title="Já existe um acordo em andamento. Cancele-o antes de criar um novo.">
                            <i class="fas fa-plus"></i> Novo Acordo
                        </button>
                        @else
                        <button type="button" class="btn btn-primary btn-sm" onclick="abrirModalCriarAcordo()">
                            <i class="fas fa-plus"></i> Novo Acordo
                        </button>
                        @endif
                    </div>
                </div>
                <div class="card-body">
                    @forelse($processo->acordos as $acordo)
                    <div class="card mb-3" id="acordo-card-{{ $acordo->aco_id }}">
                        <div class="card-header">
                            <div class="d-flex justify-content-between align-items-center">
                                <strong>Acordo #{{ $acordo->aco_id }} - {{ $acordo->aco_tipo }}</strong>
                                <div class="d-flex align-items-center gap-2">
                                    @php
                                        $nomeUsuarioCriacao = optional($acordo->usuarioCriacao)->usu_nome ?? 'Usuário não informado';
                                    @endphp
                                    <span
                                        class="text-muted"
                                        title="Criado por: {{ $nomeUsuarioCriacao }}"
                                        data-toggle="tooltip"
                                        data-placement="top"
                                    >
                                        <i class="fas fa-user-circle"></i>
                                    </span>
                                    @if($acordo->aco_status != 'Cancelado' && $acordo->aco_status != 'Quitado')
                                    <button type="button" class="btn btn-sm btn-outline-danger" onclick="cancelarAcordo({{ $acordo->aco_id }})" title="Cancelar este acordo para poder gerar outro">
                                        <i class="fas fa-times-circle"></i> Cancelar acordo
                                    </button>
                                    @endif
                                    <span class="badge badge-{{ $acordo->aco_status == 'Quitado' ? 'success' : ($acordo->aco_status == 'Cancelado' ? 'danger' : 'warning') }}">
                                        {{ $acordo->aco_status }}
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-3">
                                    <strong>Valor Total:</strong><br>
                                    R$ {{ number_format($acordo->aco_valor_total, 2, ',', '.') }}
                                </div>
                                <div class="col-md-3">
                                    <strong>Desconto:</strong><br>
                                    R$ {{ number_format($acordo->aco_valor_desconto, 2, ',', '.') }}
                                </div>
                                <div class="col-md-3">
                                    <strong>Juros:</strong><br>
                                    R$ {{ number_format($acordo->aco_valor_juros, 2, ',', '.') }}
                                </div>
                                <div class="col-md-3">
                                    <strong>Parcelas:</strong><br>
                                    {{ $acordo->aco_numero_parcelas }}x
                                </div>
                            </div>
                            @if($acordo->boletos->count() > 0)
                            @php
                                $urlBoletoBase = request()->getSchemeAndHttpHost() . '/sigoweb/relatorios/jasperphp/boletoNegociacao.php';
                                $nomeUsuarioCriacao = optional($acordo->usuarioCriacao)->usu_nome ?? 'Usuário não informado';
                            @endphp
                            <div class="row mt-3">
                                <div class="col-md-12">
                                    <strong>Boletos:</strong>
                                    <table class="table table-sm table-bordered mt-2">
                                        <thead>
                                            <tr>
                                                <th>Nosso Número</th>
                                                <th>Parcela</th>
                                                <th>Valor</th>
                                                <th>Vencimento</th>
                                                <th>Status</th>
                                                <th class="text-center">Usuário</th>
                                                <th class="text-center">Ações</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($acordo->boletos as $boleto)
                                            @php
                                                $nossoNumero = $boleto->bol_nossonumero ?? $boleto->bol_numero ?? null;
                                            @endphp
                                            <tr>
                                                <td>{{ $nossoNumero ?? '-' }}</td>
                                                <td>{{ $boleto->bol_numero_parcela ?? '-' }}</td>
                                                <td class="text-right">R$ {{ number_format($boleto->bol_valor, 2, ',', '.') }}</td>
                                                <td>{{ $boleto->bol_data_vencimento ? \Carbon\Carbon::parse($boleto->bol_data_vencimento)->format('d/m/Y') : '-' }}</td>
                                                <td>
                                                    <span class="badge badge-{{ $boleto->bol_status == 'Pago' ? 'success' : ($boleto->bol_status == 'Vencido' ? 'danger' : 'warning') }}">
                                                        {{ $boleto->bol_status }}
                                                    </span>
                                                </td>
                                                <td class="text-center">
                                                    <span
                                                        class="text-muted"
                                                        title="Criado por: {{ $nomeUsuarioCriacao }}"
                                                        data-toggle="tooltip"
                                                        data-placement="top"
                                                    >
                                                        <i class="fas fa-user-circle"></i>
                                                    </span>
                                                </td>
                                                <td class="text-center">
                                                    @if($nossoNumero)
                                                    <a href="{{ $urlBoletoBase }}?nossoNumero={{ urlencode($nossoNumero) }}" target="_blank" class="btn btn-sm btn-outline-primary" title="Imprimir boleto">
                                                        <i class="fas fa-print"></i> Imprimir
                                                    </a>
                                                    @else
                                                    <span class="text-muted small">-</span>
                                                    @endif
                                                </td>
                                            </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            @endif
                        </div>
                    </div>
                    @empty
                    <p class="text-muted">Nenhum acordo criado ainda.</p>
                    @endforelse
                </div>
            </div>
        </div>
    </div>

    <!-- Histórico -->
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h3 class="card-title">Histórico de Ações</h3>
                    <button type="button" class="btn btn-info btn-sm" onclick="abrirModalRegistrarContato()">
                        <i class="fas fa-phone"></i> Registrar Contato
                    </button>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th>Data/Hora</th>
                                    <th>Tipo</th>
                                    <th>Descrição</th>
                                    <th>Observações</th>
                                    <th>Contato</th>
                                    <th>Usuário</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($processo->historico as $historico)
                                @php
                                    $obs = $historico->his_observacoes ?? $historico->HIS_OBSERVACOES ?? null;
                                @endphp
                                <tr>
                                    <td>{{ $historico->his_data ? \Carbon\Carbon::parse($historico->his_data)->format('d/m/Y H:i') : '-' }}</td>
                                    <td>{{ $historico->his_tipo_acao ?? $historico->HIS_TIPO_ACAO ?? '-' }}</td>
                                    <td>{{ $historico->his_descricao ?? $historico->HIS_DESCRICAO ?? '-' }}</td>
                                    <td class="text-muted">{{ $obs ? e($obs) : '-' }}</td>
                                    <td>
                                        @if($historico->his_contato_tipo ?? $historico->HIS_CONTATO_TIPO ?? null)
                                            <strong>{{ $historico->his_contato_tipo ?? $historico->HIS_CONTATO_TIPO }}:</strong> {{ $historico->his_contato_detalhes ?? $historico->HIS_CONTATO_DETALHES ?? '-' }}
                                        @else
                                            -
                                        @endif
                                    </td>
                                    <td>{{ $historico->usuario->usu_nome ?? '-' }}</td>
                                </tr>
                                @empty
                                <tr>
                                    <td colspan="6" class="text-center">Nenhum registro no histórico</td>
                                </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Modal Registrar Contato -->
<div class="modal fade" id="modalRegistrarContato">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Registrar Contato</h5>
                <button type="button" class="close" data-dismiss="modal">
                    <span>&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <form id="formRegistrarContato">
                    <div class="form-group">
                        <label>Tipo de Contato *</label>
                        <select id="tipoContato" class="form-control" required>
                            <option value="">Selecione...</option>
                            <option value="Ligação">Ligação</option>
                            <option value="WhatsApp">WhatsApp</option>
                            <option value="E-mail">E-mail</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label>Detalhes do Contato</label>
                        <input type="text" id="detalhesContato" class="form-control" placeholder="Ex: número de telefone, e-mail, etc.">
                    </div>
                    <div class="form-group">
                        <label>Observações *</label>
                        <textarea id="observacoesContato" class="form-control" rows="4" required></textarea>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                <button type="button" class="btn btn-primary" onclick="registrarContato()">Registrar</button>
            </div>
        </div>
    </div>
</div>

<!-- Modal Criar Acordo -->
<div class="modal fade" id="modalCriarAcordo">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Criar Novo Acordo</h5>
                <button type="button" class="close" data-dismiss="modal">
                    <span>&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <form id="formCriarAcordo">
                    <div class="form-group">
                        <label>Tipo de Acordo *</label>
                        <select id="tipoAcordo" class="form-control" required onchange="toggleParcelas()">
                            <option value="">Selecione...</option>
                            <option value="Vista">À Vista</option>
                            <option value="Parcelado">Parcelado</option>
                        </select>
                    </div>
                    <div class="form-group" id="divNumeroParcelas" style="display: none;">
                        <label>Número de Parcelas *</label>
                        <input type="number" id="numeroParcelas" class="form-control" min="1" max="12" value="1">
                    </div>
                    <div class="form-group">
                        <label>Data de Vencimento da Primeira Parcela *</label>
                        <input type="date" id="dataVencimentoPrimeira" class="form-control" required>
                    </div>
                    <div class="form-group">
                        <label>Valor de Desconto (R$)</label>
                        <input type="number" id="valorDesconto" class="form-control" step="0.01" min="0" value="0">
                    </div>
                    <div class="form-group">
                        <label>
                            <input type="checkbox" id="aplicarJuros"> Aplicar Juros (1%)
                        </label>
                    </div>
                    <div class="form-group">
                        <label>Faturas a Incluir no Acordo *</label>
                        <div id="listaFaturas" style="max-height: 200px; overflow-y: auto;">
                            @foreach($processo->faturas as $fatura)
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" name="faturas_ids[]"
                                       value="{{ $fatura->fco_id }}" id="fatura_{{ $fatura->fco_id }}"
                                       {{ $fatura->fco_status == 'Quitada' ? 'disabled' : '' }}>
                                <label class="form-check-label" for="fatura_{{ $fatura->fco_id }}">
                                    Fatura {{ $fatura->fco_fat_numero }} -
                                    R$ {{ number_format($fatura->fco_valor_atualizado, 2, ',', '.') }}
                                    @if($fatura->fco_status == 'Quitada')
                                        <span class="badge badge-success">Quitada</span>
                                    @endif
                                </label>
                            </div>
                            @endforeach
                        </div>
                    </div>
                    <div class="form-group">
                        <label>Observações</label>
                        <textarea id="observacoesAcordo" class="form-control" rows="3"></textarea>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                <button type="button" class="btn btn-primary" id="btnCriarAcordo" onclick="criarAcordo()">
                    <i class="fas fa-plus mr-1"></i> Criar Acordo
                </button>
            </div>
        </div>
    </div>
</div>

<!-- Modal Alterar Status -->
<div class="modal fade" id="modalAlterarStatusProcesso" tabindex="-1" role="dialog" aria-labelledby="modalAlterarStatusProcessoLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header bg-light">
                <h5 class="modal-title" id="modalAlterarStatusProcessoLabel">
                    <i class="fas fa-edit text-primary mr-2"></i> Alterar status
                </h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Fechar">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <label for="novoStatusProcesso" class="font-weight-normal text-muted">Novo status</label>
                    <select id="novoStatusProcesso" class="form-control" required>
                        <option value="">Selecione...</option>
                        <option value="Em Negociação">Em Negociação</option>
                        <option value="Cancelada">Cancelada</option>
                    </select>
                </div>
                <div class="form-group mb-0">
                    <label for="justificativaStatusProcesso" class="font-weight-normal text-muted">Justificativa</label>
                    <textarea
                        id="justificativaStatusProcesso"
                        class="form-control"
                        rows="4"
                        maxlength="1000"
                        required
                        placeholder="Informe a justificativa da alteração..."
                    ></textarea>
                </div>
            </div>
            <div class="modal-footer border-top-0">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">
                    <i class="fas fa-arrow-left mr-1"></i> Cancelar
                </button>
                <button type="button" class="btn btn-primary" id="btnConfirmarAlteracaoStatus">
                    <i class="fas fa-check mr-1"></i> Confirmar
                </button>
            </div>
        </div>
    </div>
</div>

<!-- Modal Confirmar Cancelamento de Acordo -->
<div class="modal fade" id="modalConfirmarCancelarAcordo" tabindex="-1" role="dialog" aria-labelledby="modalConfirmarCancelarAcordoLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header bg-light">
                <h5 class="modal-title" id="modalConfirmarCancelarAcordoLabel">
                    <i class="fas fa-exclamation-triangle text-warning mr-2"></i> Cancelar acordo
                </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 class="mb-3">Tem certeza que deseja cancelar este acordo? Após o cancelamento você poderá gerar um novo acordo.</p>
                <div class="form-group mb-0">
                    <label for="motivoCancelarAcordo" class="font-weight-normal text-muted">Motivo do cancelamento <small>(opcional)</small></label>
                    <textarea id="motivoCancelarAcordo" class="form-control" rows="3" placeholder="Ex.: Cliente solicitou renegociação com outras parcelas..." maxlength="500"></textarea>
                </div>
            </div>
            <div class="modal-footer border-top-0">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">
                    <i class="fas fa-arrow-left mr-1"></i> Não, manter acordo
                </button>
                <button type="button" class="btn btn-danger" id="btnConfirmarCancelarAcordo">
                    <i class="fas fa-times-circle mr-1"></i> Sim, cancelar acordo
                </button>
            </div>
        </div>
    </div>
</div>

@stop

@section('js')
<script>
    const processoId = {{ $processo->prc_id }};
    const podeCriarAcordo = {{ $temAcordoAtivo ? 'false' : 'true' }};

    function abrirModalRegistrarContato() {
        $('#formRegistrarContato')[0].reset();
        $('#modalRegistrarContato').modal('show');
    }

    function abrirModalCriarAcordo() {
        if (!podeCriarAcordo) {
            toastr.warning('Já existe um acordo em andamento. Cancele-o antes de criar um novo.', 'Atenção!', {
                timeOut: 5000,
                progressBar: true,
                closeButton: true
            });
            return;
        }
        $('#formCriarAcordo')[0].reset();
        $('#divNumeroParcelas').hide();
        $('#numeroParcelas').val(1);
        $('#modalCriarAcordo').modal('show');
    }

    var acordoIdParaCancelar = null;

    function cancelarAcordo(acoId) {
        acordoIdParaCancelar = acoId;
        $('#motivoCancelarAcordo').val('');
        $('#modalConfirmarCancelarAcordo').modal('show');
    }

    $(function() {
        $('#btnConfirmarCancelarAcordo').on('click', function() {
            if (acordoIdParaCancelar == null) return;
            var motivo = $('#motivoCancelarAcordo').val() ? $('#motivoCancelarAcordo').val().trim() : '';
            var $btn = $(this);
            $btn.prop('disabled', true).html('<i class="fas fa-spinner fa-spin mr-1"></i> Cancelando...');
            $.ajax({
                url: '/sigo-laravel/public/api/v1/financeiro/cobranca/acordos/' + acordoIdParaCancelar + '/cancelar',
                method: 'POST',
                data: JSON.stringify({ motivo: motivo }),
                headers: {
                    'Authorization': 'Bearer ' + (localStorage.getItem('token') || ''),
                    'Accept': 'application/json',
                    'Content-Type': 'application/json'
                },
                success: function(response) {
                    $('#modalConfirmarCancelarAcordo').modal('hide');
                    $btn.prop('disabled', false).html('<i class="fas fa-times-circle mr-1"></i> Sim, cancelar acordo');
                    if (response.success) {
                        toastr.success('Acordo cancelado com sucesso. Você já pode gerar um novo acordo.', 'Sucesso!', {
                            timeOut: 4000,
                            progressBar: true,
                            closeButton: true
                        });
                        setTimeout(function() { location.reload(); }, 600);
                    } else {
                        toastr.error(response.message || 'Erro ao cancelar acordo', 'Erro!');
                    }
                },
                error: function(xhr) {
                    $('#modalConfirmarCancelarAcordo').modal('hide');
                    $btn.prop('disabled', false).html('<i class="fas fa-times-circle mr-1"></i> Sim, cancelar acordo');
                    var msg = (xhr.responseJSON && xhr.responseJSON.message) ? xhr.responseJSON.message : 'Erro ao cancelar acordo. Tente novamente.';
                    toastr.error(msg, 'Erro!');
                    console.error(xhr);
                }
            });
        });

        $('#modalConfirmarCancelarAcordo').on('hidden.bs.modal', function() {
            acordoIdParaCancelar = null;
            $('#btnConfirmarCancelarAcordo').prop('disabled', false).html('<i class="fas fa-times-circle mr-1"></i> Sim, cancelar acordo');
        });

        $('#modalCriarAcordo').on('hidden.bs.modal', function() {
            $('#btnCriarAcordo').prop('disabled', false).html('<i class="fas fa-plus mr-1"></i> Criar Acordo');
        });
    });

    function toggleParcelas() {
        const tipo = $('#tipoAcordo').val();
        if (tipo === 'Parcelado') {
            $('#divNumeroParcelas').show();
            $('#numeroParcelas').prop('required', true);
        } else {
            $('#divNumeroParcelas').hide();
            $('#numeroParcelas').prop('required', false);
        }
    }

    function registrarContato() {
        const dados = {
            tipo_contato: $('#tipoContato').val(),
            detalhes: $('#detalhesContato').val(),
            observacoes: $('#observacoesContato').val()
        };

        if (!dados.tipo_contato || !dados.observacoes) {
            toastr.warning('Preencha todos os campos obrigatórios', 'Atenção!', {
                timeOut: 3000,
                progressBar: true,
                closeButton: true
            });
            return;
        }

        $.ajax({
            url: `/sigo-laravel/public/api/v1/financeiro/cobranca/processos/${processoId}/contato`,
            method: 'POST',
            data: JSON.stringify(dados),
            headers: {
                'Authorization': 'Bearer ' + (localStorage.getItem('token') || ''),
                'Accept': 'application/json',
                'Content-Type': 'application/json'
            },
            success: function(response) {
                if (response.success) {
                    toastr.success('Contato registrado com sucesso!', 'Sucesso!', {
                        timeOut: 3000,
                        progressBar: true,
                        closeButton: true
                    });
                    $('#modalRegistrarContato').modal('hide');
                    // Aguarda um pouco antes de recarregar para o usuário ver a notificação
                    setTimeout(function() {
                        location.reload();
                    }, 500);
                } else {
                    toastr.error(response.message || 'Erro ao registrar contato', 'Erro!', {
                        timeOut: 5000,
                        progressBar: true,
                        closeButton: true
                    });
                }
            },
            error: function(xhr) {
                let mensagem = 'Erro ao registrar contato.';
                if (xhr.responseJSON && xhr.responseJSON.message) {
                    mensagem = xhr.responseJSON.message;
                } else if (xhr.responseText) {
                    try {
                        const response = JSON.parse(xhr.responseText);
                        mensagem = response.message || response.error || mensagem;
                    } catch (e) {
                        mensagem = xhr.responseText || mensagem;
                    }
                }
                toastr.error(mensagem, 'Erro!', {
                    timeOut: 5000,
                    progressBar: true,
                    closeButton: true
                });
                console.error('Erro completo:', xhr);
            }
        });
    }

    function criarAcordo() {
        var $btn = $('#btnCriarAcordo');
        if ($btn.prop('disabled')) return;

        const faturasSelecionadas = [];
        $('input[name="faturas_ids[]"]:checked').each(function() {
            faturasSelecionadas.push($(this).val());
        });

        if (faturasSelecionadas.length === 0) {
            toastr.warning('Selecione pelo menos uma fatura', 'Atenção!', {
                timeOut: 3000,
                progressBar: true,
                closeButton: true
            });
            return;
        }

        const dados = {
            prc_id: processoId,
            faturas_ids: faturasSelecionadas,
            tipo: $('#tipoAcordo').val(),
            numero_parcelas: $('#tipoAcordo').val() === 'Parcelado' ? parseInt($('#numeroParcelas').val()) : 1,
            data_vencimento_primeira: $('#dataVencimentoPrimeira').val(),
            valor_desconto: parseFloat($('#valorDesconto').val()) || 0,
            aplicar_juros: $('#aplicarJuros').is(':checked'),
            observacoes: $('#observacoesAcordo').val()
        };

        if (!dados.tipo || !dados.data_vencimento_primeira) {
            toastr.warning('Preencha todos os campos obrigatórios', 'Atenção!', {
                timeOut: 3000,
                progressBar: true,
                closeButton: true
            });
            return;
        }

        $btn.prop('disabled', true).html('<i class="fas fa-spinner fa-spin mr-1"></i> Criando acordo...');

        $.ajax({
            url: '/sigo-laravel/public/api/v1/financeiro/cobranca/acordos',
            method: 'POST',
            data: JSON.stringify(dados),
            headers: {
                'Authorization': 'Bearer ' + (localStorage.getItem('token') || ''),
                'Accept': 'application/json',
                'Content-Type': 'application/json'
            },
            success: function(response) {
                if (response.success) {
                    toastr.success('Acordo criado com sucesso!', 'Sucesso!', {
                        timeOut: 3000,
                        progressBar: true,
                        closeButton: true
                    });
                    $('#modalCriarAcordo').modal('hide');
                    setTimeout(function() {
                        location.reload();
                    }, 500);
                } else {
                    $btn.prop('disabled', false).html('<i class="fas fa-plus mr-1"></i> Criar Acordo');
                    toastr.error(response.message || 'Erro ao criar acordo', 'Erro!', {
                        timeOut: 5000,
                        progressBar: true,
                        closeButton: true
                    });
                }
            },
            error: function(xhr) {
                $btn.prop('disabled', false).html('<i class="fas fa-plus mr-1"></i> Criar Acordo');
                let mensagem = 'Erro ao criar acordo. Tente novamente.';
                if (xhr.responseJSON && xhr.responseJSON.message) {
                    mensagem = xhr.responseJSON.message;
                }
                toastr.error(mensagem, 'Erro!', {
                    timeOut: 5000,
                    progressBar: true,
                    closeButton: true
                });
                console.error(xhr);
            }
        });
    }

    function abrirModalStatusProcesso() {
        const statusAtual = $('#statusProcessoBadge').data('status-atual') || '';
        $('#novoStatusProcesso').val('');
        $('#justificativaStatusProcesso').val('');
        $('#modalAlterarStatusProcesso').modal('show');
        setTimeout(function() {
            $('#novoStatusProcesso').trigger('focus');
        }, 200);
    }

    function atualizarBadgeStatusProcesso(novoStatus) {
        const classes = {
            'Aberta': 'warning',
            'Em Negociação': 'info',
            'Acordo Fechado': 'primary',
            'Quitada': 'success',
            'Cancelada': 'secondary',
            'Incobrável': 'danger'
        };

        $('#statusProcessoBadge')
            .removeClass(function(index, className) {
                return (className.match(/badge-\S+/g) || []).join(' ');
            })
            .addClass('badge-' + (classes[novoStatus] || 'info'))
            .text(novoStatus)
            .data('status-atual', novoStatus);
    }

    function atualizarObservacoesProcesso(texto) {
        const observacao = (texto || '').trim();
        const blocoExistente = $('#blocoObservacoesProcesso');

        if (observacao) {
            if (blocoExistente.length) {
                blocoExistente.find('.observacoes-texto').text(observacao);
            } else {
                const html = `
                    <div class="row mt-3" id="blocoObservacoesProcesso">
                        <div class="col-md-12">
                            <strong>Observações:</strong><br>
                            <span class="observacoes-texto"></span>
                        </div>
                    </div>
                `;
                $('.card-body').first().append(html);
                $('#blocoObservacoesProcesso .observacoes-texto').text(observacao);
            }
            return;
        }

        if (blocoExistente.length) {
            blocoExistente.remove();
        }
    }

    function confirmarAlteracaoStatusProcesso() {
        const novoStatus = $('#novoStatusProcesso').val();
        const statusAtual = $('#statusProcessoBadge').data('status-atual') || '';
        const justificativa = $('#justificativaStatusProcesso').val() ? $('#justificativaStatusProcesso').val().trim() : '';

        if (!novoStatus) {
            toastr.warning('Selecione o novo status.', 'Atenção!', {
                timeOut: 3000,
                progressBar: true,
                closeButton: true
            });
            return;
        }

        if (!justificativa) {
            toastr.warning('Informe a justificativa.', 'Atenção!', {
                timeOut: 3000,
                progressBar: true,
                closeButton: true
            });
            return;
        }

        if (novoStatus === statusAtual) {
            toastr.warning('O novo status precisa ser diferente do status atual.', 'Atenção!', {
                timeOut: 3000,
                progressBar: true,
                closeButton: true
            });
            return;
        }

        const $btn = $('#btnConfirmarAlteracaoStatus');
        const textoOriginal = $btn.html();

        $btn.prop('disabled', true).html('<i class="fas fa-spinner fa-spin mr-1"></i> Enviando...');

        $.ajax({
            url: '/sigo-laravel/public/api/v1/financeiro/cobranca/processos/' + processoId + '/status',
            method: 'PUT',
            data: JSON.stringify({
                status: novoStatus,
                justificativa: justificativa
            }),
            headers: {
                'Authorization': 'Bearer ' + (localStorage.getItem('token') || ''),
                'Accept': 'application/json',
                'Content-Type': 'application/json'
            },
            success: function(response) {
                if (response.success) {
                    atualizarBadgeStatusProcesso(novoStatus);
                    atualizarObservacoesProcesso(justificativa);
                    $('#modalAlterarStatusProcesso').modal('hide');
                    toastr.success('Status atualizado com sucesso!', 'Sucesso!', {
                        timeOut: 3000,
                        progressBar: true,
                        closeButton: true
                    });
                } else {
                    toastr.error(response.message || 'Erro ao atualizar status', 'Erro!', {
                        timeOut: 5000,
                        progressBar: true,
                        closeButton: true
                    });
                }
            },
            error: function(xhr) {
                let mensagem = 'Erro ao atualizar status.';
                if (xhr.responseJSON && xhr.responseJSON.message) {
                    mensagem = xhr.responseJSON.message;
                }
                toastr.error(mensagem, 'Erro!', {
                    timeOut: 5000,
                    progressBar: true,
                    closeButton: true
                });
                console.error(xhr);
            },
            complete: function() {
                $btn.prop('disabled', false).html(textoOriginal);
            }
        });
    }

    $(function() {
        $('[data-toggle="tooltip"]').tooltip({
            trigger: 'hover'
        });

        $('#btnEditarStatusProcesso, #statusProcessoBadge').on('click', function() {
            abrirModalStatusProcesso();
        });

        $('#btnConfirmarAlteracaoStatus').on('click', function() {
            confirmarAlteracaoStatusProcesso();
        });
    });
</script>
@stop