<% const isEditSupervisor = mode === 'edit'; const supervisorData = isEditSupervisor && supervisor ? supervisor : {}; const formRoles = Array.isArray(roles) ? roles : []; const formLocale = typeof lang === 'string' && lang.toLowerCase().startsWith('en') ? 'en' : 'ar'; const currentRoleId = supervisorData && supervisorData.role && supervisorData.role.role ? String(supervisorData.role.role) : ''; const currentStatus = supervisorData.status || 'active'; const formText = formLocale === 'ar' ? { avatarTitle: 'صورة المشرف', avatarHelper: 'PNG / JPG / JPEG فقط — صورة واضحة ومربعة.', chooseImage: 'اختيار صورة', invalidImage: 'اختر صورة بصيغة PNG أو JPG أو JPEG فقط', name: 'الاسم الكامل', namePlaceholder: 'اكتب اسم المشرف', nameRequired: 'اسم المشرف مطلوب', email: 'البريد الإلكتروني', emailPlaceholder: 'name@example.com', emailRequired: 'البريد الإلكتروني مطلوب', emailInvalid: 'أدخل بريدًا إلكترونيًا صحيحًا', phone: 'رقم الجوال', phonePlaceholder: '05xxxxxxxx', phoneRequired: 'رقم الجوال مطلوب', phoneInvalid: 'أدخل رقم جوال صحيحًا من 10 أرقام', role: 'دور الوصول', rolePlaceholder: 'اختر دور المشرف', roleRequired: 'دور الوصول مطلوب', noRoles: 'لا توجد أدوار متاحة', status: 'حالة الحساب', active: 'نشط', blocked: 'محظور', statusRequired: 'حالة الحساب مطلوبة', password: isEditSupervisor ? 'كلمة مرور جديدة' : 'كلمة المرور', passwordPlaceholder: isEditSupervisor ? 'اتركها فارغة للاحتفاظ بالحالية' : 'أدخل كلمة مرور قوية', passwordRequired: 'كلمة المرور مطلوبة', passwordInvalid: 'استخدم أحرفًا كبيرة وصغيرة ورقمًا ورمزًا', optional: 'اختياري' } : { avatarTitle: 'Supervisor photo', avatarHelper: 'PNG / JPG / JPEG only — use a clear square image.', chooseImage: 'Choose image', invalidImage: 'Choose a PNG, JPG, or JPEG image only', name: 'Full name', namePlaceholder: 'Enter supervisor name', nameRequired: 'Supervisor name is required', email: 'Email address', emailPlaceholder: 'name@example.com', emailRequired: 'Email is required', emailInvalid: 'Enter a valid email address', phone: 'Phone number', phonePlaceholder: '05xxxxxxxx', phoneRequired: 'Phone number is required', phoneInvalid: 'Enter a valid 10-digit phone number', role: 'Access role', rolePlaceholder: 'Select supervisor role', roleRequired: 'Access role is required', noRoles: 'No roles available', status: 'Account status', active: 'Active', blocked: 'Blocked', statusRequired: 'Account status is required', password: isEditSupervisor ? 'New password' : 'Password', passwordPlaceholder: isEditSupervisor ? 'Leave blank to keep the current password' : 'Enter a strong password', passwordRequired: 'Password is required', passwordInvalid: 'Use uppercase, lowercase, a number, and a symbol', optional: 'Optional' }; const avatarSource = supervisorData.image || '/admin/assets/img/front-pages/icons/user.png'; %>

<%= formText.avatarTitle %> <%= formText.avatarHelper %> <%= formText.chooseImage %>

<%= formText.name %>

<%= formText.email %>

<%= formText.phone %>

<%= formText.role %>

<%= formText.status %>

<%= formText.password %> <% if (isEditSupervisor) { %>(<%= formText.optional %>)<% } %>

autocomplete="new-password" data-required-message="<%= formText.passwordRequired %>" data-invalid-message="<%= formText.passwordInvalid %>" >

<%= formText.passwordInvalid %>