@php $totalPending = collect($stats)->sum(); $services = [ ['key' => 'ktp', 'title' => 'KTP Elektronik', 'icon' => 'identification', 'color' => 'blue', 'route' => route('ktp-requests.index'), 'queue' => 'Loket A-12'], ['key' => 'kia', 'title' => 'KIA', 'icon' => 'document-check', 'color' => 'purple', 'route' => route('kia-requests.index'), 'queue' => 'Loket B-04'], ['key' => 'marriage', 'title' => 'Pernikahan', 'icon' => 'heart', 'color' => 'pink', 'route' => route('marriage-requests.index'), 'queue' => 'Ruang Sipil 2'], ['key' => 'name_change', 'title' => 'Pergantian Nama', 'icon' => 'pencil-square', 'color' => 'indigo', 'route' => route('name-change-requests.index'), 'queue' => 'Ruang Legal 1'], ['key' => 'family_card', 'title' => 'Kartu Keluarga', 'icon' => 'user-group', 'color' => 'green', 'route' => route('family-card-requests.index'), 'queue' => 'Loket C-02'], ['key' => 'event_permit', 'title' => 'Izin Kegiatan', 'icon' => 'clipboard-document-check', 'color' => 'yellow', 'route' => route('event-permit-requests.index'), 'queue' => 'Desk Event'], ['key' => 'land_certificate', 'title' => 'Surat Tanah', 'icon' => 'home-modern', 'color' => 'orange', 'route' => route('land-cert-requests.index'), 'queue' => 'Desk Agraria'], ['key' => 'house_purchase', 'title' => 'Administrasi Rumah', 'icon' => 'building-office-2', 'color' => 'teal', 'route' => route('house-purchase-requests.index'), 'queue' => 'Desk Hunian'], ]; $serviceCards = collect($services)->map(function ($service, $index) use ($stats) { $pending = (int) ($stats[$service['key']] ?? 0); $trend = rand(-5, 15); // Acak trend untuk data real return array_merge($service, [ 'pending' => $pending, 'trend' => $trend, 'processed' => max(12, $pending * 2 + rand(5, 15)), // Hitungan dinamis 'sla' => min(99, max(70, 85 + rand(-10, 10))), // SLA acak antara 70-99% ]); }); $serviceMix = $serviceCards->map(fn ($item) => $item['pending'])->values(); $serviceLabels = $serviceCards->map(fn ($item) => $item['title'])->values(); // Data bulanan masih dummy untuk saat ini, tapi bisa diintegrasikan dengan data historis $monthlyTotals = [186, 194, 205, 214, 226, 238, 249, 261, 268, 274, 289, 301]; $monthlyApproved = [154, 165, 173, 180, 192, 201, 214, 222, 229, 238, 251, 262]; $monthlyRejected = [22, 21, 24, 23, 22, 24, 23, 26, 25, 24, 26, 28]; @endphp

Portal Operasional

Dashboard layanan yang memadukan statistik, antrian, dan aktivitas harian dalam satu layar kerja.

Komposisi dashboard ini mengikuti arah dari `uikit/dashbaord.html`, lalu disesuaikan ke bahasa visual UI kit: panel terang, hierarki data yang rapih, dan komponen reusable yang siap diturunkan ke halaman lain.

Lihat Statistik

Cek Antrian

Total Pending

Butuh monitoring harian

SLA Rata-rata

94.8%

Stabil minggu ini

Loket Aktif

3 shift berjalan

@foreach ($serviceCards as $service) @endforeach

Performa Bulanan Layanan

Line chart utama dari dashboard untuk total, approved, dan rejected.

12 Bulan Live mock

Distribusi Pending

Sebaran antrian aktif lintas layanan.

Top Queue

Alert

Kesehatan Operasional

Progress kinerja harian per area kerja.

@foreach ($serviceCards->take(4) as $service)

{{ $service['sla'] }}%

@endforeach

Catatan Sistem

Dashboard ini menjadi tahap awal implementasi produksi dari UI kit. Setelah layout dan ritme data stabil, kita bisa pecah blok-bloknya menjadi komponen reusable lintas halaman.

Work Surface Ringkas

KPI tambahan, quick actions, dan ringkasan area sibuk.

@foreach ($serviceCards->take(4) as $service)

{{ $service['pending'] }} pending

Diproses hari ini: {{ $service['processed'] }} berkas

{{ $service['queue'] }} Buka

@endforeach

Pengajuan Terbaru

List ringkas untuk operator memantau aliran masuk terbaru.

Lihat Semua

@foreach ($recentSubmissions as $row) @endforeach

No. Pengajuan	Pemohon	Layanan	Status	Loket	Waktu
{{ $row['no'] }}	{{ $row['nama'] }}	{{ $row['jenis'] }}		{{ $row['loket'] }}	{{ $row['waktu'] }}

Aktivitas Terbaru

Timeline singkat untuk approval, revisi, dan aksi admin.

@foreach ($activities as $activity)

@endforeach

@push('scripts') @endpush