Update registration to match new API schema

- FullName split into FirstName + LastName in both forms and API
- File fields renamed: FrontIdCarImage -> FrontIdCarImagePath, RearIdCarImage -> RearIdCarImagePath
- Added Language field to form data
- getRentProperty now uses /RentProperties/GetRentPropertyById/{id}

app/register/owner/page.js

@@ -24,7 +24,8 @@ export default function OwnerRegisterPage() {
   const [isLoading, setIsLoading] = useState(false);
 
   const [formData, setFormData] = useState({
-    name: '',
+    firstName: '',
+    lastName: '',
     email: '',
     phone: '',
     whatsapp: '',
@@ -67,8 +68,9 @@ export default function OwnerRegisterPage() {
 
   const validateStep1 = () => {
     const newErrors = {};
-    if (!formData.name) newErrors.name = 'الاسم الكامل مطلوب';
-    else if (formData.name.length < 3) newErrors.name = 'الاسم يجب أن يكون 3 أحرف على الأقل';
+    if (!formData.firstName) newErrors.firstName = 'الاسم الأول مطلوب';
+    if (!formData.lastName) newErrors.lastName = 'اسم العائلة مطلوب';
+    
 
     if (!formData.email) newErrors.email = 'البريد الإلكتروني مطلوب';
     else if (!validateEmail(formData.email)) newErrors.email = 'البريد الإلكتروني غير صالح';
@@ -122,8 +124,8 @@ export default function OwnerRegisterPage() {
     console.log('[OwnerRegister] Submitting owner registration...');
 
     const payload = {
-      FullName: formData.name,
-      name: formData.name,
+      firstName: formData.firstName,
+      lastName: formData.lastName,
       email: formData.email,
       phoneNumber: formData.phone || '',
       whatsAppNumber: formData.whatsapp,
@@ -290,18 +292,28 @@ export default function OwnerRegisterPage() {
               {/* ─── STEP 1: Form ─── */}
               {step === 1 && (
                 <>
-                  <motion.div variants={fadeInUp}>
-                    <label className="block text-sm font-medium text-gray-300 mb-2">الاسم الكامل <span className="text-red-500">*</span></label>
-                    <div className="relative group">
-                      <div className="absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none">
-                        <User className={`w-5 h-5 ${errors.name ? 'text-red-500' : 'text-gray-400 group-focus-within:text-amber-500'}`} />
+                  <motion.div variants={fadeInUp} className="grid grid-cols-2 gap-3">
+                    <div>
+                      <label className="block text-sm font-medium text-gray-300 mb-2">الاسم الأول <span className="text-red-500">*</span></label>
+                      <div className="relative group">
+                        <div className="absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none">
+                          <User className={`w-5 h-5 ${errors.firstName ? 'text-red-500' : 'text-gray-400 group-focus-within:text-amber-500'}`} />
+                        </div>
+                        <input type="text" value={formData.firstName}
+                          onChange={(e) => { setFormData({...formData, firstName: e.target.value}); setErrors({...errors, firstName: null}); }}
+                          className={`w-full pr-12 pl-4 py-3 bg-white/5 border rounded-xl focus:outline-none focus:ring-2 focus:ring-amber-500 focus:border-transparent text-white placeholder-gray-500 transition-all ${errors.firstName ? 'border-red-500' : 'border-gray-700'}`}
+                          placeholder="الاسم الأول" />
                       </div>
-                      <input type="text" value={formData.name}
-                        onChange={(e) => { setFormData({...formData, name: e.target.value}); setErrors({...errors, name: null}); }}
-                        className={`w-full pr-12 pl-4 py-3 bg-white/5 border rounded-xl focus:outline-none focus:ring-2 focus:ring-amber-500 focus:border-transparent text-white placeholder-gray-500 transition-all ${errors.name ? 'border-red-500' : 'border-gray-700'}`}
-                        placeholder="أدخل اسمك الكامل" />
+                      {errors.firstName && <p className="text-red-500 text-sm mt-1">{errors.firstName}</p>}
+                    </div>
+                    <div>
+                      <label className="block text-sm font-medium text-gray-300 mb-2">اسم العائلة <span className="text-red-500">*</span></label>
+                      <input type="text" value={formData.lastName}
+                        onChange={(e) => { setFormData({...formData, lastName: e.target.value}); setErrors({...errors, lastName: null}); }}
+                        className={`w-full px-4 py-3 bg-white/5 border rounded-xl focus:outline-none focus:ring-2 focus:ring-amber-500 focus:border-transparent text-white placeholder-gray-500 transition-all ${errors.lastName ? 'border-red-500' : 'border-gray-700'}`}
+                        placeholder="اسم العائلة" />
+                      {errors.lastName && <p className="text-red-500 text-sm mt-1">{errors.lastName}</p>}
                     </div>
-                    {errors.name && <p className="text-red-500 text-sm mt-1">{errors.name}</p>}
                   </motion.div>
 
                   <motion.div variants={fadeInUp}>

app/register/tenant/page.js

@@ -24,9 +24,11 @@ export default function TenantRegisterPage() {
   const [isLoading, setIsLoading] = useState(false);
 
   const [formData, setFormData] = useState({
-    name: '',
+    firstName: '',
+    lastName: '',
     email: '',
     phone: '',
+    whatsapp: '',
     password: '',
     confirmPassword: '',
     customerType: CustomerType.PERSONAL,
@@ -66,8 +68,9 @@ export default function TenantRegisterPage() {
 
   const validateStep1 = () => {
     const newErrors = {};
-    if (!formData.name) newErrors.name = 'الاسم الكامل مطلوب';
-    else if (formData.name.length < 3) newErrors.name = 'الاسم يجب أن يكون 3 أحرف على الأقل';
+    if (!formData.firstName) newErrors.firstName = 'الاسم الأول مطلوب';
+    if (!formData.lastName) newErrors.lastName = 'اسم العائلة مطلوب';
+    
 
     if (!formData.email) newErrors.email = 'البريد الإلكتروني مطلوب';
     else if (!validateEmail(formData.email)) newErrors.email = 'البريد الإلكتروني غير صالح';
@@ -119,8 +122,8 @@ export default function TenantRegisterPage() {
     console.log('[CustomerRegister] Submitting customer registration...');
 
     const payload = {
-      FullName: formData.name,
-      name: formData.name,
+      firstName: formData.firstName,
+      lastName: formData.lastName,
       email: formData.email,
       phoneNumber: formData.phone,
       password: formData.password,
@@ -284,18 +287,28 @@ export default function TenantRegisterPage() {
               {/* ─── STEP 1: Form ─── */}
               {step === 1 && (
                 <>
-                  <motion.div variants={fadeInUp}>
-                    <label className="block text-sm font-medium text-gray-300 mb-2">الاسم الكامل <span className="text-red-500">*</span></label>
-                    <div className="relative group">
-                      <div className="absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none">
-                        <User className={`w-5 h-5 ${errors.name ? 'text-red-500' : 'text-gray-400 group-focus-within:text-blue-500'}`} />
+                  <motion.div variants={fadeInUp} className="grid grid-cols-2 gap-3">
+                    <div>
+                      <label className="block text-sm font-medium text-gray-300 mb-2">الاسم الأول <span className="text-red-500">*</span></label>
+                      <div className="relative group">
+                        <div className="absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none">
+                          <User className={`w-5 h-5 ${errors.firstName ? 'text-red-500' : 'text-gray-400 group-focus-within:text-blue-500'}`} />
+                        </div>
+                        <input type="text" value={formData.firstName}
+                          onChange={(e) => { setFormData({...formData, firstName: e.target.value}); setErrors({...errors, firstName: null}); }}
+                          className={`w-full pr-12 pl-4 py-3 bg-white/5 border rounded-xl focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent text-white placeholder-gray-500 transition-all ${errors.firstName ? 'border-red-500' : 'border-gray-700'}`}
+                          placeholder="الاسم الأول" />
                       </div>
-                      <input type="text" value={formData.name}
-                        onChange={(e) => { setFormData({...formData, name: e.target.value}); setErrors({...errors, name: null}); }}
-                        className={`w-full pr-12 pl-4 py-3 bg-white/5 border rounded-xl focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent text-white placeholder-gray-500 transition-all ${errors.name ? 'border-red-500' : 'border-gray-700'}`}
-                        placeholder="أدخل اسمك الكامل" />
+                      {errors.firstName && <p className="text-red-500 text-sm mt-1">{errors.firstName}</p>}
+                    </div>
+                    <div>
+                      <label className="block text-sm font-medium text-gray-300 mb-2">اسم العائلة <span className="text-red-500">*</span></label>
+                      <input type="text" value={formData.lastName}
+                        onChange={(e) => { setFormData({...formData, lastName: e.target.value}); setErrors({...errors, lastName: null}); }}
+                        className={`w-full px-4 py-3 bg-white/5 border rounded-xl focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent text-white placeholder-gray-500 transition-all ${errors.lastName ? 'border-red-500' : 'border-gray-700'}`}
+                        placeholder="اسم العائلة" />
+                      {errors.lastName && <p className="text-red-500 text-sm mt-1">{errors.lastName}</p>}
                     </div>
-                    {errors.name && <p className="text-red-500 text-sm mt-1">{errors.name}</p>}
                   </motion.div>
 
                   <motion.div variants={fadeInUp}>