@extends('layouts.app')
@section('title', __('Analytics'))
@section('content')
<div class="mb-6">
    <h1 class="text-xl sm:text-2xl font-semibold">{{ __('Analytics') }}</h1>
    <p class="text-sm text-slate-500">{{ __('Submissions, analyses and OpenAI usage across the platform.') }}</p>
</div>

<div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-7 gap-4 mb-6">
    <div class="card-pad">
        <div class="text-xs text-slate-500">{{ __('Submissions') }}</div>
        <div class="text-2xl font-bold mt-1 tabular-nums">{{ number_format($stats['submissions']) }}</div>
    </div>
    <div class="card-pad">
        <div class="text-xs text-slate-500">{{ __('Analyses') }}</div>
        <div class="text-2xl font-bold mt-1 tabular-nums">{{ number_format($stats['analyses']) }}</div>
    </div>
    <div class="card-pad">
        <div class="text-xs text-slate-500">{{ __('Completed') }}</div>
        <div class="text-2xl font-bold mt-1 text-emerald-600 tabular-nums">{{ number_format($stats['done']) }}</div>
    </div>
    <div class="card-pad">
        <div class="text-xs text-slate-500">{{ __('Failed') }}</div>
        <div class="text-2xl font-bold mt-1 text-rose-600 tabular-nums">{{ number_format($stats['failed']) }}</div>
    </div>
    <div class="card-pad">
        <div class="text-xs text-slate-500">{{ __('Tokens used') }}</div>
        <div class="text-2xl font-bold mt-1 tabular-nums">{{ number_format($stats['tokens']) }}</div>
        <div class="text-[10px] text-slate-400 mt-0.5">{{ __('All providers') }}</div>
    </div>
    <div class="card-pad">
        <div class="text-xs text-slate-500">{{ __('Estimated AI cost') }}</div>
        <div class="text-2xl font-bold mt-1 text-amber-600 dark:text-amber-400 tabular-nums whitespace-nowrap">{{ number_format($stats['est_cost'], 2, ',', ' ') }} {{ $stats['cost_currency'] }}</div>
        <div class="text-[10px] text-slate-400 mt-0.5">{{ __('@ :r / 1M tokens', ['r' => number_format($stats['cost_per_million'], 2).' '.$stats['cost_currency']]) }}</div>
    </div>
    <div class="card-pad">
        <div class="text-xs text-slate-500">{{ __('Target revenue') }}</div>
        <div class="text-2xl font-bold mt-1 text-emerald-600 dark:text-emerald-400 tabular-nums whitespace-nowrap">{{ number_format($stats['est_price'], 2, ',', ' ') }} {{ $stats['cost_currency'] }}</div>
        <div class="text-[10px] text-slate-400 mt-0.5">{{ __('AI cost × :n markup', ['n' => rtrim(rtrim(number_format($stats['markup'], 1, '.', ''), '0'), '.').'×']) }}</div>
    </div>
</div>

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

    <div class="card overflow-hidden">
        <div class="px-6 py-3 border-b border-slate-200/70 dark:border-slate-800">
            <h2 class="font-semibold">{{ __('Top tenants') }}</h2>
            <p class="text-xs text-slate-500">{{ __('By number of analyses run') }}</p>
        </div>
        <table class="w-full text-sm">
            <thead class="bg-slate-50 dark:bg-slate-900/60 text-xs uppercase text-slate-500">
                <tr>
                    <th class="text-left px-6 py-2">{{ __('Tenant') }}</th>
                    <th class="text-right px-3 py-2">{{ __('Analyses') }}</th>
                    <th class="text-right px-3 py-2">{{ __('Tokens') }}</th>
                    <th class="text-right px-3 py-2">{{ __('AI cost') }}</th>
                    <th class="text-right px-6 py-2">{{ __('Target revenue') }}</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-slate-100 dark:divide-slate-800">
            @forelse($topTenants as $row)
                <tr>
                    <td class="px-6 py-2">{{ optional($row->tenant)->name ?? '#'.$row->tenant_id }}</td>
                    <td class="px-3 py-2 text-right font-mono tabular-nums">{{ number_format($row->analyses_count) }}</td>
                    <td class="px-3 py-2 text-right text-xs text-slate-500 font-mono tabular-nums">{{ number_format($row->tokens) }}</td>
                    <td class="px-3 py-2 text-right text-xs text-amber-600 dark:text-amber-400 font-mono tabular-nums whitespace-nowrap">{{ number_format($row->est_cost, 2, ',', ' ') }} {{ $stats['cost_currency'] }}</td>
                    <td class="px-6 py-2 text-right text-sm text-emerald-600 dark:text-emerald-400 font-mono font-semibold tabular-nums whitespace-nowrap">{{ number_format($row->est_price, 2, ',', ' ') }} {{ $stats['cost_currency'] }}</td>
                </tr>
            @empty
                <tr><td colspan="5" class="px-6 py-6 text-center text-slate-500 text-xs">{{ __('No data yet.') }}</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>

    <div class="card overflow-hidden">
        <div class="px-6 py-3 border-b border-slate-200/70 dark:border-slate-800">
            <h2 class="font-semibold">{{ __('Top users') }}</h2>
            <p class="text-xs text-slate-500">{{ __('By submissions uploaded') }}</p>
        </div>
        <table class="w-full text-sm">
            <thead class="bg-slate-50 dark:bg-slate-900/60 text-xs uppercase text-slate-500">
                <tr>
                    <th class="text-left px-6 py-2">{{ __('User') }}</th>
                    <th class="text-left px-6 py-2">{{ __('Tenant') }}</th>
                    <th class="text-right px-6 py-2">{{ __('Submissions') }}</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-slate-100 dark:divide-slate-800">
            @forelse($topUsers as $row)
                @php
                    $u = $users[$row->uploaded_by_user_id] ?? null;
                    $t = $tenants[$row->tenant_id] ?? null;
                @endphp
                <tr>
                    <td class="px-6 py-2">
                        <div class="text-sm">{{ optional($u)->name ?? '#'.$row->uploaded_by_user_id }}</div>
                        <div class="text-xs text-slate-500">{{ optional($u)->email }}</div>
                    </td>
                    <td class="px-6 py-2 text-xs text-slate-500">{{ optional($t)->name ?? '#'.$row->tenant_id }}</td>
                    <td class="px-6 py-2 text-right font-mono">{{ number_format($row->submissions_count) }}</td>
                </tr>
            @empty
                <tr><td colspan="3" class="px-6 py-6 text-center text-slate-500 text-xs">{{ __('No data yet.') }}</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>

    {{-- Analyses by type — ranked horizontal bars --}}
    <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 gap-3">
            <div>
                <h2 class="font-semibold">{{ __('Analyses by type') }}</h2>
                <p class="text-xs text-slate-500">{{ __('Share of total runs') }}</p>
            </div>
            @if($byType->isNotEmpty())
                <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 text-slate-900 dark:text-white">{{ number_format($byType->sum('c')) }}</div>
                </div>
            @endif
        </div>
        <div class="p-6">
            @if($byType->isEmpty())
                <div class="py-8 text-center text-slate-500 text-xs">{{ __('No analyses yet.') }}</div>
            @else
                @php
                    $byTypeTotal = max(1, $byType->sum('c'));
                    $byTypeMax   = max(1, $byType->max('c'));
                    $palette     = \App\Services\Charting\ChartRenderer::PALETTE;
                @endphp
                <ul class="space-y-3">
                    @foreach($byType as $i => $row)
                        @php
                            $label   = __($typeLabels[$row->analysis_type] ?? $row->analysis_type);
                            $count   = (int) $row->c;
                            $pct     = $count / $byTypeTotal * 100;
                            $barPct  = $count / $byTypeMax * 100; // bar scales relative to top type
                            $color   = $palette[$i % count($palette)];
                        @endphp
                        <li>
                            <div class="flex items-center justify-between gap-3 mb-1">
                                <span class="flex items-center gap-2 min-w-0 text-sm text-slate-800 dark:text-slate-100">
                                    <span class="inline-block w-2.5 h-2.5 rounded-sm shrink-0" style="background-color: {{ $color }}"></span>
                                    <span class="truncate font-medium">{{ $label }}</span>
                                </span>
                                <span class="text-xs font-mono tabular-nums text-slate-600 dark:text-slate-300 shrink-0 whitespace-nowrap">
                                    {{ number_format($count) }}
                                    <span class="text-slate-400 dark:text-slate-500 ms-1">{{ number_format($pct, 1) }}%</span>
                                </span>
                            </div>
                            <div class="h-2 rounded-full bg-slate-100 dark:bg-slate-800 overflow-hidden">
                                <div class="h-full rounded-full transition-all" style="width: {{ max(2, $barPct) }}%; background-color: {{ $color }}"></div>
                            </div>
                            <div class="flex flex-wrap items-center justify-between gap-x-3 gap-y-1 mt-1.5 text-[11px] text-slate-500 dark:text-slate-400 font-mono tabular-nums">
                                <span class="flex items-center gap-1.5">
                                    <svg class="w-3 h-3" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M13 10V3L4 14h7v7l9-11h-7z"/></svg>
                                    {{ number_format($row->tokens) }} {{ __('tokens') }}
                                </span>
                                <span class="flex items-center gap-3 ms-auto">
                                    <span class="text-amber-600 dark:text-amber-400 whitespace-nowrap" title="{{ __('AI cost') }}">
                                        ≈ {{ number_format($row->est_cost, 2, ',', ' ') }} {{ $stats['cost_currency'] }}
                                    </span>
                                    <span class="text-emerald-600 dark:text-emerald-400 font-semibold whitespace-nowrap" title="{{ __('Target revenue') }}">
                                        → {{ number_format($row->est_price, 2, ',', ' ') }} {{ $stats['cost_currency'] }}
                                    </span>
                                </span>
                            </div>
                        </li>
                    @endforeach
                </ul>
            @endif
        </div>
    </div>

    {{-- Last 14 days — area chart (continuous, zero-filled) --}}
    <div class="card overflow-hidden">
        <div class="px-6 py-3 border-b border-slate-200/70 dark:border-slate-800">
            <h2 class="font-semibold">{{ __('Last 14 days') }}</h2>
            <p class="text-xs text-slate-500">{{ __('Analyses created per day') }}</p>
        </div>
        <div class="p-6">
            @php
                // Continuous 14-day window, zero-filled so gaps don't break the chart.
                $countsByDate = collect($recent)->keyBy('d')->map(fn ($r) => (int) $r->c)->all();
                $cats = [];
                $vals = [];
                for ($i = 13; $i >= 0; $i--) {
                    $d = now()->subDays($i)->format('Y-m-d');
                    $cats[] = now()->subDays($i)->translatedFormat('d/m');
                    $vals[] = (int) ($countsByDate[$d] ?? 0);
                }
                $totalRecent = array_sum($vals);
                $peakRecent  = max($vals ?: [0]);
            @endphp

            @if($totalRecent === 0)
                <div class="py-8 text-center text-slate-500 text-xs">{{ __('No recent activity.') }}</div>
            @else
                <div class="flex items-center justify-between gap-4 mb-3 text-xs">
                    <div>
                        <div class="text-slate-500 uppercase tracking-wider text-[10px] font-semibold">{{ __('Total') }}</div>
                        <div class="text-lg font-bold tabular-nums text-slate-900 dark:text-white">{{ number_format($totalRecent) }}</div>
                    </div>
                    <div>
                        <div class="text-slate-500 uppercase tracking-wider text-[10px] font-semibold">{{ __('Peak day') }}</div>
                        <div class="text-lg font-bold tabular-nums text-slate-900 dark:text-white">{{ number_format($peakRecent) }}</div>
                    </div>
                    <div>
                        <div class="text-slate-500 uppercase tracking-wider text-[10px] font-semibold">{{ __('Daily avg') }}</div>
                        <div class="text-lg font-bold tabular-nums text-slate-900 dark:text-white">{{ number_format($totalRecent / 14, 1) }}</div>
                    </div>
                </div>
                <div class="overflow-x-auto">
                    {!! \App\Services\Charting\ChartRenderer::render('area', [[
                        'label'  => __('Analyses'),
                        'values' => $vals,
                    ]], [
                        'categories' => $cats,
                        'width'      => 560,
                        'height'     => 220,
                    ]) !!}
                </div>
            @endif
        </div>
    </div>

</div>
@endsection