<% const isEditClient = mode === 'edit'; const clientData = isEditClient && client ? client : {}; const clientCountries = Array.isArray(countries) ? countries : []; const formLocale = typeof lang === 'string' && lang.toLowerCase().startsWith('en') ? 'en' : 'ar'; const rawAvatar = clientData && typeof clientData.avatar === 'string' ? clientData.avatar.trim() : ''; const hasUnsafeAvatarSegment = /(?:^|\/)(?:undefined|null)(?:[?#]|$)/i.test(rawAvatar); const avatarUrl = !hasUnsafeAvatarSegment && /^(?:https?:\/\/|\/(?!\/))/i.test(rawAvatar) ? rawAvatar : ''; const avatarName = clientData && clientData.name ? clientData.name : (formLocale === 'ar' ? 'مستخدم' : 'User'); const avatarInitial = avatarName .trim() .split(/\s+/) .slice(0, 2) .map((part) => Array.from(part)[0] || '') .join('') || (formLocale === 'ar' ? 'م' : 'U'); const formText = formLocale === 'ar' ? { avatarTitle: 'صورة المستخدم', avatarHelper: 'PNG / JPG / JPEG فقط — ستبقى الصورة الحالية عند رفض الملف.', chooseImage: 'اختيار صورة', invalidImage: 'اختر صورة بصيغة PNG أو JPG أو JPEG فقط', name: 'الاسم الكامل', namePlaceholder: 'اكتب اسم المستخدم', nameRequired: 'اسم المستخدم مطلوب', email: 'البريد الإلكتروني', emailPlaceholder: 'name@example.com', emailRequired: 'البريد الإلكتروني مطلوب', emailInvalid: 'أدخل بريدًا إلكترونيًا صحيحًا', countryCode: 'مفتاح الدولة', countryPlaceholder: 'اختر مفتاح الدولة', countryRequired: 'مفتاح الدولة مطلوب', noCountries: 'لا توجد دول متاحة', phone: 'رقم الجوال', phonePlaceholder: '5xxxxxxxx', phoneRequired: 'رقم الجوال مطلوب', phoneInvalid: 'أدخل رقم جوال صحيحًا', password: isEditClient ? 'كلمة مرور جديدة' : 'كلمة المرور', passwordPlaceholder: isEditClient ? 'اتركها فارغة للاحتفاظ بالحالية' : 'أدخل كلمة مرور قوية', passwordRequired: 'كلمة المرور مطلوبة', passwordInvalid: 'استخدم 8 أحرف على الأقل: كبيرة وصغيرة ورقم ورمز', optional: 'اختياري' } : { avatarTitle: 'User photo', avatarHelper: 'PNG / JPG / JPEG only — the current image stays when a file is rejected.', chooseImage: 'Choose image', invalidImage: 'Choose a PNG, JPG, or JPEG image only', name: 'Full name', namePlaceholder: 'Enter user name', nameRequired: 'User name is required', email: 'Email address', emailPlaceholder: 'name@example.com', emailRequired: 'Email is required', emailInvalid: 'Enter a valid email address', countryCode: 'Country code', countryPlaceholder: 'Select country code', countryRequired: 'Country code is required', noCountries: 'No countries available', phone: 'Phone number', phonePlaceholder: '5xxxxxxxx', phoneRequired: 'Phone number is required', phoneInvalid: 'Enter a valid phone number', password: isEditClient ? 'New password' : 'Password', passwordPlaceholder: isEditClient ? 'Leave blank to keep the current password' : 'Enter a strong password', passwordRequired: 'Password is required', passwordInvalid: 'Use at least 8 characters with uppercase, lowercase, number, and symbol', optional: 'Optional' }; %> <% if (isEditClient) { %>

alt="" data-people-upload-preview data-people-image <%= avatarUrl ? '' : 'hidden' %> > <%= formText.avatarTitle %> <%= formText.avatarHelper %> <%= formText.chooseImage %>

<% } %>

<%= formText.name %>

<%= formText.email %>

<% if (!isEditClient) { %>

<%= formText.countryCode %>

<% } %>

<%= formText.phone %>

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

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

<%= formText.passwordInvalid %>