<?php

namespace App\Livewire\Admin;

use Illuminate\Support\Carbon;
use Illuminate\Support\Number;
use Livewire\Attributes\Layout;
use Livewire\Component;

#[Layout('layouts.admin')]
class Overview extends Component
{
    public function render()
    {
        $locale = app()->getLocale();
        $months = collect(range(11, 0))
            ->map(fn ($i) => Carbon::now()->locale($locale)->startOfMonth()->subMonths($i)->isoFormat('MMM'))
            ->all();

        return view('livewire.admin.overview', [
            'kpis' => [
                ['label' => __('admin.kpi.customers'), 'value' => '42', 'delta' => '+3', 'tone' => 'success'],
                ['label' => __('admin.kpi.instances'), 'value' => '39', 'sub' => __('admin.kpi.instances_sub'), 'tone' => 'success'],
                ['label' => __('admin.kpi.hosts'), 'value' => '4', 'sub' => __('admin.kpi.hosts_sub'), 'tone' => 'muted'],
                ['label' => __('admin.kpi.mrr'), 'value' => Number::currency(7842, in: 'EUR', locale: $locale), 'delta' => '+6,2 %', 'tone' => 'success'],
            ],
            'fleetChart' => [
                'type' => 'line',
                'data' => [
                    'labels' => $months,
                    'datasets' => [[
                        'label' => __('admin.kpi.instances'),
                        'data' => [21, 23, 25, 27, 28, 30, 31, 33, 35, 36, 38, 39],
                        'borderColor' => 'token:accent',
                        'backgroundColor' => 'token:accent/0.12',
                        'fill' => true, 'tension' => 0.35, 'pointRadius' => 0, 'borderWidth' => 2,
                    ]],
                ],
                'options' => [
                    'scales' => ['x' => ['grid' => ['display' => false]], 'y' => ['grid' => ['color' => 'token:border']]],
                    'plugins' => ['legend' => ['display' => false]],
                ],
            ],
            'revenueChart' => [
                'type' => 'line',
                'data' => [
                    'labels' => $months,
                    'datasets' => [[
                        'label' => 'MRR',
                        'data' => [4100, 4460, 4900, 5300, 5600, 6050, 6300, 6700, 7050, 7300, 7620, 7842],
                        'borderColor' => 'token:accent',
                        'fill' => true,
                        'tension' => 0.35,
                        'pointRadius' => 0,
                        'borderWidth' => 2,
                    ]],
                ],
                'options' => [
                    'scales' => ['x' => ['grid' => ['display' => false]], 'y' => ['beginAtZero' => true, 'grid' => ['color' => 'token:border']]],
                    'plugins' => ['legend' => ['display' => false]],
                ],
            ],
            // Per-host storage load as capacity meters (a ranked comparison, not a
            // trend — so meters, not a chart). level drives the meter colour.
            'hostLoad' => [
                ['name' => 'pve-fsn-1', 'pct' => 72, 'level' => 'warn'],
                ['name' => 'pve-fsn-2', 'pct' => 64, 'level' => 'ok'],
                ['name' => 'pve-fsn-3', 'pct' => 81, 'level' => 'high'],
                ['name' => 'pve-hel-1', 'pct' => 38, 'level' => 'ok'],
            ],
            'runs' => [
                ['customer' => 'Ordination Dr. Fux', 'step' => __('admin.run.deploy'), 'state' => 'running'],
                ['customer' => 'Architekturbüro Lang', 'step' => __('admin.run.dns'), 'state' => 'running'],
                ['customer' => 'Weingut Prantl', 'step' => __('admin.run.acceptance'), 'state' => 'running'],
            ],
            'alerts' => [
                ['level' => 'warning', 'text' => __('admin.alert.host_load', ['host' => 'pve-fsn-3'])],
                ['level' => 'info', 'text' => __('admin.alert.cert_soon', ['n' => 3])],
            ],
        ]);
    }
}