REGISTRATION COMPLETED

src/view/register/index.js

@@ -22,6 +22,8 @@ const Register = ({ activeLogin }) => {
     const [activeStep, setActiveStep] = useState([true, false, false, false]);
     const [error, setError] = useState('');
     
+    
+
     const [userInfo, setUserInfo] = useState({
         name: null,
         familyName: null,
@@ -54,6 +56,112 @@ const Register = ({ activeLogin }) => {
 
 
     });
+    const finalViewInfo = [
+        {
+            title: 'نام',
+            value: userInfo.name
+        },
+        {
+            title: 'نام خانوادگی',
+            value: userInfo.familyName
+        },
+        {
+            title: 'کد ملی',
+            value: userInfo.nationalId
+        },
+        {
+            title: 'تاریخ تولد',
+            value: userInfo.birthDate
+        },
+        {
+            title: 'نام مدرسه ',
+            value: userInfo.schoolName
+        },
+        {
+            title: 'شهر',
+            value: userInfo.city
+        },
+        {
+            title: 'منطقه',
+            value: userInfo.state
+        },
+        {
+            title: 'نام',
+            value: userInfo.fatherName
+        },
+        {
+            title: 'نام خانوادگی',
+            value: userInfo.fatherFamilyName
+        },
+        {
+            title: 'کدملی',
+            value: userInfo.fatherNationalId
+        },
+        {
+            title: 'مدرک تحصیلی',
+            value: userInfo.fatherMajor
+        },
+        {
+            title: 'تلفن همراه',
+            value: userInfo.fatherPhoneNumber
+        },
+        {
+            title: 'شغل',
+            value: userInfo.fatherJob
+        },
+        {
+            title: 'محل کار',
+            value: userInfo.fatherJobAddress
+        },
+        {
+            title: 'تلفن محل کار',
+            value: userInfo.fatherJobPhoneNumber
+        },
+        {
+            title: 'نام',
+            value: userInfo.motherName
+        },
+        {
+            title: 'نام خانوادگی',
+            value: userInfo.motherFamilyName
+        },
+        {
+            title: 'کدملی',
+            value: userInfo.motherNationalId
+        },
+        {
+            title: 'مدرک تحصیلی',
+            value: userInfo.motherMajor
+        },
+        {
+            title: 'تلفن همراه',
+            value: userInfo.motherPhoneNumber
+        },
+        {
+            title: 'شغل',
+            value: userInfo.motherJob
+        },
+        {
+            title: 'محل کار',
+            value: userInfo.motherJobAddress
+        },
+        {
+            title: 'تلفن محل کار',
+            value: userInfo.motherJobPhoneNumber
+        },
+        {
+            title: 'تعداد افراد خانواده',
+            value: userInfo.familyNumber
+        },
+        {
+            title: 'نشانی محل سکونت',
+            value: userInfo.address
+        },
+        {
+            title: 'تلفن ثابت',
+            value: userInfo.homePhoneNumber
+        },
+    ];
 
     const focusHandler = (id) => {
         let inputs = document.querySelectorAll(".Login-box-form-item");
@@ -268,7 +376,7 @@ const Register = ({ activeLogin }) => {
                                     <div className="w-40">
                                         <Button borderType='rounded' title='مرحله بعد' onClick={() => {
                                             const inputs = document.querySelectorAll('.Login-box-form-item-input')
-                                            if (inputs[0].value && inputs[1].value && inputs[2].value && inputs[3].value && inputs[4].value && inputs[5].value && inputs[6].value) {
+                                            if (inputs[0].value) {
                                                 setSteps(1)
                                                 setActiveStep([true, true, false, false])
                                                 setError('')
@@ -282,6 +390,10 @@ const Register = ({ activeLogin }) => {
                                                     nationalId: document.getElementById('Login-box-form-item-input-name1').value,
                                                     familyName: document.getElementById('Login-box-form-item-input-name2').value,
                                                     birthDate: document.getElementById('Login-box-form-item-input-name3').value,
+                                                    schoolName: document.getElementById('Login-box-form-item-input-name4').value,
+                                                    city: document.getElementById('Login-box-form-item-input-name5').value,
+                                                    state: document.getElementById('Login-box-form-item-input-name6').value,
+
 
 
                                                 }
@@ -517,11 +629,53 @@ const Register = ({ activeLogin }) => {
                         steps == 3 &&
                         <>
                             <div className="w-full px-10 pb-6 border-b border-solid border-gray-200">
-                                <div className="mb-4">
+                                <div className="mb-4 pb-4">
-                                    <h1 className="font-black">قوانین و مقررات ثبت نام</h1>
+                                    <h1 className="font-black">تایید اطلاعات</h1>
-                                    <p className="font-bold text-gray-300 text-sm">لطفا اطلاعات مربوط هویتی پدر را وارد کنید</p>
+                                    <p className="font-bold text-gray-300 text-sm">لطفا اطلاعاتی که وارد کرده اید را چک کنید</p>
+                                    
                                 </div>
                                 
+                                <div className="flex flex-col border-b border-solid border-gray-300 leading-7 pb-6">
+                                        <h1 className="font-bold mb-2 text-lg">مشخصات دانش آموز</h1>
+                                        {
+                                            finalViewInfo.slice(0,7).map(item => (
+                                                <div className="flex items-center">
+                                                    <h3 className="text-red26 font-bold">{item.title}</h3> : <p className="mr-2 text-red52">{item.value}</p>
+                                                 </div>   
+                                            ))
+                                        }
+                                    </div>
+                                    <div className="flex flex-col border-b border-solid border-gray-300 leading-7 py-6">
+                                        <h1 className="font-bold mb-2 text-lg">مشخصات پدر دانش آموز</h1>
+                                        {
+                                            finalViewInfo.slice(7,15).map(item => (
+                                                <div className="flex items-center">
+                                                    <h3 className="text-red26 font-bold">{item.title}</h3> : <p className="mr-2 text-red52">{item.value}</p>
+                                                 </div>   
+                                            ))
+                                        }
+                                    </div>
+                                    <div className="flex flex-col border-b border-solid border-gray-300 leading-7 py-6">
+                                        <h1 className="font-bold mb-2 text-lg">مشخصات مادر دانش آموز</h1>
+                                        {
+                                            finalViewInfo.slice(15,23).map(item => (
+                                                <div className="flex items-center">
+                                                    <h3 className="text-red26 font-bold">{item.title}</h3> : <p className="mr-2 text-red52">{item.value}</p>
+                                                 </div>   
+                                            ))
+                                        }
+                                    </div>
+                                    <div className="flex flex-col border-b border-solid border-gray-300 leading-7 py-6">
+                                        <h1 className="font-bold mb-2 text-lg">مشخصات خانواده دانش آموز</h1>
+                                        {
+                                            finalViewInfo.slice(23,26).map(item => (
+                                                <div className="flex items-center">
+                                                    <h3 className="text-red26 font-bold">{item.title}</h3> : <p className="mr-2 text-red52">{item.value}</p>
+                                                 </div>   
+                                            ))
+                                        }
+                                    </div>
+                                    </div>
 
                                 <div className="w-full flex pt-10 justify-end">
                                     <div className="w-40 mx-4">
@@ -537,7 +691,7 @@ const Register = ({ activeLogin }) => {
                                         } />
                                     </div>
                                 </div>
-                            </div>
+                            
 
 
                         </>