{{-- ════════════════════════════════════════════════════════════════ DATE RANGE SELECTOR ════════════════════════════════════════════════════════════════ --}}
{{-- Date Range Selector --}}
{{-- ════════════════════════════════════════════════════════════════ STAT CARDS — 4 across ════════════════════════════════════════════════════════════════ --}} @php $stats = [ [ 'label' => __('Revenue'), 'value' => '$12,853.65', 'change' => '12.5%', 'up' => true, 'iconBg' => 'bg-blue-50 dark:bg-blue-500/10', 'iconColor' => 'text-blue-600 dark:text-blue-400', 'icon' => '', ], [ 'label' => __('Total Users'), 'value' => '1,248', 'change' => '8', 'up' => true, 'iconBg' => 'bg-teal-50 dark:bg-teal-500/10', 'iconColor' => 'text-teal-600 dark:text-teal-400', 'icon' => '', ], [ 'label' => __('Active Plans'), 'value' => '342', 'change' => '3', 'up' => false, 'iconBg' => 'bg-amber-50 dark:bg-amber-500/10', 'iconColor' => 'text-amber-600 dark:text-amber-400', 'icon' => '', ], [ 'label' => __('AI Replies'), 'value' => '24.5K', 'change' => '1.2K', 'up' => true, 'iconBg' => 'bg-purple-50 dark:bg-purple-500/10', 'iconColor' => 'text-purple-600 dark:text-purple-400', 'icon' => '', ], ]; @endphp
@foreach($stats as $stat)
{!! $stat['icon'] !!}
@if($stat['up']) @else @endif {{ $stat['up'] ? '+' : '-' }}{{ $stat['change'] }}

{{ $stat['value'] }}

{{ $stat['label'] }}

@endforeach
{{-- ════════════════════════════════════════════════════════════════ CHARTS — Revenue Overview (60%) + Plan Distribution (40%) ════════════════════════════════════════════════════════════════ --}}
{{-- Revenue Area Chart --}}

{{ __('Revenue Overview') }}

{{ __('Revenue') }} {{ __('Expenses') }}
{{-- Plan Distribution Doughnut --}}

{{ __('Plan Distribution') }}

1,248 {{ __('Total Users') }}
Free (420) Starter (380) Pro (310) Enterprise (138)
{{-- ════════════════════════════════════════════════════════════════ TABLE — Recent Users ════════════════════════════════════════════════════════════════ --}} @php $users = [ ['name' => 'Sarah Chen', 'email' => 'sarah.chen@acme.io', 'plan' => 'Enterprise', 'status' => 'Active', 'joined' => '2 hours ago'], ['name' => 'Marcus Johnson', 'email' => 'marcus@startup.co', 'plan' => 'Pro', 'status' => 'Active', 'joined' => '5 hours ago'], ['name' => 'Aisha Patel', 'email' => 'aisha.p@globex.com', 'plan' => 'Starter', 'status' => 'Pending', 'joined' => '1 day ago'], ['name' => 'Tom Eriksen', 'email' => 'tom@nordic.dev', 'plan' => 'Pro', 'status' => 'Active', 'joined' => '2 days ago'], ['name' => 'Lucia Fernandez', 'email' => 'lucia@designhub.es', 'plan' => 'Free', 'status' => 'Active', 'joined' => '3 days ago'], ['name' => 'Wei Zhang', 'email' => 'wei.z@techcorp.cn', 'plan' => 'Enterprise', 'status' => 'Active', 'joined' => '4 days ago'], ['name' => 'Olga Novak', 'email' => 'olga@cloudware.cz', 'plan' => 'Starter', 'status' => 'Suspended', 'joined' => '5 days ago'], ['name' => 'James Obi', 'email' => 'james.obi@nexgen.ng', 'plan' => 'Pro', 'status' => 'Active', 'joined' => '1 week ago'], ]; $planBadge = [ 'Free' => 'bg-gray-100 text-gray-600 dark:bg-gray-700/40 dark:text-gray-300', 'Starter' => 'bg-blue-50 text-blue-600 dark:bg-blue-500/10 dark:text-blue-400', 'Pro' => 'bg-purple-50 text-purple-600 dark:bg-purple-500/10 dark:text-purple-400', 'Enterprise' => 'bg-amber-50 text-amber-700 dark:bg-amber-500/10 dark:text-amber-400', ]; $statusDot = [ 'Active' => 'bg-emerald-500', 'Suspended' => 'bg-red-500', 'Pending' => 'bg-amber-500', ]; $avatarColors = ['#6366f1','#8b5cf6','#ec4899','#f43f5e','#f97316','#eab308','#22c55e','#14b8a6','#06b6d4','#3b82f6','#6d28d9','#db2777']; @endphp

{{ __('Recent Users') }}

{{ __('View All') }}
@foreach($users as $i => $user) @php $color = $avatarColors[crc32($user['name']) % count($avatarColors)]; @endphp @endforeach
{{ __('User') }} {{ __('Plan') }} {{ __('Status') }} {{ __('Joined') }}
{{ strtoupper(substr($user['name'], 0, 1)) }}{{ strtoupper(substr(strstr($user['name'], ' '), 1, 1)) }}

{{ $user['name'] }}

{{ $user['email'] }}

{{ $user['plan'] }} {{ $user['status'] }} {{ $user['joined'] }}
{{-- ════════════════════════════════════════════════════════════════ TABLE — Recent Payments ════════════════════════════════════════════════════════════════ --}} @php $payments = [ ['invoice' => 'INV-2024-0847', 'email' => 'sarah.chen@acme.io', 'amount' => '$299.00', 'status' => 'Succeeded', 'date' => 'Mar 22, 2026'], ['invoice' => 'INV-2024-0846', 'email' => 'marcus@startup.co', 'amount' => '$49.00', 'status' => 'Succeeded', 'date' => 'Mar 21, 2026'], ['invoice' => 'INV-2024-0845', 'email' => 'tom@nordic.dev', 'amount' => '$49.00', 'status' => 'Pending', 'date' => 'Mar 21, 2026'], ['invoice' => 'INV-2024-0844', 'email' => 'olga@cloudware.cz', 'amount' => '$19.00', 'status' => 'Failed', 'date' => 'Mar 20, 2026'], ['invoice' => 'INV-2024-0843', 'email' => 'lucia@designhub.es', 'amount' => '$49.00', 'status' => 'Refunded', 'date' => 'Mar 19, 2026'], ['invoice' => 'INV-2024-0842', 'email' => 'wei.z@techcorp.cn', 'amount' => '$299.00', 'status' => 'Succeeded', 'date' => 'Mar 18, 2026'], ]; $paymentBadge = [ 'Succeeded' => 'bg-emerald-50 text-emerald-600 dark:bg-emerald-500/10 dark:text-emerald-400', 'Failed' => 'bg-red-50 text-red-600 dark:bg-red-500/10 dark:text-red-400', 'Pending' => 'bg-amber-50 text-amber-600 dark:bg-amber-500/10 dark:text-amber-400', 'Refunded' => 'bg-gray-100 text-gray-600 dark:bg-gray-700/40 dark:text-gray-300', ]; @endphp

{{ __('Recent Payments') }}

{{ __('Show More') }}
@foreach($payments as $payment) @endforeach
{{ __('Invoice') }} {{ __('User Email') }} {{ __('Amount') }} {{ __('Status') }} {{ __('Date') }}
{{ $payment['invoice'] }} {{ $payment['email'] }} {{ $payment['amount'] }} {{ $payment['status'] }} {{ $payment['date'] }}
{{-- ════════════════════════════════════════════════════════════════ STATS FOOTER — Weekly / Monthly / Yearly Users ════════════════════════════════════════════════════════════════ --}} @php $footerStats = [ [ 'title' => __('Weekly Users'), 'value' => '482', 'change' => '+12%', 'previous' => '430 prev. week', 'up' => true, 'iconBg' => 'bg-blue-50 dark:bg-blue-500/10', 'iconColor' => 'text-blue-600 dark:text-blue-400', 'icon' => '', ], [ 'title' => __('Monthly Users'), 'value' => '1,847', 'change' => '+8.3%', 'previous' => '1,705 prev. month', 'up' => true, 'iconBg' => 'bg-teal-50 dark:bg-teal-500/10', 'iconColor' => 'text-teal-600 dark:text-teal-400', 'icon' => '', ], [ 'title' => __('Yearly Users'), 'value' => '8,142', 'change' => '-2.1%', 'previous' => '8,316 prev. year', 'up' => false, 'iconBg' => 'bg-rose-50 dark:bg-rose-500/10', 'iconColor' => 'text-rose-600 dark:text-rose-400', 'icon' => '', ], ]; @endphp
@foreach($footerStats as $fs)
{!! $fs['icon'] !!}
{{ $fs['title'] }}
{{ $fs['value'] }} @if($fs['up']) @else @endif {{ $fs['change'] }}

{{ $fs['previous'] }}

@endforeach
{{-- ════════════════════════════════════════════════════════════════ FORM SECTION — Quick Settings (form components showcase) ════════════════════════════════════════════════════════════════ --}}

{{ __('Quick Settings') }}

{{-- Text Input --}}
{{-- Select Dropdown --}}
{{-- Toggle Switch — Auto Reply --}}

{{ __('Auto Reply') }}

{{ __('Enable AI-powered auto responses') }}

{{-- Toggle Switch — Maintenance Mode --}}

{{ __('Maintenance Mode') }}

{{ __('Take the app offline temporarily') }}

{{-- Number Input --}}
{{-- Color Picker --}}
{{-- Textarea --}}
{{-- File Upload --}}
{{ __('No file chosen') }}
{{-- Radio Buttons --}}
@foreach(['SMTP', 'Mailgun', 'Amazon SES'] as $provider) @endforeach
{{-- Checkbox Group --}}
@foreach(['Email' => 'email', 'Slack' => 'slack', 'In-App' => 'in_app', 'SMS' => 'sms', 'Webhook' => 'webhook'] as $label => $val) @endforeach
{{-- Save Button --}}
{{-- ════════════════════════════════════════════════════════════════ ACTION CARDS — System Health, Pending Tickets, Updates ════════════════════════════════════════════════════════════════ --}}
{{-- System Health --}}

{{ __('System Health') }}

{{ __('All systems operational') }}

{{ __('View Status') }}
{{-- Pending Tickets --}}

{{ __('Pending Tickets') }}

3

{{ __('Support tickets awaiting response') }}

{{ __('Review Tickets') }}
{{-- Updates Available --}}

{{ __('Updates Available') }}

v2.1

{{ __('New version available for download') }}

{{ __('View Details') }}
{{-- ════════════════════════════════════════════════════════════════ CHART.JS INITIALIZATION ════════════════════════════════════════════════════════════════ --}}