-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathadmin.html
More file actions
1 lines (1 loc) · 46.9 KB
/
admin.html
File metadata and controls
1 lines (1 loc) · 46.9 KB
1
<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="/raqeeb/_next/static/css/6299990b1bf19684.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/raqeeb/_next/static/chunks/webpack-00d6627fdbcae379.js"/><script src="/raqeeb/_next/static/chunks/fd9d1056-307a36020502e7d7.js" async=""></script><script src="/raqeeb/_next/static/chunks/117-aa614a0b9a5deccb.js" async=""></script><script src="/raqeeb/_next/static/chunks/main-app-0319bc4f2aa20f60.js" async=""></script><script src="/raqeeb/_next/static/chunks/972-48b8f62640c4fa60.js" async=""></script><script src="/raqeeb/_next/static/chunks/783-e979b5e959d76c68.js" async=""></script><script src="/raqeeb/_next/static/chunks/611-26b2061d17ef4279.js" async=""></script><script src="/raqeeb/_next/static/chunks/app/admin/page-b9cf4552f7c66c9a.js" async=""></script><title>RAQEEB — رقيب | Live Daycare Monitoring</title><meta name="description" content="Secure, privacy-compliant live video monitoring for GCC parents. Watch your child at daycare in real-time."/><link rel="icon" href="/raqeeb/favicon.ico" type="image/x-icon" sizes="16x16"/><script src="/raqeeb/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script></head><body class="antialiased bg-gray-50 min-h-screen"><div class="min-h-screen bg-gray-50"><nav class="bg-[#1E3A5F] text-white shadow-lg sticky top-0 z-50"><div class="max-w-7xl mx-auto px-4 sm:px-6"><div class="flex items-center justify-between h-16"><a class="flex items-center gap-2 group" href="/raqeeb"><div class="w-9 h-9 bg-amber-500 rounded-lg flex items-center justify-center shadow-md"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-camera w-5 h-5 text-white" aria-hidden="true"><path d="M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z"></path><circle cx="12" cy="13" r="3"></circle></svg></div><div class="flex flex-col leading-tight"><span class="font-bold text-base tracking-wide">RAQEEB</span><span class="text-[10px] text-amber-400 font-medium tracking-wider opacity-90">رقيب</span></div></a><div class="hidden md:flex items-center gap-1"><a class="flex items-center gap-1.5 px-3 py-2 rounded-lg text-sm font-medium transition-colors text-blue-100 hover:bg-white/10 hover:text-white" href="/raqeeb/dashboard"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-house w-4 h-4" aria-hidden="true"><path d="M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8"></path><path d="M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path></svg>Dashboard</a><a class="flex items-center gap-1.5 px-3 py-2 rounded-lg text-sm font-medium transition-colors text-blue-100 hover:bg-white/10 hover:text-white" href="/raqeeb/live"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-camera w-4 h-4" aria-hidden="true"><path d="M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z"></path><circle cx="12" cy="13" r="3"></circle></svg>Live View</a><a class="flex items-center gap-1.5 px-3 py-2 rounded-lg text-sm font-medium transition-colors text-blue-100 hover:bg-white/10 hover:text-white" href="/raqeeb/checkins"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-log-in w-4 h-4" aria-hidden="true"><path d="m10 17 5-5-5-5"></path><path d="M15 12H3"></path><path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4"></path></svg>Check-Ins</a><a class="flex items-center gap-1.5 px-3 py-2 rounded-lg text-sm font-medium transition-colors text-blue-100 hover:bg-white/10 hover:text-white" href="/raqeeb/alerts"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bell w-4 h-4" aria-hidden="true"><path d="M10.268 21a2 2 0 0 0 3.464 0"></path><path d="M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326"></path></svg>Alerts</a><a class="flex items-center gap-1.5 px-3 py-2 rounded-lg text-sm font-medium transition-colors text-blue-100 hover:bg-white/10 hover:text-white" href="/raqeeb/highlights"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-film w-4 h-4" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M7 3v18"></path><path d="M3 7.5h4"></path><path d="M3 12h18"></path><path d="M3 16.5h4"></path><path d="M17 3v18"></path><path d="M17 7.5h4"></path><path d="M17 16.5h4"></path></svg>Highlights</a><a class="flex items-center gap-1.5 px-3 py-2 rounded-lg text-sm font-medium transition-colors bg-amber-500 text-white" href="/raqeeb/admin"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-settings w-4 h-4" aria-hidden="true"><path d="M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915"></path><circle cx="12" cy="12" r="3"></circle></svg>Admin</a></div><div class="flex items-center gap-3"><a class="relative p-2 rounded-lg hover:bg-white/10 transition-colors" href="/raqeeb/alerts"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bell w-5 h-5" aria-hidden="true"><path d="M10.268 21a2 2 0 0 0 3.464 0"></path><path d="M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326"></path></svg><span class="absolute top-1 right-1 w-4 h-4 bg-red-500 text-white text-[10px] font-bold rounded-full flex items-center justify-center">6</span></a><div class="hidden md:flex items-center gap-2 bg-white/10 rounded-full pl-1 pr-3 py-1"><div class="w-7 h-7 bg-amber-400 rounded-full flex items-center justify-center text-xs font-bold text-navy-900">LR</div><div class="flex flex-col leading-tight"><span class="text-xs font-semibold">Layan</span><span class="text-[9px] text-blue-200">ليان</span></div></div><div class="hidden sm:flex items-center gap-1 bg-green-700/40 rounded-full px-2 py-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield w-3.5 h-3.5 text-green-400" aria-hidden="true"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg><span class="text-[10px] text-green-300 font-medium">Secure</span></div><button class="md:hidden p-2 rounded-lg hover:bg-white/10"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu w-5 h-5" aria-hidden="true"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg></button></div></div></div></nav><div class="max-w-7xl mx-auto px-4 sm:px-6 py-8"><div class="flex items-start justify-between mb-8 flex-wrap gap-4"><div><h1 class="text-2xl font-bold text-[#1E3A5F]">Camera Network Admin<span class="text-gray-400 font-normal text-lg ml-2">/ إدارة الشبكة</span></h1><p class="text-gray-500 text-sm mt-1">Manage cameras, privacy zones, viewing schedules, and compliance recording.</p></div><div class="flex items-center gap-2"><div class="flex items-center gap-1.5 bg-green-50 border border-green-200 text-green-700 px-4 py-2 rounded-lg text-sm font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wifi w-4 h-4" aria-hidden="true"><path d="M12 20h.01"></path><path d="M2 8.82a15 15 0 0 1 20 0"></path><path d="M5 12.859a10 10 0 0 1 14 0"></path><path d="M8.5 16.429a5 5 0 0 1 7 0"></path></svg>3<!-- --> cameras online</div></div></div><div class="grid grid-cols-2 sm:grid-cols-4 gap-4 mb-8"><div class="bg-white rounded-xl p-4 border border-blue-100 shadow-sm"><div class="w-10 h-10 rounded-lg bg-blue-50 text-blue-600 flex items-center justify-center mb-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-camera w-5 h-5" aria-hidden="true"><path d="M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z"></path><circle cx="12" cy="13" r="3"></circle></svg></div><p class="text-2xl font-bold text-blue-600">4</p><p class="text-xs font-medium text-gray-700">Active Cameras</p><p class="text-[10px] text-gray-400">كاميرات نشطة</p></div><div class="bg-white rounded-xl p-4 border border-purple-100 shadow-sm"><div class="w-10 h-10 rounded-lg bg-purple-50 text-purple-600 flex items-center justify-center mb-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-hard-drive w-5 h-5" aria-hidden="true"><path d="M10 16h.01"></path><path d="M2.212 11.577a2 2 0 0 0-.212.896V18a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-5.527a2 2 0 0 0-.212-.896L18.55 5.11A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z"></path><path d="M21.946 12.013H2.054"></path><path d="M6 16h.01"></path></svg></div><p class="text-2xl font-bold text-purple-600">17.6 GB</p><p class="text-xs font-medium text-gray-700">Total Storage</p><p class="text-[10px] text-gray-400">المساحة الكلية</p></div><div class="bg-white rounded-xl p-4 border border-amber-100 shadow-sm"><div class="w-10 h-10 rounded-lg bg-amber-50 text-amber-600 flex items-center justify-center mb-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-triangle-alert w-5 h-5" aria-hidden="true"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"></path><path d="M12 9v4"></path><path d="M12 17h.01"></path></svg></div><p class="text-2xl font-bold text-amber-600">1</p><p class="text-xs font-medium text-gray-700">Incidents Flagged</p><p class="text-[10px] text-gray-400">حوادث موثقة</p></div><div class="bg-white rounded-xl p-4 border border-green-100 shadow-sm"><div class="w-10 h-10 rounded-lg bg-green-50 text-green-600 flex items-center justify-center mb-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check w-5 h-5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-2xl font-bold text-green-600">Active</p><p class="text-xs font-medium text-gray-700">Recording Status</p><p class="text-[10px] text-gray-400">حالة التسجيل</p></div></div><div class="grid grid-cols-1 lg:grid-cols-3 gap-6"><div class="lg:col-span-2 space-y-6"><div class="bg-white rounded-2xl shadow-sm border border-gray-100 p-6"><div class="flex items-center justify-between mb-5"><div><h2 class="text-lg font-bold text-gray-900">Camera Management</h2><p class="text-xs text-gray-400">إدارة الكاميرات</p></div><button class="flex items-center gap-1.5 text-sm text-[#1E3A5F] font-medium hover:underline"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-camera w-4 h-4" aria-hidden="true"><path d="M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z"></path><circle cx="12" cy="13" r="3"></circle></svg>Add Camera</button></div><div class="space-y-4"><div class="border border-gray-100 rounded-xl p-4 hover:border-gray-200 transition-colors"><div class="flex items-start justify-between gap-3 flex-wrap"><div class="flex items-center gap-3"><div class="w-16 h-12 bg-gray-900 rounded-lg flex items-center justify-center relative flex-shrink-0 border border-gray-700"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-camera w-5 h-5 text-gray-600" aria-hidden="true"><path d="M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z"></path><circle cx="12" cy="13" r="3"></circle></svg><div class="absolute top-1 right-1 w-2 h-2 bg-red-500 rounded-full animate-pulse"></div></div><div><div class="flex items-center gap-2"><h3 class="text-sm font-bold text-gray-900">Main Classroom</h3><span class="text-[10px] font-bold px-2 py-0.5 rounded-full bg-green-100 text-green-700">LIVE</span></div><p class="text-xs text-gray-400">الفصل الرئيسي<!-- --> · <!-- -->Building A — Room 3</p><p class="text-xs text-gray-500 mt-0.5">1080p<!-- --> · <!-- -->9:00–12:00, 14:00–16:00</p></div></div><div class="flex items-center gap-2"><button class="p-2 border border-gray-200 rounded-lg hover:bg-gray-50 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye w-4 h-4 text-gray-500" aria-hidden="true"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg></button><button class="p-2 border border-gray-200 rounded-lg hover:bg-gray-50 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-settings w-4 h-4 text-gray-500" aria-hidden="true"><path d="M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915"></path><circle cx="12" cy="12" r="3"></circle></svg></button></div></div><div class="mt-3 pt-3 border-t border-gray-50 flex flex-wrap gap-4"><div class="flex items-center gap-1.5 text-xs text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield w-3.5 h-3.5 text-amber-500" aria-hidden="true"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg>2<!-- --> privacy zone<!-- -->s<!-- --> configured</div><div class="flex items-center gap-1.5 text-xs text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-3.5 h-3.5 text-blue-500" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 6v6l4 2"></path></svg>Viewing: <!-- -->9:00–12:00, 14:00–16:00</div><div class="flex items-center gap-1.5 text-xs text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check w-3.5 h-3.5 text-green-500" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg>Recording</div></div><div class="mt-2 flex flex-wrap gap-1.5"><span class="text-[10px] bg-blue-50 text-blue-600 border border-blue-100 px-2 py-0.5 rounded-full">Butterflies</span><span class="text-[10px] bg-blue-50 text-blue-600 border border-blue-100 px-2 py-0.5 rounded-full">Stars</span></div></div><div class="border border-gray-100 rounded-xl p-4 hover:border-gray-200 transition-colors"><div class="flex items-start justify-between gap-3 flex-wrap"><div class="flex items-center gap-3"><div class="w-16 h-12 bg-gray-900 rounded-lg flex items-center justify-center relative flex-shrink-0 border border-gray-700"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-camera w-5 h-5 text-gray-600" aria-hidden="true"><path d="M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z"></path><circle cx="12" cy="13" r="3"></circle></svg><div class="absolute top-1 right-1 w-2 h-2 bg-red-500 rounded-full animate-pulse"></div></div><div><div class="flex items-center gap-2"><h3 class="text-sm font-bold text-gray-900">Outdoor Play Area</h3><span class="text-[10px] font-bold px-2 py-0.5 rounded-full bg-green-100 text-green-700">LIVE</span></div><p class="text-xs text-gray-400">منطقة اللعب الخارجية<!-- --> · <!-- -->Garden — North Side</p><p class="text-xs text-gray-500 mt-0.5">1080p<!-- --> · <!-- -->9:00–12:00, 14:00–16:00</p></div></div><div class="flex items-center gap-2"><button class="p-2 border border-gray-200 rounded-lg hover:bg-gray-50 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye w-4 h-4 text-gray-500" aria-hidden="true"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg></button><button class="p-2 border border-gray-200 rounded-lg hover:bg-gray-50 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-settings w-4 h-4 text-gray-500" aria-hidden="true"><path d="M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915"></path><circle cx="12" cy="12" r="3"></circle></svg></button></div></div><div class="mt-3 pt-3 border-t border-gray-50 flex flex-wrap gap-4"><div class="flex items-center gap-1.5 text-xs text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield w-3.5 h-3.5 text-amber-500" aria-hidden="true"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg>0<!-- --> privacy zone<!-- -->s<!-- --> configured</div><div class="flex items-center gap-1.5 text-xs text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-3.5 h-3.5 text-blue-500" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 6v6l4 2"></path></svg>Viewing: <!-- -->9:00–12:00, 14:00–16:00</div><div class="flex items-center gap-1.5 text-xs text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check w-3.5 h-3.5 text-green-500" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg>Recording</div></div><div class="mt-2 flex flex-wrap gap-1.5"><span class="text-[10px] bg-blue-50 text-blue-600 border border-blue-100 px-2 py-0.5 rounded-full">All Groups</span></div></div><div class="border border-gray-100 rounded-xl p-4 hover:border-gray-200 transition-colors"><div class="flex items-start justify-between gap-3 flex-wrap"><div class="flex items-center gap-3"><div class="w-16 h-12 bg-gray-900 rounded-lg flex items-center justify-center relative flex-shrink-0 border border-gray-700"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-camera w-5 h-5 text-gray-600" aria-hidden="true"><path d="M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z"></path><circle cx="12" cy="13" r="3"></circle></svg><div class="absolute top-1 right-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lock w-3 h-3 text-amber-400" aria-hidden="true"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg></div></div><div><div class="flex items-center gap-2"><h3 class="text-sm font-bold text-gray-900">Nap Room</h3><span class="text-[10px] font-bold px-2 py-0.5 rounded-full bg-amber-100 text-amber-700">RESTRICTED</span></div><p class="text-xs text-gray-400">غرفة القيلولة<!-- --> · <!-- -->Building A — Room 5</p><p class="text-xs text-gray-500 mt-0.5">720p<!-- --> · <!-- -->14:00–15:30 only</p></div></div><div class="flex items-center gap-2"><button class="p-2 border border-gray-200 rounded-lg hover:bg-gray-50 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye w-4 h-4 text-gray-500" aria-hidden="true"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg></button><button class="p-2 border border-gray-200 rounded-lg hover:bg-gray-50 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-settings w-4 h-4 text-gray-500" aria-hidden="true"><path d="M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915"></path><circle cx="12" cy="12" r="3"></circle></svg></button></div></div><div class="mt-3 pt-3 border-t border-gray-50 flex flex-wrap gap-4"><div class="flex items-center gap-1.5 text-xs text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield w-3.5 h-3.5 text-amber-500" aria-hidden="true"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg>4<!-- --> privacy zone<!-- -->s<!-- --> configured</div><div class="flex items-center gap-1.5 text-xs text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-3.5 h-3.5 text-blue-500" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 6v6l4 2"></path></svg>Viewing: <!-- -->14:00–15:30 only</div><div class="flex items-center gap-1.5 text-xs text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check w-3.5 h-3.5 text-green-500" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg>Recording</div></div><div class="mt-2 flex flex-wrap gap-1.5"><span class="text-[10px] bg-blue-50 text-blue-600 border border-blue-100 px-2 py-0.5 rounded-full">Butterflies</span><span class="text-[10px] bg-blue-50 text-blue-600 border border-blue-100 px-2 py-0.5 rounded-full">Rainbows</span></div></div><div class="border border-gray-100 rounded-xl p-4 hover:border-gray-200 transition-colors"><div class="flex items-start justify-between gap-3 flex-wrap"><div class="flex items-center gap-3"><div class="w-16 h-12 bg-gray-900 rounded-lg flex items-center justify-center relative flex-shrink-0 border border-gray-700"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-camera w-5 h-5 text-gray-600" aria-hidden="true"><path d="M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z"></path><circle cx="12" cy="13" r="3"></circle></svg><div class="absolute top-1 right-1 w-2 h-2 bg-red-500 rounded-full animate-pulse"></div></div><div><div class="flex items-center gap-2"><h3 class="text-sm font-bold text-gray-900">Dining Area</h3><span class="text-[10px] font-bold px-2 py-0.5 rounded-full bg-green-100 text-green-700">LIVE</span></div><p class="text-xs text-gray-400">منطقة تناول الطعام<!-- --> · <!-- -->Building B — Ground Floor</p><p class="text-xs text-gray-500 mt-0.5">1080p<!-- --> · <!-- -->9:00–12:00, 14:00–16:00</p></div></div><div class="flex items-center gap-2"><button class="p-2 border border-gray-200 rounded-lg hover:bg-gray-50 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye w-4 h-4 text-gray-500" aria-hidden="true"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg></button><button class="p-2 border border-gray-200 rounded-lg hover:bg-gray-50 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-settings w-4 h-4 text-gray-500" aria-hidden="true"><path d="M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915"></path><circle cx="12" cy="12" r="3"></circle></svg></button></div></div><div class="mt-3 pt-3 border-t border-gray-50 flex flex-wrap gap-4"><div class="flex items-center gap-1.5 text-xs text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield w-3.5 h-3.5 text-amber-500" aria-hidden="true"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg>0<!-- --> privacy zone<!-- -->s<!-- --> configured</div><div class="flex items-center gap-1.5 text-xs text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-3.5 h-3.5 text-blue-500" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 6v6l4 2"></path></svg>Viewing: <!-- -->9:00–12:00, 14:00–16:00</div><div class="flex items-center gap-1.5 text-xs text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check w-3.5 h-3.5 text-green-500" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg>Recording</div></div><div class="mt-2 flex flex-wrap gap-1.5"><span class="text-[10px] bg-blue-50 text-blue-600 border border-blue-100 px-2 py-0.5 rounded-full">All Groups</span></div></div></div></div><div class="bg-white rounded-2xl shadow-sm border border-gray-100 p-6"><div class="mb-5"><h2 class="text-lg font-bold text-gray-900">Weekly Viewing Activity</h2><p class="text-xs text-gray-400">إحصائيات المشاهدة الأسبوعية</p></div><div class="recharts-responsive-container" style="width:100%;height:200px;min-width:0"><div style="width:0;overflow-x:visible"></div></div><p class="text-xs text-gray-400 mt-3 text-center">Minutes of live feed watched per day this week</p></div></div><div class="space-y-6"><div class="bg-white rounded-2xl shadow-sm border border-gray-100 p-5"><div class="flex items-center gap-2 mb-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield w-5 h-5 text-amber-500" aria-hidden="true"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg><div><h2 class="text-base font-bold text-gray-900">Privacy Zones</h2><p class="text-xs text-gray-400">مناطق الخصوصية</p></div></div><div class="space-y-3"><div class="flex items-center justify-between"><div><p class="text-sm text-gray-700 font-medium">Main Classroom</p><p class="text-xs text-gray-400">الفصل الرئيسي</p></div><div class="flex items-center gap-2"><span class="text-xs font-bold px-2 py-0.5 rounded-full bg-amber-100 text-amber-700">2<!-- --> zones</span><button class="p-1 hover:bg-gray-100 rounded transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-settings w-3.5 h-3.5 text-gray-400" aria-hidden="true"><path d="M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915"></path><circle cx="12" cy="12" r="3"></circle></svg></button></div></div><div class="flex items-center justify-between"><div><p class="text-sm text-gray-700 font-medium">Outdoor Play Area</p><p class="text-xs text-gray-400">منطقة اللعب الخارجية</p></div><div class="flex items-center gap-2"><span class="text-xs font-bold px-2 py-0.5 rounded-full bg-gray-100 text-gray-500">0<!-- --> zones</span><button class="p-1 hover:bg-gray-100 rounded transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-settings w-3.5 h-3.5 text-gray-400" aria-hidden="true"><path d="M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915"></path><circle cx="12" cy="12" r="3"></circle></svg></button></div></div><div class="flex items-center justify-between"><div><p class="text-sm text-gray-700 font-medium">Nap Room</p><p class="text-xs text-gray-400">غرفة القيلولة</p></div><div class="flex items-center gap-2"><span class="text-xs font-bold px-2 py-0.5 rounded-full bg-amber-100 text-amber-700">4<!-- --> zones</span><button class="p-1 hover:bg-gray-100 rounded transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-settings w-3.5 h-3.5 text-gray-400" aria-hidden="true"><path d="M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915"></path><circle cx="12" cy="12" r="3"></circle></svg></button></div></div><div class="flex items-center justify-between"><div><p class="text-sm text-gray-700 font-medium">Dining Area</p><p class="text-xs text-gray-400">منطقة تناول الطعام</p></div><div class="flex items-center gap-2"><span class="text-xs font-bold px-2 py-0.5 rounded-full bg-gray-100 text-gray-500">0<!-- --> zones</span><button class="p-1 hover:bg-gray-100 rounded transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-settings w-3.5 h-3.5 text-gray-400" aria-hidden="true"><path d="M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915"></path><circle cx="12" cy="12" r="3"></circle></svg></button></div></div></div><div class="mt-4 pt-4 border-t border-gray-100"><p class="text-xs text-gray-500 leading-relaxed">Privacy zones permanently blur designated areas (e.g., changing tables, bathrooms) in the feed — even for center staff.</p></div></div><div class="bg-white rounded-2xl shadow-sm border border-gray-100 p-5"><div class="flex items-center gap-2 mb-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-5 h-5 text-blue-500" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 6v6l4 2"></path></svg><div><h2 class="text-base font-bold text-gray-900">Viewing Schedule</h2><p class="text-xs text-gray-400">جدول المشاهدة</p></div></div><div class="space-y-2"><div class="flex items-center justify-between p-3 rounded-lg border border-green-200 bg-green-50"><div><p class="text-xs font-semibold text-gray-800">Morning Window</p><p class="text-[10px] text-gray-400">نافذة الصباح</p><p class="text-xs text-gray-500 mt-0.5">9:00 AM – 12:00 PM</p></div><span class="text-[10px] font-bold px-2 py-0.5 rounded-full bg-green-600 text-white">OPEN</span></div><div class="flex items-center justify-between p-3 rounded-lg border border-gray-100 bg-white"><div><p class="text-xs font-semibold text-gray-800">Afternoon Window</p><p class="text-[10px] text-gray-400">نافذة المساء</p><p class="text-xs text-gray-500 mt-0.5">2:00 PM – 4:00 PM</p></div><span class="text-[10px] font-bold px-2 py-0.5 rounded-full bg-gray-100 text-gray-500">CLOSED</span></div><div class="flex items-center justify-between p-3 rounded-lg border border-gray-100 bg-white"><div><p class="text-xs font-semibold text-gray-800">Emergency Access</p><p class="text-[10px] text-gray-400">وصول الطوارئ</p><p class="text-xs text-gray-500 mt-0.5">By request only</p></div><span class="text-[10px] font-bold px-2 py-0.5 rounded-full bg-gray-100 text-gray-500">CLOSED</span></div></div></div><div class="bg-white rounded-2xl shadow-sm border border-gray-100 p-5"><div class="flex items-center justify-between mb-4"><div class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-hard-drive w-5 h-5 text-purple-500" aria-hidden="true"><path d="M10 16h.01"></path><path d="M2.212 11.577a2 2 0 0 0-.212.896V18a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-5.527a2 2 0 0 0-.212-.896L18.55 5.11A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z"></path><path d="M21.946 12.013H2.054"></path><path d="M6 16h.01"></path></svg><div><h2 class="text-base font-bold text-gray-900">Compliance Recording</h2><p class="text-xs text-gray-400">التسجيل التنظيمي</p></div></div><button class="p-1.5 hover:bg-gray-100 rounded-lg transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-down w-4 h-4 text-gray-400" aria-hidden="true"><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"></path><path d="M14 2v5a1 1 0 0 0 1 1h5"></path><path d="M12 18v-6"></path><path d="m9 15 3 3 3-3"></path></svg></button></div><div class="space-y-2"><div class="flex items-center gap-3 py-2 border-b border-gray-50 last:border-b-0"><div class="flex-1"><p class="text-xs font-medium text-gray-700">Camera 001<!-- --> · <!-- -->2026-03-09</p><p class="text-[10px] text-gray-400">4.2<!-- --> GB · <!-- -->30<!-- -->d retention</p></div><div class="flex items-center gap-1.5"><span class="text-[10px] font-medium px-1.5 py-0.5 rounded-full bg-green-100 text-green-700">recording</span></div></div><div class="flex items-center gap-3 py-2 border-b border-gray-50 last:border-b-0"><div class="flex-1"><p class="text-xs font-medium text-gray-700">Camera 001<!-- --> · <!-- -->2026-03-08</p><p class="text-[10px] text-gray-400">4<!-- --> GB · <!-- -->30<!-- -->d retention</p></div><div class="flex items-center gap-1.5"><span class="text-[10px] font-medium px-1.5 py-0.5 rounded-full bg-gray-100 text-gray-500">archived</span></div></div><div class="flex items-center gap-3 py-2 border-b border-gray-50 last:border-b-0"><div class="flex-1"><p class="text-xs font-medium text-gray-700">Camera 002<!-- --> · <!-- -->2026-03-07</p><p class="text-[10px] text-gray-400">3.8<!-- --> GB · <!-- -->30<!-- -->d retention</p></div><div class="flex items-center gap-1.5"><span class="text-[10px] bg-red-100 text-red-600 px-1.5 py-0.5 rounded-full">1<!-- --> incident</span><span class="text-[10px] font-medium px-1.5 py-0.5 rounded-full bg-gray-100 text-gray-500">archived</span></div></div><div class="flex items-center gap-3 py-2 border-b border-gray-50 last:border-b-0"><div class="flex-1"><p class="text-xs font-medium text-gray-700">Camera 001<!-- --> · <!-- -->2026-03-07</p><p class="text-[10px] text-gray-400">3.5<!-- --> GB · <!-- -->30<!-- -->d retention</p></div><div class="flex items-center gap-1.5"><span class="text-[10px] font-medium px-1.5 py-0.5 rounded-full bg-gray-100 text-gray-500">archived</span></div></div></div><div class="mt-4 pt-3 border-t border-gray-100"><p class="text-xs font-medium text-gray-600">Total stored: <span class="text-purple-700 font-bold">17.6<!-- --> GB</span></p><p class="text-[10px] text-gray-400 mt-0.5">30-day AES-256 encrypted retention · Saudi PDPL compliant</p></div></div><div class="bg-[#1E3A5F] text-white rounded-2xl p-5"><h3 class="text-sm font-bold mb-4">System Alerts · تنبيهات النظام</h3><div class="space-y-2.5"><div class="flex items-center justify-between"><span class="text-blue-200 text-xs">Camera offline alert</span><span class="text-[10px] font-bold px-2 py-0.5 rounded-full bg-amber-500 text-white">ON</span></div><div class="flex items-center justify-between"><span class="text-blue-200 text-xs">Storage threshold (80%)</span><span class="text-[10px] font-bold px-2 py-0.5 rounded-full bg-amber-500 text-white">ON</span></div><div class="flex items-center justify-between"><span class="text-blue-200 text-xs">Privacy zone breach</span><span class="text-[10px] font-bold px-2 py-0.5 rounded-full bg-amber-500 text-white">ON</span></div><div class="flex items-center justify-between"><span class="text-blue-200 text-xs">Viewing window violations</span><span class="text-[10px] font-bold px-2 py-0.5 rounded-full bg-amber-500 text-white">ON</span></div><div class="flex items-center justify-between"><span class="text-blue-200 text-xs">Unauthorized access attempt</span><span class="text-[10px] font-bold px-2 py-0.5 rounded-full bg-amber-500 text-white">ON</span></div><div class="flex items-center justify-between"><span class="text-blue-200 text-xs">Daily summary email</span><span class="text-[10px] font-bold px-2 py-0.5 rounded-full bg-white/10 text-gray-400">OFF</span></div></div></div></div></div></div></div><script src="/raqeeb/_next/static/chunks/webpack-00d6627fdbcae379.js" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script><script>self.__next_f.push([1,"1:HL[\"/raqeeb/_next/static/css/6299990b1bf19684.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"2:I[2846,[],\"\"]\n4:I[9107,[],\"ClientPageRoot\"]\n5:I[9725,[\"972\",\"static/chunks/972-48b8f62640c4fa60.js\",\"783\",\"static/chunks/783-e979b5e959d76c68.js\",\"611\",\"static/chunks/611-26b2061d17ef4279.js\",\"3\",\"static/chunks/app/admin/page-b9cf4552f7c66c9a.js\"],\"default\",1]\n6:I[4707,[],\"\"]\n7:I[6423,[],\"\"]\n9:I[1060,[],\"\"]\na:[]\n"])</script><script>self.__next_f.push([1,"0:[\"$\",\"$L2\",null,{\"buildId\":\"Km0ejJzUPEAWvHiOMrMb9\",\"assetPrefix\":\"/raqeeb\",\"urlParts\":[\"\",\"admin\"],\"initialTree\":[\"\",{\"children\":[\"admin\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true],\"initialSeedData\":[\"\",{\"children\":[\"admin\",{\"children\":[\"__PAGE__\",{},[[\"$L3\",[\"$\",\"$L4\",null,{\"props\":{\"params\":{},\"searchParams\":{}},\"Component\":\"$5\"}],null],null],null]},[null,[\"$\",\"$L6\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"admin\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L7\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]],null]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/raqeeb/_next/static/css/6299990b1bf19684.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[\"$\",\"body\",null,{\"className\":\"antialiased bg-gray-50 min-h-screen\",\"children\":[\"$\",\"$L6\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L7\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":\"404\"}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],\"notFoundStyles\":[]}]}]}]],null],null],\"couldBeIntercepted\":false,\"initialHead\":[null,\"$L8\"],\"globalErrorComponent\":\"$9\",\"missingSlots\":\"$Wa\"}]\n"])</script><script>self.__next_f.push([1,"8:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"1\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"2\",{\"children\":\"RAQEEB — رقيب | Live Daycare Monitoring\"}],[\"$\",\"meta\",\"3\",{\"name\":\"description\",\"content\":\"Secure, privacy-compliant live video monitoring for GCC parents. Watch your child at daycare in real-time.\"}],[\"$\",\"link\",\"4\",{\"rel\":\"icon\",\"href\":\"/raqeeb/favicon.ico\",\"type\":\"image/x-icon\",\"sizes\":\"16x16\"}]]\n3:null\n"])</script></body></html>