<?php

namespace App\Livewire\Admin;

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

#[Layout('layouts.admin')]
class Customers extends Component
{
    public function render()
    {
        $locale = app()->getLocale();
        $eur = fn (int $v) => Number::currency($v, in: 'EUR', locale: $locale);

        return view('livewire.admin.customers', [
            'rows' => [
                ['name' => 'Kanzlei Berger', 'plan' => 'Team', 'mrr' => $eur(198), 'instance' => 'kanzlei-berger', 'status' => 'active'],
                ['name' => 'Ordination Dr. Fux', 'plan' => 'Solo', 'mrr' => $eur(79), 'instance' => 'ordination-fux', 'status' => 'provisioning'],
                ['name' => 'Architekturbüro Lang', 'plan' => 'Team', 'mrr' => $eur(198), 'instance' => 'buero-lang', 'status' => 'provisioning'],
                ['name' => 'Weingut Prantl', 'plan' => 'Solo', 'mrr' => $eur(79), 'instance' => 'weingut-prantl', 'status' => 'provisioning'],
                ['name' => 'Steuerberatung Reiss', 'plan' => 'Team', 'mrr' => $eur(198), 'instance' => 'stb-reiss', 'status' => 'active'],
                ['name' => 'Notariat Külz', 'plan' => 'Enterprise', 'mrr' => $eur(449), 'instance' => 'notariat-kuelz', 'status' => 'active'],
                ['name' => 'Praxis Sommer', 'plan' => 'Solo', 'mrr' => $eur(79), 'instance' => 'praxis-sommer', 'status' => 'suspended'],
            ],
            'plansChart' => [
                'type' => 'doughnut',
                'data' => [
                    'labels' => ['Solo', 'Team', 'Enterprise'],
                    'datasets' => [[
                        'data' => [21, 17, 4],
                        'backgroundColor' => ['token:info', 'token:accent', 'token:success-bright'],
                        'borderWidth' => 0,
                    ]],
                ],
                'options' => [
                    'cutout' => '62%',
                    'plugins' => ['legend' => ['position' => 'bottom', 'labels' => ['boxWidth' => 10, 'padding' => 12]]],
                ],
            ],
        ]);
    }
}