@extends('layouts.app')

@section('title', 'Resumo da Conta a Pagar')

@push('styles-custom')
    <!-- Se precisar de estilos adicionais, adicione aqui -->
@endpush

@section('content')
<div class="content pt-3">
    <!-- Breadcrumb -->
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb mb-3">
            <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
            <li class="breadcrumb-item"><a href="{{ route('contas-a-pagar.index') }}">Contas a Pagar</a></li>
            <li class="breadcrumb-item active" aria-current="page">Resumo da Conta a Pagar</li>
        </ol>
    </nav>

    <div class="mb-4">
        <h2>Resumo da Conta a Pagar</h2>
        <p class="text-muted">Confira todas as informações antes de salvar.</p>
    </div>

    <!-- Barra de Progresso -->
    <div class="progress mb-4">
        <div class="progress-bar" role="progressbar" style="width: 100%;"
             aria-valuenow="{{ $step }}" aria-valuemin="1" aria-valuemax="5">
            Passo {{ $step }} de 5
        </div>
    </div>

    <!-- Card: Informações Gerais -->
    <div class="card mb-4">
        <div class="card-header">
            Informações Gerais
        </div>
        <div class="card-body">
            <p><strong>Empresa:</strong> {{ $empresa->razao_social }}</p>
            <p><strong>Fornecedor{{ $fornecedores->count() > 1 ? 'es' : '' }}:</strong> 
                @if($fornecedores->count() === 1)
                    {{ $fornecedores->first()->razao_social }}
                @else
                    <div class="mt-2">
                        @foreach($fornecedores as $fornecedor)
                            <span class="badge badge-phoenix badge-phoenix-primary me-1 mb-1">
                                <i class="fas fa-building me-1"></i>
                                {{ $fornecedor->razao_social }}
                                <small class="ms-1">({{ $fornecedor->documento }})</small>
                            </span>
                        @endforeach
                    </div>
                    <small class="text-muted">Total: {{ $fornecedores->count() }} fornecedores selecionados</small>
                @endif
            </p>
            <p><strong>Plano de Contas:</strong> {{ $planoDeConta->codigo }} - {{ $planoDeConta->descricao }}</p>
            <p><strong>Conta Bancária:</strong>
                @if($contaBancaria)
                    Empresa: {{ $contaBancaria->empresa->nome_fantasia ?? 'Empresa Desconhecida' }},
                    Banco: {{ $contaBancaria->banco }},
                    Agência: {{ $contaBancaria->agencia }},
                    Conta: {{ $contaBancaria->conta_corrente }}
                @else
                    N/A
                @endif
            </p>
            <p><strong>Número da Nota:</strong> {{ $contaAPagar['numero_nota'] ?? 'N/A' }}</p>
            <p><strong>Descrição:</strong> {{ $contaAPagar['descricao'] ?? 'N/A' }}</p>
            <p><strong>Valor Principal:</strong>
                R$ {{ number_format($contaAPagar['valor'], 2, ',', '.') }}
            </p>
            <p><strong>Quantidade de Contas:</strong>
                {{ $contaAPagar['quantidade_contas'] ?? 1 }} {{ ((int) ($contaAPagar['quantidade_contas'] ?? 1)) == 1 ? 'conta' : 'contas' }}
            </p>
            @if(((int) ($contaAPagar['quantidade_contas'] ?? 1)) > 1)
                <p><strong>Valor Total das Contas:</strong>
                    R$ {{ number_format($contaAPagar['valor'] * ($contaAPagar['quantidade_contas'] ?? 1), 2, ',', '.') }}
                </p>
            @endif
        </div>
    </div>

    @php
        // Todas as parcelas agrupadas (por evento ou 'sem_evento')
        $parcelasGrouped = session('conta_a_pagar.parcelas', []);

        // Calcula soma total das parcelas
        $totalParcelas = 0.0;
        foreach ($parcelasGrouped as $groupId => $parcelas) {
            foreach ($parcelas as $parcela) {
                $valorParcela = is_numeric($parcela['valor'] ?? null)
                    ? (float) $parcela['valor']
                    : 0.0;
                $totalParcelas += $valorParcela;
            }
        }

        // Converte o valor principal para float
        $valorPrincipal = is_numeric($contaAPagar['valor'])
            ? (float) $contaAPagar['valor']
            : 0.0;

        // Verifica se a soma das parcelas bate com o valor principal
        $valoresConferem = abs($totalParcelas - $valorPrincipal) < 0.01;

        // Para decidir se oferecemos "repetir lançamento":
        // Obtemos todas as chaves (eventos ou 'sem_evento')
        $allEventIds = array_keys($parcelasGrouped);
    @endphp

    <!-- Exibição das Parcelas por Evento -->
    @if($eventos->count() > 0)
        {{--
            Exibe um card para cada evento real SE houver parcelas.
            Obs.: Caso não tenha sido criada nenhuma parcela para algum evento,
            esse evento não aparece.
        --}}
        @foreach($eventos as $evento)
            @if(isset($parcelasGrouped[$evento->id]) && count($parcelasGrouped[$evento->id]) > 0)
                <div class="card mb-4">
                    <div class="card-header">
                        Parcelas para o Evento: {{ $evento->nome }} - {{ $evento->data }} {{ $evento->hora }} - {{ $evento->cidade }}/{{ $evento->uf }}
                    </div>
                    <div class="card-body">
                        @php $eventTotal = 0.0; @endphp

                        @foreach($parcelasGrouped[$evento->id] as $index => $parcela)
                            @php
                                $valorAtual = (float)($parcela['valor'] ?? 0.0);
                                $eventTotal += $valorAtual;
                            @endphp
                            <div class="mb-3">
                                <h5>Parcela {{ $loop->iteration }}</h5>
                                <p>
                                    <strong>Data do Vencimento:</strong>
                                    {{ \Carbon\Carbon::parse($parcela['data'] ?? now())->format('d/m/Y') }}
                                </p>
                                <p>
                                    <strong>Valor:</strong>
                                    R$ {{ number_format($valorAtual, 2, ',', '.') }}
                                </p>
                            </div>
                            @if(!$loop->last)
                                <hr>
                            @endif
                        @endforeach

                        <p>
                            <strong>Total do Evento:</strong>
                            R$ {{ number_format($eventTotal, 2, ',', '.') }}
                        </p>
                    </div>
                </div>
            @endif
        @endforeach
    @endif

    {{-- Se existe o grupo 'sem_evento', exibimos as parcelas --}}
    @if(isset($parcelasGrouped['sem_evento']) && count($parcelasGrouped['sem_evento']) > 0)
        <div class="card mb-4">
            <div class="card-header">
                Parcelas (Sem Evento Vinculado)
            </div>
            <div class="card-body">
                @php $semEventoTotal = 0.0; @endphp

                @foreach($parcelasGrouped['sem_evento'] as $index => $parcela)
                    @php
                        $valorAtual = (float)($parcela['valor'] ?? 0.0);
                        $semEventoTotal += $valorAtual;
                    @endphp
                    <div class="mb-3">
                        <h5>Parcela {{ $loop->iteration }}</h5>
                        <p>
                            <strong>Data do Vencimento:</strong>
                            {{ \Carbon\Carbon::parse($parcela['data'] ?? now())->format('d/m/Y') }}
                        </p>
                        <p>
                            <strong>Valor:</strong>
                            R$ {{ number_format($valorAtual, 2, ',', '.') }}
                        </p>
                    </div>
                    @if(!$loop->last)
                        <hr>
                    @endif
                @endforeach

                <p>
                    <strong>Total (Sem Evento):</strong>
                    R$ {{ number_format($semEventoTotal, 2, ',', '.') }}
                </p>
            </div>
        </div>
    @endif

    <!-- Card de Resumo Geral (soma das parcelas) -->
    <div class="card mb-4">
        <div class="card-header">
            Resumo Geral
        </div>
        <div class="card-body">
            <div class="d-flex justify-content-end">
                <h5>
                    <strong>Total das Parcelas:</strong>
                    R$ {{ number_format($totalParcelas, 2, ',', '.') }}
                </h5>
            </div>
            @if(!$valoresConferem)
                <div class="alert alert-danger mt-3" role="alert">
                    A soma das parcelas (R$ {{ number_format($totalParcelas, 2, ',', '.') }}) não corresponde ao valor principal (R$ {{ number_format($valorPrincipal, 2, ',', '.') }}).
                    Por favor, verifique as parcelas.
                </div>
            @endif
        </div>
    </div>

    <!-- Verifica se só existe UM grupo de parcelas (um evento OU 'sem_evento') e se ele tem só 1 parcela -->
    @php
        // Se existir apenas 1 chave em $parcelasGrouped
        // pegamos a primeira para checar se há apenas 1 parcela
        $uniqueGroup = null;
        if (count($allEventIds) === 1) {
            $uniqueGroup = $allEventIds[0];
        }

        $uniqueGroupHasSingleParcela = false;
        if ($uniqueGroup !== null && isset($parcelasGrouped[$uniqueGroup]) && count($parcelasGrouped[$uniqueGroup]) === 1) {
            $uniqueGroupHasSingleParcela = true;
        }
    @endphp

    @if($uniqueGroupHasSingleParcela)
        <div class="card mb-4">
            <div class="card-header">
                Repetir Lançamento
            </div>
            <div class="card-body">
                <div class="mb-3">
                    <label for="repetir_meses" class="form-label">Repetir lançamento por (meses):</label>
                    <select name="repetir_meses" id="repetir_meses" class="form-select">
                        @for($i = 1; $i <= 60; $i++)
                            <option value="{{ $i }}">{{ $i }} mês(es)</option>
                        @endfor
                    </select>
                    <small class="form-text text-muted">
                        Selecione quantos meses deseja repetir o lançamento. A data de vencimento será incrementada mensalmente.
                    </small>
                </div>
            </div>
        </div>
    @endif

    <!-- Formulário para Salvar a Conta a Pagar -->
    <form id="form-salvar-conta" action="{{ route('contas-a-pagar.salvar') }}" method="POST">
        @csrf

        {{-- Repassamos as parcelas via inputs hidden, pois o método salvar espera esses dados --}}
        @foreach($parcelasGrouped as $groupId => $parcelas)
            @foreach($parcelas as $uniqueId => $parcela)
                <input type="hidden"
                       name="parcelas[{{ $groupId }}][{{ $uniqueId }}][data]"
                       value="{{ $parcela['data'] }}">
                <input type="hidden"
                       name="parcelas[{{ $groupId }}][{{ $uniqueId }}][valor]"
                       value="{{ $parcela['valor'] }}">
            @endforeach
        @endforeach

        @if($uniqueGroupHasSingleParcela)
            {{-- Mantemos o valor selecionado em repetição num input hidden --}}
            <input type="hidden" name="repetir_meses" id="input_repetir_meses" value="1">
            <script>
                document.addEventListener("DOMContentLoaded", function(){
                    var selectRepetir = document.getElementById('repetir_meses');
                    var inputHidden = document.getElementById('input_repetir_meses');
                    selectRepetir.addEventListener('change', function(){
                        inputHidden.value = this.value;
                    });
                });
            </script>
        @endif

        <div class="d-flex justify-content-between">
            <a href="{{ route('contas-a-pagar.parcelas') }}" class="btn btn-secondary">
                <span class="fas fa-arrow-left"></span> Voltar
            </a>
            <button type="button" class="btn btn-success" id="btn-confirmar" @if(!$valoresConferem) disabled @endif onclick="abrirModalConfirmacao()">
                <span class="fas fa-check"></span> Confirmar e Salvar
            </button>
        </div>
    </form>

    <!-- Modal de Confirmação -->
    <div class="modal fade" id="modalConfirmacao" tabindex="-1" aria-labelledby="modalConfirmacaoLabel" aria-hidden="true">
        <div class="modal-dialog modal-xl">
            <div class="modal-content border-0 shadow-lg">
                <div class="modal-header bg-body-emphasis border-0 pb-2">
                    <div class="d-flex align-items-center">
                        <div class="icon-item icon-item-md bg-warning-subtle text-warning-emphasis rounded-3 me-3">
                            <span class="fas fa-exclamation-triangle"></span>
                        </div>
                        <div>
                            <h4 class="modal-title text-body-emphasis mb-0" id="modalConfirmacaoLabel">
                                Confirmar Criação de Lançamentos
                            </h4>
                            <p class="text-body-tertiary mb-0 fs-9">Revise os dados antes de prosseguir</p>
                        </div>
                    </div>
                    <button type="button" class="btn p-1" data-bs-dismiss="modal" aria-label="Close">
                        <span class="fas fa-times fs-9"></span>
                    </button>
                </div>
                
                <div class="modal-body px-4 pt-2">
                    @php
                        // Definir variáveis necessárias para o modal
                        $quantidadeContas = (int) ($contaAPagar['quantidade_contas'] ?? 1);
                        $totalFornecedores = $fornecedores->count();
                        $totalLancamentos = 0;
                        
                        // Calcular total de lançamentos
                        foreach ($parcelasGrouped as $groupId => $parcelas) {
                            $totalLancamentos += count($parcelas);
                        }
                        
                        // Se há repetição mensal para parcela única
                        $repetirMeses = 1;
                        if ($uniqueGroupHasSingleParcela) {
                            $repetirMeses = 12; // Valor padrão, será atualizado via JS
                        }
                        
                        $totalLancamentosFinal = $totalLancamentos * $quantidadeContas * $totalFornecedores * $repetirMeses;
                        $valorTotalGeral = $totalParcelas * $quantidadeContas * $totalFornecedores * $repetirMeses;
                    @endphp

                    <!-- Abas de Navegação -->
                    <ul class="nav nav-underline mb-4" id="confirmacaoTabs" role="tablist">
                        <li class="nav-item" role="presentation">
                            <button class="nav-link active" id="resumo-tab" data-bs-toggle="tab" data-bs-target="#resumo" type="button" role="tab">
                                <span class="fas fa-chart-bar me-2"></span>Resumo
                            </button>
                        </li>
                        <li class="nav-item" role="presentation">
                            <button class="nav-link" id="fornecedores-tab" data-bs-toggle="tab" data-bs-target="#fornecedores" type="button" role="tab">
                                <span class="fas fa-building me-2"></span>Fornecedores
                            </button>
                        </li>
                        <li class="nav-item" role="presentation">
                            <button class="nav-link" id="detalhes-tab" data-bs-toggle="tab" data-bs-target="#detalhes" type="button" role="tab">
                                <span class="fas fa-info-circle me-2"></span>Detalhes
                            </button>
                        </li>
                    </ul>

                    <!-- Conteúdo das Abas -->
                    <div class="tab-content" id="confirmacaoTabContent">
                        <!-- Aba Resumo -->
                        <div class="tab-pane fade show active" id="resumo" role="tabpanel">
                            <div class="row g-3">
                                <!-- Card Total de Lançamentos -->
                                <div class="col-md-6">
                                    <div class="card border border-translucent h-100">
                                        <div class="card-body text-center">
                                            <div class="icon-item icon-item-lg bg-primary-subtle text-primary-emphasis rounded-3 mx-auto mb-3">
                                                <span class="fas fa-file-invoice fs-4"></span>
                                            </div>
                                            <h3 class="text-primary mb-1" id="conf-total-lancamentos">{{ $totalLancamentosFinal }}</h3>
                                            <p class="text-body-secondary mb-0 fs-9">Total de Lançamentos</p>
                                        </div>
                                    </div>
                                </div>

                                <!-- Card Valor Total -->
                                <div class="col-md-6">
                                    <div class="card border border-translucent h-100">
                                        <div class="card-body text-center">
                                            <div class="icon-item icon-item-lg bg-success-subtle text-success-emphasis rounded-3 mx-auto mb-3">
                                                <span class="fas fa-dollar-sign fs-4"></span>
                                            </div>
                                            <h3 class="text-success mb-1" id="conf-valor-total">R$ {{ number_format($valorTotalGeral, 2, ',', '.') }}</h3>
                                            <p class="text-body-secondary mb-0 fs-9">Valor Total Geral</p>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- Cards de Métricas -->
                            <div class="row g-3 mt-2">
                                <div class="col-6 col-lg-3">
                                    <div class="border border-translucent rounded-3 p-3 text-center">
                                        <div class="fs-7 fw-bold text-body-emphasis" id="conf-total-fornecedores">{{ $totalFornecedores }}</div>
                                        <div class="fs-10 text-body-tertiary">Fornecedores</div>
                                    </div>
                                </div>
                                <div class="col-6 col-lg-3">
                                    <div class="border border-translucent rounded-3 p-3 text-center">
                                        <div class="fs-7 fw-bold text-body-emphasis" id="conf-quantidade-contas">{{ $quantidadeContas }}</div>
                                        <div class="fs-10 text-body-tertiary">Qtd. Contas</div>
                                    </div>
                                </div>
                                <div class="col-6 col-lg-3">
                                    <div class="border border-translucent rounded-3 p-3 text-center">
                                        <div class="fs-7 fw-bold text-body-emphasis" id="conf-total-parcelas">{{ $totalLancamentos }}</div>
                                        <div class="fs-10 text-body-tertiary">Parcelas</div>
                                    </div>
                                </div>
                                @if($uniqueGroupHasSingleParcela)
                                <div class="col-6 col-lg-3">
                                    <div class="border border-translucent rounded-3 p-3 text-center">
                                        <div class="fs-7 fw-bold text-body-emphasis" id="conf-repetir-meses">1</div>
                                        <div class="fs-10 text-body-tertiary">Meses</div>
                                    </div>
                                </div>
                                @endif
                            </div>

                            <!-- Alert de Atenção -->
                            <div class="alert alert-outline-warning d-flex align-items-center mt-4" role="alert">
                                <span class="fas fa-exclamation-triangle text-warning me-3"></span>
                                <div class="flex-1">
                                    <h6 class="alert-heading fw-bold mb-1">Atenção!</h6>
                                    <p class="mb-0 fs-9">
                                        Esta ação criará <strong><span id="conf-total-lancamentos-text">{{ $totalLancamentosFinal }}</span> lançamentos</strong> 
                                        no sistema. Esta operação não pode ser desfeita facilmente.
                                    </p>
                                </div>
                            </div>
                        </div>

                        <!-- Aba Fornecedores -->
                        <div class="tab-pane fade" id="fornecedores" role="tabpanel">
                            <div class="d-flex align-items-center justify-content-between mb-3">
                                <div>
                                    <h6 class="mb-1">Fornecedores Selecionados</h6>
                                    <p class="text-body-tertiary mb-0 fs-9">{{ $totalFornecedores }} fornecedor(es) selecionado(s)</p>
                                </div>
                                <span class="badge badge-phoenix badge-phoenix-info">
                                    {{ $totalFornecedores }} {{ $totalFornecedores == 1 ? 'fornecedor' : 'fornecedores' }}
                                </span>
                            </div>

                            <div class="row g-3">
                                @foreach($fornecedores as $fornecedor)
                                <div class="col-md-6">
                                    <div class="card border border-translucent h-100 hover-actions-trigger">
                                        <div class="card-body p-3">
                                            <div class="d-flex align-items-start">
                                                <div class="icon-item icon-item-sm bg-success-subtle text-success-emphasis rounded-2 me-3 mt-1">
                                                    <span class="fas fa-check fs-10"></span>
                                                </div>
                                                <div class="flex-1 min-w-0">
                                                    <h6 class="mb-1 text-truncate" title="{{ $fornecedor->razao_social }}">
                                                        {{ $fornecedor->razao_social }}
                                                    </h6>
                                                    <div class="fs-9 text-body-tertiary">
                                                        <span class="badge badge-phoenix badge-phoenix-secondary fs-10">
                                                            {{ $fornecedor->documento }}
                                                        </span>
                                                    </div>
                                                    <div class="fs-9 text-body-secondary mt-2">
                                                        Valor: <span class="fw-semibold text-success" id="valor-fornecedor-{{ $fornecedor->id }}">R$ {{ number_format($totalParcelas * $quantidadeContas, 2, ',', '.') }}</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                @endforeach
                            </div>
                        </div>

                        <!-- Aba Detalhes -->
                        <div class="tab-pane fade" id="detalhes" role="tabpanel">
                            <div class="row g-4">
                                <!-- Cálculo Detalhado -->
                                <div class="col-lg-8">
                                    <div class="card border border-translucent">
                                        <div class="card-header bg-body-tertiary">
                                            <h6 class="mb-0">
                                                <span class="fas fa-calculator me-2"></span>
                                                Cálculo Detalhado
                                            </h6>
                                        </div>
                                        <div class="card-body">
                                            <div class="table-responsive">
                                                <table class="table table-sm table-borderless mb-0">
                                                    <tbody>
                                                        <tr>
                                                            <td class="ps-0 py-2">
                                                                <span class="fas fa-building text-body-tertiary me-2"></span>
                                                                Fornecedores selecionados
                                                            </td>
                                                            <td class="text-end py-2">
                                                                <span class="badge badge-phoenix badge-phoenix-info" id="calc-fornecedores">{{ $totalFornecedores }}</span>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td class="ps-0 py-2">
                                                                <span class="fas fa-copy text-body-tertiary me-2"></span>
                                                                Quantidade de contas por fornecedor
                                                            </td>
                                                            <td class="text-end py-2">
                                                                <span class="badge badge-phoenix badge-phoenix-info" id="calc-quantidade">{{ $quantidadeContas }}</span>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td class="ps-0 py-2">
                                                                <span class="fas fa-list text-body-tertiary me-2"></span>
                                                                Parcelas por conta
                                                            </td>
                                                            <td class="text-end py-2">
                                                                <span class="badge badge-phoenix badge-phoenix-info" id="calc-parcelas">{{ $totalLancamentos }}</span>
                                                            </td>
                                                        </tr>
                                                        @if($uniqueGroupHasSingleParcela)
                                                        <tr>
                                                            <td class="ps-0 py-2">
                                                                <span class="fas fa-calendar text-body-tertiary me-2"></span>
                                                                Repetição mensal
                                                            </td>
                                                            <td class="text-end py-2">
                                                                <span class="badge badge-phoenix badge-phoenix-info" id="calc-meses">1</span>
                                                            </td>
                                                        </tr>
                                                        @endif
                                                        <tr class="border-top">
                                                            <td class="ps-0 py-3 fw-bold text-body-emphasis">
                                                                <span class="fas fa-equals text-body-tertiary me-2"></span>
                                                                Total de lançamentos
                                                            </td>
                                                            <td class="text-end py-3">
                                                                <span class="badge badge-phoenix badge-phoenix-primary fs-8 fw-bold" id="calc-total">{{ number_format($totalLancamentosFinal, 0, ',', '.') }}</span>
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-- Valores por Fornecedor -->
                                <div class="col-lg-4">
                                    <div class="card border border-translucent h-100">
                                        <div class="card-header bg-body-tertiary">
                                            <h6 class="mb-0">
                                                <span class="fas fa-money-bill-wave me-2"></span>
                                                Valores
                                            </h6>
                                        </div>
                                        <div class="card-body">
                                            <div class="hstack justify-content-between mb-3">
                                                <span class="fs-9 text-body-secondary">Valor base:</span>
                                                <span class="fw-semibold">R$ {{ number_format($totalParcelas, 2, ',', '.') }}</span>
                                            </div>
                                            
                                            @if($quantidadeContas > 1)
                                            <div class="hstack justify-content-between mb-3">
                                                <span class="fs-9 text-body-secondary">× Qtd. contas:</span>
                                                <span class="fw-semibold">{{ $quantidadeContas }}</span>
                                            </div>
                                            @endif
                                            
                                            @if($uniqueGroupHasSingleParcela)
                                            <div class="hstack justify-content-between mb-3">
                                                <span class="fs-9 text-body-secondary">× Meses:</span>
                                                <span class="fw-semibold" id="calc-meses-valor">1</span>
                                            </div>
                                            @endif
                                            
                                            <hr class="my-3">
                                            
                                            <div class="hstack justify-content-between mb-3">
                                                <span class="text-body-emphasis fw-semibold">Por fornecedor:</span>
                                                <span class="text-success fw-bold" id="conf-valor-por-fornecedor">R$ {{ number_format($totalParcelas * $quantidadeContas, 2, ',', '.') }}</span>
                                            </div>
                                            
                                            <div class="hstack justify-content-between">
                                                <span class="text-body-emphasis fw-semibold">Total geral:</span>
                                                <span class="text-primary fw-bold fs-7" id="conf-valor-total-detalhes">R$ {{ number_format($valorTotalGeral, 2, ',', '.') }}</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="modal-footer bg-body-tertiary border-0 pt-3">
                    <div class="flex-1">
                        <small class="text-body-tertiary">
                            <span class="fas fa-info-circle me-1"></span>
                            Certifique-se de que todos os dados estão corretos antes de prosseguir.
                        </small>
                    </div>
                    <div class="btn-group">
                        <button type="button" class="btn btn-phoenix-secondary" data-bs-dismiss="modal">
                            <span class="fas fa-times me-2"></span>Cancelar
                        </button>
                        <button type="button" class="btn btn-primary" id="btn-confirmar-final" onclick="confirmarSalvar()">
                            <span class="fas fa-check me-2"></span>Criar Lançamentos
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts-custom')
<!-- Se precisar de scripts adicionais, adicione aqui -->
<script>
document.addEventListener('DOMContentLoaded', function() {
    // Dados base do PHP
    const dadosBase = {
        totalFornecedores: {{ $totalFornecedores }},
        quantidadeContas: {{ $quantidadeContas }},
        totalParcelas: {{ $totalLancamentos }},
        valorBase: {{ $totalParcelas }},
        uniqueGroupHasSingleParcela: {{ $uniqueGroupHasSingleParcela ? 'true' : 'false' }},
        fornecedoresIds: {!! json_encode($fornecedores->pluck('id')) !!}
    };
    
    // Atualizar cálculos quando mudar a repetição
    @if($uniqueGroupHasSingleParcela)
    const selectRepetir = document.getElementById('repetir_meses');
    if (selectRepetir) {
        selectRepetir.addEventListener('change', function() {
            atualizarCalculos();
        });
    }
    @endif
    
    window.abrirModalConfirmacao = function() {
        atualizarCalculos();
        const modal = new bootstrap.Modal(document.getElementById('modalConfirmacao'));
        modal.show();
    };
    
    window.confirmarSalvar = function() {
        // Desabilitar botão para evitar duplo clique
        const btnConfirmar = document.getElementById('btn-confirmar-final');
        btnConfirmar.disabled = true;
        btnConfirmar.innerHTML = '<span class="fas fa-spinner fa-pulse me-2"></span>Criando...';
        
        // Submeter o formulário
        document.getElementById('form-salvar-conta').submit();
    };
    
    function atualizarCalculos() {
        let repetirMeses = 1;
        
        @if($uniqueGroupHasSingleParcela)
        const selectRepetir = document.getElementById('repetir_meses');
        if (selectRepetir) {
            repetirMeses = parseInt(selectRepetir.value) || 1;
        }
        @endif
        
        // Calcular totais
        const totalLancamentos = dadosBase.totalParcelas * dadosBase.quantidadeContas * dadosBase.totalFornecedores * repetirMeses;
        const valorPorFornecedor = dadosBase.valorBase * dadosBase.quantidadeContas * repetirMeses;
        const valorTotalGeral = valorPorFornecedor * dadosBase.totalFornecedores;
        
        // Formatar valores
        const formatarMoeda = (valor) => {
            return valor.toLocaleString('pt-BR', {
                style: 'currency',
                currency: 'BRL',
                minimumFractionDigits: 2
            });
        };
        
        // Atualizar elementos no modal - Resumo
        updateElement('conf-total-fornecedores', dadosBase.totalFornecedores);
        updateElement('conf-quantidade-contas', dadosBase.quantidadeContas);
        updateElement('conf-total-parcelas', dadosBase.totalParcelas);
        updateElement('conf-total-lancamentos', totalLancamentos.toLocaleString('pt-BR'));
        updateElement('conf-total-lancamentos-text', totalLancamentos.toLocaleString('pt-BR'));
        updateElement('conf-valor-total', formatarMoeda(valorTotalGeral));
        updateElement('conf-valor-por-fornecedor', formatarMoeda(valorPorFornecedor));
        updateElement('conf-valor-total-detalhes', formatarMoeda(valorTotalGeral));
        
        // Atualizar elementos - Cálculo detalhado
        updateElement('calc-fornecedores', dadosBase.totalFornecedores);
        updateElement('calc-quantidade', dadosBase.quantidadeContas);
        updateElement('calc-parcelas', dadosBase.totalParcelas);
        updateElement('calc-total', totalLancamentos.toLocaleString('pt-BR'));
        
        @if($uniqueGroupHasSingleParcela)
        updateElement('conf-repetir-meses', repetirMeses);
        updateElement('calc-meses', repetirMeses);
        updateElement('calc-meses-valor', repetirMeses);
        @endif
        
        // Atualizar valores individuais por fornecedor
        dadosBase.fornecedoresIds.forEach(function(fornecedorId) {
            updateElement('valor-fornecedor-' + fornecedorId, formatarMoeda(valorPorFornecedor));
        });
    }
    
    function updateElement(id, value) {
        const element = document.getElementById(id);
        if (element) {
            element.textContent = value;
        }
    }
    
    // Inicializar cálculos
    atualizarCalculos();
});
</script>

@endpush