@extends('adminlte.app')

@section('content')


<div class="content-wrapper tfcv-root">

    @if ($message = Session::get('success'))
        <div class="tfcv-alert ok"><i class="fas fa-check-circle" aria-hidden="true"></i> <span>{{ $message }}</span></div>
    @endif
    @if ($message = Session::get('danger'))
        <div class="tfcv-alert danger"><i class="fas fa-exclamation-triangle" aria-hidden="true"></i> <span>{{ $message }}</span></div>
    @endif

    {{-- ====================== HEADER ====================== --}}
    <div class="tfcv-header-row">
        <div>
            <h1 class="tfcv-h1">Validação de Comissões</h1>
            <p class="tfcv-sub">
                {{ $mesAtualLabel }}
                · @if(!$filtros['busca'] || $filtros['busca'] === 'Todos') Todos os canais @else {{ optional(\App\Models\Canal::find($filtros['busca']))->nome_canal ?? 'Canal' }} @endif
                · Gestor: {{ $filtros['buscaGestor'] !== 'Todos' ? optional(\App\Models\User::find($filtros['buscaGestor']))->name ?? 'Todos' : 'Todos' }}
            </p>
        </div>
        <div class="tfcv-actions">
            @if($permissao->criar_venda)
                <a href="/comissao_venda/create" class="tfcv-btn-primary"><i class="fas fa-plus" aria-hidden="true"></i> Criar Venda</a>
            @endif
            <a href="{{ route('comissao_vendas_relatorio_comissao') }}?mes={{ $mesAtualKey }}" class="tfcv-btn"><i class="fas fa-chart-bar" aria-hidden="true"></i> Relatório</a>
        </div>
    </div>

    {{-- ====================== ALERTAS ====================== --}}
    @if($importarPendentesTfuel || $importarPendentesIM || $faturasNaoIdentificadas > 0)
        <div class="tfds-i64">
            @if($importarPendentesTfuel)
                <div class="tfcv-alert warn"><i class="fas fa-exclamation-triangle" aria-hidden="true"></i> <span><b>Importar pendentes TFUEL</b> — última atualização: {{ $ultimaAtualizacaoTFUEL }}</span></div>
            @else
                <div class="tfcv-alert ok"><i class="fas fa-check-circle" aria-hidden="true"></i> <span>Importações TFUEL em dia — última atualização: {{ $ultimaAtualizacaoTFUEL }}</span></div>
            @endif
            @if($importarPendentesIM)
                <div class="tfcv-alert warn"><i class="fas fa-exclamation-triangle" aria-hidden="true"></i> <span><b>Importar pendentes IM</b> — última atualização: {{ $ultimaAtualizacaoIM }}</span></div>
            @else
                <div class="tfcv-alert ok"><i class="fas fa-check-circle" aria-hidden="true"></i> <span>Importações IM em dia — última atualização: {{ $ultimaAtualizacaoIM }}</span></div>
            @endif
            @if($faturasNaoIdentificadas > 0)
                <div class="tfcv-alert danger"><i class="fas fa-link" aria-hidden="true"></i> <span><a href="/nao-identificados">{{ $faturasNaoIdentificadas }} faturas não identificadas</a> — precisam de associação manual.</span></div>
            @endif
        </div>
    @endif

    {{-- ====================== FILTRO ====================== --}}
    <div class="tfcv-card">
        <form action="{{ route('comissao_vendas_consultar') }}" method="GET" id="tfcv-form">
            <div class="tfcv-toolbar">
                <div class="tfcv-chip-group">
                    <select  name="mes" id="tfcv-mes" class="tfcv-select tfds-i68">
                        @foreach($mesesDisponiveis as $key => $label)
                            <option value="{{ $key }}" @if($key === $mesAtualKey) selected @endif>{{ $label }}</option>
                        @endforeach
                    </select>
                    @php
                        $chipAtual = \Carbon\Carbon::now()->format('Y-m');
                        $chipAnt1  = \Carbon\Carbon::now()->subMonthNoOverflow()->format('Y-m');
                        $chipAnt2  = \Carbon\Carbon::now()->subMonthsNoOverflow(2)->format('Y-m');
                        $chipAnt3  = \Carbon\Carbon::now()->subMonthsNoOverflow(3)->format('Y-m');
                    @endphp
                    <span class="tfcv-chip @if($mesAtualKey === $chipAtual) active @endif" data-mes="{{ $chipAtual }}">Mês atual</span>
                    <span class="tfcv-chip @if($mesAtualKey === $chipAnt1) active @endif" data-mes="{{ $chipAnt1 }}">Anterior</span>
                    <span class="tfcv-chip @if($mesAtualKey === $chipAnt2) active @endif" data-mes="{{ $chipAnt2 }}">Há 2 meses</span>
                    <span class="tfcv-chip @if($mesAtualKey === $chipAnt3) active @endif" data-mes="{{ $chipAnt3 }}">Há 3 meses</span>
                </div>
                <div class="tfds-i60">
                    <select name="canais" id="tfcv-canais" class="tfcv-select">
                        <option value="Todos">Todos os canais</option>
                        @foreach($canais as $canal)
                            <option value="{{ $canal->id }}" @if($filtros['busca'] && $filtros['busca'] == $canal->id) selected @endif>{{ $canal->nome_canal }}</option>
                        @endforeach
                    </select>
                    @if($permissao->visualizar_todas_vendas)
                        <select name="gestor" id="tfcv-gestor" class="tfcv-select">
                            <option value="Todos">Gestor: Todos</option>
                            @foreach($gestores as $gestor)
                                <option value="{{ $gestor->id }}" @if($filtros['buscaGestor'] && $filtros['buscaGestor'] == $gestor->id) selected @endif>{{ $gestor->name }}</option>
                            @endforeach
                        </select>
                    @endif
                    <select name="selecionar_estado_comissoes" id="tfcv-estado" class="tfcv-select">
                        <option @if($selecionar_estado_comissoes === 'todos' || !$selecionar_estado_comissoes) selected @endif value="todos">Estado: Todas</option>
                        <option @if($selecionar_estado_comissoes === 'Aprovadas') selected @endif value="Aprovadas">Aprovadas</option>
                        <option @if($selecionar_estado_comissoes === 'Não_Aprovadas') selected @endif value="Não_Aprovadas">Não aprovadas</option>
                    </select>
                    <button type="submit" class="tfcv-btn-primary"><i class="fas fa-sync-alt" aria-hidden="true"></i> Atualizar</button>
                </div>
            </div>
        </form>
    </div>

    {{-- ====================== KPIs ====================== --}}
    {{-- Matemática: Total = Comissões Correntes (do mês) + Comissões Recuperadas (meses anteriores) --}}
    <div class="tfcv-grid-4">
        <div class="tfcv-stat">
            <i class="fas fa-calendar-check accent tfds-i55" aria-hidden="true"></i>
            <div class="lbl">Comissões correntes (do mês)</div>
            <div class="num">€ {{ number_format($totalCorrentesValor, 2, ',', ' ') }}</div>
            <div class="delta">{{ $totalCorrentesCount }} {{ $totalCorrentesCount == 1 ? 'venda' : 'vendas' }} · {{ number_format($totalCorrentesQtd, 0, ',', ' ') }} L</div>
        </div>
        <div class="tfcv-stat">
            <i class="fas fa-undo accent tfds-i56" aria-hidden="true"></i>
            <div class="lbl">Comissões recuperadas</div>
            <div class="num">€ {{ number_format($totalRecuperadasValorV, 2, ',', ' ') }}</div>
            <div class="delta">{{ $totalRecuperadasCountV }} {{ $totalRecuperadasCountV == 1 ? 'venda de meses anteriores' : 'vendas de meses anteriores' }}</div>
        </div>
        <div class="tfcv-stat tfds-i52">
            <i class="fas fa-coins accent tfds-i53" aria-hidden="true"></i>
            <div class="lbl tfds-i54">Total · {{ $mesAtualLabel }}</div>
            <div class="num tfds-i53">€ {{ number_format($totalGeralValor, 2, ',', ' ') }}</div>
            <div class="delta">correntes + recuperadas · {{ $totalGeralCount }} {{ $totalGeralCount == 1 ? 'venda' : 'vendas' }}</div>
        </div>
        <div class="tfcv-stat">
            <i class="fas fa-hourglass-half accent tfds-i59" aria-hidden="true"></i>
            <div class="lbl">A aprovar ({{ number_format(100 - $pctValidado, 1, ',', '.') }}%)</div>
            <div class="num">€ {{ number_format($totalAAprovarValor, 2, ',', ' ') }}</div>
            <div class="delta">{{ $totalAAprovarCount }} {{ $totalAAprovarCount == 1 ? 'comissão pendente' : 'comissões pendentes' }} · {{ $totalValidadoCount }} já {{ $totalValidadoCount == 1 ? 'validada' : 'validadas' }}</div>
        </div>
    </div>

    {{-- ====================== RESUMO POR CANAL ====================== --}}
    <div class="tfcv-card tfds-i65">
        <p class="tfcv-section-title">Resumo por canal · vendas neste mês</p>
        <div class="tfcv-grid-4">
            @foreach($canalStats as $cid => $s)
                @php $pctC = $s['count'] > 0 ? ($s['validados'] / $s['count']) * 100 : 0; @endphp
                <div class="tfcv-canal-card">
                    <div class="tfds-i61">
                        <div>
                            <div class="nm">{{ $s['nome'] }}</div>
                            <div class="lit">{{ number_format($s['litros'], 0, ',', ' ') }} L · {{ $s['count'] }} {{ $s['count'] == 1 ? 'venda' : 'vendas' }}</div>
                        </div>
                        <span class="tfcv-tag @if($pctC >= 100) green @elseif($pctC >= 50) gray @else amber @endif">{{ number_format($pctC, 0) }}% val.</span>
                    </div>
                    <div class="val">€ {{ number_format($s['comissao'], 2, ',', ' ') }}</div>
                    <div class="tfcv-bar"><i style="width: {{ min(100, max(0, round($pctC))) }}%"></i></div>
                    <div class="tfcv-bar-row"><span>{{ $s['validados'] }} validadas</span><span>{{ $s['count'] - $s['validados'] }} pendentes</span></div>
                </div>
            @endforeach
        </div>
    </div>

    {{-- ====================== BARRA DE AÇÕES (BULK) ====================== --}}
    @if($permissao->alterar_venda)
        <form id="form_aprovar_comissoes" action="/comissao_venda/aprovar_comissao" method="POST">
            @csrf
            <input type="hidden" name="inputSerializado" id="inputSerializado">
            <input type="hidden" name="mes" id="mes">
            <input type="hidden" name="ano" id="ano">
            <input type="hidden" name="acao" id="acao">
            <input type="hidden" name="data_mes_comissao" id="data_mes_comissao" value="">

            <div class="tfcv-bulk">
                <div class="tfcv-bulk-left">
                    <label class="tfcv-master-check">
                        <input type="checkbox" id="checkbox_aprovar_comissoes" value="1">
                        <span>Selecionar todas pendentes</span>
                    </label>
                    <span class="tfcv-counter"><b id="tfcv-count-selecionadas">0</b> selecionada(s) · <b>{{ $totalAAprovarCount }}</b> pendente(s) no total</span>
                </div>
                <div class="tfcv-bulk-right">
                    <button type="submit" id="botao_aprovar_comissoes" value="aprovar" class="tfcv-btn-primary">
                        <i class="fas fa-check" aria-hidden="true"></i> Aprovar comissões
                    </button>
                    <button type="button" id="abrir_modal" class="tfcv-btn-warn" data-toggle="modal" data-target="#modalFechamento">
                        <i class="fas fa-lock" aria-hidden="true"></i> Fechar o mês
                    </button>
                </div>
            </div>
    @endif

    {{-- ====================== TABELA ====================== --}}
    <div class="tfcv-table-wrap">
        <div class="tfcv-table-toolbar">
            <input type="text" class="tfcv-search" id="tfcv-search" placeholder="Pesquisar cliente, canal, documento...">
            <div class="tfcv-export">
                <button type="button" class="tfcv-btn" id="tfcv-btn-csv"><i class="fas fa-file-csv" aria-hidden="true"></i> CSV</button>
                <button type="button" class="tfcv-btn" id="tfcv-btn-print"><i class="fas fa-print" aria-hidden="true"></i> Imprimir</button>
            </div>
        </div>
        <div class="tfds-i69">
        <table id="tabelashow" class="tfcv-tbl">
            <thead>
                <tr>
                    @if($permissao->alterar_venda)
                        <th class="c tfds-i73">
                            <i  aria-hidden="true" class="fas fa-check-square tfds-i57"></i>
                        </th>
                    @endif
                    <th>Aprovação</th>
                    <th>Canal</th>
                    <th>Cliente</th>
                    <th>Data venda</th>
                    <th>Data pagamento</th>
                    <th class="r">Qtd (L)</th>
                    <th>Produto</th>
                    <th>Documento</th>
                    <th class="r">Preço mín.</th>
                    <th class="r">Preço venda/L</th>
                    <th class="r">Total fatura</th>
                    <th class="r">Comissão</th>
                    @if($permissao->alterar_venda || $permissao->excluir_venda)
                        <th class="c tfds-i72">Ações</th>
                    @endif
                </tr>
            </thead>
            <tbody id="tfcv-tbody">
                @php $contadorLinhas = 0; @endphp
                @foreach($comissao_vendas as $key => $comissao)
                    @if(isset($comissao->cliente->gestor_user->comissao) && $comissao->cliente->gestor_user->comissao != "Não Aplicável")
                        @php
                            $contadorLinhas++;
                            // IVA + preço venda por litro (mesma fórmula da versão antiga)
                            if(isset($comissao->canal->nome_canal) && $comissao->canal->nome_canal == "Ilidio Mota"){
                                $iva = 0;
                            } else {
                                $iva = isset($comissao->produto->iva) ? ($comissao->produto->iva / 100) : 0;
                            }
                            $quantidade = $comissao->quantidade ?? 0;
                            $valorLitroVendaComIva = $quantidade > 0 ? ($comissao->v_bruto / $quantidade) * (1 + $iva) : 0;

                            // Bônus / penalização / valor final
                            if($comissao->comissao_ajuste){
                                $bonus = (float) $comissao->comissao_ajuste->where("tipo","Bônus")->sum('valor');
                                $penalizacao = (float) $comissao->comissao_ajuste->where("tipo","Penalização")->sum('valor');
                            } else {
                                $bonus = 0.0; $penalizacao = 0.0;
                            }
                            $valorAjuste = $bonus - $penalizacao;
                            $valorComissao = ($comissao->valor_comissao ?? 0) + $valorAjuste - ($comissao->penalizacao_atraso ?? 0);
                            $isAprovada = (bool) $comissao->data_comissao;
                            $isNegativa = $valorComissao < 0;
                        @endphp
                        <tr class="@if($isAprovada) tfcv-row-aprovada @endif @if($isNegativa) tfcv-row-neg @endif">
                            @if($permissao->alterar_venda)
                                <td class="c">
                                    <input type="checkbox" class="checkbox_selecionar_comissoes" id="{{ $comissao->id }}" name="comissao[]" value="{{ $comissao->id }}" {{ $isAprovada ? 'checked disabled' : '' }}>
                                </td>
                            @endif
                            <td>
                                @if($isAprovada)
                                    <span class="tfcv-tag green">{{ \Carbon\Carbon::parse($comissao->data_comissao)->format('d/m/Y') }}</span>
                                @else
                                    <span class="tfcv-tag amber">Pendente</span>
                                @endif
                            </td>
                            <td>{{ $comissao->canal->nome_canal ?? '—' }}</td>
                            <td>{{ $comissao->cliente->nome ?? '—' }}</td>
                            <td>
                                {{ $comissao->data ? \Carbon\Carbon::parse($comissao->data)->format('d/m/Y') : '' }}
                                @if(isset($idsRecuperadas[$comissao->id]))
                                    <span class="tfcv-tag tfds-i51" title="Venda de mês anterior — comissão recuperada agora">Recup.</span>
                                @endif
                            </td>
                            <td>{{ isset($comissao->faturas->dt_pagamento) ? \Carbon\Carbon::parse($comissao->faturas->dt_pagamento)->format('d/m/Y') : '—' }}</td>
                            <td class="r">{{ number_format($quantidade, 0, '', ' ') }}</td>
                            <td>{{ $comissao->produto->descricao ?? '—' }}</td>
                            <td>{{ $comissao->documento ?? '—' }}</td>
                            <td class="r">{{ number_format($comissao->preco_minimo_fixo, 3, ',', '.') }}</td>
                            <td class="r">{{ number_format($valorLitroVendaComIva, 3, ',', '.') }}</td>
                            <td class="r">{{ number_format($comissao->v_bruto ?? 0, 2, ',', '.') }} €</td>
                            <td class="r" style="font-weight:500; @if($isNegativa) color:#993C1D; @endif">
                                {{ number_format($valorComissao, 2, ',', '.') }} €
                                <br>
                                @if($comissao->mes_fechado)
                                  MESFECHADO {{ $comissao->id }}
                                @endif
                            </td>
                            @if($permissao->alterar_venda || $permissao->excluir_venda)
                                <td class="c">
                                    <div class="tfcv-actions-cell">
                                        @if($permissao->alterar_venda && !$isAprovada)
                                            <a href="/comissao_venda/{{ $comissao->id }}/edit?redirect_url={{ urlencode(url()->full()) }}" class="tfcv-icon-btn green" title="Editar"><i class="fas fa-pencil-alt" aria-hidden="true"></i></a>
                                            <a href="/comissao_ajuste/{{ $comissao->id }}/home?redirect_url={{ urlencode(url()->full()) }}" class="tfcv-icon-btn" title="Ajuste de comissão"><i class="fas fa-euro-sign" aria-hidden="true"></i></a>
                                        @endif
                                        @if($permissao->excluir_venda)
                                            <a onclick="return confirm('Deseja realmente excluir a Venda?')" href="/comissao_venda/delete?id={{ $comissao->id }}&redirect_url={{ urlencode(url()->full()) }}" class="tfcv-icon-btn danger" title="Excluir"><i class="fas fa-trash" aria-hidden="true"></i></a>
                                        @endif
                                    </div>
                                </td>
                            @endif
                        </tr>
                    @endif
                @endforeach
                @if($contadorLinhas === 0)
                    <tr><td colspan="{{ $permissao->alterar_venda || $permissao->excluir_venda ? 14 : 13 }}" class="tfcv-empty">Nenhuma comissão encontrada para o período e filtros selecionados.</td></tr>
                @endif
            </tbody>
        </table>
        </div>
    </div>

    @if($permissao->alterar_venda)
        </form>
    @endif

</div>

{{-- ====================== MODAL FECHAR MÊS ====================== --}}
<div class="modal fade" id="modalFechamento" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content tfcv-modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Fechar o mês</h5>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body">
                <p class="tfds-i63">Ao fechar o mês, todas as comissões selecionadas serão validadas e o mês será marcado como fechado. Esta ação não pode ser desfeita.</p>
                <label for="select_mes">Mês:</label>
                <select id="select_mes" class="tfcv-select tfds-i71">
                    <option value="1">Janeiro</option>
                    <option value="2">Fevereiro</option>
                    <option value="3">Março</option>
                    <option value="4">Abril</option>
                    <option value="5">Maio</option>
                    <option value="6">Junho</option>
                    <option value="7">Julho</option>
                    <option value="8">Agosto</option>
                    <option value="9">Setembro</option>
                    <option value="10">Outubro</option>
                    <option value="11">Novembro</option>
                    <option value="12">Dezembro</option>
                </select>
                <label for="select_ano">Ano:</label>
                <select id="select_ano" class="tfcv-select tfds-i70"></select>
            </div>
            <div class="modal-footer">
                <button type="button" id="confirmarFechamento" class="tfcv-btn-warn"><i class="fas fa-lock" aria-hidden="true"></i> Confirmar fechamento</button>
                <button type="button" class="tfcv-btn" data-dismiss="modal">Cancelar</button>
            </div>
        </div>
    </div>
</div>

<script>
(function(){
    // ===== Chips de mês: submetem o form ao clicar =====
    document.querySelectorAll('.tfcv-chip').forEach(function(c){
        c.addEventListener('click', function(){
            var mes = c.dataset.mes;
            var sel = document.getElementById('tfcv-mes');
            if(sel && mes){ sel.value = mes; document.getElementById('tfcv-form').submit(); }
        });
    });
    // ===== Auto-submit ao mudar selects do filtro =====
    ['tfcv-mes','tfcv-canais','tfcv-gestor','tfcv-estado'].forEach(function(id){
        var el = document.getElementById(id);
        if(el){ el.addEventListener('change', function(){ document.getElementById('tfcv-form').submit(); }); }
    });

    // ===== Pesquisa no client (filtra linhas da tabela) =====
    var search = document.getElementById('tfcv-search');
    if(search){
        search.addEventListener('input', function(){
            var q = search.value.toLowerCase().trim();
            document.querySelectorAll('#tfcv-tbody tr').forEach(function(tr){
                if(!q){ tr.style.display = ''; return; }
                var txt = tr.textContent.toLowerCase();
                tr.style.display = txt.indexOf(q) >= 0 ? '' : 'none';
            });
        });
    }

    // ===== Print =====
    var btnPrint = document.getElementById('tfcv-btn-print');
    if(btnPrint) btnPrint.addEventListener('click', function(){ window.print(); });

    // ===== CSV =====
    var btnCsv = document.getElementById('tfcv-btn-csv');
    if(btnCsv) btnCsv.addEventListener('click', function(){
        var rows = [];
        document.querySelectorAll('#tabelashow tr').forEach(function(tr){
            if(tr.style.display === 'none') return;
            var cells = [];
            tr.querySelectorAll('th,td').forEach(function(c){
                cells.push('"' + c.textContent.trim().replace(/\s+/g,' ').replace(/"/g,'""') + '"');
            });
            rows.push(cells.join(';'));
        });
        var blob = new Blob(['' + rows.join('\n')], { type: 'text/csv;charset=utf-8;' });
        var a = document.createElement('a');
        a.href = URL.createObjectURL(blob);
        a.download = 'validacao_comissoes_{{ $mesAtualKey }}.csv';
        document.body.appendChild(a); a.click(); document.body.removeChild(a);
    });

    // ===== Selecionar todas (apenas as habilitadas) =====
    var master = document.getElementById('checkbox_aprovar_comissoes');
    function updateCounter(){
        var n = document.querySelectorAll('.checkbox_selecionar_comissoes:checked:not(:disabled)').length;
        var el = document.getElementById('tfcv-count-selecionadas');
        if(el) el.textContent = n;
    }
    if(master){
        master.addEventListener('change', function(){
            var checked = master.checked;
            document.querySelectorAll('.checkbox_selecionar_comissoes').forEach(function(cb){
                if(cb.disabled) return;
                cb.checked = checked;
            });
            updateCounter();
        });
    }
    document.querySelectorAll('.checkbox_selecionar_comissoes').forEach(function(cb){
        cb.addEventListener('change', updateCounter);
    });
    updateCounter();

    // ===== Botão Aprovar Comissões =====
    var btnAprovar = document.getElementById('botao_aprovar_comissoes');

    function dataMesComissaoDoFiltro(){
        var mesSelecionado = document.getElementById('tfcv-mes');
        var valorMes = mesSelecionado && mesSelecionado.value ? mesSelecionado.value : '{{ $mesAtualKey }}';
        var partes = valorMes.split('-');
        if(partes.length !== 2) return '';
        return '01/' + partes[1] + '/' + partes[0];
    }

    if(btnAprovar){
        btnAprovar.addEventListener('click', function(event){
            event.preventDefault();
            var checks = document.querySelectorAll('.checkbox_selecionar_comissoes:enabled:checked');
            if(checks.length === 0){
                alert('Selecione uma ou mais comissões habilitadas para aprovação.');
                return;
            }
            if(!confirm('Deseja aprovar ' + checks.length + ' comissão(ões) selecionada(s)? Clique em OK para aprovar ou Cancelar para sair.')) return;
            var ids = [];
            checks.forEach(function(c){ ids.push(c.value); });
            document.getElementById('inputSerializado').value = JSON.stringify(ids);
            document.getElementById('data_mes_comissao').value = dataMesComissaoDoFiltro();
            document.getElementById('acao').value = 'aprovar';
            document.getElementById('form_aprovar_comissoes').submit();
        });
    }

    // ===== Modal Fechar Mês =====
    var selectAno = document.getElementById('select_ano');
    if(selectAno){
        var anoAtual = new Date().getFullYear();
        for(var i = anoAtual - 5; i <= anoAtual + 1; i++){
            var opt = document.createElement('option');
            opt.value = i; opt.textContent = i;
            selectAno.appendChild(opt);
        }
        selectAno.value = anoAtual;
        // Pré-seleciona mês corrente (do filtro)
        var mesKey = '{{ $mesAtualKey }}'.split('-');
        if(mesKey.length === 2){
            document.getElementById('select_mes').value = parseInt(mesKey[1], 10);
            selectAno.value = parseInt(mesKey[0], 10);
        }
    }
    var btnConfirmar = document.getElementById('confirmarFechamento');
    if(btnConfirmar){
        btnConfirmar.addEventListener('click', function(){
            var mesVal = document.getElementById('select_mes').value;
            var anoVal = document.getElementById('select_ano').value;
            // Inclui TODAS as comissões pendentes do mês/ano selecionado para aprovar+fechar
            var checks = document.querySelectorAll('.checkbox_selecionar_comissoes:enabled:checked');
            var ids = [];
            checks.forEach(function(c){ ids.push(c.value); });
            document.getElementById('inputSerializado').value = JSON.stringify(ids);
            document.getElementById('mes').value = mesVal;
            document.getElementById('ano').value = anoVal;
            document.getElementById('data_mes_comissao').value = '01/' + String(mesVal).padStart(2, '0') + '/' + anoVal;
            document.getElementById('acao').value = 'aprovar_e_fechar';
            document.getElementById('form_aprovar_comissoes').submit();
        });
    }
})();
</script>

@endsection