@extends('layouts.app')
@section('title', __('Dashboard'))
@section('page-title', __('Hi, :name', ['name' => $user->name]))
@section('page-subtitle', __('Your space at :tenant', ['tenant' => $user->tenant?->name]))

@php
    $fmt   = fn ($v, $d = 0) => number_format((float) $v, $d, ',', ' ');
    $money = fn ($v) => number_format((float) $v, 2, ',', ' ').' '.$kpis['currency'];
@endphp

@section('content')

{{-- ─── KPI strip ──────────────────────────────────────────────── --}}
<div class="grid grid-cols-2 lg:grid-cols-4 gap-3 mb-6">
    <div class="card-pad">
        <div class="flex items-center justify-between">
            <div class="text-xs uppercase tracking-wider text-slate-500">{{ __('Requests') }}</div>
            <span class="w-7 h-7 rounded-lg bg-indigo-100 text-indigo-700 dark:bg-indigo-900/40 dark:text-indigo-200 flex items-center justify-center">
                <x-icon name="inbox" class="w-4 h-4"/>
            </span>
        </div>
        <div class="mt-2 text-2xl font-bold tabular-nums">{{ $fmt($kpis['requests_total']) }}</div>
        <div class="text-[11px] text-slate-500 mt-0.5">{{ __('all time') }}</div>
    </div>

    <div class="card-pad">
        <div class="flex items-center justify-between">
            <div class="text-xs uppercase tracking-wider text-slate-500">{{ __('In progress') }}</div>
            <span class="w-7 h-7 rounded-lg bg-amber-100 text-amber-700 dark:bg-amber-900/40 dark:text-amber-200 flex items-center justify-center">
                <x-icon name="clock" class="w-4 h-4"/>
            </span>
        </div>
        <div class="mt-2 text-2xl font-bold tabular-nums">{{ $fmt($kpis['pending']) }}</div>
        <div class="text-[11px] text-slate-500 mt-0.5">{{ __('being prepared') }}</div>
    </div>

    <div class="card-pad">
        <div class="flex items-center justify-between">
            <div class="text-xs uppercase tracking-wider text-slate-500">{{ __('Completed') }}</div>
            <span class="w-7 h-7 rounded-lg bg-emerald-100 text-emerald-700 dark:bg-emerald-900/40 dark:text-emerald-200 flex items-center justify-center">
                <x-icon name="check" class="w-4 h-4"/>
            </span>
        </div>
        <div class="mt-2 text-2xl font-bold tabular-nums">{{ $fmt($kpis['completed']) }}</div>
        <div class="text-[11px] text-slate-500 mt-0.5">{{ __('ready or sent') }}</div>
    </div>

    <div class="card-pad">
        <div class="flex items-center justify-between">
            <div class="text-xs uppercase tracking-wider text-slate-500">{{ __('Outstanding') }}</div>
            <span class="w-7 h-7 rounded-lg bg-rose-100 text-rose-700 dark:bg-rose-900/40 dark:text-rose-200 flex items-center justify-center">
                <x-icon name="receipt" class="w-4 h-4"/>
            </span>
        </div>
        <div class="mt-2 text-2xl font-bold tabular-nums whitespace-nowrap">
            @if($kpis['outstanding_count'] > 0)
                {{ $money($kpis['outstanding_total']) }}
            @else
                <span class="text-slate-400">—</span>
            @endif
        </div>
        <div class="text-[11px] text-slate-500 mt-0.5">
            @if($kpis['outstanding_count'] > 0)
                {{ trans_choice(':n unpaid invoice|:n unpaid invoices', $kpis['outstanding_count'], ['n' => $kpis['outstanding_count']]) }}
            @else
                {{ __('All paid') }}
            @endif
        </div>
    </div>
</div>

<div class="grid lg:grid-cols-3 gap-6 mb-6">

    {{-- Activity chart --}}
    <div class="card overflow-hidden lg:col-span-2">
        <div class="px-6 py-3 border-b border-slate-200/70 dark:border-slate-800 flex items-center justify-between">
            <div>
                <h2 class="font-semibold">{{ __('Last 30 days') }}</h2>
                <p class="text-xs text-slate-500">{{ __('Your requests submitted per day') }}</p>
            </div>
            @php $totalRecent = array_sum($recentChart['vals']); @endphp
            <div class="text-end">
                <div class="text-[10px] uppercase tracking-wider text-slate-500 font-semibold">{{ __('Total') }}</div>
                <div class="text-lg font-bold tabular-nums">{{ $fmt($totalRecent) }}</div>
            </div>
        </div>
        <div class="p-6">
            @if($totalRecent === 0)
                <div class="py-12 text-center text-slate-500 text-xs">{{ __('No activity in the last 30 days.') }}</div>
            @else
                <div class="overflow-x-auto">
                    {!! \App\Services\Charting\ChartRenderer::render('area', [[
                        'label'  => __('Requests'),
                        'values' => $recentChart['vals'],
                    ]], [
                        'categories' => $recentChart['cats'],
                        'width'      => 760,
                        'height'     => 220,
                    ]) !!}
                </div>
            @endif
        </div>
    </div>

    {{-- Quick actions --}}
    <div class="card overflow-hidden">
        <div class="px-6 py-3 border-b border-slate-200/70 dark:border-slate-800">
            <h3 class="font-semibold">{{ __('Quick actions') }}</h3>
        </div>
        <div class="p-4 space-y-2">
            <a href="{{ route('client.request.show') }}" class="btn-primary w-full">
                <x-icon name="plus" class="w-4 h-4"/> {{ __('Request analysis') }}
            </a>
            <a href="{{ route('client.results.index') }}" class="btn-secondary w-full">
                <x-icon name="chart" class="w-4 h-4"/> {{ __('My results') }}
            </a>
            <a href="{{ route('client.invoices.index') }}" class="btn-secondary w-full">
                <x-icon name="receipt" class="w-4 h-4"/> {{ __('My invoices') }}
            </a>
            <a href="{{ route('notifications.index') }}" class="btn-secondary w-full">
                <x-icon name="bell" class="w-4 h-4"/>
                {{ __('Notifications') }}
                @if($unreadCount > 0)
                    <span class="ms-auto inline-flex items-center px-1.5 py-0.5 rounded-full text-[10px] font-bold bg-rose-600 text-white">{{ $unreadCount }}</span>
                @endif
            </a>
        </div>
    </div>
</div>

{{-- ─── Recent results ─────────────────────────────────────────── --}}
<div class="card overflow-hidden">
    <div class="px-6 py-3 border-b border-slate-200/70 dark:border-slate-800 flex items-center justify-between">
        <h3 class="font-semibold">{{ __('Recent results') }}</h3>
        <a href="{{ route('client.results.index') }}" class="text-sm text-brand-600 hover:underline">{{ __('See all') }}</a>
    </div>
    <div class="divide-y divide-slate-100 dark:divide-slate-800">
        @forelse($recentResults as $a)
            @php
                $label = __(config('finance_analyses.types.'.$a->analysis_type.'.label', $a->analysis_type));
            @endphp
            <a href="{{ route('client.results.show', $a) }}" class="block px-6 py-3 hover:bg-slate-50 dark:hover:bg-slate-800/50 transition">
                <div class="flex items-center justify-between gap-3">
                    <div class="min-w-0">
                        <div class="font-medium text-slate-900 dark:text-white truncate">{{ $label }}</div>
                        <div class="text-xs text-slate-500 mt-0.5">
                            {{ optional($a->finished_at)->translatedFormat('d M Y · H:i') ?? '—' }}
                        </div>
                    </div>
                    <span class="badge-success shrink-0">{{ __('Ready') }}</span>
                </div>
            </a>
        @empty
            <div class="px-6 py-10 text-center text-sm text-slate-500">
                {{ __('No completed analyses yet.') }}
                <a href="{{ route('client.request.show') }}" class="text-brand-600 hover:underline ms-1">{{ __('Request your first one.') }}</a>
            </div>
        @endforelse
    </div>
</div>
@endsection