@extends('adminlte.app')

@section('content')
<link rel="stylesheet" href="{{ asset('css/tfds.css') }}">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/dist/tabler-icons.min.css">

@php
    $periodoTitulo = ucfirst($dados['periodo_label']);
    $centroSelecionado = $dados['filtros']['centro_custo_id']
        ? optional($centrosCusto->firstWhere('id', $dados['filtros']['centro_custo_id']))->nome_centro_custo
        : 'Todos';

    $mesFiltro = $dados['filtros']['mes'] ?? now()->format('Y-m');
    $mesAtual = \Carbon\Carbon::createFromFormat('Y-m', $mesFiltro)->startOfMonth();
    $mesAnterior = $mesAtual->copy()->subMonth();
    $mesAnterior2 = $mesAtual->copy()->subMonths(2);

    $ativosIntervencionados = collect($dados['concluidas'] ?? [])->pluck('manutenivel_id')->filter()->unique()->count();
    $urgentes = collect($dados['por_validar'] ?? [])->where('prioridade', 'urgente')->count();

    $totalPecas = collect($dados['concluidas'] ?? [])->sum(function ($os) {
        return (float) $os->custo_pecas;
    });
    $totalMaoObra = collect($dados['concluidas'] ?? [])->sum(function ($os) {
        return (float) $os->custo_mao_obra;
    });
@endphp

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

            <div class="tfcv-header-row">
                <div>
                    <h1 class="tfcv-h1"><i class="ti ti-tool"></i> Manutenção · relatório e validação</h1>
                    <p class="tfcv-sub">{{ $periodoTitulo }} · Centro de custo: {{ $centroSelecionado }}</p>
                </div>
                <div class="tfcv-export d-print-none">
                    <a class="tfcv-btn" href="{{ route('manutencoes.index') }}"><i class="ti ti-list-details"></i> Ver OS</a>
                    <a class="tfcv-btn-primary" href="{{ route('manutencoes.create') }}"><i class="ti ti-plus"></i> Nova OS</a>
                </div>
            </div>

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

    <div class="tfcv-card d-print-none">
        <form method="GET" action="{{ route('manutencao.dashboard') }}">
            <div class="tfcv-toolbar">
                <div class="tfcv-chip-group">
                    <input type="month" class="tfcv-select" id="mes" name="mes" value="{{ $mesFiltro }}" style="min-width: 170px; max-width: 190px;">
                    <span class="tfcv-chip active" data-q="atual">Mês atual</span>
                    <span class="tfcv-chip" data-q="ant1">Anterior</span>
                    <span class="tfcv-chip" data-q="ant2">Há 2 meses</span>
                </div>
                <div style="display:flex; gap:8px; align-items:center; flex-wrap:wrap;">
                        <select name="manutenivel_type" class="tfcv-select" style="min-width: 180px;">
                            <option value="">Tipo de ativo: Todos</option>
                            <option value="veiculo" @selected(($dados['filtros']['manutenivel_type'] ?? '') === 'veiculo')>Frota</option>
                            <option value="equipamento" @selected(($dados['filtros']['manutenivel_type'] ?? '') === 'equipamento')>Equipamento</option>
                            <option value="posto" @selected(($dados['filtros']['manutenivel_type'] ?? '') === 'posto')>Posto</option>
                        </select>
                        <select name="centro_custo_id" class="tfcv-select" style="min-width: 200px;">
                            <option value="">Centro de custo: Todos</option>
                            @foreach($centrosCusto as $centro)
                                <option value="{{ $centro->id }}" @selected((string)($dados['filtros']['centro_custo_id'] ?? '') === (string)$centro->id)>{{ $centro->nome_centro_custo }}</option>
                            @endforeach
                        </select>
                    <button class="tfcv-btn-primary" type="submit"><i class="ti ti-refresh"></i> Atualizar</button>
                </div>
            </div>
        </form>
    </div>

    <div class="tfcv-grid-4">
        <div class="tfcv-stat"><i class="ti ti-cash accent"></i><div class="lbl">Custo de manutenção · {{ $periodoTitulo }}</div><div class="num">€ {{ number_format($dados['custo_total_mes'], 2, ',', '.') }}</div><div class="delta">Total acumulado no período</div></div>
        <div class="tfcv-stat"><i class="ti ti-checks accent tfds-i55"></i><div class="lbl">Concluídas e validadas</div><div class="num">€ {{ number_format($dados['concluidas_validadas_valor'], 2, ',', '.') }}</div><div class="delta">{{ $dados['concluidas_validadas_count'] }} OS · {{ $ativosIntervencionados }} ativos</div></div>
        <div class="tfcv-stat"><i class="ti ti-clock-pause accent tfds-i58"></i><div class="lbl">Por validar</div><div class="num">€ {{ number_format($dados['por_validar_valor'], 2, ',', '.') }}</div><div class="delta"><i class="ti ti-alert-triangle tfds-i58"></i> {{ $dados['por_validar_count'] }} OS aguardam aprovação</div></div>
        <div class="tfcv-stat"><i class="ti ti-calendar-clock accent tfds-i56"></i><div class="lbl">Preventivas a vencer (30d)</div><div class="num">{{ $dados['preventivas_vencer_count'] }}</div><div class="delta">{{ $urgentes }} urgentes em validação</div></div>
    </div>

    <div class="tfcv-card" style="margin-top: 14px;">
        <p class="tfcv-section-title">Custo por centro de custo · realizado vs. orçamento</p>
        <div class="tfcv-grid-4">
                    @forelse($dados['centros'] as $index => $centro)
                        @php
                            $barClass = $index === 1 ? 'green' : ($index === 2 ? 'amber' : '');
                            $tagClass = $index === 1 ? 'green' : ($index === 2 ? 'amber' : '');
                        @endphp
                        <div class="tfcv-canal-card">
                            <div class="tfds-i61">
                                <div>
                                    <div class="nm">{{ $centro['nome'] }}</div>
                                    <div class="lit">{{ $centro['total_os'] }} OS</div>
                                </div>
                                <span class="tfcv-tag {{ $tagClass }}">{{ number_format($centro['percentual'], 1, ',', '.') }}%</span>
                            </div>
                            <div class="val">€ {{ number_format($centro['realizado'], 2, ',', '.') }}</div>
                            <div class="tfcv-bar {{ $barClass }}"><i style="width:{{ min(100, max(0, (float)$centro['percentual'])) }}%"></i></div>
                            <div class="tfcv-bar-row"><span>Realizado</span><span>Orçamento € {{ number_format($centro['orcamento'], 2, ',', '.') }}</span></div>
                        </div>
                    @empty
                        <div class="tfcv-canal-card"><div class="lit">Sem dados no período selecionado.</div></div>
                    @endforelse
        </div>
    </div>

            <div class="tfcv-card">
                <div class="tfds-i62">
                    <div><p class="tfcv-section-title tfds-i67">Ordens de serviço por validar</p><p class="tfcv-sub tfds-i66">OS aguardam aprovação na cadeia do centro de custo antes de gerar despesa.</p></div>
                    <span class="tfcv-pill coral"><i class="ti ti-alert-circle"></i> {{ $dados['por_validar_count'] }} OS · € {{ number_format($dados['por_validar_valor'], 2, ',', '.') }}</span>
                </div>

                <div class="tfcv-acc-item open">
                    <div class="tfcv-acc-head">
                        <span class="tfcv-caret tfds-i57"></span>
                        <div><div class="tfcv-mes">{{ $periodoTitulo }}</div><div class="tfcv-mes-sub">do mês corrente</div></div>
                        <div class="tfcv-mes-mini-totais"><span><b>{{ $dados['por_validar_count'] }}</b> OS</span><span><b>{{ $urgentes }}</b> urgente(s)</span><span>aprovação pendente</span></div>
                        <span class="tfcv-pill coral">pendente</span>
                        <span class="tfcv-amount coral">€ {{ number_format($dados['por_validar_valor'], 2, ',', '.') }}</span>
                    </div>
                    <div class="tfcv-acc-body">
                        <table class="tfcv-tbl">
                            <thead><tr><th>OS</th><th>Ativo</th><th>Tipo</th><th>Data</th><th class="r">Custo est.</th><th class="c">Estado</th><th class="c">Ação</th></tr></thead>
                            <tbody>
                            @forelse($dados['por_validar'] as $os)
                                <tr>
                                    <td>{{ $os->numero_os }}</td>
                                    <td>{{ optional($os->manutenivel)->matricula ?? optional($os->manutenivel)->nome ?? ('Ativo #' . $os->manutenivel_id) }}</td>
                                    <td>{{ ucfirst($os->tipo) }}</td>
                                    <td>{{ optional($os->data_solicitacao)->format('d/m/Y') }}</td>
                                    <td class="r">€ {{ number_format((float)$os->custo_total, 2, ',', '.') }}</td>
                                    <td class="c"><span class="tfcv-tag {{ $os->prioridade === 'urgente' ? 'coral' : 'amber' }}">{{ $os->prioridade === 'urgente' ? 'urgente' : 'a aprovar' }}</span></td>
                                    <td class="c">
                                        <form action="{{ route('manutencoes.aprovar', $os) }}" method="POST" style="display:inline-block;">@csrf<button class="tfcv-btn-primary" type="submit">Validar</button></form>
                                        <form action="{{ route('manutencoes.reprovar', $os) }}" method="POST" style="display:inline-block;">@csrf<input type="hidden" name="observacao_reprovacao" value="Reprovado no dashboard de validação."><button class="tfcv-btn-danger" type="submit">Rejeitar</button></form>
                                    </td>
                                </tr>
                            @empty
                                <tr><td colspan="7" class="tfcv-empty">Nenhuma OS por validar neste período.</td></tr>
                            @endforelse
                            <tr class="tfcv-footer-row"><td colspan="4" class="r">Subtotal por validar:</td><td class="r">€ {{ number_format($dados['por_validar_valor'], 2, ',', '.') }}</td><td colspan="2"></td></tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <div class="tfcv-card">
                <div class="tfds-i62">
                    <div><p class="tfcv-section-title tfds-i67">Concluídas e validadas</p><p class="tfcv-sub tfds-i66">OS encerradas no mês. A despesa foi gerada e o custo imputado ao centro de custo / cliente.</p></div>
                    <span class="tfcv-pill teal"><i class="ti ti-check"></i> {{ $dados['concluidas_validadas_count'] }} OS · € {{ number_format($dados['concluidas_validadas_valor'], 2, ',', '.') }}</span>
                </div>

                <div class="tfcv-acc-item open">
                    <div class="tfcv-acc-head">
                        <span class="tfcv-caret tfds-i57"></span>
                        <div><div class="tfcv-mes">{{ $periodoTitulo }}</div><div class="tfcv-mes-sub">encerradas e validadas</div></div>
                        <div class="tfcv-mes-mini-totais"><span><b>{{ $dados['concluidas_validadas_count'] }}</b> OS</span><span><b>{{ $ativosIntervencionados }}</b> ativos</span><span>despesa gerada</span></div>
                        <span class="tfcv-pill teal">validada</span>
                        <span class="tfcv-amount teal">€ {{ number_format($dados['concluidas_validadas_valor'], 2, ',', '.') }}</span>
                    </div>
                    <div class="tfcv-acc-body">
                        <table class="tfcv-tbl">
                            <thead><tr><th>OS</th><th>Ativo</th><th>Tipo</th><th class="r">Peças</th><th class="r">M. obra</th><th class="r">Custo</th><th class="c">Despesa</th></tr></thead>
                            <tbody>
                            @forelse($dados['concluidas'] as $os)
                                <tr>
                                    <td>{{ $os->numero_os }}</td>
                                    <td>{{ optional($os->manutenivel)->matricula ?? optional($os->manutenivel)->nome ?? ('Ativo #' . $os->manutenivel_id) }}</td>
                                    <td>{{ ucfirst($os->tipo) }}</td>
                                    <td class="r">€ {{ number_format((float)$os->custo_pecas, 2, ',', '.') }}</td>
                                    <td class="r">€ {{ number_format((float)$os->custo_mao_obra, 2, ',', '.') }}</td>
                                    <td class="r">€ {{ number_format((float)$os->custo_total, 2, ',', '.') }}</td>
                                    <td class="c"><span class="tfcv-tag {{ $os->despesa_id ? 'green' : 'gray' }}">{{ $os->despesa_id ? 'gerada' : 'não' }}</span></td>
                                </tr>
                            @empty
                                <tr><td colspan="7" class="tfcv-empty">Nenhuma OS concluída/validada no período.</td></tr>
                            @endforelse
                            <tr class="tfcv-footer-row"><td colspan="3" class="r">Subtotal validado:</td><td class="r">€ {{ number_format($totalPecas, 2, ',', '.') }}</td><td class="r">€ {{ number_format($totalMaoObra, 2, ',', '.') }}</td><td class="r">€ {{ number_format($dados['concluidas_validadas_valor'], 2, ',', '.') }}</td><td></td></tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <div class="tfcv-card">
                <div class="tfds-i62">
                    <div><p class="tfcv-section-title tfds-i67">Preventivas a vencer · por gatilho</p><p class="tfcv-sub tfds-i66">Disparam por tempo, quilómetros, horas de uso ou litros abastecidos.</p></div>
                    <span class="tfcv-pill amber"><i class="ti ti-calendar-clock"></i> {{ $dados['preventivas_vencer_count'] }} planos</span>
                </div>
                <table class="tfcv-tbl" style="border:0.5px solid var(--border); border-radius: var(--radius-lg); overflow:hidden;">
                    <thead><tr><th>Ativo</th><th>Plano</th><th>Gatilho</th><th>Falta</th><th class="c">Estado</th><th class="c">Ação</th></tr></thead>
                    <tbody>
                    @forelse($dados['preventivas'] as $item)
                        <tr>
                            <td>{{ $item['ativo_nome'] }}</td>
                            <td>{{ $item['tipo_servico'] }}</td>
                            <td>{{ $item['gatilho'] }}</td>
                            <td>{{ $item['faltante'] }}</td>
                            <td class="c"><span class="tfcv-tag {{ $item['estado'] === 'critico' ? 'coral' : ($item['estado'] === 'proximo' ? 'amber' : '') }}">{{ $item['estado'] === 'critico' ? 'crítico' : ($item['estado'] === 'proximo' ? 'próximo' : 'no prazo') }}</span></td>
                            <td class="c">
                                <a class="tfcv-btn-primary" href="{{ route('manutencoes.create', ['plano_manutencao_id' => $item['plano_id']]) }}">Abrir OS</a>
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="6" class="tfcv-empty">Sem preventivas a vencer.</td></tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
</div>

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

document.querySelectorAll('.tfcv-chip').forEach(function(c){
    c.addEventListener('click', function(){
        document.querySelectorAll('.tfcv-chip').forEach(function(x){
            x.classList.remove('active');
        });
        c.classList.add('active');

        var sel = document.getElementById('mes');
        if (!sel) {
            return;
        }

        var q = c.dataset.q;
        if (q === 'atual') sel.value = '{{ $mesAtual->format('Y-m') }}';
        if (q === 'ant1') sel.value = '{{ $mesAnterior->format('Y-m') }}';
        if (q === 'ant2') sel.value = '{{ $mesAnterior2->format('Y-m') }}';
    });
});
</script>
@endsection