@extends('admin.layouts.app')

@section('title', 'Analytics')
@section('page_title', 'Analytics Intelligence')

@section('content')
@php
    $tab = $tab ?? 'overview';
    $kpis = $kpis ?? [];
    $tabs = [
        'overview' => ['label' => 'Overview', 'hint' => 'Command center'],
        'visitors' => ['label' => 'Visitors', 'hint' => 'Traffic identity'],
        'unique' => ['label' => 'Unique', 'hint' => 'IPs & visitors'],
        'sessions' => ['label' => 'Sessions', 'hint' => 'Duration & quality'],
        'pages' => ['label' => 'Pages', 'hint' => 'Paths & bounce'],
        'geography' => ['label' => 'Geography', 'hint' => 'Countries & cities'],
        'devices' => ['label' => 'Devices', 'hint' => 'Browser & OS'],
        'sources' => ['label' => 'Sources', 'hint' => 'Referrers & UTM'],
        'engagement' => ['label' => 'Engagement', 'hint' => 'Scroll & CTAs'],
        'funnels' => ['label' => 'Funnels', 'hint' => 'Abandonment'],
        'ips' => ['label' => 'IP intel', 'hint' => 'Address ledger'],
        'log' => ['label' => 'Event log', 'hint' => 'Raw stream'],
    ];
    $ranges = [1 => '24h', 7 => '7d', 14 => '14d', 30 => '30d', 90 => '90d'];
    $maxTrend = max(1, collect($trend ?? [])->max('events') ?: 1);
    $maxHourly = max(1, collect($hourly ?? [])->max('total') ?: 1);
@endphp

<div class="content-hub analytics-hub">
    <div class="content-hub__hero">
        <div>
            <p class="content-hub__eyebrow">Intelligence · Behavioural analytics</p>
            <h1 class="content-hub__title">Analytics command center</h1>
            <p class="content-hub__lead">
                Visitors, unique IPs, geography, devices, sources, engagement, and abandonment — a full behavioural picture of {{ config('app.name', 'Apex Admins') }}.
            </p>
        </div>
        <div class="content-hub__actions analytics-hub__ranges">
            @foreach($ranges as $value => $label)
                <a href="{{ route('admin.analytics.index', array_filter(['days' => $value, 'tab' => $tab, 'q' => $search ?? null, 'event_type' => $event_type ?? null])) }}"
                   class="home-btn {{ (int) $days === (int) $value ? 'home-btn--primary' : 'home-btn--light' }}">
                    {{ $label }}
                </a>
            @endforeach
        </div>
    </div>

    <div class="app-stat-strip">
        <span class="app-stat-chip {{ $tab === 'overview' ? 'is-active' : '' }}">
            Page views
            <span class="app-stat-chip__count">{{ number_format($kpis['page_views'] ?? 0) }}</span>
        </span>
        <span class="app-stat-chip">
            Sessions
            <span class="app-stat-chip__count">{{ number_format($kpis['sessions'] ?? 0) }}</span>
        </span>
        <span class="app-stat-chip">
            Visitors
            <span class="app-stat-chip__count">{{ number_format($kpis['visitors'] ?? 0) }}</span>
        </span>
        <span class="app-stat-chip">
            Unique IPs
            <span class="app-stat-chip__count">{{ number_format($kpis['unique_ips'] ?? 0) }}</span>
        </span>
        <span class="app-stat-chip">
            Countries
            <span class="app-stat-chip__count">{{ number_format($kpis['countries'] ?? 0) }}</span>
        </span>
        <span class="app-stat-chip">
            Conv. rate
            <span class="app-stat-chip__count">{{ number_format($kpis['conversion_rate'] ?? 0, 1) }}%</span>
        </span>
        <span class="app-stat-chip">
            Abandonment
            <span class="app-stat-chip__count">{{ number_format($kpis['abandonment_rate'] ?? 0, 1) }}%</span>
        </span>
        <span class="app-stat-chip">
            Bounce
            <span class="app-stat-chip__count">{{ number_format($kpis['bounce_rate'] ?? 0, 1) }}%</span>
        </span>
    </div>

    <div class="home-editor__shell analytics-hub__shell">
        <div class="home-editor__tabs analytics-hub__tabs" role="tablist">
            @foreach ($tabs as $key => $meta)
                <a href="{{ route('admin.analytics.index', array_filter(['tab' => $key, 'days' => $days, 'q' => $search ?? null, 'event_type' => $event_type ?? null])) }}"
                   class="home-editor__tab {{ $tab === $key ? 'is-active' : '' }}"
                   role="tab"
                   aria-selected="{{ $tab === $key ? 'true' : 'false' }}">
                    <span class="home-editor__tab-dot"></span>
                    <span>
                        {{ $meta['label'] }}
                        <span class="block text-[10px] font-medium opacity-70">{{ $meta['hint'] }}</span>
                    </span>
                </a>
            @endforeach
        </div>

        <div class="seo-hub__body analytics-hub__body">
            @include('admin.analytics.tabs.'.$tab)
        </div>
    </div>
</div>
@endsection