@extends('adminlte.app')

@section('content')


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

    @if ($message = Session::get('success'))
        <div class="alert alert-success">{{ $message }}</div>
    @endif
    @if ($message = Session::get('danger'))
        <div class="alert alert-danger">{{ $message }}</div>
    @endif

    {{-- ====================== HEADER ====================== --}}
    <div class="tfcv-header-row">
        <div>
            <h1 class="tfcv-h1">Comissões de Venda</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: {{ $buscaGestor !== 'Todos' ? optional($nomeGestor)->name ?? 'Todos' : 'Todos' }}
            </p>
        </div>
        <div class="tfcv-export d-print-none">
            <button type="button" id="tfcv-btn-csv"><i class="fas fa-file-csv" aria-hidden="true"></i> CSV</button>
            <button type="button" id="tfcv-btn-pdf"><i class="fas fa-file-pdf" aria-hidden="true"></i> PDF</button>
            <button type="button" id="tfcv-btn-print"><i class="fas fa-print" aria-hidden="true"></i> Imprimir</button>
        </div>
    </div>

    {{-- ====================== FILTRO ====================== --}}
    <div class="tfcv-card d-print-none">
        <form action="{{ route('comissao_vendas_relatorio_comissao') }}" method="GET" id="tfcv-form">
            <div class="tfcv-toolbar">
                <div class="tfcv-chip-group">
                    <select class="tfcv-select" name="mes" id="tfcv-mes" style="min-width: 180px;">
                        @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 style="display:flex; gap:8px; align-items:center; flex-wrap:wrap;">
                    <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_relatorio_todas_comissoes)
                        <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
                    <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: Comissão Total = Vendas do Mês + Recuperadas (bate com o que a Validação mostra) --}}
    <div class="tfcv-grid-4">
        <div class="tfcv-stat">
            <i class="fas fa-coins accent" aria-hidden="true"></i>
            <div class="lbl">Fecho total · {{ $mesAtualLabel }}</div>
            <div class="num">€ {{ number_format($totalAprovadoMesValor + $totalRecuperadasGeral, 2, ',', ' ') }}</div>
            <div class="delta">{{ $totalAprovadoMesCount + $totalRecuperadasCount }} {{ $totalAprovadoMesCount + $totalRecuperadasCount == 1 ? 'fatura aprovada' : 'faturas aprovadas' }}</div>
        </div>
        <div class="tfcv-stat">
            <i class="fas fa-check accent" style="color:#0F6E56;" aria-hidden="true"></i>
            <div class="lbl">Vendas do mês</div>
            <div class="num">€ {{ number_format($totalAprovadoMesValor, 2, ',', ' ') }}</div>
            <div class="delta">{{ $totalAprovadoMesCount }} {{ $totalAprovadoMesCount == 1 ? 'fatura' : 'faturas' }} · {{ number_format($totalAprovadoMesQtd, 0, ',', ' ') }} L</div>
        </div>
        <div class="tfcv-stat">
            <i class="fas fa-undo accent" style="color:#185FA5;" aria-hidden="true"></i>
            <div class="lbl">Recuperadas</div>
            <div class="num">€ {{ number_format($totalRecuperadasGeral, 2, ',', ' ') }}</div>
            <div class="delta">{{ $totalRecuperadasCount }} {{ $totalRecuperadasCount == 1 ? 'fatura de meses anteriores' : 'faturas de meses anteriores' }}</div>
        </div>
        <div class="tfcv-stat">
            <i class="fas fa-clock accent" style="color:#993C1D;" aria-hidden="true"></i>
            <div class="lbl">Não recebidas</div>
            <div class="num">€ {{ number_format($totalNaoRecebidasGeral, 2, ',', ' ') }}</div>
            <div class="delta">
                @if($totalNaoRecebidasCount > 0)
                    <i class="fas fa-exclamation-triangle" style="color:#993C1D;" aria-hidden="true"></i> {{ $totalNaoRecebidasCount }} {{ $totalNaoRecebidasCount == 1 ? 'fatura em aberto' : 'faturas em aberto' }}
                @else
                    sem faturas em aberto
                @endif
            </div>
        </div>
    </div>

    {{-- ====================== RESUMO POR CANAL ====================== --}}
    <div class="tfcv-card" style="margin-top: 14px;">
        <p class="tfcv-section-title">Resumo por canal · objetivo vs. realizado</p>
        <div class="tfcv-grid-4">
            @foreach($canalStats as $cid => $s)
                <div class="tfcv-canal-card">
                    <div style="display:flex; justify-content:space-between; align-items:flex-start; gap:8px;">
                        <div>
                            <div class="nm">{{ $s['nome'] }}</div>
                            <div class="lit">{{ number_format($s['litros'], 0, ',', ' ') }} L</div>
                        </div>
                        <span class="tfcv-tag {{ $s['tag_class'] }}">{{ number_format($s['pct'], 1, ',', '.') }}%</span>
                    </div>
                    <div class="val">€ {{ number_format($s['comissao'], 2, ',', ' ') }}</div>
                    <div class="tfcv-bar {{ $s['bar_class'] }}"><i style="width: {{ min(100, max(0, round($s['pct']))) }}%"></i></div>
                    <div class="tfcv-bar-row">
                        <span>Realizado</span>
                        <span>Objetivo {{ number_format($s['objetivo'], 0, ',', ' ') }} L</span>
                    </div>
                </div>
            @endforeach
        </div>
    </div>


     {{-- ====================== Recebidas — ACCORDION ====================== --}}
    <div class="tfcv-card">
        <div style="display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:14px; gap:12px; flex-wrap:wrap;">
            <div>
                <p class="tfcv-section-title" style="margin:0;">Recebidas no mês</p>
                <p class="tfcv-sub" style="margin-top:4px;">Comissões com venda dentro de {{ $mesAtualLabel }}.</p>
            </div>
            <span class="tfcv-pill teal">
                <i class="fas fa-check" aria-hidden="true"></i>
                {{ $totalAprovadoMesCount }} {{ $totalAprovadoMesCount == 1 ? 'fatura' : 'faturas' }} · € {{ number_format($totalAprovadoMesValor, 2, ',', ' ') }}
            </span>
        </div>

        @if($aprovadasDoMes->isEmpty())
            <div class="tfcv-empty">Sem comissões recebidas no mês selecionado.</div>
        @else
            @php $primeiraRec = true; @endphp
           
                <div class="tfcv-acc-item @if($primeiraRec) open @endif" data-key="rec-{{ $mesAtualKey }}">
                    @php $primeiraRec = false; @endphp
                    <div class="tfcv-acc-head">
                        <span class="tfcv-caret" style="color:#888780;"></span>
                        <div>
                            <div class="tfcv-mes">{{ $mesAtualLabel }}</div>
                            <div class="tfcv-mes-sub">vendas pagas em {{ $mesAtualLabel }}</div>
                        </div>
                        <div class="tfcv-mes-mini-totais">
                            <span><b>{{ $totalAprovadoMesCount }}</b> {{ $totalAprovadoMesCount == 1 ? 'fatura' : 'faturas' }}</span>
                            <span><b>{{ number_format($totalAprovadoMesQtd, 0, ',', ' ') }}</b> L</span>
                        </div>
                        <span class="tfcv-pill teal">recebida</span>
                        <span class="tfcv-amount teal">€ {{ number_format($totalAprovadoMesValor, 2, ',', ' ') }}</span>
                    </div>
                    <div class="tfcv-acc-body">
                        <table class="tfcv-tbl">
                            <thead>
                                <tr>
                                    <th>Cliente</th>
                                    <th>Canal</th>
                                    <th>Gestor</th>
                                    <th>Data venda</th>
                                    <th>Pagamento</th>
                                    <th class="r">Litros</th>
                                    <th class="r">Ajuste</th>
                                    <th class="r">Comissão</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($aprovadasDoMes as $cv)
                                    @php
                                        $bonus = $cv->comissao_ajuste ? $cv->comissao_ajuste->where('tipo', 'Bônus')->sum('valor') : 0;
                                        $pen = $cv->comissao_ajuste ? $cv->comissao_ajuste->where('tipo', 'Penalização')->sum('valor') : 0;
                                        $ajuste = ($bonus ?? 0) - ($pen ?? 0);
                                        $total_a_receber = ($cv->valor_comissao ?? 0) + $ajuste - ($cv->penalizacao_atraso ?? 0);
                                        $pgto = isset($cv->faturas->dt_pagamento) ? \Carbon\Carbon::parse($cv->faturas->dt_pagamento) : null;
                                    @endphp
                                    <tr>
                                        <td>{{ $cv->cliente->nome ?? '—' }}</td>
                                        <td>{{ $cv->canal->nome_canal ?? '—' }}</td>
                                        <td>{{ $cv->cliente->gestor_user->name ?? '—' }}</td>
                                        <td>{{ $cv->data ? \Carbon\Carbon::parse($cv->data)->format('d/m/Y') : '' }}</td>
                                        <td>{{ $pgto ? $pgto->format('d/m/Y') : '—' }}</td>
                                        <td class="r">{{ number_format($cv->quantidade ?? 0, 0, ',', ' ') }}</td>
                                        <td class="r">{{ number_format($ajuste, 2, ',', '.') }} €</td>
                                        <td class="r">{{ number_format($total_a_receber, 2, ',', '.') }} €</td>
                                    </tr>
                                @endforeach
                                <tr class="tfcv-footer-row">
                                    <td colspan="5" class="r">Subtotal {{ $mesAtualLabel }}:</td>
                                    <td class="r">{{ number_format($totalAprovadoMesQtd, 0, ',', ' ') }} L</td>
                                    <td></td>
                                    <td class="r">€ {{ number_format($totalAprovadoMesValor, 2, ',', '.') }}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
        
        @endif
    </div>

    {{-- ====================== RECUPERADAS — ACCORDION ====================== --}}
    <div class="tfcv-card">
        <div style="display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:14px; gap:12px; flex-wrap:wrap;">
            <div>
                <p class="tfcv-section-title" style="margin:0;">Recuperadas de meses anteriores</p>
                <p class="tfcv-sub" style="margin-top:4px;">Faturas antigas pagas neste mês. Comissão é desbloqueada aqui.</p>
            </div>
            <span class="tfcv-pill teal">
                <i class="fas fa-check" aria-hidden="true"></i>
                {{ $totalRecuperadasCount }} {{ $totalRecuperadasCount == 1 ? 'fatura' : 'faturas' }} · € {{ number_format($totalRecuperadasGeral, 2, ',', ' ') }}
            </span>
        </div>

        @if($totalRecuperadasCount == 0)
            <div class="tfcv-empty">Sem comissões recuperadas no período selecionado.</div>
        @else
            @php $primeiraRec = true; @endphp
            @foreach($resumoRecuperadas as $ym => $resumo)
                <div class="tfcv-acc-item @if($primeiraRec) open @endif" data-key="rec-{{ $ym }}">
                    @php $primeiraRec = false; @endphp
                    <div class="tfcv-acc-head">
                        <span class="tfcv-caret" style="color:#888780;"></span>
                        <div>
                            <div class="tfcv-mes">{{ $resumo['label'] }}</div>
                            <div class="tfcv-mes-sub">vendas pagas em {{ $mesAtualLabel }}</div>
                        </div>
                        <div class="tfcv-mes-mini-totais">
                            <span><b>{{ $resumo['count'] }}</b> {{ $resumo['count'] == 1 ? 'fatura' : 'faturas' }}</span>
                            <span><b>{{ number_format($resumo['litros'], 0, ',', ' ') }}</b> L</span>
                        </div>
                        <span class="tfcv-pill teal">recuperada</span>
                        <span class="tfcv-amount teal">€ {{ number_format($resumo['total'], 2, ',', ' ') }}</span>
                    </div>
                    <div class="tfcv-acc-body">
                        <table class="tfcv-tbl">
                            <thead>
                                <tr>
                                    <th>Cliente</th>
                                    <th>Canal</th>
                                    <th>Gestor</th>
                                    <th>Data venda</th>
                                    <th>Pagamento</th>
                                    <th class="r">Litros</th>
                                    <th class="r">Ajuste</th>
                                    <th class="r">Comissão</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($recuperadasPorMes[$ym] as $cv)
                                    @php
                                        $bonus = $cv->comissao_ajuste ? $cv->comissao_ajuste->where('tipo', 'Bônus')->sum('valor') : 0;
                                        $pen = $cv->comissao_ajuste ? $cv->comissao_ajuste->where('tipo', 'Penalização')->sum('valor') : 0;
                                        $ajuste = ($bonus ?? 0) - ($pen ?? 0);
                                        $total_a_receber = ($cv->valor_comissao ?? 0) + $ajuste - ($cv->penalizacao_atraso ?? 0);
                                        $pgto = isset($cv->faturas->dt_pagamento) ? \Carbon\Carbon::parse($cv->faturas->dt_pagamento) : null;
                                    @endphp
                                    <tr>
                                        <td>{{ $cv->cliente->nome ?? '—' }}</td>
                                        <td>{{ $cv->canal->nome_canal ?? '—' }}</td>
                                        <td>{{ $cv->cliente->gestor_user->name ?? '—' }}</td>
                                        <td>{{ $cv->data ? \Carbon\Carbon::parse($cv->data)->format('d/m/Y') : '' }}</td>
                                        <td>{{ $pgto ? $pgto->format('d/m/Y') : '—' }}</td>
                                        <td class="r">{{ number_format($cv->quantidade ?? 0, 0, ',', ' ') }}</td>
                                        <td class="r">{{ number_format($ajuste, 2, ',', '.') }} €</td>
                                        <td class="r">{{ number_format($total_a_receber, 2, ',', '.') }} €</td>
                                    </tr>
                                @endforeach
                                <tr class="tfcv-footer-row">
                                    <td colspan="5" class="r">Subtotal {{ $resumo['label'] }}:</td>
                                    <td class="r">{{ number_format($resumo['litros'], 0, ',', ' ') }} L</td>
                                    <td></td>
                                    <td class="r">€ {{ number_format($resumo['total'], 2, ',', '.') }}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            @endforeach
        @endif
    </div>


    {{-- ====================== NÃO RECEBIDAS — ACCORDION ====================== --}}
    <div class="tfcv-card">
        <div style="display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:14px; gap:12px; flex-wrap:wrap;">
            <div>
                <p class="tfcv-section-title" style="margin:0;">Comissões não recebidas</p>
                <p class="tfcv-sub" style="margin-top:4px;">Vendas com fatura ainda em aberto. Agrupadas por mês da venda.</p>
            </div>
            <span class="tfcv-pill coral">
                <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
                {{ $totalNaoRecebidasCount }} {{ $totalNaoRecebidasCount == 1 ? 'fatura' : 'faturas' }} · € {{ number_format($totalNaoRecebidasGeral, 2, ',', ' ') }}
            </span>
        </div>

        @if($totalNaoRecebidasCount == 0)
            <div class="tfcv-empty">Sem comissões em aberto para o período selecionado.</div>
        @else
            @foreach($resumoNaoRecebidas as $ym => $resumo)
                <div class="tfcv-acc-item @if($resumo['is_current']) open @endif" data-key="nr-{{ $ym }}">
                    <div class="tfcv-acc-head">
                        <span class="tfcv-caret" style="color:#888780;"></span>
                        <div>
                            <div class="tfcv-mes">{{ $resumo['label'] }}</div>
                            <div class="tfcv-mes-sub">
                                @if($resumo['is_current']) do mês corrente
                                @elseif($resumo['status_class'] === 'coral' && $resumo['status_label'] === 'crítico') vencidas há mais de 60d
                                @else vencidas há mais de 30d
                                @endif
                            </div>
                        </div>
                        <div class="tfcv-mes-mini-totais">
                            <span><b>{{ $resumo['count'] }}</b> {{ $resumo['count'] == 1 ? 'fatura' : 'faturas' }}</span>
                            <span><b>{{ number_format($resumo['litros'], 0, ',', ' ') }}</b> L</span>
                        </div>
                        <span class="tfcv-pill {{ $resumo['status_class'] }}">{{ $resumo['status_label'] }}</span>
                        <span class="tfcv-amount coral">€ {{ number_format($resumo['total'], 2, ',', ' ') }}</span>
                    </div>
                    <div class="tfcv-acc-body">
                        <table class="tfcv-tbl">
                            <thead>
                                <tr>
                                    <th>Cliente</th>
                                    <th>Canal</th>
                                    <th>Gestor</th>
                                    <th>Data venda</th>
                                    <th>Vencimento</th>
                                    <th class="r">Litros</th>
                                    <th class="r">Ajuste</th>
                                    <th class="r">Comissão</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($naoRecebidasPorMes[$ym] as $cv)
                                    @php
                                        $bonus = $cv->comissao_ajuste ? $cv->comissao_ajuste->where('tipo', 'Bônus')->sum('valor') : 0;
                                        $pen = $cv->comissao_ajuste ? $cv->comissao_ajuste->where('tipo', 'Penalização')->sum('valor') : 0;
                                        $ajuste = ($bonus ?? 0) - ($pen ?? 0);
                                        $total_a_receber = ($cv->valor_comissao ?? 0) + $ajuste - ($cv->penalizacao_atraso ?? 0);
                                        $venc = isset($cv->faturas->dt_vencimento) ? \Carbon\Carbon::parse($cv->faturas->dt_vencimento) : null;
                                    @endphp
                                    <tr>
                                        <td>{{ $cv->cliente->nome ?? '—' }}</td>
                                        <td>{{ $cv->canal->nome_canal ?? '—' }}</td>
                                        <td>{{ $cv->cliente->gestor_user->name ?? '—' }}</td>
                                        <td>{{ $cv->data ? \Carbon\Carbon::parse($cv->data)->format('d/m/Y') : '' }}</td>
                                        <td>{{ $venc ? $venc->format('d/m/Y') : '—' }}</td>
                                        <td class="r">{{ number_format($cv->quantidade ?? 0, 0, ',', ' ') }}</td>
                                        <td class="r">{{ number_format($ajuste, 2, ',', '.') }} €</td>
                                        <td class="r">{{ number_format($total_a_receber, 2, ',', '.') }} €</td>
                                    </tr>
                                @endforeach
                                <tr class="tfcv-footer-row">
                                    <td colspan="5" class="r">Subtotal {{ $resumo['label'] }}:</td>
                                    <td class="r">{{ number_format($resumo['litros'], 0, ',', ' ') }} L</td>
                                    <td></td>
                                    <td class="r">€ {{ number_format($resumo['total'], 2, ',', '.') }}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            @endforeach
        @endif
    </div>

</div>

<script>
    (function(){
        // ===== Accordion =====
        document.querySelectorAll('.tfcv-acc-head').forEach(function(h){
            h.addEventListener('click', function(){ h.parentElement.classList.toggle('open'); });
        });

        // ===== Chips: clicar muda o select e submete =====
        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();
                }
            });
        });

        // ===== Submeter ao mudar o select de mês/canal/gestor =====
        ['tfcv-mes','tfcv-canais','tfcv-gestor'].forEach(function(id){
            var el = document.getElementById(id);
            if(el){
                el.addEventListener('change', function(){
                    document.getElementById('tfcv-form').submit();
                });
            }
        });

        // ===== Botões de export =====
        var btnPrint = document.getElementById('tfcv-btn-print');
        if(btnPrint) btnPrint.addEventListener('click', function(){ window.print(); });

        // CSV simples (combina todas as tabelas exibidas)
        function tablesToCsv(){
            var rows = [];
            document.querySelectorAll('.tfcv-acc-item').forEach(function(item){
                var mes = item.querySelector('.tfcv-mes');
                if(mes) rows.push(['# ' + mes.textContent.trim()]);
                item.querySelectorAll('table.tfcv-tbl tr').forEach(function(tr){
                    var cells = [];
                    tr.querySelectorAll('th,td').forEach(function(c){
                        cells.push('"' + c.textContent.trim().replace(/\s+/g,' ').replace(/"/g,'""') + '"');
                    });
                    rows.push([cells.join(';')]);
                });
                rows.push(['']);
            });
            return rows.map(function(r){ return r.join(''); }).join('\n');
        }
        var btnCsv = document.getElementById('tfcv-btn-csv');
        if(btnCsv) btnCsv.addEventListener('click', function(){
            var blob = new Blob(['' + tablesToCsv()], { type: 'text/csv;charset=utf-8;' });
            var a = document.createElement('a');
            a.href = URL.createObjectURL(blob);
            a.download = 'comissoes_{{ $mesAtualKey }}.csv';
            document.body.appendChild(a); a.click(); document.body.removeChild(a);
        });

        var btnPdf = document.getElementById('tfcv-btn-pdf');
        if(btnPdf) btnPdf.addEventListener('click', function(){
            // Usa diálogo de impressão do browser para gerar PDF (sem dependências extras)
            window.print();
        });
    })();
</script>

@endsection