@extends('layouts.app')

@section('titulo', 'Dashboard')
@section('subtitulo', 'Resumo executivo — ' . ucfirst(now()->translatedFormat('F Y')))
@section('sino_alerta', count($avisos) ? '1' : '')

@section('conteudo')
    {{-- faixa de avisos --}}
    @if ($avisos)
        <div class="avisos">
            @foreach ($avisos as $aviso)
                <div class="aviso {{ $aviso['tipo'] }}">
                    @include('partials.icone', ['nome' => $aviso['icone']])
                    <span>{{ $aviso['texto'] }}</span>
                </div>
            @endforeach
        </div>
    @endif

    {{-- indicadores --}}
    @php
        $variacao = function (float $atual, float $anterior): array {
            if ($anterior <= 0) {
                return ['classe' => 'neutra', 'icone' => null, 'texto' => 'sem base de comparação'];
            }
            $pct = ($atual - $anterior) / $anterior * 100;

            return [
                'classe' => $pct >= 0 ? 'sobe' : 'desce',
                'icone' => $pct >= 0 ? 'sobe' : 'desce',
                'texto' => ($pct >= 0 ? '+' : '−') . number_format(abs($pct), 1, ',', '.') . '%',
            ];
        };
        $varArrecadacao = $variacao($totais['arrecadado_mes'], $totais['arrecadado_mes_anterior']);
        $varGuias = $variacao($totais['guias_mes'], $totais['guias_mes_anterior']);
    @endphp

    <div class="kpis">
        <div class="kpi">
            <div class="topo-kpi">
                <span class="rotulo">Arrecadação ({{ ucfirst(now()->translatedFormat('M')) }})</span>
                <span class="simbolo verde">@include('partials.icone', ['nome' => 'dinheiro'])</span>
            </div>
            <div class="valor">R$ {{ number_format($totais['arrecadado_mes'], 2, ',', '.') }}</div>
            <div class="variacao {{ $varArrecadacao['classe'] }}">
                @if ($varArrecadacao['icone']) @include('partials.icone', ['nome' => $varArrecadacao['icone']]) @endif
                {{ $varArrecadacao['texto'] }} <em>vs. mês anterior</em>
            </div>
        </div>

        <div class="kpi">
            <div class="topo-kpi">
                <span class="rotulo">Guias emitidas</span>
                <span class="simbolo">@include('partials.icone', ['nome' => 'documento'])</span>
            </div>
            <div class="valor">{{ number_format($totais['guias_mes'], 0, ',', '.') }}</div>
            <div class="variacao {{ $varGuias['classe'] }}">
                @if ($varGuias['icone']) @include('partials.icone', ['nome' => $varGuias['icone']]) @endif
                {{ $varGuias['texto'] }} <em>vs. mês anterior</em>
            </div>
        </div>

        <div class="kpi">
            <div class="topo-kpi">
                <span class="rotulo">Contribuintes ativos</span>
                <span class="simbolo">@include('partials.icone', ['nome' => 'pessoas'])</span>
            </div>
            <div class="valor">{{ number_format($totais['contribuintes'], 0, ',', '.') }}</div>
            <div class="variacao neutra">
                <em>{{ number_format($totais['imoveis'], 0, ',', '.') }} imóveis ·
                    {{ number_format($totais['estabelecimentos'], 0, ',', '.') }} empresas</em>
            </div>
        </div>

        <div class="kpi">
            <div class="topo-kpi">
                <span class="rotulo">Débitos em aberto</span>
                <span class="simbolo vermelho">@include('partials.icone', ['nome' => 'alerta-circulo'])</span>
            </div>
            <div class="valor">R$ {{ number_format($totais['em_aberto'], 2, ',', '.') }}</div>
            <div class="variacao neutra"><em>somando parcelas em aberto</em></div>
        </div>
    </div>

    {{-- gráficos --}}
    <div class="paineis">
        <div class="cartao">
            <div class="cabeca">
                <div>
                    <h2>Arrecadação mensal</h2>
                    <p class="subtitulo">{{ $serieMensal['ano'] }} comparado a {{ $serieMensal['ano'] - 1 }}</p>
                </div>
                <div class="legenda">
                    <span class="item"><span class="marca-cor" style="background:var(--azul)"></span>{{ $serieMensal['ano'] }}</span>
                    <span class="item"><span class="marca-cor" style="background:#dde3ec"></span>{{ $serieMensal['ano'] - 1 }}</span>
                </div>
            </div>

            @php
                $teto = $serieMensal['teto'];
                $escala = fn ($v) => $teto > 0 ? max(0.6, $v / $teto * 100) : 0;
                $milhoes = fn ($v) => $v >= 1000000
                    ? number_format($v / 1000000, 1, ',', '.') . 'M'
                    : ($v >= 1000 ? number_format($v / 1000, 0, ',', '.') . 'k' : number_format($v, 0, ',', '.'));
            @endphp

            <div class="grafico-barras">
                <div class="escala">
                    @foreach ([1, .75, .5, .25, 0] as $fracao)
                        <span>{{ $milhoes($teto * $fracao) }}</span>
                    @endforeach
                </div>
                <div class="area">
                    <div class="linhas">
                        @for ($i = 0; $i < 5; $i++) <span></span> @endfor
                    </div>
                    <div class="colunas">
                        @foreach ($serieMensal['meses'] as $m)
                            <div class="coluna">
                                <div class="pares">
                                    <div class="barra principal" style="height:{{ $escala($m['atual']) }}%"
                                         title="{{ $m['mes'] }}/{{ $serieMensal['ano'] }}: R$ {{ number_format($m['atual'], 2, ',', '.') }}"></div>
                                    <div class="barra comparativa" style="height:{{ $escala($m['anterior']) }}%"
                                         title="{{ $m['mes'] }}/{{ $serieMensal['ano'] - 1 }}: R$ {{ number_format($m['anterior'], 2, ',', '.') }}"></div>
                                </div>
                                <div class="mes">{{ $m['mes'] }}</div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>

        <div class="cartao">
            <div class="cabeca">
                <div>
                    <h2>Composição por tributo</h2>
                    <p class="subtitulo">Arrecadado em {{ now()->format('Y') }}</p>
                </div>
            </div>

            @if ($composicao['fatias'])
                @php
                    $raio = 64; $circunferencia = 2 * M_PI * $raio; $deslocamento = 0;
                @endphp
                <div class="grafico-rosca">
                    <svg width="170" height="170" viewBox="0 0 170 170">
                        @foreach ($composicao['fatias'] as $fatia)
                            @php
                                $comprimento = $circunferencia * $fatia['percentual'] / 100;
                            @endphp
                            <circle cx="85" cy="85" r="{{ $raio }}" fill="none"
                                    stroke="{{ $fatia['cor'] }}" stroke-width="26"
                                    stroke-dasharray="{{ $comprimento }} {{ $circunferencia - $comprimento }}"
                                    stroke-dashoffset="{{ -$deslocamento }}"></circle>
                            @php $deslocamento += $comprimento; @endphp
                        @endforeach
                    </svg>
                </div>
                <div class="rosca-legenda">
                    @foreach ($composicao['fatias'] as $fatia)
                        <div class="linha">
                            <span class="marca-cor" style="background:{{ $fatia['cor'] }}"></span>
                            <span class="nome">{{ $fatia['nome'] }}</span>
                            <span class="valor">{{ $fatia['percentual'] }}%</span>
                        </div>
                    @endforeach
                </div>
            @else
                <p style="color:var(--texto-suave); font-size:13px">Nenhum pagamento registrado em {{ now()->format('Y') }}.</p>
            @endif
        </div>
    </div>

    {{-- guias recentes --}}
    <div class="cartao">
        <div class="cabeca">
            <div>
                <h2>Lançamentos recentes</h2>
                <p class="subtitulo">Últimas guias emitidas e sua situação</p>
            </div>
            @can('relatorio.gerencial')
                <a href="{{ route('relatorios.index') }}">Ver todos →</a>
            @endcan
        </div>

        <table class="tabela">
            <thead>
            <tr>
                <th>Nº guia</th>
                <th>Contribuinte</th>
                <th>Tipo</th>
                <th class="num">Valor</th>
                <th>Vencimento</th>
                <th>Situação</th>
            </tr>
            </thead>
            <tbody>
            @forelse ($recentes as $guia)
                @php
                    $vencimento = \Illuminate\Support\Carbon::parse($guia->data_vencimento);
                    if ($guia->pago || $guia->situacao === 'pago') {
                        $selo = ['verde', 'Pago'];
                    } elseif ($guia->situacao === 'cancelado') {
                        $selo = ['cinza', 'Cancelado'];
                    } elseif ($vencimento->isPast()) {
                        $selo = ['vermelho', 'Atrasado'];
                    } else {
                        $selo = ['ambar', 'Pendente'];
                    }
                @endphp
                <tr>
                    <td class="codigo">{{ $guia->nosso_numero ?: '#' . $guia->id }}</td>
                    <td>{{ $guia->contribuinte ?? '—' }}</td>
                    <td>@if ($guia->tributo)<span class="chip">{{ $guia->tributo }}</span>@endif</td>
                    <td class="num">R$ {{ number_format($guia->valor, 2, ',', '.') }}</td>
                    <td>{{ $vencimento->format('d/m/Y') }}</td>
                    <td><span class="selo {{ $selo[0] }}">{{ $selo[1] }}</span></td>
                </tr>
            @empty
                <tr><td colspan="6">Nenhuma guia emitida ainda.</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>

    {{-- débitos em aberto por tributo --}}
    <div class="cartao">
        <div class="cabeca">
            <div>
                <h2>Débitos em aberto por tributo</h2>
                <p class="subtitulo">Parcelas não quitadas, incluindo dívida ativa</p>
            </div>
        </div>

        <table class="tabela">
            <thead>
            <tr>
                <th>Tributo</th>
                <th class="num">Lançamentos</th>
                <th class="num">Valor em aberto</th>
            </tr>
            </thead>
            <tbody>
            @forelse ($porTributo as $t)
                <tr>
                    <td><span class="chip cinza">{{ $t->codigo }}</span> {{ $t->nome }}</td>
                    <td class="num">{{ number_format($t->lancamentos, 0, ',', '.') }}</td>
                    <td class="num">R$ {{ number_format($t->valor, 2, ',', '.') }}</td>
                </tr>
            @empty
                <tr><td colspan="3">Nenhum débito em aberto.</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>

    {{-- imóveis por setor --}}
    <div class="cartao">
        <div class="cabeca">
            <div>
                <h2>Imóveis por setor</h2>
                <p class="subtitulo">
                    {{ number_format($imoveisPorSetor['total'], 0, ',', '.') }} imóveis cadastrados
                </p>
            </div>
            @can('imovel.consultar')
                <a href="{{ route('imoveis.index') }}">Ver imóveis →</a>
            @endcan
        </div>

        <table class="tabela">
            <thead>
            <tr>
                <th style="width:220px">Setor</th>
                <th>Distribuição</th>
                <th class="num" style="width:90px">Imóveis</th>
                <th class="num" style="width:70px">%</th>
            </tr>
            </thead>
            <tbody>
            @forelse ($imoveisPorSetor['setores'] as $setor)
                @php
                    $pct = $imoveisPorSetor['total'] > 0 ? $setor->imoveis / $imoveisPorSetor['total'] * 100 : 0;
                    $largura = $imoveisPorSetor['maior'] > 0 ? max(1, $setor->imoveis / $imoveisPorSetor['maior'] * 100) : 0;
                @endphp
                <tr>
                    <td><span class="chip cinza">{{ $setor->codigo }}</span> {{ $setor->nome }}</td>
                    <td>
                        <div style="background:#eef2f7; border-radius:6px; height:14px; overflow:hidden"
                             title="{{ $setor->nome }}: {{ number_format($setor->imoveis, 0, ',', '.') }} imóvel(is)">
                            <div style="width:{{ number_format($largura, 2, '.', '') }}%; height:100%;
                                        background:var(--azul, #2563eb); border-radius:6px"></div>
                        </div>
                    </td>
                    <td class="num">{{ number_format($setor->imoveis, 0, ',', '.') }}</td>
                    <td class="num">{{ number_format($pct, 1, ',', '.') }}%</td>
                </tr>
            @empty
                <tr><td colspan="4">Nenhum imóvel cadastrado.</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
@endsection