{{-- ═══ TOP BAR ═══════════════════════════════════════════════════════ --}}
ResiCam · Packing Station {{-- MediaPipe loading indicator --}}
Memuat detektor gestur...
Gestur Aktif / Gesture Active
📹 Video Saya
@csrf
{{-- ═══ MAIN LAYOUT ════════════════════════════════════════════════════ --}}
{{-- ── CENTER: WEBCAM ──────────────────────────────────────────────── --}}
{{-- Webcam container --}}
{{-- Camera off overlay --}} {{-- Recording indicator --}} {{-- Paused indicator --}} {{-- Current resi overlay --}} {{-- Hand detected indicator --}} {{-- Gesture feedback flash --}}
{{-- Camera selector --}}
{{-- ── RIGHT PANEL ──────────────────────────────────────────────── --}}
{{-- ① SCAN INPUT --}}
{{-- ② QUOTA BAR --}}
Hari ini /
Bulan ini /
⚠️ Kuota habis — hubungi admin untuk upgrade
{{-- ③ ERROR TOAST --}}
{{-- ④ SESSIONS --}}
Sesi
{{-- ⑤ UPLOAD GAGAL --}}
{{-- Header --}}
Upload Gagal
{{-- List --}}
{{-- ⑥ GESTURE GUIDE --}}
@foreach([ ['icon' => '✊', 'label' => 'STOP', 'desc' => 'Kepal tangan', 'color' => 'text-red-500 bg-red-50 border-red-100'], ['icon' => '👋', 'label' => 'PAUSE', 'desc' => 'Lambaikan', 'color' => 'text-amber-500 bg-amber-50 border-amber-100'], ['icon' => '👍', 'label' => 'MULAI', 'desc' => 'Acungkan jempol', 'color' => 'text-blue-500 bg-blue-50 border-blue-100'], ['icon' => '☝️', 'label' => 'MULAI', 'desc' => 'Tunjuk ke atas', 'color' => 'text-green-500 bg-green-50 border-green-100'], ] as $g)
{{ $g['icon'] }}
{{ $g['label'] }}
{{ $g['desc'] }}
@endforeach

⏳ Model gestur dimuat dari internet (~10–30 detik)...

✓ Tunjukkan tangan ke kamera · Lampu hijau = terdeteksi

{{-- ═══ SCRIPTS ═════════════════════════════════════════════════════════ --}}