@extends('layouts.app')

@section('title', 'Painel')

@section('content')
    <div class="page-heading">
        <div><span class="eyebrow">CENTRO OPERACIONAL</span><h1>Bom trabalho, {{ explode(' ', auth()->user()->name)[0] }}.</h1><p>{{ $activeBranch?->name ?? 'Visão consolidada de todas as filiais' }} · {{ now()->translatedFormat('l, d \d\e F \d\e Y') }}</p></div>
        <span class="phase-pill"><i></i> Fase 1 · Fundação</span>
    </div>

    <section class="metric-grid">
        @foreach([
            ['filiais', 'Filiais activas', 'Rede organizacional', 'orange'],
            ['departamentos', 'Departamentos', 'Estrutura aprovada', 'blue'],
            ['utilizadores', 'Utilizadores activos', 'Com acesso ao sistema', 'green'],
            ['perfis', 'Perfis de acesso', 'Controlo granular', 'violet'],
        ] as [$key, $label, $detail, $colour])
            <article class="metric-card {{ $colour }}"><div class="metric-top"><span>{{ $label }}</span><i></i></div><strong>{{ number_format($metrics[$key], 0, ',', '.') }}</strong><small>{{ $detail }}</small></article>
        @endforeach
    </section>

    <div class="dashboard-grid">
        <section class="panel">
            <div class="panel-heading"><div><span class="eyebrow">ESTADO DO PROJECTO</span><h2>Construção modular</h2></div><span class="status-badge active">Em execução</span></div>
            <div class="phase-list">
                @foreach([
                    ['Fundação', 36, 'Organização, acessos, auditoria e dados-base'],
                    ['Operação comercial e cliente', 0, 'Leads, clientes, contratos e tickets'],
                    ['Operação técnica e inventário', 0, 'Agenda, GPS, SIM e stock'],
                    ['Financeiro e cobrança', 0, 'Renovações, pagamentos e cobrança'],
                ] as $index => [$name, $progress, $detail])
                    <div class="phase-row"><span class="phase-number">{{ str_pad($index + 1, 2, '0', STR_PAD_LEFT) }}</span><div class="phase-content"><div><strong>{{ $name }}</strong><small>{{ $detail }}</small></div><span>{{ $progress }}%</span><div class="progress"><i style="width: {{ $progress }}%"></i></div></div></div>
                @endforeach
            </div>
        </section>

        <section class="panel">
            <div class="panel-heading"><div><span class="eyebrow">AUDITORIA</span><h2>Actividade recente</h2></div>@if(auth()->user()->hasPermission('audit.view'))<a href="{{ route('foundation') }}#auditoria">Ver estrutura</a>@endif</div>
            <div class="activity-list">
                @forelse($recentActivity as $activity)
                    <div class="activity-item"><span class="activity-dot"></span><div><strong>{{ $activity->description }}</strong><small>{{ $activity->actor?->name ?? 'Sistema' }} · {{ $activity->created_at?->diffForHumans() }}</small></div></div>
                @empty
                    <div class="empty-state">A actividade começará a aparecer aqui.</div>
                @endforelse
            </div>
        </section>
    </div>
@endsection