edit refahi

src/components/dashboard/followUp-loan/RequestCard.jsx

@@ -7,7 +7,7 @@ import CancelIcon from "@mui/icons-material/Cancel";
 import EditIcon from "@mui/icons-material/Edit";
 import PendingIcon from "@mui/icons-material/Pending";
 
-const RequestCard = ({ item }) => {
+const RequestCard = ({ item, id }) => {
     const t = useTranslations();
     return (
         <Grid item xs={12} lg={6} xl={4}>
@@ -115,13 +115,13 @@ const RequestCard = ({ item }) => {
                     </Stack>
                     {item.state_id === 17 ? (
                         <Button variant="contained" color="warning" sx={{ alignSelf: "flex-end", mt: 2 }}>
-                            <LinkRouting underline="none" color="inherit" href={`/dashboard/navgan/${item.id}/show`}>
+                            <LinkRouting underline="none" color="inherit" href={`/dashboard/${id}/${item.id}/show`}>
                                 {t("LoanFollowUp.loan_edit")}
                             </LinkRouting>
                         </Button>
                     ) : (
                         <Button variant="contained" color="primary" sx={{ alignSelf: "flex-end", mt: 2 }}>
-                            <LinkRouting underline="none" color="inherit" href={`/dashboard/navgan/${item.id}/show`}>
+                            <LinkRouting underline="none" color="inherit" href={`/dashboard/${id}/${item.id}/show`}>
                                 {t("LoanFollowUp.loan_details")}
                             </LinkRouting>
                         </Button>

src/components/dashboard/followUp-loan/index.jsx

@@ -1,7 +1,7 @@
 import { Box, Chip, Divider, Grid, Skeleton, Stack, Typography } from "@mui/material";
 import { useEffect, useState } from "react";
 import { SHOW_LOAN_REQUEST_NAVGAN, SHOW_LOAN_REQUEST_REFAHI } from "@/core/data/apiRoutes";
-import RequestCard from "@/components/dashboard/followUp-loan/RequestCard";
+import RequestCard from "./RequestCard";
 import { FullPageLayout, useRequest } from "@witel/webapp-builder";
 import DirectionsCarIcon from "@mui/icons-material/DirectionsCar";
 import VolunteerActivismIcon from "@mui/icons-material/VolunteerActivism";
@@ -74,7 +74,7 @@ const LoanFollowUpComponent = () => {
                             </Stack>
                             <Grid container spacing={2} sx={{ justifyContent: "center" }}>
                                 {navganFollowUpList.map((item) => (
-                                    <RequestCard item={item} key={item.id} />
+                                    <RequestCard id={"navgan"} item={item} key={item.id} />
                                 ))}
                             </Grid>
                         </>
@@ -124,7 +124,7 @@ const LoanFollowUpComponent = () => {
                             </Stack>
                             <Grid container spacing={2} sx={{ justifyContent: "center" }}>
                                 {refahiFollowUpList.map((item) => (
-                                    <RequestCard item={item} key={item.id} />
+                                    <RequestCard id={"refahi"} item={item} key={item.id} />
                                 ))}
                             </Grid>
                         </>

src/components/dashboard/navgan/show/index.jsx

@@ -1,10 +1,7 @@
-import { useTranslations } from "next-intl";
+import { CenterLayout } from "@witel/webapp-builder";
-import { CenterLayout, useUser } from "@witel/webapp-builder";
 import ShowLoanForm from "@/components/dashboard/navgan/show/form";
 
 const ShowLoan = () => {
-    const t = useTranslations();
-    const { user } = useUser();
 
     return (
         <CenterLayout>

src/components/dashboard/refahi/add-request-loan/RefahiLoanType.jsx

@@ -1,6 +1,4 @@
 import { Button, Card, CardActions, CardContent, Stack, Typography } from "@mui/material";
-import DirectionsCarIcon from "@mui/icons-material/DirectionsCar";
-import VolunteerActivismIcon from "@mui/icons-material/VolunteerActivism";
 import BuildIcon from "@mui/icons-material/Build";
 import MapsHomeWorkIcon from "@mui/icons-material/MapsHomeWork";
 import { useTranslations } from "next-intl";

src/components/dashboard/refahi/add-request-loan/forms/BuildForm/BuildFormController.jsx

@@ -0,0 +1,63 @@
+import { useReducer, useState } from "react";
+import { useTranslations } from "next-intl";
+import * as React from "react";
+import { Stack, Step, StepLabel, Stepper } from "@mui/material";
+import BuldToggleRealLegal from "./BuildToggleRealLegal";
+import BuildProjectInfo from "./BuildProjectInfo";
+import BuildRequestDetail from "./BuildRequestDetail";
+import useLimitedProvince from "@/lib/app/hooks/useLimitedProvince";
+
+
+const BuildFormController = ({ handleSubmit, dispatch, state, submitting }) => {
+    const t = useTranslations();
+    const [activeStep, setActiveStep] = useState(0);
+    const { provinceList, isLoadingProvinceList, errorProvinceList } = useLimitedProvince();
+    const steps = [
+        t("RefahiLoanRequest.step_personal_info"),
+        t("RefahiLoanRequest.step_project_info"),
+        t("RefahiLoanRequest.step_contact_info"),
+    ];
+    const handleNext = () => setActiveStep((prev) => prev + 1);
+    const handleBack = () => setActiveStep((prev) => prev - 1);
+    return (
+        <Stack>
+            <Stepper sx={{ my: 2 }} activeStep={activeStep} alternativeLabel>
+                {steps.map((label, index) => (
+                    <Step key={index}>
+                        <StepLabel>{label}</StepLabel>
+                    </Step>
+                ))}
+            </Stepper>
+            {activeStep === 0 && (
+                <BuldToggleRealLegal
+                    provinceList={provinceList}
+                    isLoadingProvinceList={isLoadingProvinceList}
+                    errorProvinceList={errorProvinceList}
+                    state={state}
+                    dispatch={dispatch}
+                    handleNext={handleNext}
+                />
+            )}
+            {activeStep === 1 && (
+                <BuildProjectInfo
+                    provinceList={provinceList}
+                    isLoadingProvinceList={isLoadingProvinceList}
+                    errorProvinceList={errorProvinceList}
+                    state={state}
+                    dispatch={dispatch}
+                    handleBack={handleBack}
+                    handleNext={handleNext}
+                />
+            )}
+            {activeStep === 2 && (
+                <BuildRequestDetail
+                    state={state}
+                    handleBack={handleBack}
+                    handleSubmit={handleSubmit}
+                    submitting={submitting}
+                />
+            )}
+        </Stack>
+    );
+};
+export default BuildFormController;

src/components/dashboard/refahi/add-request-loan/forms/BuildForm/BuildRequestDetail.jsx

@@ -8,17 +8,9 @@ import * as Yup from "yup";
 import { useFormik } from "formik";
 import PickerWithDynamicField from "@/core/components/EditedDatePicker";
 import UploadImage from "./UploadImage";
-import { useRequest, useUser } from "@witel/webapp-builder";
-import { SEND_LOAN_REQUEST_REFAHI } from "@/core/data/apiRoutes";
-import { useState } from "react";
-import { useRouter } from "next/router";
 
-const BuildRequestDetail = ({ state, handleBack, setFinishRefahiLoanRequest, dispatch }) => {
+const BuildRequestDetail = ({ state, handleBack, handleSubmit, submitting }) => {
     const t = useTranslations();
-    const [submitting, setSubmitting] = useState(false);
-    const requestServer = useRequest();
-    const { getUser, changeUser } = useUser();
-    const router = useRouter();
 
     const initialValues = {
         requested_facility_amount: state.requested_facility_amount,
@@ -75,63 +67,6 @@ const BuildRequestDetail = ({ state, handleBack, setFinishRefahiLoanRequest, dis
             .required(t("LoanRequest.checkbox_required")),
     });
 
-    const handleSubmit = async (values) => {
-        let updatedState = { ...state, ...values };
-        dispatch({ type: "SET_REQUEST_INFO", requestInfo: values });
-        const formData = new FormData();
-        const is_legal_person = updatedState.person_type === "real" ? 0 : 1;
-        delete updatedState.person_type;
-        if (updatedState.national_serial_number_or_tracking_code === "national_serial_number") {
-            formData.append("national_serial_number", updatedState.national_serial_number);
-            delete updatedState.national_card_tracking_code;
-        } else {
-            formData.append("national_tracking_code", updatedState.national_card_tracking_code);
-            delete updatedState.national_serial_number;
-        }
-        delete updatedState.national_serial_number_or_tracking_code;
-        delete updatedState.checkedBox;
-        formData.append("is_legal_person", is_legal_person);
-
-        updatedState = {
-            ...updatedState,
-            birthday: updatedState.birthday.locale("en").format("YYYY-MM-DD"),
-            basic_approval_renewal_date: updatedState.basic_approval_renewal_date.locale("en").format("YYYY-MM-DD"),
-            company_register_date: updatedState.company_register_date
-                ? updatedState.company_register_date.locale("en").format("YYYY-MM-DD")
-                : "",
-            facility_usage_history: updatedState.facility_usage_history ? 1 : 0,
-        };
-
-        Object.keys(updatedState).forEach((key) => {
-            if (updatedState[key] !== null && updatedState[key] !== undefined) {
-                formData.append(key, updatedState[key]);
-            }
-        });
-        if (!is_legal_person) {
-            formData.delete("company_register_date");
-            formData.delete("shenase_meli");
-            formData.delete("register_number");
-            formData.delete("company_name");
-        }
-
-        try {
-            setSubmitting(true);
-            await requestServer(SEND_LOAN_REQUEST_REFAHI, "post", {
-                auth: true,
-                notification: true,
-                data: formData,
-            });
-            // router.replace("/dashboard/followUp-loan");
-            getUser((data) => {
-                changeUser(data);
-                setFinishRefahiLoanRequest(true);
-            });
-        } catch (error) {
-            console.error("Error submitting request:", error);
-        } finally {
-            setSubmitting(false);
-        }
-    };
 
     const formik = useFormik({
         initialValues,

src/components/dashboard/refahi/add-request-loan/forms/BuildForm/index.jsx

@@ -1,11 +1,8 @@
 import { useReducer, useState } from "react";
-import { useTranslations } from "next-intl";
 import * as React from "react";
-import { Stack, Step, StepLabel, Stepper } from "@mui/material";
+import { SEND_LOAN_REQUEST_REFAHI } from "@/core/data/apiRoutes";
-import BuldToggleRealLegal from "./BuildToggleRealLegal";
+import { useRequest, useUser } from "@witel/webapp-builder";
-import BuildProjectInfo from "./BuildProjectInfo";
+import BuildFormController from "./BuildFormController";
-import BuildRequestDetail from "./BuildRequestDetail";
-import useLimitedProvince from "@/lib/app/hooks/useLimitedProvince";
 
 const _data = {
     person_type: "real",
@@ -68,56 +65,77 @@ const reducer = (state, action) => {
 };
 
 const BuildForm = ({ setFinishRefahiLoanRequest }) => {
-    const t = useTranslations();
+    const [submitting, setSubmitting] = useState(false);
-    const [activeStep, setActiveStep] = useState(0);
     const [state, dispatch] = useReducer(reducer, _data);
-    const { provinceList, isLoadingProvinceList, errorProvinceList } = useLimitedProvince();
+    const requestServer = useRequest();
-    const steps = [
+    const { getUser, changeUser } = useUser();
-        t("RefahiLoanRequest.step_personal_info"),
+
-        t("RefahiLoanRequest.step_project_info"),
+    const handleSubmit = async (values) => {
-        t("RefahiLoanRequest.step_contact_info"),
+        let updatedState = { ...state, ...values };
-    ];
+        dispatch({ type: "SET_REQUEST_INFO", requestInfo: values });
-    const handleNext = () => setActiveStep((prev) => prev + 1);
+        const formData = new FormData();
-    const handleBack = () => setActiveStep((prev) => prev - 1);
+        const is_legal_person = updatedState.person_type === "real" ? 0 : 1;
+        delete updatedState.person_type;
+        if (updatedState.national_serial_number_or_tracking_code === "national_serial_number") {
+            formData.append("national_serial_number", updatedState.national_serial_number);
+            delete updatedState.national_card_tracking_code;
+        } else {
+            formData.append("national_tracking_code", updatedState.national_card_tracking_code);
+            delete updatedState.national_serial_number;
+        }
+        delete updatedState.national_serial_number_or_tracking_code;
+        delete updatedState.checkedBox;
+        formData.append("is_legal_person", is_legal_person);
+
+        updatedState = {
+            ...updatedState,
+            birthday: updatedState.birthday.locale("en").format("YYYY-MM-DD"),
+            basic_approval_renewal_date: updatedState.basic_approval_renewal_date.locale("en").format("YYYY-MM-DD"),
+            company_register_date: updatedState.company_register_date
+                ? updatedState.company_register_date.locale("en").format("YYYY-MM-DD")
+                : "",
+            facility_usage_history: updatedState.facility_usage_history ? 1 : 0,
+        };
+
+        Object.keys(updatedState).forEach((key) => {
+            if (updatedState[key] !== null && updatedState[key] !== undefined) {
+                formData.append(key, updatedState[key]);
+            }
+        });
+        if (!is_legal_person) {
+            formData.delete("company_register_date");
+            formData.delete("shenase_meli");
+            formData.delete("register_number");
+            formData.delete("company_name");
+        }
+
+        try {
+            setSubmitting(true);
+            await requestServer(SEND_LOAN_REQUEST_REFAHI, "post", {
+                auth: true,
+                notification: true,
+                data: formData,
+            });
+            getUser((data) => {
+                changeUser(data);
+                setFinishRefahiLoanRequest(true);
+            });
+        } catch (error) {
+            console.error("Error submitting request:", error);
+        } finally {
+            setSubmitting(false);
+        }
+    };
     return (
-        <Stack>
+        <>
-            <Stepper sx={{ my: 2 }} activeStep={activeStep} alternativeLabel>
+            <BuildFormController
-                {steps.map((label, index) => (
+                submitting={submitting}
-                    <Step key={index}>
-                        <StepLabel>{label}</StepLabel>
-                    </Step>
-                ))}
-            </Stepper>
-            {activeStep === 0 && (
-                <BuldToggleRealLegal
-                    provinceList={provinceList}
-                    isLoadingProvinceList={isLoadingProvinceList}
-                    errorProvinceList={errorProvinceList}
                 state={state}
                 dispatch={dispatch}
-                    handleNext={handleNext}
+                handleSubmit={handleSubmit}
-                />
-            )}
-            {activeStep === 1 && (
-                <BuildProjectInfo
-                    provinceList={provinceList}
-                    isLoadingProvinceList={isLoadingProvinceList}
-                    errorProvinceList={errorProvinceList}
-                    state={state}
-                    dispatch={dispatch}
-                    handleBack={handleBack}
-                    handleNext={handleNext}
-                />
-            )}
-            {activeStep === 2 && (
-                <BuildRequestDetail
-                    state={state}
-                    handleBack={handleBack}
-                    dispatch={dispatch}
                 setFinishRefahiLoanRequest={setFinishRefahiLoanRequest}
             />
-            )}
+        </>
-        </Stack>
     );
 };
 export default BuildForm;

src/components/dashboard/refahi/add-request-loan/forms/RestoreForm/RestoreFormController.jsx

@@ -0,0 +1,65 @@
+import { useReducer, useState } from "react";
+import { useTranslations } from "next-intl";
+import * as React from "react";
+import { Stack, Step, StepLabel, Stepper } from "@mui/material";
+import RestoreProjectInfo from "./RestoreProjectInfo";
+import RestoreRequestDetail from "./RestoreRequestDetail";
+import RestoreToggleRealLegal from "./RestoreToggleRealLegal";
+import useLimitedProvince from "@/lib/app/hooks/useLimitedProvince";
+
+
+const RestoreFormController = ({ state, dispatch, handleSubmit, submitting }) => {
+    console.log(state);
+    const t = useTranslations();
+    const [activeStep, setActiveStep] = useState(0);
+    const { provinceList, isLoadingProvinceList, errorProvinceList } = useLimitedProvince();
+    const steps = [
+        t("RefahiLoanRequest.step_personal_info"),
+        t("RefahiLoanRequest.step_project_info"),
+        t("RefahiLoanRequest.step_contact_info"),
+    ];
+    const handleNext = () => setActiveStep((prev) => prev + 1);
+    const handleBack = () => setActiveStep((prev) => prev - 1);
+    return (
+        <Stack>
+            <Stepper sx={{ my: 2 }} activeStep={activeStep} alternativeLabel>
+                {steps.map((label, index) => (
+                    <Step key={index}>
+                        <StepLabel>{label}</StepLabel>
+                    </Step>
+                ))}
+            </Stepper>
+            {activeStep === 0 && (
+                <RestoreToggleRealLegal
+                    provinceList={provinceList}
+                    isLoadingProvinceList={isLoadingProvinceList}
+                    errorProvinceList={errorProvinceList}
+                    state={state}
+                    dispatch={dispatch}
+                    handleNext={handleNext}
+                />
+            )}
+            {activeStep === 1 && (
+                <RestoreProjectInfo
+                    provinceList={provinceList}
+                    isLoadingProvinceList={isLoadingProvinceList}
+                    errorProvinceList={errorProvinceList}
+                    state={state}
+                    dispatch={dispatch}
+                    handleBack={handleBack}
+                    handleNext={handleNext}
+                />
+            )}
+            {activeStep === 2 && (
+                <RestoreRequestDetail
+                    state={state}
+                    dispatch={dispatch}
+                    handleBack={handleBack}
+                    handleSubmit={handleSubmit}
+                    submitting={submitting}
+                />
+            )}
+        </Stack>
+    );
+};
+export default RestoreFormController;

src/components/dashboard/refahi/add-request-loan/forms/RestoreForm/RestoreRequestDetail.jsx

@@ -13,12 +13,8 @@ import { useState } from "react";
 import { useRequest, useUser } from "@witel/webapp-builder";
 import { useRouter } from "next/router";
 
-const RestoreRequestDetail = ({ state, handleBack, dispatch, setFinishRefahiLoanRequest }) => {
+const RestoreRequestDetail = ({ state, handleBack, handleSubmit, submitting }) => {
     const t = useTranslations();
-    const [submitting, setSubmitting] = useState(false);
-    const requestServer = useRequest();
-    const { getUser, changeUser } = useUser();
-    const router = useRouter();
 
     const initialValues = {
         requested_facility_amount: state.requested_facility_amount,
@@ -68,66 +64,6 @@ const RestoreRequestDetail = ({ state, handleBack, dispatch, setFinishRefahiLoan
             .oneOf([true], t("LoanRequest.checkbox_required"))
             .required(t("LoanRequest.checkbox_required")),
     });
-    const handleSubmit = async (values, props) => {
-        let updatedState = { ...state, ...values };
-        dispatch({ type: "SET_REQUEST_INFO", requestInfo: values });
-        const formData = new FormData();
-        const is_legal_person = updatedState.person_type === "real" ? 0 : 1;
-        delete updatedState.person_type;
-        if (updatedState.national_serial_number_or_tracking_code === "national_serial_number") {
-            formData.append("national_serial_number", updatedState.national_serial_number);
-            delete updatedState.national_card_tracking_code;
-        } else {
-            formData.append("national_tracking_code", updatedState.national_card_tracking_code);
-            delete updatedState.national_serial_number;
-        }
-        delete updatedState.national_serial_number_or_tracking_code;
-        delete updatedState.checkedBox;
-        formData.append("is_legal_person", is_legal_person);
-
-        updatedState = {
-            ...updatedState,
-            birthday: updatedState.birthday.locale("en").format("YYYY-MM-DD"),
-            exploitation_license_renewal_date: updatedState.exploitation_license_renewal_date
-                .locale("en")
-                .format("YYYY-MM-DD"),
-            exploitation_date: updatedState.exploitation_date.locale("en").format("YYYY-MM-DD"),
-            company_register_date: updatedState.company_register_date
-                ? updatedState.company_register_date.locale("en").format("YYYY-MM-DD")
-                : "",
-            facility_usage_history: updatedState.facility_usage_history ? 1 : 0,
-        };
-
-        Object.keys(updatedState).forEach((key) => {
-            if (updatedState[key] !== null && updatedState[key] !== undefined) {
-                formData.append(key, updatedState[key]);
-            }
-        });
-        if (!is_legal_person) {
-            formData.delete("company_register_date");
-            formData.delete("shenase_meli");
-            formData.delete("register_number");
-            formData.delete("company_name");
-        }
-
-        try {
-            setSubmitting(true);
-            await requestServer(SEND_LOAN_REQUEST_REFAHI, "post", {
-                auth: true,
-                notification: true,
-                data: formData,
-            });
-            // router.replace("/dashboard/followUp-loan");
-            getUser((data) => {
-                changeUser(data);
-                setFinishRefahiLoanRequest(true);
-            });
-        } catch (error) {
-            console.error("Error submitting request:", error);
-        } finally {
-            setSubmitting(false);
-        }
-    };
 
     const formik = useFormik({
         initialValues,

src/components/dashboard/refahi/add-request-loan/forms/RestoreForm/index.jsx

@@ -1,11 +1,7 @@
 import { useReducer, useState } from "react";
-import { useTranslations } from "next-intl";
+import RestoreFormController from "./RestoreFormController";
-import * as React from "react";
+import { useRequest, useUser } from "@witel/webapp-builder";
-import { Stack, Step, StepLabel, Stepper } from "@mui/material";
+import { SEND_LOAN_REQUEST_REFAHI } from "@/core/data/apiRoutes";
-import RestoreProjectInfo from "./RestoreProjectInfo";
-import RestoreRequestDetail from "./RestoreRequestDetail";
-import RestoreToggleRealLegal from "./RestoreToggleRealLegal";
-import useLimitedProvince from "@/lib/app/hooks/useLimitedProvince";
 
 const _data = {
     person_type: "real",
@@ -67,56 +63,75 @@ const reducer = (state, action) => {
 };
 
 const RestoreForm = ({ setFinishRefahiLoanRequest }) => {
-    const t = useTranslations();
+    const [submitting, setSubmitting] = useState(false);
-    const [activeStep, setActiveStep] = useState(0);
-    const { provinceList, isLoadingProvinceList, errorProvinceList } = useLimitedProvince();
     const [state, dispatch] = useReducer(reducer, _data);
-    const steps = [
+    const requestServer = useRequest();
-        t("RefahiLoanRequest.step_personal_info"),
+    const { getUser, changeUser } = useUser();
-        t("RefahiLoanRequest.step_project_info"),
+
-        t("RefahiLoanRequest.step_contact_info"),
+    const handleSubmit = async (values, props) => {
-    ];
+        let updatedState = { ...state, ...values };
-    const handleNext = () => setActiveStep((prev) => prev + 1);
+        dispatch({ type: "SET_REQUEST_INFO", requestInfo: values });
-    const handleBack = () => setActiveStep((prev) => prev - 1);
+        const formData = new FormData();
+        const is_legal_person = updatedState.person_type === "real" ? 0 : 1;
+        delete updatedState.person_type;
+        if (updatedState.national_serial_number_or_tracking_code === "national_serial_number") {
+            formData.append("national_serial_number", updatedState.national_serial_number);
+            delete updatedState.national_card_tracking_code;
+        } else {
+            formData.append("national_tracking_code", updatedState.national_card_tracking_code);
+            delete updatedState.national_serial_number;
+        }
+        delete updatedState.national_serial_number_or_tracking_code;
+        delete updatedState.checkedBox;
+        formData.append("is_legal_person", is_legal_person);
+
+        updatedState = {
+            ...updatedState,
+            birthday: updatedState.birthday.locale("en").format("YYYY-MM-DD"),
+            exploitation_license_renewal_date: updatedState.exploitation_license_renewal_date
+                .locale("en")
+                .format("YYYY-MM-DD"),
+            exploitation_date: updatedState.exploitation_date.locale("en").format("YYYY-MM-DD"),
+            company_register_date: updatedState.company_register_date
+                ? updatedState.company_register_date.locale("en").format("YYYY-MM-DD")
+                : "",
+            facility_usage_history: updatedState.facility_usage_history ? 1 : 0,
+        };
+
+        Object.keys(updatedState).forEach((key) => {
+            if (updatedState[key] !== null && updatedState[key] !== undefined) {
+                formData.append(key, updatedState[key]);
+            }
+        });
+        if (!is_legal_person) {
+            formData.delete("company_register_date");
+            formData.delete("shenase_meli");
+            formData.delete("register_number");
+            formData.delete("company_name");
+        }
+
+        try {
+            setSubmitting(true);
+            await requestServer(SEND_LOAN_REQUEST_REFAHI, "post", {
+                auth: true,
+                notification: true,
+                data: formData,
+            });
+            getUser((data) => {
+                changeUser(data);
+                setFinishRefahiLoanRequest(true);
+            });
+        } catch (error) {
+            console.error("Error submitting request:", error);
+        } finally {
+            setSubmitting(false);
+        }
+    };
+
     return (
-        <Stack>
+        <>
-            <Stepper sx={{ my: 2 }} activeStep={activeStep} alternativeLabel>
+            <RestoreFormController handleSubmit={handleSubmit} dispatch={dispatch} submitting={submitting} state={state} />
-                {steps.map((label, index) => (
+        </>
-                    <Step key={index}>
-                        <StepLabel>{label}</StepLabel>
-                    </Step>
-                ))}
-            </Stepper>
-            {activeStep === 0 && (
-                <RestoreToggleRealLegal
-                    provinceList={provinceList}
-                    isLoadingProvinceList={isLoadingProvinceList}
-                    errorProvinceList={errorProvinceList}
-                    state={state}
-                    dispatch={dispatch}
-                    handleNext={handleNext}
-                />
-            )}
-            {activeStep === 1 && (
-                <RestoreProjectInfo
-                    provinceList={provinceList}
-                    isLoadingProvinceList={isLoadingProvinceList}
-                    errorProvinceList={errorProvinceList}
-                    state={state}
-                    dispatch={dispatch}
-                    handleBack={handleBack}
-                    handleNext={handleNext}
-                />
-            )}
-            {activeStep === 2 && (
-                <RestoreRequestDetail
-                    state={state}
-                    dispatch={dispatch}
-                    handleBack={handleBack}
-                    setFinishRefahiLoanRequest={setFinishRefahiLoanRequest}
-                />
-            )}
-        </Stack>
     );
 };
 export default RestoreForm;

src/components/dashboard/refahi/add-request-loan/index.jsx

@@ -27,7 +27,7 @@ const AddRequestLoan = () => {
                         </Typography>
                         <DoneIcon color={"success"} />
                     </Stack>
-                    <Button variant={"contained"} component={NextLinkComposed} to={"/dashboard/refahi/followUp-loan"}>
+                    <Button variant={"contained"} component={NextLinkComposed} to={"/dashboard/followUp-loan"}>
                         {t("LoanRequest.back_to_dashboard")}
                     </Button>
                 </CenterLayout>

src/components/dashboard/refahi/show/form/index.jsx

@@ -0,0 +1,132 @@
+import { useEffect, useReducer, useState } from "react";
+import { GET_LOAN_DETAILS_REFAHI, SEND_LOAN_REQUEST_REFAHI } from "@/core/data/apiRoutes";
+import { useRouter } from "next/router";
+import { SvgLoading, useRequest, useUser } from "@witel/webapp-builder";
+import { Stack, Typography } from "@mui/material";
+import { useTranslations } from "next-intl";
+import BuildFormController from "@/components/dashboard/refahi/add-request-loan/forms/BuildForm/BuildFormController";
+import RestoreFormController
+    from "@/components/dashboard/refahi/add-request-loan/forms/RestoreForm/RestoreFormController";
+
+
+const reducer = (state, action) => {
+    switch (action.type) {
+        case "SET_PERSONAL_INFO":
+            return { ...state, ...action.personalInfo };
+        case "SET_PROJECT_INFO":
+            return { ...state, ...action.projectInfo };
+        case "SET_REQUEST_INFO":
+            return { ...state, ...action.requestInfo };
+        case "SET_PERSON_TYPE":
+            return { ...state, person_type: action.person_type };
+        default:
+            return state;
+    }
+};
+
+
+const ShowLoanForm = () => {
+    const t = useTranslations();
+    const { query } = useRouter();
+    const [LoanDetails, setLoanDetails] = useState({});
+    const [submitting, setSubmitting] = useState(false);
+    const requestServer = useRequest();
+    const { getUser, changeUser } = useUser();
+
+    const isRefahi1 = LoanDetails.refahi_type === 1;
+    const isRefahi2 = LoanDetails.refahi_type === 2;
+
+    const _data = {
+        person_type: LoanDetails.is_legal_person === 1 ? "legal" : "real",
+        telephone_number: LoanDetails.telephone_number || "",
+        activity_type_id: LoanDetails.activity_type_id || "",
+        refahi_type: LoanDetails.refahi_type || 1,
+        requested_facility_amount: LoanDetails.requested_facility_amount || "",
+        person_share: LoanDetails.person_share || "",
+        user_existing_employment: LoanDetails.user_existing_employment || "",
+        user_committed_employment: LoanDetails.user_committed_employment || "",
+        father_name: LoanDetails.father_name || "",
+        gender: LoanDetails.gender || "",
+        welfare_complex_degree: LoanDetails.welfare_complex_degree || "",
+        first_name: LoanDetails.first_name || "",
+        last_name: LoanDetails.last_name || "",
+        city_id: LoanDetails.city_id || "",
+        project_city_id: LoanDetails.project_city_id || "",
+        province_id: LoanDetails.province_id || "",
+        project_province_id: LoanDetails.project_province_id || "",
+        education_id: LoanDetails.education_id || "",
+        occupation_id: LoanDetails.occupation_id || "",
+        national_id: LoanDetails.national_id || "",
+        national_serial_number: LoanDetails.national_serial_number || "",
+        national_card_tracking_code: LoanDetails?.national_card_tracking_code || "",
+        national_serial_number_or_tracking_code:
+            LoanDetails.national_serial_number ? "national_serial_number" : "national_card_tracking_code",
+        postal_code: LoanDetails.postal_code || "",
+        address: LoanDetails.address || "",
+        birthday: LoanDetails.birthday || "",
+        investment_amount: LoanDetails.investment_amount || "",
+        checkedBox: false,
+        facility_usage_history: LoanDetails.facility_usage_history || false,
+        company_register_date: LoanDetails.company_register_date || "",
+        shenase_meli: LoanDetails.shenase_meli || "",
+        register_number: LoanDetails.register_number || "",
+        company_name: LoanDetails.company_name || "",
+
+        ...(isRefahi1 && {
+            basic_approval_number: LoanDetails.basic_approval_number || "",
+            basic_approval_renewal_date: LoanDetails.basic_approval_renewal_date || "",
+            basic_approval_renewal_image: LoanDetails.basic_approval_renewal_image || null,
+            basic_approval_image: LoanDetails.basic_approval_image || null,
+            project_axis: LoanDetails.project_axis || "",
+            project_physical_progress: LoanDetails.project_physical_progress || "",
+            project_kilometer_marker: LoanDetails.project_kilometer_marker || "",
+            project_direction: LoanDetails.project_direction || "",
+            project_address: LoanDetails.project_address || "",
+        }),
+
+        ...(isRefahi2 && {
+            exploitation_date: LoanDetails.exploitation_date || "",
+            exploitation_license_renewal_date: LoanDetails.exploitation_license_renewal_date || "",
+            exploitation_license_image: LoanDetails.exploitation_license_image || null,
+            exploitation_license_renewal_image: LoanDetails.exploitation_license_renewal_image || null,
+            project_axis: LoanDetails.project_axis || "",
+            project_kilometer_marker: LoanDetails.project_kilometer_marker || "",
+            project_direction: LoanDetails.project_direction || "",
+            project_address: LoanDetails.project_address || "",
+        }),
+    };
+
+    const [state, dispatch] = useReducer(reducer, _data);
+
+    useEffect(() => {
+        requestServer(GET_LOAN_DETAILS_REFAHI + query.id, "get", { auth: true, notification: false })
+            .then(({ data }) => {
+                setLoanDetails(data.data);
+            })
+            .catch(() => {});
+    }, []);
+
+
+    if (Object.keys(LoanDetails).length === 0) {
+        return (
+            <Stack sx={{ alignItems: "center", justifyContent: "center" }} spacing={3}>
+                <SvgLoading height={150} width={150} />
+                <Typography>{t("ShowLoan.loading_show_component")}</Typography>
+            </Stack>
+        );
+    }
+
+    const handleSubmit = async (values) => {
+        console.log(values);
+    };
+    return (
+        <>
+            {LoanDetails.refahi_type === 1 ? (
+                <BuildFormController submitting={submitting} state={state} dispatch={dispatch} handleSubmit={handleSubmit} />
+            ) : (
+                <RestoreFormController submitting={submitting} state={state} dispatch={dispatch} handleSubmit={handleSubmit} />
+            )}
+        </>
+    );
+};
+export default ShowLoanForm;

src/components/dashboard/refahi/show/index.jsx

@@ -0,0 +1,10 @@
+import ShowLoanForm from "./form";
+
+const ShowLoan = () => {
+
+    return (
+        <ShowLoanForm />
+    );
+};
+
+export default ShowLoan;

src/core/data/apiRoutes.js

@@ -23,6 +23,7 @@ export const GET_EDUCATIONS_LIST = BASE_URL + "/education";
 export const GET_OCCUPATIONS_LIST = BASE_URL + "/occupations";
 
 export const GET_LOAN_DETAILS = BASE_URL + "/navgan/loan/details/";
+export const GET_LOAN_DETAILS_REFAHI = BASE_URL + "/refahi/loan/details/";
 export const UPDATE_LOAN = BASE_URL + "/navgan/loan/update/";
 
 export const GET_PROJECT_TITLE = BASE_URL + "/navgan_plans";

src/pages/dashboard/followUp-loan/index.jsx

@@ -1,4 +1,4 @@
-import LoanFollowUpComponent from "src/components/dashboard/followUp-loan";
+import LoanFollowUpComponent from "@/components/dashboard/followUp-loan";
 import { globalServerProps } from "@/core/utils/globalServerProps";
 
 export default function FollowUpLoan() {

src/pages/dashboard/refahi/[id]/show/index.jsx

@@ -0,0 +1,18 @@
+import { parse } from "next-useragent";
+import ShowLoan from "@/components/dashboard/refahi/show";
+import { globalServerProps } from "@/core/utils/globalServerProps";
+
+export default function ShowLoanRequest() {
+    return <ShowLoan />;
+}
+
+export async function getServerSideProps({ req, locale }) {
+    const { isBot } = parse(req.headers["user-agent"]);
+    return {
+        props: {
+            ...(await globalServerProps({ req, locale })),
+            title: "ShowLoan.show_loan_page",
+            layout: { name: "DashboardLayout" },
+        },
+    };
+}