@extends('admin/layouts.master-soyuz')
@section('title', __('Admin Dashboard | '))

@section('body')
@component('admin.component.breadcumb')
    @slot('heading'){{ __('Dashboard') }}@endslot
@endcomponent

<div class="contentbar">
@can('dashboard.states')

    {{-- Welcome strip --}}
    <div class="card m-b-30" style="border:0;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#3b6df0 0%,#2952d3 100%);">
        <div class="card-body" style="padding:22px 26px;color:#fff;">
            <div class="row align-items-center">
                <div class="col-md-1 col-2 text-center">
                    <div style="width:48px;height:48px;border-radius:12px;background:rgba(255,255,255,0.18);display:flex;align-items:center;justify-content:center;font-size:22px;">
                        <i class="feather icon-{{ $time < 19 ? 'sun' : 'moon' }}"></i>
                    </div>
                </div>
                <div class="col-md-7 col-10">
                    <h4 style="margin:0;font-weight:800;">{{ $day }}, {{ auth()->user()->name }}!</h4>
                    <p style="margin:4px 0 0;opacity:.9;font-size:13px;">{{ $quote }}</p>
                </div>
                <div class="col-md-4 text-right d-none d-md-block">
                    <div style="background:rgba(255,255,255,0.12);padding:10px 16px;border-radius:10px;display:inline-block;">
                        <div style="font-size:11px;text-transform:uppercase;letter-spacing:.5px;opacity:.85;font-weight:700;">{{ __('Today') }}</div>
                        <div style="font-weight:800;font-size:16px;">{{ now()->format('l, M j Y') }}</div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{-- Auto-update banner --}}
    <div class="alert alert-success alert-dismissible fade show" style="border-radius:10px;border:0;display:none;" id="updateAlertWrap">
        <span id="update_text"></span>
        <form action="{{ url('/merge-quick-update') }}" method="POST" class="float-right display-none updaterform">
            @csrf
            <input required type="hidden" value="" name="filename">
            <input required type="hidden" value="" name="version">
            <button class="btn btn-sm btn-primary"><i class="feather icon-check-circle"></i> {{ __('Update Now') }}</button>
        </form>
        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
    </div>

    {{-- KPI tiles --}}
    @php
        $kpis = [
            ['label' => __('Total Users'),            'value' => $user,            'icon' => 'feather icon-users',         'color' => '#3b6df0', 'bg' => '#dbeafe', 'url' => route('users.index')],
            ['label' => __('Total Orders'),           'value' => $order,           'icon' => 'feather icon-shopping-cart', 'color' => '#f59e0b', 'bg' => '#fef3c7', 'url' => url('admin/order')],
            ['label' => __('Cancelled Orders'),       'value' => $totalcancelorder,'icon' => 'feather icon-x-circle',      'color' => '#dc2626', 'bg' => '#fee2e2', 'url' => url('admin/ord/canceled')],
            ['label' => __('Total Products'),         'value' => $totalproducts,   'icon' => 'feather icon-box',           'color' => '#16a34a', 'bg' => '#dcfce7', 'url' => url('admin/products')],
            ['label' => __('Total Stores'),           'value' => $store,           'icon' => 'feather icon-home',          'color' => '#06b6d4', 'bg' => '#cffafe', 'url' => url('admin/stores')],
            ['label' => __('Total Categories'),       'value' => $category,        'icon' => 'feather icon-grid',          'color' => '#8b5cf6', 'bg' => '#ede9fe', 'url' => url('admin/category')],
            ['label' => __('Total Coupons'),          'value' => $coupan,          'icon' => 'feather icon-tag',           'color' => '#10b981', 'bg' => '#d1fae5', 'url' => url('admin/coupan')],
            ['label' => __('Total FAQs'),             'value' => $faqs,            'icon' => 'feather icon-help-circle',   'color' => '#f97316', 'bg' => '#ffedd5', 'url' => url('admin/faq')],
        ];
        if (isset($genrals_settings) && $genrals_settings->vendor_enable == 1) {
            $kpis[] = ['label' => __('Pending Payouts'), 'value' => $pending_payout, 'icon' => 'feather icon-credit-card', 'color' => '#e11d48', 'bg' => '#ffe4e6', 'url' => route('seller.payouts.index')];
            $kpis[] = ['label' => __('Active Sellers'),  'value' => $totalsellers,   'icon' => 'feather icon-briefcase',   'color' => '#0ea5e9', 'bg' => '#e0f2fe', 'url' => route('users.index', ['filter' => 'sellers'])];
        }
        $kpis[] = ['label' => __('Active Testimonials'), 'value' => $total_testinonials, 'icon' => 'feather icon-message-circle', 'color' => '#a855f7', 'bg' => '#f3e8ff', 'url' => route('testimonial.index')];
        $kpis[] = ['label' => __('Active Hot Deals'),    'value' => $total_hotdeals,     'icon' => 'feather icon-zap',            'color' => '#ec4899', 'bg' => '#fce7f3', 'url' => route('hotdeal.index')];
    @endphp

    <div class="row">
        @foreach($kpis as $kpi)
            <div class="col-md-4 col-xl-3 mb-3">
                <a href="{{ $kpi['url'] }}" style="text-decoration:none;color:inherit;display:block;">
                    <div class="card m-0" style="border:0;border-radius:12px;box-shadow:0 1px 3px rgba(15,23,42,.06);transition:transform .15s,box-shadow .15s;height:100%;"
                         onmouseover="this.style.transform='translateY(-2px)';this.style.boxShadow='0 8px 24px rgba(15,23,42,.10)'"
                         onmouseout="this.style.transform='';this.style.boxShadow='0 1px 3px rgba(15,23,42,.06)'">
                        <div class="card-body" style="padding:18px;">
                            <div class="d-flex justify-content-between align-items-start">
                                <div>
                                    <h3 style="margin:0;font-weight:800;color:#0a1430;font-size:24px;">{{ $kpi['value'] }}</h3>
                                    <p style="margin:2px 0 0;font-size:12px;color:#64748b;font-weight:600;">{{ $kpi['label'] }}</p>
                                </div>
                                <div style="width:42px;height:42px;border-radius:10px;background:{{ $kpi['bg'] }};color:{{ $kpi['color'] }};display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;">
                                    <i class="{{ $kpi['icon'] }}"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
        @endforeach
    </div>

    {{-- Social widgets --}}
    @if($dashsetting->fb_wid == 1 || $dashsetting->tw_wid == 1 || $dashsetting->insta_wid == 1)
        @php $connected = @fsockopen('www.facebook.com', 80); @endphp
        <div class="row mt-2">
            @if($dashsetting->fb_wid == 1)
                <div class="col-md-4 mb-3">
                    <div class="card m-0" style="border:0;border-radius:12px;box-shadow:0 1px 3px rgba(15,23,42,.06);">
                        <div class="card-body" style="padding:20px;display:flex;align-items:center;gap:16px;">
                            <div style="width:50px;height:50px;border-radius:12px;background:#dbeafe;color:#1877f2;display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0;">
                                <i class="fa fa-facebook-official"></i>
                            </div>
                            <div style="flex:1;min-width:0;">
                                <div style="font-size:11px;text-transform:uppercase;color:#64748b;font-weight:700;letter-spacing:.5px;">{{ __('Facebook') }}</div>
                                <h4 style="margin:2px 0 0;font-weight:800;color:#0a1430;">
                                    @if($dashsetting->fb_page_id != '' || $dashsetting->fb_page_token != '')
                                        @if($connected)
                                            @php
                                                $url = 'https://graph.facebook.com/v3.2/'.$dashsetting->fb_page_id.'?fields=fan_count&access_token='.$dashsetting->fb_page_token;
                                                $curl = curl_init($url);
                                                curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1);
                                                curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, false);
                                                $result = curl_exec($curl);
                                                curl_close($curl);
                                                $fanCount = '—';
                                                if ($result) {
                                                    $r = json_decode($result);
                                                    if (isset($r->fan_count)) $fanCount = number_format($r->fan_count);
                                                }
                                            @endphp
                                            {{ $fanCount }} <small style="font-weight:500;font-size:12px;color:#64748b;">{{ __('Likes') }}</small>
                                        @else <small style="color:#dc2626;font-size:12px;">{{ __('Connection Problem') }}</small>
                                        @endif
                                    @else <small style="color:#64748b;font-size:12px;">{{ __('Set FB key in dashboard settings') }}</small>
                                    @endif
                                </h4>
                            </div>
                        </div>
                    </div>
                </div>
            @endif
            @if($dashsetting->tw_wid == 1)
                <div class="col-md-4 mb-3">
                    <div class="card m-0" style="border:0;border-radius:12px;box-shadow:0 1px 3px rgba(15,23,42,.06);">
                        <div class="card-body" style="padding:20px;display:flex;align-items:center;gap:16px;">
                            <div style="width:50px;height:50px;border-radius:12px;background:#cffafe;color:#06b6d4;display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0;">
                                <i class="fa fa-twitter"></i>
                            </div>
                            <div style="flex:1;min-width:0;">
                                <div style="font-size:11px;text-transform:uppercase;color:#64748b;font-weight:700;letter-spacing:.5px;">{{ __('Twitter') }}</div>
                                <h4 style="margin:2px 0 0;font-weight:800;color:#0a1430;">
                                    @if($dashsetting->tw_username != '' && $connected)
                                        @php
                                            $data = @file_get_contents('https://cdn.syndication.twimg.com/widgets/followbutton/info.json?screen_names=' . $dashsetting->tw_username);
                                            $parsed = @json_decode($data, true);
                                            $tw = isset($parsed[0]['followers_count']) ? number_format($parsed[0]['followers_count']) : '—';
                                        @endphp
                                        {{ $tw }} <small style="font-weight:500;font-size:12px;color:#64748b;">{{ __('Followers') }}</small>
                                    @else <small style="color:#64748b;font-size:12px;">{{ __('Set Twitter username in settings') }}</small>
                                    @endif
                                </h4>
                            </div>
                        </div>
                    </div>
                </div>
            @endif
            @if($dashsetting->insta_wid == 1)
                <div class="col-md-4 mb-3">
                    <div class="card m-0" style="border:0;border-radius:12px;box-shadow:0 1px 3px rgba(15,23,42,.06);">
                        <div class="card-body" style="padding:20px;display:flex;align-items:center;gap:16px;">
                            <div style="width:50px;height:50px;border-radius:12px;background:#fce7f3;color:#ec4899;display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0;">
                                <i class="fa fa-instagram"></i>
                            </div>
                            <div style="flex:1;min-width:0;">
                                <div style="font-size:11px;text-transform:uppercase;color:#64748b;font-weight:700;letter-spacing:.5px;">{{ __('Instagram') }}</div>
                                <h4 style="margin:2px 0 0;font-weight:800;color:#0a1430;">
                                    @if($dashsetting->inst_username != '' && $connected)
                                        @php
                                            $raw = @file_get_contents("https://www.instagram.com/$dashsetting->inst_username");
                                            preg_match('/\"edge_followed_by\"\:\s?\{\"count\"\:\s?([0-9]+)/', (string) $raw, $m);
                                            $ig = isset($m[1]) ? number_format($m[1]) : '—';
                                        @endphp
                                        {{ $ig }} <small style="font-weight:500;font-size:12px;color:#64748b;">{{ __('Followers') }}</small>
                                    @else <small style="color:#64748b;font-size:12px;">{{ __('Set Instagram username in settings') }}</small>
                                    @endif
                                </h4>
                            </div>
                        </div>
                    </div>
                </div>
            @endif
        </div>
    @endif

    {{-- Charts row --}}
    <div class="row">
        <div class="col-md-12 mb-3">
            <div class="card chart-card" style="border:0;border-radius:14px;box-shadow:0 1px 3px rgba(15,23,42,.06);overflow:hidden;">
                <div class="chart-card-bar" style="height:4px;background:linear-gradient(90deg,#3b6df0 0%,#06b6d4 100%);"></div>
                <div class="card-body" style="padding:24px;">{!! $orderchart->container() !!}</div>
            </div>
        </div>
        <div class="col-md-6 mb-3">
            <div class="card" style="border:0;border-radius:14px;box-shadow:0 1px 3px rgba(15,23,42,.06);overflow:hidden;">
                <div class="card-header" style="background:linear-gradient(135deg,#3b6df0 0%,#2952d3 100%);border:0;color:#fff;padding:14px 20px;">
                    <h5 class="card-title mb-0" style="color:#fff;font-weight:700;"><i class="feather icon-globe mr-2"></i>{{ __('Visitors') }}</h5>
                </div>
                <div class="card-body" style="padding:20px;background:#f8fafc;">
                    <div id="world-map" style="height: 350px; width: 100%;"></div>
                </div>
            </div>
        </div>
        <div class="col-md-6 mb-3">
            <div class="card chart-card" style="border:0;border-radius:14px;box-shadow:0 1px 3px rgba(15,23,42,.06);overflow:hidden;height:100%;">
                <div class="chart-card-bar" style="height:4px;background:linear-gradient(90deg,#a855f7 0%,#ec4899 100%);"></div>
                <div class="card-body" style="padding:24px;">{!! $userchart->container() !!}</div>
            </div>
        </div>
    </div>

    <style>
    .contentbar .chart-card canvas { max-height: 360px !important; }
    .contentbar .chart-card .chart-title,
    .contentbar .chart-card h3,
    .contentbar .chart-card h4 {
        font-weight: 700 !important;
        color: #0a1430 !important;
        font-size: 16px !important;
        margin-bottom: 14px !important;
    }
    .contentbar .chart-card { transition: box-shadow .2s; }
    .contentbar .chart-card:hover { box-shadow: 0 8px 24px rgba(15,23,42,.08) !important; }
    </style>

    <div class="row">
        @if($dashsetting->lat_ord == 1)
            <div class="col-md-8 mb-3">
                <div class="card" style="border:0;border-radius:12px;box-shadow:0 1px 3px rgba(15,23,42,.06);">
                    <div class="card-header" style="background:#fff;border-bottom:1px solid #f1f5f9;border-radius:12px 12px 0 0;padding:16px 20px;">
                        <div class="d-flex justify-content-between align-items-center">
                            <h5 class="card-title mb-0" style="font-weight:700;"><i class="feather icon-shopping-bag text-primary mr-2"></i>{{ __('Latest Orders') }}</h5>
                            @if(count($latestorders))
                                <a href="{{ url('admin/order') }}" class="btn btn-sm btn-light" style="border-radius:6px;font-weight:600;">{{ __('View all') }} →</a>
                            @endif
                        </div>
                    </div>
                    <div class="card-body" style="padding:0;">
                        <div class="table-responsive">
                            <table class="table mb-0">
                                <thead style="background:#f8fafc;">
                                    <tr>
                                        <th style="border:0;font-size:11px;text-transform:uppercase;color:#64748b;letter-spacing:.5px;">#</th>
                                        <th style="border:0;font-size:11px;text-transform:uppercase;color:#64748b;letter-spacing:.5px;">{{ __('Order ID') }}</th>
                                        <th style="border:0;font-size:11px;text-transform:uppercase;color:#64748b;letter-spacing:.5px;">{{ __('Customer') }}</th>
                                        <th style="border:0;font-size:11px;text-transform:uppercase;color:#64748b;letter-spacing:.5px;">{{ __('Qty') }}</th>
                                        <th style="border:0;font-size:11px;text-transform:uppercase;color:#64748b;letter-spacing:.5px;">{{ __('Total') }}</th>
                                        <th style="border:0;font-size:11px;text-transform:uppercase;color:#64748b;letter-spacing:.5px;">{{ __('Date') }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse($latestorders as $key => $orderRow)
                                        <tr>
                                            <td>{{ $key + 1 }}</td>
                                            <td><a href="{{ route('show.order', $orderRow->order_id) }}" style="color:#3b6df0;font-weight:600;text-decoration:none;">#{{ $inv_cus->order_prefix . $orderRow->order_id }}</a></td>
                                            <td>{{ optional($orderRow->user)->name ?? '—' }}</td>
                                            <td><span style="background:#f1f5f9;padding:2px 8px;border-radius:6px;font-weight:600;font-size:12px;">{{ $orderRow->qty_total }}</span></td>
                                            <td><i class="{{ $orderRow->paid_in }}"></i> <strong>{{ $orderRow->order_total }}</strong></td>
                                            <td><small style="color:#64748b;">{{ date('d M Y', strtotime($orderRow->created_at)) }}</small></td>
                                        </tr>
                                    @empty
                                        <tr><td colspan="6" style="text-align:center;padding:30px;color:#94a3b8;">{{ __('No orders found') }}</td></tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        @endif

        <div class="col-md-4 mb-3">
            <div class="card chart-card" style="border:0;border-radius:14px;box-shadow:0 1px 3px rgba(15,23,42,.06);overflow:hidden;height:100%;">
                <div class="chart-card-bar" style="height:4px;background:linear-gradient(90deg,#16a34a 0%,#06b6d4 100%);"></div>
                <div class="card-body" style="padding:24px;">{!! $piechart->container() !!}</div>
            </div>
        </div>

        @if(isset($genrals_settings) && $genrals_settings->vendor_enable == 1 && $dashsetting->rct_str == 1)
            <div class="col-md-12 mb-3">
                <div class="card" style="border:0;border-radius:12px;box-shadow:0 1px 3px rgba(15,23,42,.06);">
                    <div class="card-header" style="background:#fff;border-bottom:1px solid #f1f5f9;border-radius:12px 12px 0 0;padding:16px 20px;">
                        <div class="d-flex justify-content-between align-items-center">
                            <h5 class="card-title mb-0" style="font-weight:700;"><i class="feather icon-home text-info mr-2"></i>{{ __('Recent Store Requests') }}</h5>
                            @if(count($storerequest))
                                <a href="{{ url('admin/appliedform') }}" class="btn btn-sm btn-light" style="border-radius:6px;font-weight:600;">{{ __('View all') }} →</a>
                            @endif
                        </div>
                    </div>
                    <div class="card-body" style="padding:0;">
                        <div class="table-responsive">
                            <table class="table mb-0">
                                <thead style="background:#f8fafc;">
                                    <tr>
                                        <th style="border:0;font-size:11px;text-transform:uppercase;color:#64748b;letter-spacing:.5px;">#</th>
                                        <th style="border:0;font-size:11px;text-transform:uppercase;color:#64748b;letter-spacing:.5px;">{{ __('Store Name') }}</th>
                                        <th style="border:0;font-size:11px;text-transform:uppercase;color:#64748b;letter-spacing:.5px;">{{ __('Business Email') }}</th>
                                        <th style="border:0;font-size:11px;text-transform:uppercase;color:#64748b;letter-spacing:.5px;">{{ __('Requested By') }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse($storerequest as $key => $storeRow)
                                        <tr>
                                            <td>{{ $key + 1 }}</td>
                                            <td><strong>{{ $storeRow->name }}</strong></td>
                                            <td>{{ $storeRow->email }}</td>
                                            <td>{{ $storeRow->owner }}</td>
                                        </tr>
                                    @empty
                                        <tr><td colspan="4" style="text-align:center;padding:30px;color:#94a3b8;">{{ __('No store requests yet') }}</td></tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        @endif

        @if($dashsetting->rct_pro == 1)
            <div class="col-md-8 mb-3">
                <div class="card" style="border:0;border-radius:12px;box-shadow:0 1px 3px rgba(15,23,42,.06);">
                    <div class="card-header" style="background:#fff;border-bottom:1px solid #f1f5f9;border-radius:12px 12px 0 0;padding:16px 20px;">
                        <div class="d-flex justify-content-between align-items-center">
                            <h5 class="card-title mb-0" style="font-weight:700;"><i class="feather icon-package text-success mr-2"></i>{{ __('Recently Added Products') }}</h5>
                            <a href="{{ url('admin/products') }}" class="btn btn-sm btn-light" style="border-radius:6px;font-weight:600;">{{ __('View all') }} →</a>
                        </div>
                    </div>
                    <div class="card-body" style="padding:14px 20px;">
                        @forelse($products->take($dashsetting->max_item_ord) as $pro)
                            <a href="{{ $pro['producturl'] }}" style="display:flex;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid #f1f5f9;text-decoration:none;color:inherit;">
                                <div style="width:48px;height:48px;border-radius:10px;background:#f8fafc;overflow:hidden;flex-shrink:0;">
                                    @if(!empty($pro['thumbnail']))
                                        <img src="{{ $pro['thumbnail'] }}" alt="" style="width:100%;height:100%;object-fit:cover;">
                                    @endif
                                </div>
                                <div style="flex:1;min-width:0;">
                                    <div style="font-weight:600;color:#0a1430;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">{{ \Illuminate\Support\Str::limit($pro['productname'], 60) }}</div>
                                    <small style="color:#64748b;">{{ \Illuminate\Support\Str::limit(strip_tags($pro['detail']), 80) }}</small>
                                </div>
                                <span style="background:#dbeafe;color:#1e40af;padding:6px 12px;border-radius:8px;font-weight:700;font-size:13px;flex-shrink:0;"><i class="{{ $pro['price_in'] }}"></i> {{ $pro['price'] }}</span>
                            </a>
                        @empty
                            <p style="text-align:center;padding:30px;color:#94a3b8;">{{ __('No products yet') }}</p>
                        @endforelse
                    </div>
                </div>
            </div>
        @endif

        @if($dashsetting->rct_cust == 1)
            <div class="col-md-4 mb-3">
                <div class="card" style="border:0;border-radius:12px;box-shadow:0 1px 3px rgba(15,23,42,.06);">
                    <div class="card-header" style="background:#fff;border-bottom:1px solid #f1f5f9;border-radius:12px 12px 0 0;padding:16px 20px;">
                        <div class="d-flex justify-content-between align-items-center">
                            <h5 class="card-title mb-0" style="font-weight:700;"><i class="feather icon-user-plus text-warning mr-2"></i>{{ __('Recent Users') }}</h5>
                            <a href="{{ route('users.index', ['filter' => 'customer']) }}" class="btn btn-sm btn-light" style="border-radius:6px;font-weight:600;">{{ __('View all') }} →</a>
                        </div>
                        <span style="background:#dcfce7;color:#16a34a;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;display:inline-block;margin-top:6px;">+{{ $registerTodayUsers }} {{ __('today') }}</span>
                    </div>
                    <div class="card-body" style="padding:14px 18px;">
                        @foreach($users = App\User::where('role_id', '!=', 'a')->orderBy('id', 'DESC')->take($dashsetting->max_item_cust)->get() as $userRow)
                            <div style="display:flex;align-items:center;gap:12px;padding:10px 0;{{ !$loop->last ? 'border-bottom:1px solid #f1f5f9;' : '' }}">
                                @if($userRow->image != '' && file_exists(public_path() . '/images/user/' . $userRow->image))
                                    <img src="{{ url('images/user/' . $userRow->image) }}" alt="" style="width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 2px 6px rgba(15,23,42,.08);flex-shrink:0;">
                                @else
                                    <img src="{{ Avatar::create($userRow->name)->tobase64() }}" alt="" style="width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 2px 6px rgba(15,23,42,.08);flex-shrink:0;">
                                @endif
                                <div style="flex:1;min-width:0;">
                                    <div style="font-weight:700;color:#0a1430;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">{{ $userRow->name }}</div>
                                    <div style="color:#64748b;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">{{ $userRow->email }}</div>
                                </div>
                                <span style="background:#dbeafe;color:#1e40af;padding:3px 8px;border-radius:6px;font-size:10px;font-weight:700;flex-shrink:0;white-space:nowrap;">{{ \Carbon\Carbon::parse($userRow->created_at)->diffForHumans(null, true) }}</span>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        @endif
    </div>

@else
    <div class="alert alert-primary" style="border-radius:10px;">
        <span class="info-box-icon {{ $time < 19 ? 'bg-orange' : 'bg-purple' }}">
            <i class="feather icon-{{ $time < 19 ? 'sun' : 'moon' }}"></i>
        </span>
        <div class="d-inline info-box-content">
            <span class="font-weight-bold">{{ $day }}, {{ auth()->user()->name }}</span>
            <span class="info-box-number">{{ $quote }}</span>
        </div>
    </div>
@endcan
</div>
@endsection

@section('custom-script')
<script src="{{ url('front/vendor/js/Chart.min.js') }}"></script>
<script>
var baseurl = @json(url('/'));
// Modern Chart.js v2 defaults — apply globally before charts render
if (typeof Chart !== 'undefined' && Chart.defaults && Chart.defaults.global) {
    Chart.defaults.global.defaultFontFamily = "'Inter', -apple-system, BlinkMacSystemFont, sans-serif";
    Chart.defaults.global.defaultFontColor = '#475569';
    Chart.defaults.global.defaultFontSize = 12;
    if (Chart.defaults.global.legend && Chart.defaults.global.legend.labels) {
        Chart.defaults.global.legend.labels.usePointStyle = true;
        Chart.defaults.global.legend.labels.boxWidth = 8;
        Chart.defaults.global.legend.labels.padding = 16;
    }
    if (Chart.defaults.global.tooltips) {
        Chart.defaults.global.tooltips.backgroundColor = '#0a1430';
        Chart.defaults.global.tooltips.titleFontColor = '#fff';
        Chart.defaults.global.tooltips.bodyFontColor = '#fff';
        Chart.defaults.global.tooltips.cornerRadius = 8;
        Chart.defaults.global.tooltips.xPadding = 12;
        Chart.defaults.global.tooltips.yPadding = 10;
        Chart.defaults.global.tooltips.displayColors = false;
    }
    if (Chart.defaults.scale && Chart.defaults.scale.gridLines) {
        Chart.defaults.scale.gridLines.color = 'rgba(15,23,42,0.04)';
        Chart.defaults.scale.gridLines.drawBorder = false;
        Chart.defaults.scale.gridLines.zeroLineColor = 'rgba(15,23,42,0.04)';
    }
}
</script>
<script src="{{ url('js/updater.js') }}"></script>
<script>
$(function() {
    $.ajax({
        method: 'GET',
        url: '{{ route("get.visitor.data") }}',
        success: function(response) {
            $('#world-map').vectorMap({
                map: 'world_mill_en',
                backgroundColor: 'transparent',
                regionStyle: {
                    initial: { fill: '#e4e4e4', 'fill-opacity': 1, stroke: 'none', 'stroke-width': 0, 'stroke-opacity': 1 }
                },
                series: {
                    regions: [{
                        values: response,
                        scale: ['#fbcfe8','#fde68a','#86efac'],
                        normalizeFunction: 'polynomial'
                    }]
                },
                onRegionLabelShow: function(e, el, code) {
                    el.html(el.html() + ': ' + (response[code] || 0) + ' visitors');
                }
            });
        },
        error: function(err) { console.log('Error:' + err); }
    });
});
</script>
{!! $userchart->script() !!}
{!! $piechart->script() !!}
{!! $orderchart->script() !!}
@endsection