<?php if (isset($component)) { $__componentOriginal9ac128a9029c0e4701924bd2d73d7f54 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal9ac128a9029c0e4701924bd2d73d7f54 = $attributes; } ?>
<?php $component = App\View\Components\AppLayout::resolve([] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('app-layout'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\App\View\Components\AppLayout::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes([]); ?>
     <?php $__env->slot('header', null, []); ?> 
        <div class="flex items-center justify-between">
            <div>
                <h2 class="text-xl sm:text-2xl font-bold tracking-tight text-white">
                    Dashboard Dokter
                </h2>
                <p class="mt-0.5 text-sm text-teal-100">
                    Portal Konsultasi & Pemantauan Pasien
                </p>
            </div>
            <div class="hidden sm:flex items-center gap-2">
                <span id="live-clock-dokter" class="text-sm font-mono text-teal-100"></span>
                <span class="inline-flex items-center gap-1.5 bg-white/20 text-white text-xs font-semibold px-3 py-1.5 rounded-full border border-white/30">
                    <span class="w-1.5 h-1.5 rounded-full bg-emerald-300 animate-pulse"></span>
                    Dokter Aktif
                </span>
            </div>
        </div>
     <?php $__env->endSlot(); ?>

    <?php $__env->startPush('styles'); ?>
    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap" rel="stylesheet">
    <?php $__env->stopPush(); ?>

    
    <style>
        /* ── CSS Variables — Light Mode ─── */
        :root {
            --card-bg           : #ffffff;
            --card-border       : #e2e8f0;
            --card-shadow       : 0 1px 4px rgba(15,23,42,.07), 0 0 0 1px rgba(15,23,42,.03);
            --card-shadow-hover : 0 8px 24px rgba(15,23,42,.10), 0 0 0 1px rgba(20,184,166,.15);
            --accent-grad       : linear-gradient(90deg, #0d9488, #06b6d4);
            --accent-primary    : #0d9488;
            --accent-light      : #ccfbf1;
            --text-heading      : #0f172a;
            --text-body         : #334155;
            --text-muted        : #64748b;
        }
        .dark {
            --card-bg           : #1e293b;
            --card-border       : #334155;
            --card-shadow       : 0 1px 4px rgba(0,0,0,.25), 0 0 0 1px rgba(0,0,0,.15);
            --card-shadow-hover : 0 8px 24px rgba(0,0,0,.35), 0 0 0 1px rgba(20,184,166,.2);
            --accent-primary    : #2dd4bf;
            --accent-light      : rgba(20,184,166,.15);
            --text-heading      : #f8fafc;
            --text-body         : #cbd5e1;
            --text-muted        : #94a3b8;
        }

        * { font-family: 'Plus Jakarta Sans', sans-serif; }
        .mono { font-family: 'JetBrains Mono', monospace; }

        .dashboard-card {
            background: var(--card-bg); border: 1px solid var(--card-border);
            box-shadow: var(--card-shadow); border-radius: 14px; padding: 1.25rem;
            transition: box-shadow .2s, border-color .2s;
        }
        .dashboard-card:hover { box-shadow: var(--card-shadow-hover); }

        .stat-card { position: relative; overflow: hidden; }
        .stat-card::before {
            content:''; position:absolute; top:0; left:0; right:0;
            height:3px; background:var(--accent-grad); border-radius:14px 14px 0 0;
        }
        .stat-num { font-size:2rem; font-weight:800; line-height:1; letter-spacing:-.03em; color:var(--text-heading); }

        .icon-wrap {
            width:44px; height:44px; min-width:44px; border-radius:12px;
            display:flex; align-items:center; justify-content:center; flex-shrink:0;
            background:var(--accent-light);
        }
        .icon-wrap svg { color:var(--accent-primary); }
        .icon-wrap.danger  { background:#fef2f2; }
        .dark .icon-wrap.danger  { background:rgba(239,68,68,.15); }
        .icon-wrap.danger svg  { color:#ef4444; }
        .icon-wrap.warning { background:#fffbeb; }
        .dark .icon-wrap.warning { background:rgba(245,158,11,.15); }
        .icon-wrap.warning svg { color:#f59e0b; }
        .icon-wrap.info    { background:#eff6ff; }
        .dark .icon-wrap.info    { background:rgba(59,130,246,.15); }
        .icon-wrap.info svg    { color:#3b82f6; }

        .kpi-bar-track { height:5px; background:#e2e8f0; border-radius:999px; overflow:hidden; }
        .dark .kpi-bar-track { background:#334155; }
        .kpi-bar-fill { height:100%; background:var(--accent-grad); border-radius:999px; transition:width 1.2s cubic-bezier(.4,0,.2,1); }

        .action-card {
            display:flex; align-items:center; gap:1rem; text-decoration:none;
            transition:transform .15s, box-shadow .15s;
        }
        .action-card:hover { transform:translateY(-2px); box-shadow:var(--card-shadow-hover); }
        .action-card:hover .action-icon { transform:scale(1.08); }
        .action-icon {
            flex-shrink:0; width:44px; height:44px; min-width:44px; border-radius:12px;
            display:flex; align-items:center; justify-content:center;
            background:var(--accent-light); transition:transform .2s;
        }
        .action-icon svg { width:20px; height:20px; color:var(--accent-primary); }
        .action-icon.warning { background:#fffbeb; }
        .dark .action-icon.warning { background:rgba(245,158,11,.15); }
        .action-icon.warning svg { color:#f59e0b; }
        .action-icon.info { background:#eff6ff; }
        .dark .action-icon.info { background:rgba(59,130,246,.15); }
        .action-icon.info svg { color:#3b82f6; }

        .table-row {
            display:flex; align-items:center; gap:.75rem;
            padding:.75rem 1.25rem; border-bottom:1px solid var(--card-border); transition:background .15s;
        }
        .table-row:last-child { border-bottom:none; }
        .table-row:hover { background:#f8fafc; }
        .dark .table-row:hover { background:rgba(255,255,255,.03); }

        .badge {
            display:inline-flex; align-items:center; padding:.2rem .55rem;
            border-radius:999px; font-size:.7rem; font-weight:700; letter-spacing:.02em;
        }
        .sec-title {
            font-size:.7rem; font-weight:700; letter-spacing:.08em;
            text-transform:uppercase; color:var(--text-muted);
        }
        .count-up { display:inline-block; }

        @keyframes slideUp {
            from { opacity:0; transform:translateY(16px); }
            to   { opacity:1; transform:translateY(0); }
        }
        .anim-up { animation:slideUp .4s ease both; }
        .anim-up:nth-child(2) { animation-delay:.06s; }
        .anim-up:nth-child(3) { animation-delay:.12s; }
        .anim-up:nth-child(4) { animation-delay:.18s; }
        .anim-up:nth-child(5) { animation-delay:.24s; }
    </style>

    <div class="py-6 sm:py-8 px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto space-y-5">

        
        <div class="dashboard-card relative overflow-hidden !border-none anim-up"
             style="background:linear-gradient(135deg,#0d9488 0%,#0891b2 100%);">
            <div style="position:absolute;top:-40px;right:-40px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.07);pointer-events:none;"></div>
            <div style="position:absolute;bottom:-60px;right:80px;width:160px;height:160px;border-radius:50%;background:rgba(255,255,255,.05);pointer-events:none;"></div>
            <div class="relative z-10 flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">
                <div>
                    <p class="text-teal-100 text-xs font-bold tracking-widest uppercase mb-1">Portal Dokter</p>
                    <h3 class="text-white text-xl sm:text-2xl font-extrabold leading-tight">
                        Selamat datang, Dr. <?php echo e(Auth::user()->name); ?> 🩺
                    </h3>
                    <p class="text-teal-50 text-sm mt-1">
                        <span class="mono text-teal-200 font-semibold"><?php echo e($stats['konsultasi_hari_ini'] ?? 0); ?></span>
                        konsultasi hari ini ·
                        <span class="mono text-amber-300 font-semibold"><?php echo e($stats['konsultasi_pending'] ?? 0); ?></span>
                        menunggu respons ·
                        <span class="mono text-red-300 font-semibold"><?php echo e($stats['perlu_review'] ?? 0); ?></span>
                        perlu ditinjau
                    </p>
                </div>
                <div class="flex flex-wrap gap-2">
                    <a href="<?php echo e(route('dokter.konsultasi.index')); ?>"
                       class="inline-flex items-center gap-2 bg-white text-teal-700 hover:bg-teal-50 text-sm font-semibold px-4 py-2 rounded-xl transition-colors">
                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/>
                        </svg>
                        Konsultasi
                    </a>
                    <a href="<?php echo e(route('dokter.my-patients')); ?>"
                       class="inline-flex items-center gap-2 bg-white/10 hover:bg-white/20 text-white text-sm font-semibold px-4 py-2 rounded-xl transition-colors border border-white/20">
                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0"/>
                        </svg>
                        Pasien Saya
                    </a>
                </div>
            </div>
        </div>

        
        <div class="grid grid-cols-2 lg:grid-cols-4 gap-4">

            <div class="dashboard-card stat-card anim-up">
                <div class="flex items-start justify-between mb-3">
                    <div class="icon-wrap">
                        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/>
                        </svg>
                    </div>
                </div>
                <p class="stat-num count-up" data-target="<?php echo e($stats['konsultasi_hari_ini'] ?? 0); ?>">0</p>
                <p class="text-sm font-medium mt-1" style="color:var(--text-muted)">Konsultasi Hari Ini</p>
                <div class="mt-3">
                    <?php $ratio = max($stats['konsultasi_hari_ini'] ?? 0, 0); $max = max($stats['target_konsultasi'] ?? 10, 1); $pct = round(min($ratio/$max*100,100)); ?>
                    <div class="kpi-bar-track"><div class="kpi-bar-fill" style="width:<?php echo e($pct); ?>%"></div></div>
                    <p class="text-xs mt-1.5" style="color:var(--text-muted)">
                        <span class="font-semibold" style="color:var(--accent-primary)"><?php echo e($pct); ?>%</span>
                        dari target
                    </p>
                </div>
            </div>

            <div class="dashboard-card stat-card anim-up">
                <div class="flex items-start justify-between mb-3">
                    <div class="icon-wrap warning">
                        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
                        </svg>
                    </div>
                </div>
                <p class="stat-num count-up" data-target="<?php echo e($stats['konsultasi_pending'] ?? 0); ?>">0</p>
                <p class="text-sm font-medium mt-1" style="color:var(--text-muted)">Menunggu Respons</p>
                <div class="mt-3 flex items-center gap-2">
                    <?php if(($stats['konsultasi_pending'] ?? 0) > 0): ?>
                        <span class="badge bg-amber-100 text-amber-700 dark:bg-amber-900/40 dark:text-amber-400">⚠ Perlu respons</span>
                    <?php else: ?>
                        <span class="badge bg-emerald-100 text-emerald-600 dark:bg-emerald-900/40 dark:text-emerald-400">✓ Semua direspons</span>
                    <?php endif; ?>
                </div>
            </div>

            <div class="dashboard-card stat-card anim-up">
                <div class="flex items-start justify-between mb-3">
                    <div class="icon-wrap">
                        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"/>
                        </svg>
                    </div>
                </div>
                <p class="stat-num count-up" data-target="<?php echo e($stats['total_pasien'] ?? 0); ?>">0</p>
                <p class="text-sm font-medium mt-1" style="color:var(--text-muted)">Total Pasien Saya</p>
                <div class="mt-3">
                    <?php $jalanPct = ($stats['total_pasien'] ?? 0) > 0 ? round(($stats['pasien_aktif'] ?? 0)/($stats['total_pasien'])*100) : 0; ?>
                    <div class="kpi-bar-track"><div class="kpi-bar-fill" style="width:<?php echo e($jalanPct); ?>%"></div></div>
                    <p class="text-xs mt-1.5" style="color:var(--text-muted)">
                        <span class="font-semibold" style="color:var(--accent-primary)"><?php echo e($stats['pasien_aktif'] ?? 0); ?></span>
                        pasien aktif
                    </p>
                </div>
            </div>

            <div class="dashboard-card stat-card anim-up">
                <div class="flex items-start justify-between mb-3">
                    <div class="icon-wrap info">
                        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"/>
                        </svg>
                    </div>
                </div>
                <p class="stat-num count-up" data-target="<?php echo e($stats['jadwal_kontrol'] ?? 0); ?>">0</p>
                <p class="text-sm font-medium mt-1" style="color:var(--text-muted)">Jadwal Kontrol</p>
                <div class="mt-3 flex items-center gap-2">
                    <?php if(($stats['jadwal_kontrol'] ?? 0) > 0): ?>
                        <span class="badge bg-blue-100 text-blue-700 dark:bg-blue-900/40 dark:text-blue-400">📅 Minggu ini</span>
                    <?php else: ?>
                        <span class="badge bg-slate-100 text-slate-500 dark:bg-slate-700 dark:text-slate-400">Kosong</span>
                    <?php endif; ?>
                </div>
            </div>
        </div>

        
        <div>
            <p class="sec-title mb-3">Akses Cepat</p>
            <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3">
                <?php
                    $docActions = [
                        ['href'=>route('dokter.konsultasi.index'),  'label'=>'Konsultasi',     'sub'=>'Daftar & respons konsultasi',   'icon'=>'M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z', 'type'=>''],
                        ['href'=>route('dokter.my-patients'),       'label'=>'Pasien Saya',    'sub'=>'Riwayat & data pasien',         'icon'=>'M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0', 'type'=>''],
                        ['href'=>route('dokter.jadwal-kontrol'),    'label'=>'Jadwal Kontrol', 'sub'=>'Kelola jadwal kunjungan',       'icon'=>'M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z', 'type'=>'info'],
                        ['href'=>route('dokter.review.index'),      'label'=>'Review AI',      'sub'=>'Tinjau analisis AI pasien',     'icon'=>'M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z', 'type'=>'warning'],
                    ];
                ?>
                <?php $__currentLoopData = $docActions; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $a): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <a href="<?php echo e($a['href']); ?>" class="dashboard-card action-card anim-up">
                    <div class="action-icon <?php echo e($a['type']); ?>">
                        <svg fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="<?php echo e($a['icon']); ?>"/>
                        </svg>
                    </div>
                    <div class="flex-1 min-w-0">
                        <p class="font-bold text-sm" style="color:var(--text-heading)"><?php echo e($a['label']); ?></p>
                        <p class="text-xs truncate" style="color:var(--text-muted)"><?php echo e($a['sub']); ?></p>
                    </div>
                    <svg class="w-4 h-4 shrink-0" style="color:var(--card-border)" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                    </svg>
                </a>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </div>
        </div>

        
        <div class="grid grid-cols-1 lg:grid-cols-5 gap-4">

            
            <div class="dashboard-card !p-0 overflow-hidden lg:col-span-3 anim-up">
                <div class="flex items-center justify-between px-5 py-4 border-b" style="border-color:var(--card-border)">
                    <div>
                        <p class="sec-title">Aktivitas</p>
                        <h3 class="font-bold" style="color:var(--text-heading)">Konsultasi Terbaru</h3>
                    </div>
                    <a href="<?php echo e(route('dokter.konsultasi.index')); ?>" class="text-xs font-semibold" style="color:var(--accent-primary)">
                        Lihat semua →
                    </a>
                </div>
                <div class="flex items-center gap-3 px-5 py-2 text-xs font-semibold uppercase tracking-wider bg-slate-50 dark:bg-slate-800/50" style="color:var(--text-muted)">
                    <span class="flex-1">Pasien</span>
                    <span class="text-center w-20 sm:w-28">Status</span>
                    <span class="text-right w-20 sm:w-24">Waktu</span>
                </div>
                <?php $__empty_1 = true; $__currentLoopData = $konsultasi_terbaru ?? []; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $k): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                <div class="table-row">
                    <div class="flex items-center gap-3 flex-1 min-w-0">
                        <div class="w-8 h-8 rounded-full flex items-center justify-center flex-shrink-0 font-bold text-sm bg-teal-100 dark:bg-teal-900/40 text-teal-700 dark:text-teal-400">
                            <?php echo e(strtoupper(substr($k->pasien->nama_lengkap ?? '?', 0, 1))); ?>

                        </div>
                        <div class="min-w-0">
                            <p class="text-sm font-semibold truncate" style="color:var(--text-heading)"><?php echo e($k->pasien->nama_lengkap ?? '-'); ?></p>
                            <p class="text-xs truncate" style="color:var(--text-muted)"><?php echo e(Str::limit($k->keluhan_pasien ?? '-', 32)); ?></p>
                        </div>
                    </div>
                    <div class="text-center w-20 sm:w-28 shrink-0">
                        <?php
                            $sc = match($k->status_konsultasi ?? '') {
                                'SELESAI_KONSUL', 'LUNAS' => 'bg-emerald-100 text-emerald-700 dark:bg-emerald-900/40 dark:text-emerald-400',
                                'BERLANGSUNG'             => 'bg-blue-100 text-blue-700 dark:bg-blue-900/40 dark:text-blue-400',
                                'MENUNGGU'                => 'bg-amber-100 text-amber-700 dark:bg-amber-900/40 dark:text-amber-400',
                                'BATAL'                   => 'bg-red-100 text-red-700 dark:bg-red-900/40 dark:text-red-400',
                                default                   => 'bg-slate-100 text-slate-500',
                            };
                            $label = match($k->status_konsultasi ?? '') {
                                'SELESAI_KONSUL' => 'Selesai',
                                'LUNAS'          => 'Lunas',
                                'BERLANGSUNG'    => 'Berlangsung',
                                'MENUNGGU'       => 'Menunggu',
                                'BATAL'          => 'Batal',
                                default          => '-',
                            };
                        ?>
                        <span class="badge <?php echo e($sc); ?>"><?php echo e($label); ?></span>
                    </div>
                    <div class="text-right w-20 sm:w-24 shrink-0">
                        <p class="text-xs" style="color:var(--text-muted)"><?php echo e($k->created_at->diffForHumans()); ?></p>
                    </div>
                </div>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                <div class="flex flex-col items-center justify-center py-12" style="color:var(--text-muted)">
                    <svg class="w-10 h-10 mb-3 opacity-40" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/>
                    </svg>
                    <p class="text-sm font-medium">Belum ada konsultasi hari ini</p>
                </div>
                <?php endif; ?>
            </div>

            
            <div class="flex flex-col gap-4 lg:col-span-2">
                
                <div class="dashboard-card anim-up !border-none"
                     style="background:linear-gradient(135deg,#0f766e,#0891b2);">
                    <p class="text-teal-200 text-xs font-bold tracking-widest uppercase mb-1">Performa Hari Ini</p>
                    <div class="flex items-end gap-3 mt-2">
                        <?php
                            $selesai    = $stats['konsultasi_selesai'] ?? 0;
                            $totalHari  = max($stats['konsultasi_hari_ini'] ?? 1, 1);
                            $perfScore  = round($selesai / $totalHari * 100);
                        ?>
                        <span class="text-5xl font-black text-white mono"><?php echo e($perfScore); ?><span class="text-2xl text-teal-200">%</span></span>
                        <div class="mb-1">
                            <p class="text-white font-semibold text-sm">Konsultasi Selesai</p>
                            <p class="text-teal-200 text-xs">dari <?php echo e($totalHari); ?> konsultasi</p>
                        </div>
                    </div>
                    <div class="mt-4 bg-white/20 rounded-full h-2">
                        <div class="h-2 rounded-full bg-white transition-all duration-1000" style="width:<?php echo e($perfScore); ?>%"></div>
                    </div>
                </div>

                
                <div class="dashboard-card !p-0 overflow-hidden anim-up">
                    <div class="px-5 py-3 border-b" style="border-color:var(--card-border)">
                        <h3 class="font-bold text-sm" style="color:var(--text-heading)">Ringkasan Dokter</h3>
                    </div>
                    <div class="divide-y" style="border-color:var(--card-border)">
                        <?php $__currentLoopData = [
                            ['label'=>'Konsultasi Hari Ini', 'val'=>$stats['konsultasi_hari_ini'] ?? 0],
                            ['label'=>'Menunggu Respons',    'val'=>$stats['konsultasi_pending'] ?? 0],
                            ['label'=>'Konsultasi Selesai',  'val'=>$stats['konsultasi_selesai'] ?? 0],
                            ['label'=>'Total Pasien',         'val'=>$stats['total_pasien'] ?? 0],
                            ['label'=>'Perlu Review AI',      'val'=>$stats['perlu_review'] ?? 0],
                        ]; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $row): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <div class="flex items-center justify-between px-5 py-2.5">
                            <span class="text-sm" style="color:var(--text-body)"><?php echo e($row['label']); ?></span>
                            <span class="mono font-bold text-sm" style="color:var(--accent-primary)"><?php echo e($row['val']); ?></span>
                        </div>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </div>
                </div>
            </div>
        </div>

    </div>

    <?php $__env->startPush('scripts'); ?>
    <script>
    document.addEventListener('DOMContentLoaded', function () {
        function tick() {
            const el = document.getElementById('live-clock-dokter');
            if (el) el.textContent = new Date().toLocaleTimeString('id-ID',{hour:'2-digit',minute:'2-digit',second:'2-digit'});
        }
        tick(); setInterval(tick, 1000);

        document.querySelectorAll('.count-up').forEach(el => {
            const target = parseInt(el.dataset.target) || 0;
            if (!target) { el.textContent = '0'; return; }
            let cur = 0;
            const step = Math.max(1, Math.floor(target/60));
            const iv = setInterval(() => {
                cur = Math.min(cur + step, target);
                el.textContent = cur.toLocaleString('id-ID');
                if (cur >= target) clearInterval(iv);
            }, 18);
        });
    });
    </script>
    <?php $__env->stopPush(); ?>

 <?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal9ac128a9029c0e4701924bd2d73d7f54)): ?>
<?php $attributes = $__attributesOriginal9ac128a9029c0e4701924bd2d73d7f54; ?>
<?php unset($__attributesOriginal9ac128a9029c0e4701924bd2d73d7f54); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal9ac128a9029c0e4701924bd2d73d7f54)): ?>
<?php $component = $__componentOriginal9ac128a9029c0e4701924bd2d73d7f54; ?>
<?php unset($__componentOriginal9ac128a9029c0e4701924bd2d73d7f54); ?>
<?php endif; ?><?php /**PATH C:\laragon\www\KESEHATAN\resources\views/dokter/dashboard.blade.php ENDPATH**/ ?>