@extends('layouts.app')

@section('title', 'Platform Analytics')

@section('content')
@include('super-admin.partials.nav')

<x-page-header title="Platform analytics" subtitle="Which sign-in platform company users use more: web portal or Notiz Viewer" icon="chart" icon-color="violet">
    <x-slot:actions>
        <a href="{{ route('super-admin.companies.index') }}" class="btn-secondary btn-sm">Companies</a>
    </x-slot:actions>
</x-page-header>

<form method="GET" class="glass-card-subtle p-4 mb-6 flex flex-col sm:flex-row gap-3 sm:items-end">
    <div>
        <label class="field-label text-xs">Range</label>
        <select name="range" class="field-select" onchange="this.form.submit()">
            @foreach (['7d' => '7 days', '30d' => '30 days', '90d' => '90 days', '365d' => '1 year'] as $key => $label)
                <option value="{{ $key }}" @selected($range === $key)>{{ $label }}</option>
            @endforeach
        </select>
    </div>
    <p class="text-xs text-themed-muted pb-2">{{ $report['meta']['from'] }} → {{ $report['meta']['to'] }}</p>
</form>

@php
    $summary = $report['summary'];
    $webLogins = $summary['web']['logins'];
    $viewerLogins = $summary['viewer']['logins'];
    $totalLogins = max(1, $webLogins + $viewerLogins);
    $webPct = round(($webLogins / $totalLogins) * 100);
    $viewerPct = 100 - $webPct;
    if ($webLogins === 0 && $viewerLogins === 0) {
        $webPct = 0;
        $viewerPct = 0;
    }
@endphp

<div class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-4 gap-3 sm:gap-4 mb-6">
    <div class="stat-card">
        <p class="text-xs text-slate-400 font-medium">Preferred platform</p>
        <p class="text-xl sm:text-2xl font-bold mt-1.5 text-white">{{ $summary['preferred_label'] }}</p>
        <p class="text-xs mt-1.5 text-slate-500">Based on unique company users in this range</p>
    </div>
    <div class="stat-card">
        <p class="text-xs text-slate-400 font-medium">Web portal</p>
        <p class="text-xl sm:text-2xl font-bold mt-1.5 text-white tabular-nums">{{ number_format($summary['web']['unique_users']) }} users</p>
        <p class="text-xs mt-1.5 text-slate-500">{{ number_format($webLogins) }} successful sign-ins</p>
    </div>
    <div class="stat-card">
        <p class="text-xs text-slate-400 font-medium">Notiz Viewer app</p>
        <p class="text-xl sm:text-2xl font-bold mt-1.5 text-white tabular-nums">{{ number_format($summary['viewer']['unique_users']) }} users</p>
        <p class="text-xs mt-1.5 text-slate-500">{{ number_format($viewerLogins) }} successful sign-ins</p>
    </div>
    <div class="stat-card">
        <p class="text-xs text-slate-400 font-medium">Share of sign-ins</p>
        <p class="text-sm font-semibold mt-2 text-white">Web {{ $webPct }}% · Viewer {{ $viewerPct }}%</p>
        <div class="mt-3 h-2 rounded-full bg-white/10 overflow-hidden flex">
            @if ($webPct > 0)
                <div class="h-full bg-indigo-500" style="width: {{ $webPct }}%"></div>
            @endif
            @if ($viewerPct > 0)
                <div class="h-full bg-teal-500" style="width: {{ $viewerPct }}%"></div>
            @endif
        </div>
    </div>
</div>

<div class="glass-card p-5 mb-6">
    <h3 class="font-semibold mb-4">Sign-ins over time</h3>
    @if (array_sum($report['time_series']['web']) + array_sum($report['time_series']['viewer']) === 0)
        <p class="text-sm text-themed-muted py-8 text-center">No company-user sign-ins in this range yet.</p>
    @else
        <div class="overflow-x-auto">
            <table class="data-table">
                <thead>
                    <tr>
                        <th>Day</th>
                        <th>Web portal</th>
                        <th>Notiz Viewer</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($report['time_series']['labels'] as $i => $label)
                        @if (($report['time_series']['web'][$i] ?? 0) > 0 || ($report['time_series']['viewer'][$i] ?? 0) > 0)
                            <tr>
                                <td>{{ $label }}</td>
                                <td class="tabular-nums">{{ number_format($report['time_series']['web'][$i] ?? 0) }}</td>
                                <td class="tabular-nums">{{ number_format($report['time_series']['viewer'][$i] ?? 0) }}</td>
                            </tr>
                        @endif
                    @endforeach
                </tbody>
            </table>
        </div>
    @endif
</div>

<div class="table-wrap">
    <table class="data-table">
        <thead>
            <tr>
                <th>Company</th>
                <th>Number</th>
                <th>Web users</th>
                <th>Web sign-ins</th>
                <th>Viewer users</th>
                <th>Viewer sign-ins</th>
                <th>Used more</th>
            </tr>
        </thead>
        <tbody>
            @forelse ($report['by_company'] as $row)
                <tr>
                    <td>
                        <a href="{{ route('super-admin.companies.show', $row['id']) }}" class="font-medium text-cyan-300 hover:underline">{{ $row['name'] }}</a>
                        <p class="text-xs text-themed-muted">{{ $row['slug'] }} · {{ $row['status'] }}</p>
                    </td>
                    <td class="font-mono tabular-nums">{{ $row['company_number'] }}</td>
                    <td class="tabular-nums">{{ number_format($row['web_users']) }}</td>
                    <td class="tabular-nums">{{ number_format($row['web_logins']) }}</td>
                    <td class="tabular-nums">{{ number_format($row['viewer_users']) }}</td>
                    <td class="tabular-nums">{{ number_format($row['viewer_logins']) }}</td>
                    <td>
                        <span class="badge-{{ $row['preferred'] === 'viewer' ? 'success' : ($row['preferred'] === 'web' ? 'warning' : 'neutral') }}">
                            {{ $row['preferred_label'] }}
                        </span>
                    </td>
                </tr>
            @empty
                <tr>
                    <td colspan="7" class="text-center py-10 text-themed-muted">No company sign-in activity in this range.</td>
                </tr>
            @endforelse
        </tbody>
    </table>
</div>
@endsection