'use client'; import { Fragment, useEffect, useMemo, useState } from 'react'; import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import { Input } from '@/components/ui/input'; import { Button } from '@/components/ui/button'; import { Badge } from '@/components/ui/badge'; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from '@/components/ui/table'; import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs'; import { useToast } from '@/hooks/use-toast'; type Employee = { id: string; name?: string; fullName?: string; employeeName?: string; arabicName?: string; }; type Device = { id: string; device_id: string; device_name: string; brand: string | null; model: string | null; serial_number: string; ip_address: string; port: number; communication_key: string | null; branch_id: string | null; timezone: string; provider_type: string; sync_mode: 'push' | 'pull'; status: 'active' | 'inactive' | 'maintenance' | 'offline'; last_sync_at: string | null; firmware_version: string | null; }; type Enrollment = { id: string; employee_id: string; employee_name?: string | null; device_id: string; device_name?: string | null; biometric_user_id: string; card_number: string | null; enrollment_status: 'active' | 'pending' | 'suspended' | 'revoked'; enrolled_at: string | null; provider_type?: string; }; type DeviceLog = { id: string; device_id: string; device_name?: string | null; employee_id: string | null; employee_name?: string | null; log_time: string; source_type: string; punch_type: string | null; sync_status: 'pending' | 'processed' | 'failed' | 'duplicate' | 'retried'; is_duplicate: boolean; manual_adjustment: boolean; retry_count: number; }; type DevicesResponse = { items: Device[] }; type EnrollmentResponse = { items: Enrollment[]; employees: Employee[]; devices: Device[] }; type LogsResponse = { items: DeviceLog[]; devices: Device[] }; type BiometricHealthSummary = { totalDevices: number; offlineDevices: number; activeDevices: number; staleSyncDevices: number; totalLogs: number; failedSyncLogs: number; duplicateLogs: number; retriedLogs: number; pendingLogs: number; }; type BiometricDevicesManagerProps = { initialTab?: 'devices' | 'enrollment' | 'logs'; hideTabs?: boolean; locale?: string; }; function employeeDisplayName(employee: Employee) { return employee.name || employee.fullName || employee.employeeName || employee.arabicName || employee.id; } export default function BiometricDevicesManager({ initialTab = 'devices', hideTabs = false, locale = 'ar' }: BiometricDevicesManagerProps) { const { toast } = useToast(); const [activeTab, setActiveTab] = useState<'devices' | 'enrollment' | 'logs' | 'guide'>(initialTab); const isArabic = locale === 'ar'; const [loadingDevices, setLoadingDevices] = useState(false); const [loadingEnrollment, setLoadingEnrollment] = useState(false); const [loadingLogs, setLoadingLogs] = useState(false); const [devices, setDevices] = useState([]); const [employees, setEmployees] = useState([]); const [enrollments, setEnrollments] = useState([]); const [logs, setLogs] = useState([]); const [healthSummary, setHealthSummary] = useState(null); const [searchDevices, setSearchDevices] = useState(''); const [searchEnrollment, setSearchEnrollment] = useState(''); const [searchLogs, setSearchLogs] = useState(''); const [deviceForm, setDeviceForm] = useState({ deviceId: '', deviceName: '', brand: '', model: '', serialNumber: '', ipAddress: '', port: '4370', communicationKey: '', branchId: '', timezone: 'Asia/Riyadh', providerType: 'zkteco', syncMode: 'pull', status: 'active', firmwareVersion: '', }); const [enrollmentForm, setEnrollmentForm] = useState({ employeeId: '', deviceId: '', biometricUserId: '', cardNumber: '', enrollmentStatus: 'active', enrolledAt: '', }); const [logForm, setLogForm] = useState({ deviceId: '', employeeId: '', logTime: '', sourceType: 'sdk_pull', punchType: 'check_in', syncStatus: 'pending', duplicateKey: '', manualAdjustmentReason: '', rawPayload: '{"event":"punch"}', }); const fieldGuide = { devices: [ { field: 'deviceId', usageAr: '🔧 إدخال يدوي: معرف داخلي ثابت للجهاز داخل ERP (يمكنك اختياره)', reasonAr: 'يوفر ربطًا موحدًا بين الأجهزة والسجلات والـ enrollment.', usageEn: '🔧 Manual Entry: Stable internal identifier for the device in ERP.', reasonEn: 'Provides consistent linking between devices, logs, and enrollments.', }, { field: 'deviceName + brand + model', usageAr: '📋 إدخال يدوي: اسم وصف الجهاز والعلامة التجارية والموديل (معلومات تنظيمية)', reasonAr: 'تنظيم وتصنيف الأجهزة لتسهيل الإدارة والتعريف.', usageEn: '📋 Manual Entry: Device description, brand, and model (organizational info).', reasonEn: 'Organizes and categorizes devices for easy management.', }, { field: 'serialNumber', usageAr: '🖥️ من الجهاز: الرقم التسلسلي من الشركة المصنعة (موجود على الجهاز)', reasonAr: 'هوية جهاز فريدة موثوقة للتتبع الدقيق.', usageEn: '🖥️ From Device: Actual manufacturer serial number (on device label).', reasonEn: 'Unique reliable hardware identity for precise tracking.', }, { field: 'ipAddress + port', usageAr: '🔗 إدخال يدوي: عنوان IP وميناء الاتصال (بيانات الشبكة للجهاز)', reasonAr: 'أساس الربط التقني عبر TCP/IP والمزامنة pull/push.', usageEn: '🔗 Manual Entry: IP address and port (network configuration).', reasonEn: 'Technical foundation for TCP/IP connectivity and sync.', }, { field: 'communicationKey', usageAr: '🔑 من الجهاز أو يدوي: مفتاح المصادقة الخاص بالجهاز (من وثائق الجهاز)', reasonAr: 'حماية الربط الآمن ومنع مزامنة غير مصرح بها.', usageEn: '🔑 From Device or Manual: Authentication key (from device documentation).', reasonEn: 'Secures sync and prevents unauthorized access.', }, { field: 'timezone', usageAr: '⏰ تلقائي: المنطقة الزمنية (يُعيّن بشكل افتراضي Asia/Riyadh)', reasonAr: 'مزامنة أوقات البصمات بشكل دقيق مع المناطق الجغرافية.', usageEn: '⏰ Automatic: Timezone (defaults to Asia/Riyadh).', reasonEn: 'Ensures accurate time synchronization for punch records.', }, { field: 'providerType + syncMode', usageAr: '📱 إدخال يدوي: نوع المزود والمزامنة (اختر من ZKTeco, Suprema, Hikvision..)', reasonAr: 'يدعم التوسع لمزودات متعددة ومرنة حسب الجهاز المتوفر.', usageEn: '📱 Manual Entry: Select device provider and sync mode (push/pull).', reasonEn: 'Enables scalable multi-provider integrations.', }, { field: 'status', usageAr: '✅ تلقائي: الحالة (يُعيّن افتراضياً \"نشط\", يمكن تعديله لاحقاً)', reasonAr: 'مراقبة صحة الجهاز التشغيلية والتنبيه المبكر.', usageEn: '✅ Automatic: Status (defaults to \"active\", changeable later).', reasonEn: 'Operational health tracking and monitoring.', }, ], enrollment: [ { field: 'employeeId', usageAr: '👤 من التطبيق: اختر الموظف من القائمة (بيانات من نظام HR)', reasonAr: 'ربط البصمة الحيوية بموظف معروف في النظام.', usageEn: '👤 From Application: Select employee from list (from HR system).', reasonEn: 'Links biometric to a known employee in the system.', }, { field: 'deviceId', usageAr: '🖥️ من التطبيق: اختر الجهاز من القائمة (من الأجهزة المسجلة)', reasonAr: 'يدعم التسجيل على أجهزة متعددة وفروع مختلفة.', usageEn: '🖥️ From Application: Select device from list (registered devices).', reasonEn: 'Supports multi-device and multi-branch enrollment.', }, { field: 'biometricUserId', usageAr: '🖥️ من الجهاز: معرف المستخدم كما يراه الجهاز (ضروري للمطابقة)', reasonAr: 'يجب أن يطابق معرف المستخدم على جهاز البصمة تماماً.', usageEn: '🖥️ From Device: User ID as seen on the device (must match exactly).', reasonEn: 'Must match the identifier stored on the biometric device.', }, { field: 'cardNumber', usageAr: '🎫 اختياري - من الجهاز: رقم البطاقة (إن كان الجهاز يدعم قارئ بطاقات)', reasonAr: 'دعم طرق تعريف بديلة مثل البطاقات الممغنطة أو RFID.', usageEn: '🎫 Optional - From Device: Card number (if device has card reader).', reasonEn: 'Supports alternate ID methods like magnetic cards or RFID.', }, { field: 'enrollmentStatus + enrolledAt', usageAr: '✅ تلقائي: الحالة والتاريخ (يُعيّن تلقائياً \"نشط\" و التاريخ الحالي)', reasonAr: 'إدارة دورة حياة التسجيل بشكل آلي.', usageEn: '✅ Automatic: Status and timestamp (set to \"active\" and current date).', reasonEn: 'Automatic lifecycle management of enrollment.', }, ], logs: [ { field: 'deviceId', usageAr: '🖥️ من التطبيق: الجهاز المصدر للبصمة (اختر من القائمة)', reasonAr: 'تحديد الجهاز الذي جاءت منه البصمة.', usageEn: '🖥️ From Application: Source device (select from list).', reasonEn: 'Identifies which device generated the punch.', }, { field: 'employeeId', usageAr: '👤 اختياري - من التطبيق: الموظف (ستُستخلص تلقائياً من biometricUserId إن أمكن)', reasonAr: 'ربط البصمة بموظف معروف، أو يُترك فارغاً للتطابق التلقائي.', usageEn: '👤 Optional - From App: Employee (auto-matched from biometricUserId if possible).', reasonEn: 'Can be auto-matched; leave empty for automatic linking.', }, { field: 'logTime', usageAr: '🕐 من الجهاز: وقت البصمة (الوقت الفعلي للدخول/الخروج)', reasonAr: 'الوقت الدقيق للحدث من جهاز البصمة.', usageEn: '🕐 From Device: Punch timestamp (actual check-in/out time).', reasonEn: 'Exact time of the biometric event from device.', }, { field: 'sourceType', usageAr: '📡 من الجهاز: مصدر الحدث (device/sdk_push/cloud_api/mobile)', reasonAr: 'تتبع قناة الاستقبال: جهاز مباشر، SDK، سحابة، أو تطبيق جوال.', usageEn: '📡 From Device: Event source (device/SDK/cloud/mobile).', reasonEn: 'Tracks which channel delivered the punch (device, SDK, cloud, mobile).', }, { field: 'punchType', usageAr: '🔔 من الجهاز: نوع الحدث (دخول/خروج/استراحة دخول/استراحة خروج)', reasonAr: 'تصنيف نوع البصمة للمعالجة الصحيحة.', usageEn: '🔔 From Device: Event type (check_in/check_out/break_in/break_out).', reasonEn: 'Classifies punch type for correct processing.', }, { field: 'syncStatus', usageAr: '⏳ تلقائي: حالة المزامنة (يُعيّن \"pending\" تلقائياً)', reasonAr: 'يتحول تلقائياً عند معالجة السجل: pending → processed/failed.', usageEn: '⏳ Automatic: Sync status (defaults to \"pending\").', reasonEn: 'Auto-updated as record is processed: pending → processed/failed.', }, { field: 'duplicateKey', usageAr: '🔍 تلقائي: مفتاح الكشف عن التكرار (يُحسب تلقائياً من البيانات)', reasonAr: 'يمنع تسجيل نفس البصمة مرتين في نفس الوقت.', usageEn: '🔍 Automatic: Duplicate detection key (auto-calculated).', reasonEn: 'Prevents duplicate punch entries at same time.', }, { field: 'manualAdjustment', usageAr: '✏️ إدخال يدوي: سبب التعديل (إذا كان هناك تصحيح يدوي)', reasonAr: 'توثيق أي تعديلات يدوية بواسطة HR لأغراض التدقيق.', usageEn: '✏️ Manual Entry: Adjustment reason (if manually corrected).', reasonEn: 'Documents any HR manual corrections for audit trail.', }, { field: 'rawPayload', usageAr: '🔬 من الجهاز: بيانات JSON خام من الجهاز (للتدقيق)', reasonAr: 'حفظ البيانات الأصلية من الجهاز للتحقق والتحقيق.', usageEn: '🔬 From Device: Raw JSON payload (audit trail).', reasonEn: 'Preserves original device data for investigation and compliance.', }, ], }; useEffect(() => { void fetchDevices(); void fetchHealthSummary(); }, []); useEffect(() => { setActiveTab(initialTab); }, [initialTab]); useEffect(() => { if (activeTab === 'enrollment') { void fetchEnrollment(); } if (activeTab === 'logs') { void fetchLogs(); void fetchEnrollment(); } }, [activeTab]); const fetchDevices = async () => { try { setLoadingDevices(true); const res = await fetch('/api/hr/attendance/devices?page=1&pageSize=200'); const payload = (await res.json()) as DevicesResponse; if (!res.ok) throw new Error('Failed to fetch devices'); setDevices(payload.items || []); } catch (error) { toast({ title: 'خطأ', description: error instanceof Error ? error.message : 'تعذر تحميل الأجهزة', variant: 'destructive', }); } finally { setLoadingDevices(false); } }; const fetchHealthSummary = async () => { try { const res = await fetch('/api/hr/attendance/health/summary'); const payload = await res.json(); if (!res.ok) throw new Error(payload?.error || 'Failed to fetch health summary'); setHealthSummary(payload as BiometricHealthSummary); } catch { setHealthSummary(null); } }; const fetchEnrollment = async () => { try { setLoadingEnrollment(true); const res = await fetch('/api/hr/attendance/enrollment?page=1&pageSize=300'); const payload = (await res.json()) as EnrollmentResponse; if (!res.ok) throw new Error('Failed to fetch enrollment data'); // Ensure all data is arrays, not single objects const items = Array.isArray(payload.items) ? payload.items : []; const employees = Array.isArray(payload.employees) ? payload.employees : []; const devices = Array.isArray(payload.devices) ? payload.devices : []; setEnrollments(items); setEmployees(employees); setDevices(devices); } catch (error) { toast({ title: 'خطأ', description: error instanceof Error ? error.message : 'تعذر تحميل بيانات التسجيل', variant: 'destructive', }); } finally { setLoadingEnrollment(false); } }; const fetchLogs = async () => { try { setLoadingLogs(true); const res = await fetch('/api/hr/attendance/logs?page=1&pageSize=300'); const payload = (await res.json()) as LogsResponse; if (!res.ok) throw new Error('Failed to fetch logs'); // Ensure all data is arrays, not single objects const items = Array.isArray(payload.items) ? payload.items : []; const devices = Array.isArray(payload.devices) ? payload.devices : []; setLogs(items); setDevices(devices); } catch (error) { toast({ title: 'خطأ', description: error instanceof Error ? error.message : 'تعذر تحميل سجلات الأجهزة', variant: 'destructive', }); } finally { setLoadingLogs(false); } }; const handleCreateDevice = async () => { if (!deviceForm.deviceId || !deviceForm.deviceName || !deviceForm.serialNumber || !deviceForm.ipAddress) { toast({ title: 'تنبيه', description: 'يرجى تعبئة: deviceId و deviceName و serialNumber و ipAddress', variant: 'destructive' }); return; } const res = await fetch('/api/hr/attendance/devices', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ ...deviceForm, port: Number(deviceForm.port || 4370), timezone: deviceForm.timezone || 'Asia/Riyadh', // تلقائي status: deviceForm.status || 'active', // تلقائي }), }); const payload = await res.json(); if (!res.ok) { toast({ title: 'خطأ', description: payload?.error || 'فشل إنشاء الجهاز', variant: 'destructive' }); return; } toast({ title: 'تم', description: 'تم تسجيل الجهاز بنجاح' }); setDeviceForm((prev) => ({ ...prev, deviceId: '', deviceName: '', serialNumber: '', ipAddress: '' })); await fetchDevices(); await fetchHealthSummary(); }; const handleDeviceAction = async (id: string, body: Record) => { const res = await fetch(`/api/hr/attendance/devices/${id}/status`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(body), }); const payload = await res.json(); if (!res.ok) { toast({ title: 'خطأ', description: payload?.error || 'فشل تحديث الجهاز', variant: 'destructive' }); return; } toast({ title: 'تم', description: 'تم تحديث الجهاز' }); await fetchDevices(); await fetchHealthSummary(); }; const handleCreateEnrollment = async () => { if (!enrollmentForm.employeeId || !enrollmentForm.deviceId || !enrollmentForm.biometricUserId) { toast({ title: 'تنبيه', description: 'يرجى تعبئة: employeeId, deviceId, biometricUserId (الحقول المطلوبة فقط)', variant: 'destructive' }); return; } const res = await fetch('/api/hr/attendance/enrollment', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ employeeId: enrollmentForm.employeeId, deviceId: enrollmentForm.deviceId, biometricUserId: enrollmentForm.biometricUserId, cardNumber: enrollmentForm.cardNumber || undefined, enrollmentStatus: enrollmentForm.enrollmentStatus || 'active', // تلقائي enrolledAt: enrollmentForm.enrolledAt || new Date().toISOString(), // تلقائي }), }); const payload = await res.json(); if (!res.ok) { toast({ title: 'خطأ', description: payload?.error || 'فشل التسجيل على الجهاز', variant: 'destructive' }); return; } toast({ title: 'تم', description: 'تم إنشاء Enrollment بنجاح' }); setEnrollmentForm((prev) => ({ ...prev, biometricUserId: '', cardNumber: '', enrolledAt: '' })); await fetchEnrollment(); }; const handleEnrollmentStatus = async (id: string, status: Enrollment['enrollment_status']) => { const res = await fetch(`/api/hr/attendance/enrollment/${id}/status`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ status }), }); const payload = await res.json(); if (!res.ok) { toast({ title: 'خطأ', description: payload?.error || 'فشل تحديث حالة التسجيل', variant: 'destructive' }); return; } toast({ title: 'تم', description: 'تم تحديث الحالة' }); await fetchEnrollment(); }; const handleCreateLog = async () => { if (!logForm.deviceId || !logForm.logTime) { toast({ title: 'تنبيه', description: 'يرجى تحديد: الجهاز ووقت البصمة (الحقول المطلوبة فقط)', variant: 'destructive' }); return; } let parsedPayload: Record | undefined; try { parsedPayload = logForm.rawPayload ? JSON.parse(logForm.rawPayload) : undefined; } catch { toast({ title: 'تنبيه', description: 'صيغة raw payload غير صحيحة', variant: 'destructive' }); return; } // حساب duplicateKey تلقائياً من البيانات الأساسية const duplicateKey = logForm.duplicateKey || `${logForm.deviceId}-${logForm.logTime}`; const res = await fetch('/api/hr/attendance/logs', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ deviceId: logForm.deviceId, employeeId: logForm.employeeId || undefined, logTime: logForm.logTime, sourceType: logForm.sourceType || 'device', // تلقائي punchType: logForm.punchType || 'check_in', // تلقائي syncStatus: 'pending', // تلقائي دائماً duplicateKey: duplicateKey, manualAdjustment: Boolean(logForm.manualAdjustmentReason), manualAdjustmentReason: logForm.manualAdjustmentReason || undefined, rawPayload: parsedPayload, }), }); const payload = await res.json(); if (!res.ok) { toast({ title: 'خطأ', description: payload?.error || 'فشل إضافة log', variant: 'destructive' }); return; } toast({ title: 'تم', description: 'تمت إضافة log خام بنجاح' }); setLogForm((prev) => ({ ...prev, duplicateKey: '', manualAdjustmentReason: '' })); await fetchLogs(); await fetchHealthSummary(); }; const filteredDevices = useMemo(() => { const devicesArray = Array.isArray(devices) ? devices : []; const q = searchDevices.trim().toLowerCase(); if (!q) return devicesArray; return devicesArray.filter((d) => [d.device_name, d.device_id, d.serial_number, d.ip_address, d.provider_type].some((value) => String(value || '').toLowerCase().includes(q) ) ); }, [devices, searchDevices]); const filteredEnrollment = useMemo(() => { const enrollmentsArray = Array.isArray(enrollments) ? enrollments : []; const q = searchEnrollment.trim().toLowerCase(); if (!q) return enrollmentsArray; return enrollmentsArray.filter((e) => [e.employee_name, e.device_name, e.biometric_user_id, e.card_number].some((value) => String(value || '').toLowerCase().includes(q) ) ); }, [enrollments, searchEnrollment]); const filteredLogs = useMemo(() => { const logsArray = Array.isArray(logs) ? logs : []; const q = searchLogs.trim().toLowerCase(); if (!q) return logsArray; return logsArray.filter((log) => [log.device_name, log.employee_name, log.source_type, log.punch_type, log.sync_status].some((value) => String(value || '').toLowerCase().includes(q) ) ); }, [logs, searchLogs]); return (

إدارة نظام البصمة الاحترافي

Architecture من ثلاث طبقات مستقلة: الأجهزة، التسجيل على الأجهزة، وسجلات البصمة الخام والمعالجة.

إجمالي الأجهزة
{healthSummary?.totalDevices ?? 0}
أجهزة Offline
{healthSummary?.offlineDevices ?? 0}
Failed Sync
{healthSummary?.failedSyncLogs ?? 0}
Retry Queue
{healthSummary?.retriedLogs ?? 0}
Pending Logs
{healthSummary?.pendingLogs ?? 0}
setActiveTab(value as any)} className='w-full'> {!hideTabs ? ( {isArabic ? '1) الأجهزة' : '1) Devices'} {isArabic ? '2) الربط (Enrollment)' : '2) Enrollment'} {isArabic ? '3) سجلات الحضور' : '3) Attendance Logs'} {isArabic ? 'دليل استخدام' : 'Usage Guide'} ) : null} إدارة أجهزة البصمة (Devices)
setDeviceForm((p) => ({ ...p, deviceId: e.target.value }))} /> setDeviceForm((p) => ({ ...p, deviceName: e.target.value }))} /> setDeviceForm((p) => ({ ...p, brand: e.target.value }))} /> setDeviceForm((p) => ({ ...p, model: e.target.value }))} /> setDeviceForm((p) => ({ ...p, serialNumber: e.target.value }))} /> setDeviceForm((p) => ({ ...p, ipAddress: e.target.value }))} /> setDeviceForm((p) => ({ ...p, port: e.target.value }))} /> setDeviceForm((p) => ({ ...p, communicationKey: e.target.value }))} /> setDeviceForm((p) => ({ ...p, branchId: e.target.value }))} /> setDeviceForm((p) => ({ ...p, timezone: e.target.value }))} /> setDeviceForm((p) => ({ ...p, firmwareVersion: e.target.value }))} />
قائمة الأجهزة setSearchDevices(e.target.value)} className='md:max-w-md' /> الجهاز Provider Network Sync Status Last Sync إجراءات {loadingDevices ? ( جاري التحميل... ) : !Array.isArray(filteredDevices) || filteredDevices.length === 0 ? ( لا توجد أجهزة ) : ( filteredDevices.map((d) => (
{d.device_name}
{d.device_id} | {d.serial_number}
 {d.provider_type} {d.ip_address}:{d.port} {d.sync_mode.toUpperCase()} {d.status} {d.last_sync_at ? new Date(d.last_sync_at).toLocaleString() : '-'}
)) )}
Enrollment - ربط الموظف بالجهاز
setEnrollmentForm((p) => ({ ...p, biometricUserId: e.target.value }))} /> setEnrollmentForm((p) => ({ ...p, cardNumber: e.target.value }))} /> setEnrollmentForm((p) => ({ ...p, enrolledAt: e.target.value }))} />
سجلات Enrollment setSearchEnrollment(e.target.value)} className='md:max-w-md' /> الموظف الجهاز Biometric User Card الحالة إجراءات {loadingEnrollment ? ( جاري التحميل... ) : !Array.isArray(filteredEnrollment) || filteredEnrollment.length === 0 ? ( لا توجد سجلات ) : ( filteredEnrollment.map((enr) => ( {enr.employee_name || enr.employee_id} {enr.device_name || enr.device_id} {enr.biometric_user_id} {enr.card_number || '-'} {enr.enrollment_status}
)) )}
Attendance Logs - سجلات خام ومعالجة
setLogForm((p) => ({ ...p, logTime: e.target.value }))} /> setLogForm((p) => ({ ...p, duplicateKey: e.target.value }))} /> setLogForm((p) => ({ ...p, manualAdjustmentReason: e.target.value }))} />