@extends('manifest.layout')

@section('title', 'Central de Novidades')

@section('content')
    @php
        $order  = ['project', 'issue', 'bug'];
        $labels = [
            'project' => ['icon' => 'fa-solid fa-ship',               'title' => 'Novos Projetos',      'stamp' => 'Projeto'],
            'issue'   => ['icon' => 'fa-solid fa-screwdriver-wrench', 'title' => 'Melhorias e Ajustes', 'stamp' => 'Melhoria'],
            'bug'     => ['icon' => 'fa-solid fa-bug',                'title' => 'Correções',           'stamp' => 'Bug'],
        ];
        $total    = collect($groups)->flatten(1)->count();
        $lastDate = collect($groups)->flatten(1)->pluck('date')->filter()->max();
    @endphp

    <div class="pagehead">
        <div class="wrap">
            <span class="badge-circle"><i class="fa-solid fa-newspaper"></i></span>
            <h1>Central de Novidades</h1>
            <div class="context">Manifesto de bordo · TABEX</div>
            <p class="lead">
                Assim como o manifesto registra cada carga a bordo, o The Manifest registra
                cada melhoria, correção e novo projeto que chega ao TABEX. Sem tecniquês.
            </p>
        </div>
    </div>

    {{-- ── Stat cards ────────────────────────────────────────── --}}
    <div class="wrap">
        <div class="stats-row">
            <div class="stat-card">
                <div class="lbl"><i class="fa-regular fa-file-lines"></i> Documentos</div>
                <div class="val">{{ str_pad($total, 2, '0', STR_PAD_LEFT) }}</div>
            </div>
            @foreach ($order as $cat)
                <div class="stat-card {{ $cat }}">
                    <div class="lbl"><i class="{{ $labels[$cat]['icon'] }}"></i> {{ $labels[$cat]['title'] }}</div>
                    <div class="val">{{ str_pad(count($groups[$cat] ?? []), 2, '0', STR_PAD_LEFT) }}</div>
                </div>
            @endforeach
            @if ($lastDate)
                <div class="stat-card">
                    <div class="lbl"><i class="fa-regular fa-calendar"></i> Última atualização</div>
                    <div class="val">{{ \Illuminate\Support\Carbon::parse($lastDate)->format('d/m') }}</div>
                </div>
            @endif
        </div>

        {{-- ── KEY ───────────────────────────────────────────── --}}
        <div class="key">
            <span class="k">KEY :</span>
            <span class="chip project"><i class="fa-solid fa-ship"></i> Projeto</span>
            <span class="chip issue"><i class="fa-solid fa-screwdriver-wrench"></i> Melhoria</span>
            <span class="chip bug"><i class="fa-solid fa-bug"></i> Bug</span>
        </div>

        {{-- ── Catálogo agrupado ────────────────────────────────── --}}
        <div class="catalog">
            @if (empty($groups))
                <div class="empty">
                    <i class="fa-solid fa-water"></i>
                    <h2>Mar calmo por aqui</h2>
                    <p>Quando uma task for concluída no Notion, a documentação aparece aqui automaticamente.</p>
                </div>
            @else
                @php $n = 0; @endphp
                @foreach ($order as $category)
                    @continue(empty($groups[$category]))
                    <section class="group {{ $category }}">
                        <header>
                            <h2><i class="{{ $labels[$category]['icon'] }}"></i> {{ $labels[$category]['title'] }}</h2>
                            <span class="count">{{ count($groups[$category]) }} registro(s)</span>
                        </header>

                        @foreach ($groups[$category] as $item)
                            @php $n++; @endphp
                            <div class="card">
                                <span class="no">Nº {{ str_pad($n, 3, '0', STR_PAD_LEFT) }}</span>
                                <div class="body">
                                    <h3>
                                        <a href="{{ route('manifest.show', $item['doc_id']) }}">
                                            {{ $item['title'] }}
                                        </a>
                                    </h3>
                                    @if ($item['date'])
                                        <div class="meta">
                                            <span><i class="fa-regular fa-calendar"></i>
                                                {{ \Illuminate\Support\Carbon::parse($item['date'])->format('d/m/Y') }}</span>
                                        </div>
                                    @endif
                                </div>
                                <span class="stamp {{ $category }}">{{ $labels[$category]['stamp'] }}</span>
                                <i class="fa-solid fa-chevron-right go"></i>
                            </div>
                        @endforeach
                    </section>
                @endforeach
            @endif
        </div>
    </div>
@endsection
