@extends('layouts.app') @section('title', 'Analytics Overview') @section('content')
{{-- Header Section --}}

Analytics Dashboard

Pantau performa sistem dan trafik Laravael secara real-time.

Export
{{-- Stats Grid --}}
@php $stats = [ ['label' => 'Total Pengunjung', 'value' => '48.2k', 'growth' => '+12%', 'icon' => 'ti-users', 'color' => 'indigo'], ['label' => 'Sesi Aktif', 'value' => '1.240', 'growth' => '+5%', 'icon' => 'ti-activity-heartbeat', 'color' => 'emerald'], ['label' => 'Bounce Rate', 'value' => '24.8%', 'growth' => '-2%', 'icon' => 'ti-chart-bubble', 'color' => 'rose'], ['label' => 'Durasi Rata-rata', 'value' => '4m 32s', 'growth' => '+18%', 'icon' => 'ti-clock-play', 'color' => 'amber'], ]; @endphp @foreach($stats as $stat)
{{ $stat['growth'] }}

{{ $stat['label'] }}

{{ $stat['value'] }}

@endforeach
{{-- Main Charts Section --}}
{{-- Traffic Chart --}}

Trafik Kunjungan

Unique Visitors
{{-- Browser Chart --}}

Top Browsers

@foreach([ ['label' => 'Google Chrome', 'pct' => '58%', 'color' => 'bg-indigo-600', 'icon' => 'brand-chrome'], ['label' => 'Safari', 'pct' => '24%', 'color' => 'bg-indigo-400', 'icon' => 'brand-safari'], ['label' => 'Firefox', 'pct' => '12%', 'color' => 'bg-indigo-200', 'icon' => 'brand-firefox'], ] as $browser)
{{ $browser['label'] }}
{{ $browser['pct'] }}
@endforeach
{{-- Bottom Analytics Section --}}
{{-- Top Pages Table --}}
@foreach([ ['url' => '/dashboard', 'views' => '12,402', 'bounce' => '12%'], ['url' => '/analytics/overview', 'views' => '8,290', 'bounce' => '18%'], ['url' => '/products/v2/catalog', 'views' => '5,100', 'bounce' => '24%'], ['url' => '/auth/login-cover', 'views' => '4,020', 'bounce' => '8%'], ] as $page) @endforeach
Halaman Kunjungan Bounce
{{ $page['url'] }} {{ $page['views'] }} {{ $page['bounce'] }}
{{-- Geolocation Bar Chart --}}
@foreach([ ['country' => 'Indonesia', 'flag' => 'ID', 'count' => '45.2k', 'pct' => 85, 'color' => 'bg-indigo-600'], ['country' => 'United States', 'flag' => 'US', 'count' => '5.1k', 'pct' => 45, 'color' => 'bg-indigo-400'], ['country' => 'Singapore', 'flag' => 'SG', 'count' => '2.4k', 'pct' => 25, 'color' => 'bg-indigo-300'], ['country' => 'Malaysia', 'flag' => 'MY', 'count' => '1.2k', 'pct' => 15, 'color' => 'bg-indigo-200'], ] as $geo)
{{ $geo['country'] }}
{{ $geo['count'] }}
@endforeach
@endsection @push('scripts') @endpush