react-native-timacare 3.1.13-beta → 3.1.14-beta

package/lib/commonjs/screens/home/index.js.flow

@@ -42,6 +42,7 @@ import {
   IconNavClose,
   IconNotify,
   IconSchedule,
+  IconSign,
   IconSign2,
   IconVideo,
   Info,
@@ -84,7 +85,15 @@ import {
   IconEditSuccess,
   IconEkyc,
   IconEkycSuccess,
+  IconEkycDisable,
+  IconSignDisable,
+  IconTima16,
+  IconExpand,
+  IconExpandUp,
+  IconSignSuccess,
+  IconMoney2,
 } from '../../assets/svgs';
+import { o } from 'ramda';
 
 const listBanners = [
   require('../../assets/img/banner1.png'),
@@ -96,6 +105,8 @@ const $action: ViewStyle = {
   alignItems: 'center',
 };
 
+let _unsubscribe;
+
 export const Home = observer(function Home() {
   const navigation = useNavigation();
   const [showModal, setShowModal] = useState(false);
@@ -107,6 +118,11 @@ export const Home = observer(function Home() {
   const [isLoading, setIsLoading] = useState(false);
   const [loanCimb, setLoanCimb] = useState(null);
   const [loan, setLoan] = useState(null);
+  const [expandedId, setExpandedId] = useState(null); // ID item đang mở
+
+  const toggleExpand = (id) => {
+    setExpandedId((prev) => (prev === id ? null : id));
+  };
 
   const onRefresh = () => {
     setIsLoading(true);
@@ -165,6 +181,7 @@ export const Home = observer(function Home() {
   useEffect(() => {
     navigation.addListener('focus', () => {
       onRefresh();
+      getLocation();
     });
   }, [navigation]);
 
@@ -286,12 +303,6 @@ export const Home = observer(function Home() {
     );
   };
 
-  useEffect(() => {
-    return navigation.addListener('focus', () => {
-      getLocation();
-    });
-  }, [navigation]);
-
   const checkTerm = (loan, action) => {
     if (loan?.isConfirmTimaRule && loan?.isConfirmTimaRule === true) {
       navigation.dispatch(StackActions.push(ScreenNames.Terms, loan));
@@ -300,6 +311,56 @@ export const Home = observer(function Home() {
     if (action) action();
   };
 
+  const acceptLoan = async () => {
+    setIsLoading(true);
+    try {
+      const response = await Api.getInstance().changePipeline({
+        LoanBriefId: loan?.id,
+        TypeId: 1,
+      });
+      setIsLoading(false);
+      if (response.kind === 'ok') {
+        if (response.data?.meta?.errorCode === 200) {
+          setShowModal3(false);
+          setTimeout(() => {
+            onRefresh();
+          }, 300);
+        } else {
+          Alert.alert('Thông báo', response.data?.meta?.errorMessage);
+        }
+      } else {
+        Alert.alert('Thông báo', 'Có lỗi xảy ra. Vui lòng thử lại sau');
+      }
+    } catch (error) {
+      setIsLoading(false);
+    }
+  };
+
+  const rejectLoan = async () => {
+    setIsLoading(true);
+    try {
+      const response = await Api.getInstance().changePipeline({
+        LoanBriefId: loan?.id,
+        TypeId: 2,
+      });
+      setIsLoading(false);
+      if (response.kind === 'ok') {
+        if (response.data?.meta?.errorCode === 200) {
+          setShowModal3(false);
+          setTimeout(() => {
+            onRefresh();
+          }, 300);
+        } else {
+          Alert.alert('Thông báo', response.data?.meta?.errorMessage);
+        }
+      } else {
+        Alert.alert('Thông báo', 'Có lỗi xảy ra. Vui lòng thử lại sau');
+      }
+    } catch (error) {
+      setIsLoading(false);
+    }
+  };
+
   return (
     <View
       style={[commonStyles.fill, { zIndex: 1, backgroundColor: '#FFFFFF' }]}
@@ -378,135 +439,321 @@ export const Home = observer(function Home() {
               </View>
             ) : (
               <View>
-                {listLoan?.map((item, index) => (
-                  <View style={{ marginBottom: 14 }} key={index}>
-                    {/* TOÀN TRÌNH SỐ */}
-                    {item?.typeLoan === 5 ? (
-                      <View>
-                        <View
-                          style={{
-                            backgroundColor: '#FFFFFF',
-                            paddingHorizontal: 16,
-                            paddingTop: 16,
-                            borderRadius: 8,
-                            borderWidth: 0.5,
-                            borderColor: '#E0E0E0',
-                          }}
-                        >
-                          <View
-                            style={{
-                              flexDirection: 'row',
-                              alignItems: 'center',
-                            }}
-                          >
-                            <Contract />
-                            <View style={{ flex: 1, paddingLeft: 8 }}>
-                              <MText style={commonStyles.textNormalBold}>
-                                Mã Đơn vay-{item?.id}
-                              </MText>
-                              <MText style={commonStyles.textNormal}>
-                                Số tiền vay (VND):{' '}
-                                {item?.loanAmount
-                                  ? formatMoney(item?.loanAmount)
-                                  : 'Chưa xác định'}
-                              </MText>
-                            </View>
-                          </View>
-                          <View
-                            style={{
-                              height: 1,
-                              backgroundColor: '#E0E0E0',
-                              marginVertical: 16,
-                            }}
-                          />
+                {listLoan?.map((item, index) => {
+                  const isExpanded = expandedId === item.id;
+                  return (
+                    <View style={{ marginBottom: 14 }} key={index}>
+                      {/* TOÀN TRÌNH SỐ */}
+                      {item?.typeLoan === 5 ? (
+                        <View>
                           <View
                             style={{
-                              flexDirection: 'row',
-                              justifyContent: 'space-between',
+                              backgroundColor: '#FFFFFF',
+                              paddingHorizontal: 16,
+                              paddingTop: 16,
+                              borderRadius: 8,
+                              borderWidth: 0.5,
+                              borderColor: '#E0E0E0',
                             }}
                           >
-                            <MText style={commonStyles.textNormal}>
-                              Trạng thái
-                            </MText>
-                            <MText
-                              style={[
-                                commonStyles.textNormalBold,
-                                { color: '#F05123' },
-                              ]}
+                            <LinearGradient
+                              colors={['#FF8E4F', '#EF592E']}
+                              style={{
+                                borderTopLeftRadius: 8,
+                                borderTopRightRadius: 8,
+                                marginVertical: -16,
+                                marginHorizontal: -16,
+                              }}
                             >
-                              {item?.loanStatus}
-                            </MText>
-                          </View>
-                          <View
-                            style={{
-                              height: 1,
-                              backgroundColor: '#E0E0E0',
-                              marginVertical: 16,
-                            }}
-                          />
+                              <View
+                                style={{
+                                  flexDirection: 'row',
+                                  justifyContent: 'space-between',
+                                  alignItems: 'center',
+                                  paddingHorizontal: 16,
+                                  paddingVertical: 8,
+                                }}
+                              >
+                                <View
+                                  style={{
+                                    flexDirection: 'row',
+                                    alignItems: 'center',
+                                    gap: 8,
+                                  }}
+                                >
+                                  <IconMoney2 />
+                                  <MText
+                                    style={{
+                                      fontSize: 12,
+                                      color: 'white',
+                                    }}
+                                  >
+                                    Số tiền đăng ký vay
+                                  </MText>
+                                </View>
+                                <MText
+                                  style={{
+                                    fontSize: 12,
+                                    color: 'white',
+                                    fontWeight: 'bold',
+                                  }}
+                                >
+                                  {item?.listLoanAllAutoDE &&
+                                  item?.listLoanAllAutoDE.length > 0
+                                    ? formatMoney(
+                                        item?.listLoanAllAutoDE.reduce(
+                                          (sum, item) => sum + item.totalMoney,
+                                          0
+                                        )
+                                      )
+                                    : formatMoney(item?.loanAmount)}
+                                  đ
+                                </MText>
+                              </View>
+                            </LinearGradient>
+                            {item?.listLoanAllAutoDE &&
+                              item?.listLoanAllAutoDE.length > 0 && (
+                                <View
+                                  style={{
+                                    marginHorizontal: -16,
+                                    backgroundColor: '#FFF3E9',
+                                    paddingHorizontal: 16,
+                                    paddingVertical: 8,
+                                    marginTop: 16,
+                                  }}
+                                >
+                                  <View
+                                    style={{
+                                      flexDirection: 'row',
+                                      justifyContent: 'space-between',
+                                    }}
+                                  >
+                                    <MText
+                                      style={{
+                                        fontSize: 10,
+                                        color: '#878787',
+                                        marginLeft: 24,
+                                      }}
+                                    >
+                                      Số tiền giải ngân
+                                    </MText>
+                                    <MText
+                                      style={{
+                                        fontSize: 10,
+                                        color: '#333333',
+                                      }}
+                                    >
+                                      {formatMoney(
+                                        item?.listLoanAllAutoDE.reduce(
+                                          (sum, item) => sum + item.loanAmount,
+                                          0
+                                        )
+                                      )}{' '}
+                                      đ
+                                    </MText>
+                                  </View>
+                                  <View
+                                    style={{
+                                      flexDirection: 'row',
+                                      justifyContent: 'space-between',
+                                      marginTop: 6,
+                                    }}
+                                  >
+                                    <MText
+                                      style={{
+                                        fontSize: 10,
+                                        color: '#878787',
+                                        marginLeft: 24,
+                                      }}
+                                    >
+                                      Số tiền bảo hiểm
+                                    </MText>
+                                    <MText
+                                      style={{
+                                        fontSize: 10,
+                                        color: '#333333',
+                                      }}
+                                    >
+                                      {formatMoney(
+                                        item?.listLoanAllAutoDE.reduce(
+                                          (sum, item) =>
+                                            sum + item.insurenceMoney,
+                                          0
+                                        )
+                                      )}{' '}
+                                      đ
+                                    </MText>
+                                  </View>
+                                </View>
+                              )}
+                            {/* <View
+                              style={{
+                                flexDirection: 'row',
+                                alignItems: 'center',
+                              }}
+                            >
+                              <Contract />
+                              <View style={{ flex: 1, paddingLeft: 8 }}>
+                                <MText style={commonStyles.textNormalBold}>
+                                  Mã Đơn vay-{item?.id}
+                                </MText>
+                                <MText style={commonStyles.textNormal}>
+                                  Số tiền vay (VND):{' '}
+                                  {item?.loanAmount
+                                    ? formatMoney(item?.loanAmount)
+                                    : 'Chưa xác định'}
+                                </MText>
+                              </View>
+                            </View>
+                            <View
+                              style={{
+                                height: 1,
+                                backgroundColor: '#E0E0E0',
+                                marginVertical: 16,
+                              }}
+                            /> */}
 
-                          <View
-                            style={{
-                              flexDirection: 'row',
-                              justifyContent: 'space-between',
-                            }}
-                          >
-                            <TouchableOpacity
-                              disabled={item?.step >= 3 ? true : false}
-                              style={$action}
-                              onPress={() => {
-                                if (item?.step === 0) {
-                                  navigation.push(ScreenNames.OCR, {
-                                    loan: item,
-                                    front: true,
-                                  });
-                                } else if (item?.step === 1) {
-                                  navigation.push(ScreenNames.VehicleCamera, {
+                            <View
+                              style={{
+                                flexDirection: 'row',
+                                justifyContent: 'space-between',
+                                marginTop:
+                                  item?.listLoanAllAutoDE &&
+                                  item?.listLoanAllAutoDE.length > 0
+                                    ? 16
+                                    : 32,
+                              }}
+                            >
+                              <TouchableOpacity
+                                disabled={item?.step >= 3 ? true : false}
+                                style={$action}
+                                onPress={() => {
+                                  if (item?.step === 0) {
+                                    navigation.push(ScreenNames.OCR, {
+                                      loan: item,
+                                      front: true,
+                                    });
+                                  } else if (item?.step === 1) {
+                                    navigation.push(ScreenNames.VehicleCamera, {
+                                      loan: item,
+                                      front: true,
+                                    });
+                                  } else if (item?.step === 2) {
+                                    navigation.push(
+                                      ScreenNames.RegisterCamera,
+                                      {
+                                        loan: item,
+                                      }
+                                    );
+                                  }
+                                }}
+                              >
+                                {item?.step >= 3 ? (
+                                  <IconOCRSuccess />
+                                ) : (
+                                  <OcrSvg />
+                                )}
+                                <MText
+                                  style={{
+                                    textAlign: 'center',
+                                    fontSize: 10,
+                                    marginTop: 5,
+                                    color: '#333333',
+                                  }}
+                                >
+                                  OCR{'\n'}chứng từ
+                                </MText>
+                              </TouchableOpacity>
+                              <TouchableOpacity
+                                disabled={item?.step !== 3 ? true : false}
+                                style={$action}
+                                onPress={() => {
+                                  if (item?.step === 3) {
+                                    navigation.push(
+                                      ScreenNames.ReviewInformation,
+                                      {
+                                        loan: item,
+                                      }
+                                    );
+                                  }
+                                }}
+                              >
+                                {item.step > 3 ? (
+                                  <IconEditSuccess />
+                                ) : (
+                                  <IconEdit />
+                                )}
+                                <MText
+                                  style={{
+                                    textAlign: 'center',
+                                    fontSize: 10,
+                                    marginTop: 5,
+                                    color: '#333333',
+                                  }}
+                                >
+                                  Cập nhật{'\n'}thông tin
+                                </MText>
+                              </TouchableOpacity>
+                              <TouchableOpacity
+                                onPress={() => {
+                                  navigation.push(ScreenNames.LivenessV2, {
                                     loan: item,
-                                    front: true,
                                   });
-                                } else if (item?.step === 2) {
-                                  navigation.push(ScreenNames.RegisterCamera, {
+                                }}
+                                style={$action}
+                                disabled={item?.step === 6 ? false : true}
+                              >
+                                {item?.step === 7 ? (
+                                  <IconEkycSuccess />
+                                ) : item?.step <= 5 ? (
+                                  <IconEkycDisable />
+                                ) : (
+                                  <IconEkyc />
+                                )}
+
+                                <MText
+                                  style={{
+                                    textAlign: 'center',
+                                    fontSize: 10,
+                                    marginTop: 5,
+                                    color: '#333333',
+                                  }}
+                                >
+                                  EKYC
+                                </MText>
+                              </TouchableOpacity>
+                              <TouchableOpacity
+                                disabled={item?.step === 7 ? false : true}
+                                style={$action}
+                                onPress={() => {
+                                  // checkTerm(item, () => {
+                                  //   signLoan(item);
+                                  // });
+                                  navigation.push(ScreenNames.TTSSignLoan, {
                                     loan: item,
                                   });
-                                }
-                              }}
-                            >
-                              {item?.step >= 3 ? (
-                                <IconOCRSuccess />
-                              ) : (
-                                <OcrSvg />
-                              )}
-                              <MText
-                                style={{
-                                  textAlign: 'center',
-                                  fontSize: 10,
-                                  marginTop: 5,
-                                  color: '#333333',
                                 }}
                               >
-                                OCR{'\n'}chứng từ
-                              </MText>
-                            </TouchableOpacity>
-                            <TouchableOpacity
-                              disabled={item?.step !== 3 ? true : false}
-                              style={$action}
-                              onPress={() => {
-                                if (item?.step === 3) {
-                                  navigation.push(
-                                    ScreenNames.ReviewInformation,
-                                    {
-                                      loan: item,
-                                    }
-                                  );
-                                }
-                              }}
-                            >
-                              {item.step > 3 ? (
-                                <IconEditSuccess />
-                              ) : (
-                                <IconEdit />
-                              )}
+                                {item?.step < 6 ? (
+                                  <IconSignDisable />
+                                ) : item?.step === 8 ? (
+                                  <IconSignSuccess />
+                                ) : (
+                                  <IconSign2 />
+                                )}
+                                <MText
+                                  style={{
+                                    textAlign: 'center',
+                                    fontSize: 10,
+                                    marginTop: 5,
+                                    color: '#333333',
+                                  }}
+                                >
+                                  Ký HĐ
+                                </MText>
+                              </TouchableOpacity>
+                              {/* <TouchableOpacity style={$action}>
+                              <IconVideo />
                               <MText
                                 style={{
                                   textAlign: 'center',
@@ -515,1608 +762,1817 @@ export const Home = observer(function Home() {
                                   color: '#333333',
                                 }}
                               >
-                                Cập nhật{'\n'}thông tin
+                                Quay video
                               </MText>
-                            </TouchableOpacity>
-                            <TouchableOpacity
-                              onPress={() => {
-                                navigation.push(ScreenNames.LivenessV2, {
-                                  loan: item,
-                                });
-                              }}
-                              style={$action}
-                              disabled={item?.step === 5 ? false : true}
-                            >
-                              {checkEKYC[item.id] ? (
-                                <IconEkycSuccess />
-                              ) : (
-                                <IconEkyc />
-                              )}
-
-                              <MText
+                            </TouchableOpacity> */}
+                            </View>
+                            {item?.step !== 8 && (
+                              <View
                                 style={{
-                                  textAlign: 'center',
-                                  fontSize: 10,
-                                  marginTop: 5,
-                                  color: '#333333',
+                                  flexDirection: 'row',
+                                  alignItems: 'center',
+                                  gap: 8,
+                                  marginTop: 16,
+                                  backgroundColor: '#FFF2F2',
+                                  paddingHorizontal: 10,
+                                  paddingVertical: 6,
+                                  borderRadius: 4,
                                 }}
                               >
-                                EKYC
-                              </MText>
-                            </TouchableOpacity>
-                            <TouchableOpacity
-                              style={$action}
-                              onPress={() => {
-                                // checkTerm(item, () => {
-                                //   signLoan(item);
-                                // });
-                                navigation.push(ScreenNames.TTSSignLoan, {
-                                  loan: item,
-                                });
+                                <Info />
+                                <MText
+                                  style={{
+                                    color: '#E40010',
+                                    fontSize: 10,
+                                  }}
+                                >
+                                  {item?.step < 3
+                                    ? 'OCR chứng từ để được giải ngân nhanh nhất'
+                                    : item?.step === 3
+                                    ? 'Tiếp tục Cập nhật thông tin để giải ngân nhanh nhất'
+                                    : item?.step === 6 || item?.step === 7
+                                    ? 'Tiếp tục eKYC và Ký hợp đồng để giải ngân nhanh nhất'
+                                    : 'Đơn vay đang trong quá trình xử lý'}
+                                </MText>
+                              </View>
+                            )}
+                            <View
+                              style={{
+                                flexDirection: 'row',
+                                justifyContent: 'space-between',
+                                marginTop: 16,
                               }}
                             >
-                              <IconSign2 />
                               <MText
                                 style={{
-                                  textAlign: 'center',
-                                  fontSize: 10,
-                                  marginTop: 5,
-                                  color: '#333333',
+                                  color: '#878787',
+                                  fontSize: 12,
                                 }}
                               >
-                                Ký HĐ
+                                Trạng thái
                               </MText>
-                            </TouchableOpacity>
-                            {/* <TouchableOpacity style={$action}>
-                              <IconVideo />
                               <MText
-                                style={{
-                                  textAlign: 'center',
-                                  fontSize: 10,
-                                  marginTop: 5,
-                                  color: '#333333',
-                                }}
+                                style={[
+                                  commonStyles.textNormalBold,
+                                  { color: '#333333', fontSize: 12 },
+                                ]}
                               >
-                                Quay video
+                                {item?.loanStatus}
                               </MText>
-                            </TouchableOpacity> */}
-                          </View>
-                          <View
-                            style={{
-                              flexDirection: 'row',
-                              alignItems: 'center',
-                              backgroundColor: '#FBEFE7',
-                              marginHorizontal: -16,
-                              paddingVertical: 8,
-                              marginTop: 16,
-                              borderBottomRightRadius: 8,
-                              borderBottomLeftRadius: 8,
-                              paddingHorizontal: 16,
-                            }}
-                          >
-                            <Info />
-                            <MText
-                              style={[
-                                {
-                                  fontWeight: '300',
-                                  fontSize: 10,
-                                  fontStyle: 'italic',
-                                  color: '#333333',
-                                  marginLeft: 8,
-                                },
-                              ]}
-                            >
-                              Thực hiện đầy đủ các bước để giải ngân nhanh nhất
-                            </MText>
-                          </View>
-                        </View>
-                      </View>
-                    ) : (
-                      <View>
-                        {/* // luồng CIMB */}
-                        {item?.isPipelineCIMB ? (
-                          <View>
-                            {/* // type 4 digital topup  */}
-                            {item?.typeLoan === 4 ? (
-                              <View>
-                                <View
-                                  style={{
-                                    backgroundColor: '#FFFFFF',
-                                    paddingHorizontal: 16,
-                                    paddingTop: 16,
-                                    borderRadius: 8,
-                                    borderWidth: 0.5,
-                                    borderColor: '#E0E0E0',
-                                  }}
-                                >
-                                  <View
-                                    style={{
-                                      flexDirection: 'row',
-                                      alignItems: 'center',
-                                    }}
-                                  >
-                                    <Contract />
-                                    <View style={{ flex: 1, paddingLeft: 8 }}>
-                                      <MText
-                                        style={commonStyles.textNormalBold}
-                                      >
-                                        Mã Đơn vay-{item?.id}
-                                      </MText>
-                                      <MText style={commonStyles.textNormal}>
-                                        Số tiền vay (VND):{' '}
-                                        {item?.loanAmountOffer
-                                          ? formatMoney(item?.loanAmountOffer)
-                                          : 'Chưa xác định'}
-                                      </MText>
-                                    </View>
-                                  </View>
-                                  <View
-                                    style={{
-                                      height: 1,
-                                      backgroundColor: '#E0E0E0',
-                                      marginVertical: 16,
-                                    }}
-                                  />
-                                  <View
+                            </View>
+                            <View
+                              style={{
+                                height: 1,
+                                backgroundColor: '#E0E0E0',
+                                marginTop: 16,
+                              }}
+                            />
+                            {item?.listLoanAllAutoDE &&
+                              item?.listLoanAllAutoDE.length > 0 && (
+                                <View>
+                                  <MText
                                     style={{
-                                      flexDirection: 'row',
-                                      justifyContent: 'space-between',
+                                      fontSize: 12,
+                                      fontWeight: 'bold',
+                                      marginTop: 16,
+                                      color: '#333333',
                                     }}
                                   >
-                                    <MText style={commonStyles.textNormal}>
-                                      Trạng thái
-                                    </MText>
-                                    <MText
-                                      style={[
-                                        commonStyles.textNormalBold,
-                                        { color: '#F05123' },
-                                      ]}
+                                    Danh sách đơn đồng ký
+                                  </MText>
+                                  {item?.listLoanAllAutoDE.map((x, index) => (
+                                    <View
+                                      key={index}
+                                      style={{
+                                        marginTop: 8,
+                                        borderBottomWidth: 1,
+                                        borderColor: '#E0E0E0',
+                                        paddingBottom: 8,
+                                      }}
                                     >
-                                      {item?.loanStatus}
-                                    </MText>
-                                  </View>
-                                  <View
-                                    style={{
-                                      height: 0.5,
-                                      backgroundColor: '#E0E0E0',
-                                      marginVertical: 16,
-                                    }}
-                                  />
-                                  <View style={{ flexDirection: 'row' }}>
-                                    {item?.loanStatus === null ||
-                                    item?.loanStatus === '' ? (
-                                      <MButton
-                                        style={{ alignItems: 'center' }}
-                                        onPress={() => {
-                                          checkTerm(item, () => {
-                                            navigation.dispatch(
-                                              StackActions.push(
-                                                ScreenNames.CIMBxTima,
-                                                {
-                                                  loan: item,
-                                                }
-                                              )
-                                            );
-                                          });
+                                      <View
+                                        style={{
+                                          flexDirection: 'row',
+                                          justifyContent: 'space-between',
                                         }}
                                       >
-                                        <AddInfo />
-                                        <MText
-                                          style={[
-                                            commonStyles.textNormal,
-                                            {
+                                        <View
+                                          style={{
+                                            flexDirection: 'row',
+                                            alignItems: 'center',
+                                            gap: 10,
+                                          }}
+                                        >
+                                          <IconTima16 />
+                                          <MText
+                                            style={[
+                                              commonStyles.textNormal,
+                                              {
+                                                color: '#333333',
+                                                fontSize: 12,
+                                              },
+                                            ]}
+                                          >
+                                            HD-{x?.loanBriefId} ({index + 1})
+                                          </MText>
+                                        </View>
+                                        <MText
+                                          style={[
+                                            commonStyles.textNormalBold,
+                                            {
+                                              color: '#333333',
                                               fontSize: 12,
-                                              fontWeight: '300',
-                                              marginTop: 8,
-                                              textAlign: 'center',
                                             },
                                           ]}
                                         >
-                                          Hoàn thiện{'\n'}cung cấp thông tin
+                                          {formatMoney(x?.totalMoney)} đ
                                         </MText>
-                                      </MButton>
-                                    ) : (
-                                      <View>
-                                        {item?.isUpdateLoan ||
-                                        item?.isUpdateInformation ? (
-                                          <TouchableOpacity
-                                            style={{ alignItems: 'center' }}
-                                            onPress={() => {
-                                              checkTerm(item, () => {
-                                                if (item?.isUpdateLoan) {
-                                                  navigation.dispatch(
-                                                    StackActions.push(
-                                                      ScreenNames.CimbSelfie,
-                                                      {
-                                                        loan: item,
-                                                      }
-                                                    )
-                                                  );
-                                                } else {
-                                                  navigation.dispatch(
-                                                    StackActions.push(
-                                                      ScreenNames.QuickSubmit,
-                                                      {
-                                                        loan: item,
-                                                      }
-                                                    )
-                                                  );
-                                                }
-                                              });
+                                      </View>
+                                      {isExpanded && (
+                                        <>
+                                          <View
+                                            style={{
+                                              flexDirection: 'row',
+                                              justifyContent: 'space-between',
+                                              marginTop: 8,
                                             }}
                                           >
-                                            <AddInfo />
+                                            <View
+                                              style={{
+                                                flexDirection: 'row',
+                                                alignItems: 'center',
+                                                marginLeft: 24,
+                                              }}
+                                            >
+                                              <MText
+                                                style={[
+                                                  commonStyles.textNormal,
+                                                  {
+                                                    color: '#999999',
+                                                    fontSize: 12,
+                                                  },
+                                                ]}
+                                              >
+                                                Số tiền giải ngân (1)
+                                              </MText>
+                                            </View>
                                             <MText
                                               style={[
                                                 commonStyles.textNormal,
                                                 {
+                                                  color: '#999999',
                                                   fontSize: 12,
-                                                  fontWeight: '300',
-                                                  marginTop: 8,
-                                                  textAlign: 'center',
                                                 },
                                               ]}
                                             >
-                                              Hoàn thiện{'\n'}cung cấp thông tin
+                                              {formatMoney(x?.loanAmount)} đ
                                             </MText>
-                                          </TouchableOpacity>
-                                        ) : (
+                                          </View>
                                           <View
-                                            style={{ alignItems: 'center' }}
+                                            style={{
+                                              flexDirection: 'row',
+                                              justifyContent: 'space-between',
+                                              marginTop: 8,
+                                            }}
                                           >
-                                            <AddInfoDisable />
+                                            <View
+                                              style={{
+                                                flexDirection: 'row',
+                                                alignItems: 'center',
+                                                marginLeft: 24,
+                                              }}
+                                            >
+                                              <MText
+                                                style={[
+                                                  commonStyles.textNormal,
+                                                  {
+                                                    color: '#999999',
+                                                    fontSize: 12,
+                                                  },
+                                                ]}
+                                              >
+                                                Số tiền bảo hiểm (2)
+                                              </MText>
+                                            </View>
                                             <MText
                                               style={[
                                                 commonStyles.textNormal,
                                                 {
+                                                  color: '#999999',
                                                   fontSize: 12,
-                                                  fontWeight: '300',
-                                                  marginTop: 8,
-                                                  textAlign: 'center',
                                                 },
                                               ]}
                                             >
-                                              Hoàn thiện{'\n'}cung cấp thông tin
+                                              {formatMoney(x?.insurenceMoney)} đ
                                             </MText>
                                           </View>
-                                        )}
-                                      </View>
-                                    )}
-
-                                    {item?.isSignContract && (
-                                      <MButton
-                                        style={{
-                                          alignItems: 'center',
-                                          marginLeft: 20,
-                                        }}
-                                        onPress={() => {
-                                          checkTerm(item, () => {
-                                            if (item?.urlSignContract) {
-                                              navigation.dispatch(
-                                                StackActions.push(
-                                                  ScreenNames.CIMBSign,
-                                                  {
-                                                    url: item?.urlSignContract,
-                                                  }
-                                                )
-                                              );
-                                            } else {
-                                              Alert.alert(
-                                                'Thông báo',
-                                                'Bạn chưa thể ký hợp đồng bây giờ?'
-                                              );
-                                            }
-                                          });
-                                        }}
-                                      >
-                                        <IconSign2 />
-                                        <MText
-                                          style={[
-                                            commonStyles.textNormal,
-                                            {
-                                              fontSize: 12,
-                                              fontWeight: '300',
-                                              marginTop: 8,
-                                            },
-                                          ]}
-                                        >
-                                          Ký hợp đồng
-                                        </MText>
-                                      </MButton>
-                                    )}
-                                    {item?.isSignContractTima && (
-                                      <MButton
-                                        style={{
-                                          alignItems: 'center',
-                                          marginLeft: 20,
-                                        }}
-                                        onPress={() => {
-                                          checkTerm(item, () => {
-                                            navigation.dispatch(
-                                              StackActions.push(
-                                                ScreenNames.ViewContract,
-                                                {
-                                                  loan: item,
-                                                }
-                                              )
-                                            );
-                                          });
-                                        }}
-                                      >
-                                        <ContractTimeIcon />
-                                        <MText
-                                          style={[
-                                            commonStyles.textNormal,
-                                            {
-                                              fontSize: 12,
-                                              fontWeight: '300',
-                                              marginTop: 8,
-                                              textAlign: 'center',
-                                            },
-                                          ]}
-                                        >
-                                          Hợp đồng{'\n'}dịch vụ
-                                        </MText>
-                                      </MButton>
-                                    )}
-                                    {item?.paymentEvidenceUrl && (
-                                      <MButton
-                                        style={{
-                                          alignItems: 'center',
-                                          marginLeft: 20,
-                                        }}
-                                        onPress={() => {
-                                          checkTerm(item, () => {
-                                            navigation.dispatch(
-                                              StackActions.push(
-                                                ScreenNames.PaymentEvidence,
-                                                {
-                                                  url: item?.paymentEvidenceUrl,
-                                                }
-                                              )
-                                            );
-                                          });
-                                        }}
-                                      >
-                                        <IconEviden />
-                                        <MText
-                                          style={[
-                                            commonStyles.textNormal,
-                                            {
-                                              fontSize: 12,
-                                              fontWeight: '300',
-                                              marginTop: 8,
-                                              textAlign: 'center',
-                                            },
-                                          ]}
-                                        >
-                                          Mục đích {'\n'}sử dụng
-                                        </MText>
-                                      </MButton>
-                                    )}
-                                    {item?.showPaymentPlan && (
-                                      <MButton
-                                        style={{
-                                          alignItems: 'center',
-                                          marginLeft: 20,
-                                        }}
-                                        onPress={() => {
-                                          checkTerm(item, () => {
-                                            navigation.dispatch(
-                                              StackActions.push(
-                                                ScreenNames.SchedulePayment,
-                                                {
-                                                  loan: item,
-                                                }
-                                              )
-                                            );
-                                          });
-                                        }}
-                                      >
-                                        <IconSchedule />
-                                        <MText
-                                          style={[
-                                            commonStyles.textNormal,
-                                            {
-                                              fontSize: 12,
-                                              fontWeight: '300',
-                                              marginTop: 8,
-                                            },
-                                          ]}
-                                        >
-                                          Lịch dự kiến
-                                        </MText>
-                                      </MButton>
+                                        </>
+                                      )}
+                                    </View>
+                                  ))}
+                                  {/* <TouchableOpacity
+                                    onPress={() => toggleExpand(item.id)}
+                                    style={{
+                                      flex: 1,
+                                      alignItems: 'center',
+                                      paddingTop: 8,
+                                    }}
+                                  >
+                                    {isExpanded ? (
+                                      <IconExpandUp />
+                                    ) : (
+                                      <IconExpand />
                                     )}
-                                  </View>
+                                  </TouchableOpacity> */}
+                                </View>
+                              )}
 
-                                  {item.messageErrorCIMB !== '' &&
-                                  item?.messageErrorCIMB &&
-                                  item?.isCimbApproveFull === null ? (
+                            {item?.listLoanAllAutoDE &&
+                              item?.listLoanAllAutoDE.length > 0 && (
+                                <TouchableOpacity
+                                  onPress={() => {
+                                    navigation.push(
+                                      ScreenNames.LoanInterestRate,
+                                      {
+                                        loan: item,
+                                      }
+                                    );
+                                  }}
+                                  style={{
+                                    flex: 1,
+                                    alignItems: 'center',
+                                    backgroundColor: '#EDF6FF',
+                                    marginHorizontal: -16,
+                                    paddingVertical: 10,
+                                    borderBottomRightRadius: 8,
+                                    borderBottomLeftRadius: 8,
+                                    marginTop: 10,
+                                  }}
+                                >
+                                  <MText
+                                    style={[
+                                      {
+                                        fontSize: 12,
+                                        color: '#2F80ED',
+                                      },
+                                    ]}
+                                  >
+                                    Bảng biểu lãi phí đơn vay {`->`}
+                                  </MText>
+                                </TouchableOpacity>
+                              )}
+                          </View>
+                        </View>
+                      ) : (
+                        <View>
+                          {/* // luồng CIMB */}
+                          {item?.isPipelineCIMB ? (
+                            <View>
+                              {/* // type 4 digital topup  */}
+                              {item?.typeLoan === 4 ? (
+                                <View>
+                                  <View
+                                    style={{
+                                      backgroundColor: '#FFFFFF',
+                                      paddingHorizontal: 16,
+                                      paddingTop: 16,
+                                      borderRadius: 8,
+                                      borderWidth: 0.5,
+                                      borderColor: '#E0E0E0',
+                                    }}
+                                  >
                                     <View
                                       style={{
-                                        backgroundColor: '#FBEFE7',
-                                        marginHorizontal: -16,
-                                        paddingVertical: 8,
-                                        marginTop: 16,
-                                        borderBottomRightRadius: 8,
-                                        borderBottomLeftRadius: 8,
-                                        paddingHorizontal: 16,
+                                        flexDirection: 'row',
+                                        alignItems: 'center',
                                       }}
                                     >
-                                      <View
-                                        style={{
-                                          flexDirection: 'row',
-                                          justifyContent: 'space-between',
-                                          alignItems: 'center',
-                                        }}
-                                      >
-                                        <View
-                                          style={{
-                                            flex: 1,
-                                            flexDirection: 'row',
-                                            paddingRight: 20,
-                                          }}
-                                        >
-                                          <Image
-                                            source={require('./error.png')}
-                                            style={{ width: 16, height: 16 }}
-                                          />
-                                          <MText style={{ marginLeft: 5 }}>
-                                            Đơn vay của bạn gặp gián đoạn, vui
-                                            lòng liên hệ tổng đài 1900633688
-                                          </MText>
-                                        </View>
-
-                                        <TouchableOpacity
-                                          onPress={() => {
-                                            Linking.openURL(`tel:1900633688`);
-                                          }}
+                                      <Contract />
+                                      <View style={{ flex: 1, paddingLeft: 8 }}>
+                                        <MText
+                                          style={commonStyles.textNormalBold}
                                         >
-                                          <LinearGradient
-                                            colors={['#FF8E4F', '#EF592E']}
-                                            style={{
-                                              paddingHorizontal: 10,
-                                              height: 30,
-                                              borderRadius: 30,
-                                              justifyContent: 'center',
-                                              alignItems: 'center',
-                                              flexDirection: 'row',
-                                            }}
-                                          >
-                                            <Call />
-                                            <MText
-                                              style={{
-                                                color: 'white',
-                                                fontSize: 12,
-                                                marginLeft: 5,
-                                              }}
-                                            >
-                                              Liên hệ
-                                            </MText>
-                                          </LinearGradient>
-                                        </TouchableOpacity>
+                                          Mã Đơn vay-{item?.id}
+                                        </MText>
+                                        <MText style={commonStyles.textNormal}>
+                                          Số tiền vay (VND):{' '}
+                                          {item?.loanAmountOffer
+                                            ? formatMoney(item?.loanAmountOffer)
+                                            : 'Chưa xác định'}
+                                        </MText>
                                       </View>
                                     </View>
-                                  ) : (
+                                    <View
+                                      style={{
+                                        height: 1,
+                                        backgroundColor: '#E0E0E0',
+                                        marginVertical: 16,
+                                      }}
+                                    />
                                     <View
                                       style={{
                                         flexDirection: 'row',
-                                        alignItems: 'center',
-                                        backgroundColor: '#FBEFE7',
-                                        marginHorizontal: -16,
-                                        paddingVertical: 8,
-                                        marginTop: 16,
-                                        borderBottomRightRadius: 8,
-                                        borderBottomLeftRadius: 8,
-                                        paddingHorizontal: 16,
+                                        justifyContent: 'space-between',
                                       }}
                                     >
-                                      <Info />
+                                      <MText style={commonStyles.textNormal}>
+                                        Trạng thái
+                                      </MText>
                                       <MText
                                         style={[
-                                          {
-                                            fontWeight: '300',
-                                            fontSize: 10,
-                                            fontStyle: 'italic',
-                                            color: '#333333',
-                                            marginLeft: 8,
-                                          },
+                                          commonStyles.textNormalBold,
+                                          { color: '#F05123' },
                                         ]}
                                       >
-                                        {item?.suggestion
-                                          ? item?.suggestion
-                                          : 'Thực hiện đầy đủ các bước để giải ngân nhanh nhất'}
+                                        {item?.loanStatus}
                                       </MText>
                                     </View>
-                                  )}
-                                </View>
-                              </View>
-                            ) : // type 2 tái vay
-                            item?.typeLoan === 2 ? (
-                              <Observer>
-                                {() => (
-                                  <View>
                                     <View
                                       style={{
-                                        backgroundColor: '#FFFFFF',
-                                        paddingHorizontal: 16,
-                                        paddingTop: 16,
-                                        borderRadius: 8,
-                                        borderWidth: 0.5,
-                                        borderColor: '#E0E0E0',
+                                        height: 0.5,
+                                        backgroundColor: '#E0E0E0',
+                                        marginVertical: 16,
                                       }}
-                                    >
-                                      <View
-                                        style={{
-                                          flexDirection: 'row',
-                                          alignItems: 'center',
-                                        }}
-                                      >
-                                        <Contract />
-                                        <View
-                                          style={{ flex: 1, paddingLeft: 8 }}
-                                        >
-                                          <MText
-                                            style={commonStyles.textNormalBold}
-                                          >
-                                            Đơn vay {item?.id}
-                                          </MText>
-                                          <MText
-                                            style={commonStyles.textNormal}
-                                          >
-                                            Số tiền vay (VND):{' '}
-                                            {item?.loanAmount
-                                              ? formatMoney(item?.loanAmount)
-                                              : 'Chưa xác định'}
-                                          </MText>
-                                        </View>
-                                      </View>
-                                      <View
-                                        style={{
-                                          height: 1,
-                                          backgroundColor: '#E0E0E0',
-                                          marginVertical: 16,
-                                        }}
-                                      />
-                                      <View
-                                        style={{
-                                          flexDirection: 'row',
-                                          justifyContent: 'space-between',
-                                        }}
-                                      >
-                                        <MText style={commonStyles.textNormal}>
-                                          Trạng thái
-                                        </MText>
-                                        <MText
-                                          style={[
-                                            commonStyles.textNormalBold,
-                                            { color: '#F05123' },
-                                          ]}
-                                        >
-                                          {item?.loanStatus}
-                                        </MText>
-                                      </View>
-                                      {/* // cho phép update thông tin */}
-                                      {item?.isUpdateLoanReBorrow ? (
-                                        <TouchableOpacity
-                                          style={{
-                                            marginTop: 14,
-                                            marginBottom: 16,
-                                          }}
+                                    />
+                                    <View style={{ flexDirection: 'row' }}>
+                                      {item?.loanStatus === null ||
+                                      item?.loanStatus === '' ? (
+                                        <MButton
+                                          style={{ alignItems: 'center' }}
                                           onPress={() => {
                                             checkTerm(item, () => {
-                                              navigation.push(
-                                                'DigitalLending',
-                                                item
+                                              navigation.dispatch(
+                                                StackActions.push(
+                                                  ScreenNames.CIMBxTima,
+                                                  {
+                                                    loan: item,
+                                                  }
+                                                )
                                               );
                                             });
                                           }}
                                         >
-                                          <LinearGradient
-                                            style={{
-                                              height: 36,
-                                              borderRadius: 30,
-                                              paddingHorizontal: 20,
-                                              flexDirection: 'row',
-                                              alignItems: 'center',
-                                            }}
-                                            colors={['#FF8E4F', '#EF592E']}
+                                          <AddInfo />
+                                          <MText
+                                            style={[
+                                              commonStyles.textNormal,
+                                              {
+                                                fontSize: 12,
+                                                fontWeight: '300',
+                                                marginTop: 8,
+                                                textAlign: 'center',
+                                              },
+                                            ]}
                                           >
-                                            <UpdateIcon />
-                                            <MText
-                                              style={{
-                                                color: 'white',
-                                                marginLeft: 10,
-                                              }}
-                                            >
-                                              Hoàn thiện hồ sơ
-                                            </MText>
-                                          </LinearGradient>
-                                        </TouchableOpacity>
+                                            Hoàn thiện{'\n'}cung cấp thông tin
+                                          </MText>
+                                        </MButton>
                                       ) : (
                                         <View>
-                                          <View
-                                            style={{
-                                              height: 0.5,
-                                              backgroundColor: '#E0E0E0',
-                                              marginVertical: 16,
-                                            }}
-                                          />
-                                          <View
-                                            style={{ flexDirection: 'row' }}
-                                          >
-                                            {item?.loanStatus === null ||
-                                            item?.loanStatus === '' ? (
-                                              <MButton
-                                                style={{
-                                                  alignItems: 'center',
-                                                }}
-                                                onPress={() => {
-                                                  checkTerm(item, () => {
+                                          {item?.isUpdateLoan ||
+                                          item?.isUpdateInformation ? (
+                                            <TouchableOpacity
+                                              style={{ alignItems: 'center' }}
+                                              onPress={() => {
+                                                checkTerm(item, () => {
+                                                  if (item?.isUpdateLoan) {
                                                     navigation.dispatch(
                                                       StackActions.push(
-                                                        ScreenNames.CIMBxTima,
+                                                        ScreenNames.CimbSelfie,
                                                         {
                                                           loan: item,
                                                         }
                                                       )
                                                     );
-                                                  });
-                                                }}
-                                              >
-                                                <AddInfo />
-                                                <MText
-                                                  style={[
-                                                    commonStyles.textNormal,
-                                                    {
-                                                      fontSize: 12,
-                                                      fontWeight: '300',
-                                                      marginTop: 8,
-                                                      textAlign: 'center',
-                                                    },
-                                                  ]}
-                                                >
-                                                  Hoàn thiện{'\n'}cung cấp thông
-                                                  tin
-                                                </MText>
-                                              </MButton>
-                                            ) : (
-                                              <View>
-                                                {item?.isUpdateLoan ||
-                                                item?.isUpdateInformation ? (
-                                                  <TouchableOpacity
-                                                    style={{
-                                                      alignItems: 'center',
-                                                    }}
-                                                    onPress={() => {
-                                                      checkTerm(item, () => {
-                                                        if (
-                                                          item?.isUpdateLoan
-                                                        ) {
-                                                          navigation.dispatch(
-                                                            StackActions.push(
-                                                              ScreenNames.CimbSelfie,
-                                                              {
-                                                                loan: item,
-                                                              }
-                                                            )
-                                                          );
-                                                        } else {
-                                                          navigation.dispatch(
-                                                            StackActions.push(
-                                                              ScreenNames.QuickSubmit,
-                                                              {
-                                                                loan: item,
-                                                              }
-                                                            )
-                                                          );
-                                                        }
-                                                      });
-                                                    }}
-                                                  >
-                                                    <AddInfo />
-                                                    <MText
-                                                      style={[
-                                                        commonStyles.textNormal,
-                                                        {
-                                                          fontSize: 12,
-                                                          fontWeight: '300',
-                                                          marginTop: 8,
-                                                          textAlign: 'center',
-                                                        },
-                                                      ]}
-                                                    >
-                                                      Hoàn thiện{'\n'}cung cấp
-                                                      thông tin
-                                                    </MText>
-                                                  </TouchableOpacity>
-                                                ) : (
-                                                  <View
-                                                    style={{
-                                                      alignItems: 'center',
-                                                    }}
-                                                  >
-                                                    <AddInfoDisable />
-                                                    <MText
-                                                      style={[
-                                                        commonStyles.textNormal,
-                                                        {
-                                                          fontSize: 12,
-                                                          fontWeight: '300',
-                                                          marginTop: 8,
-                                                          textAlign: 'center',
-                                                        },
-                                                      ]}
-                                                    >
-                                                      Hoàn thiện{'\n'}cung cấp
-                                                      thông tin
-                                                    </MText>
-                                                  </View>
-                                                )}
-                                              </View>
-                                            )}
-
-                                            {item?.isSignContract && (
-                                              <MButton
-                                                style={{
-                                                  alignItems: 'center',
-                                                  marginLeft: 20,
-                                                }}
-                                                onPress={() => {
-                                                  checkTerm(item, () => {
-                                                    if (item?.urlSignContract) {
-                                                      navigation.dispatch(
-                                                        StackActions.push(
-                                                          ScreenNames.CIMBSign,
-                                                          {
-                                                            url: item?.urlSignContract,
-                                                          }
-                                                        )
-                                                      );
-                                                    } else {
-                                                      Alert.alert(
-                                                        'Thông báo',
-                                                        'Bạn chưa thể ký hợp đồng bây giờ?'
-                                                      );
-                                                    }
-                                                  });
-                                                }}
-                                              >
-                                                <IconSign2 />
-                                                <MText
-                                                  style={[
-                                                    commonStyles.textNormal,
-                                                    {
-                                                      fontSize: 12,
-                                                      fontWeight: '300',
-                                                      marginTop: 8,
-                                                    },
-                                                  ]}
-                                                >
-                                                  Ký hợp đồng
-                                                </MText>
-                                              </MButton>
-                                            )}
-                                            {item?.isSignContractTima && (
-                                              <MButton
-                                                style={{
-                                                  alignItems: 'center',
-                                                  marginLeft: 20,
-                                                }}
-                                                onPress={() => {
-                                                  checkTerm(item, () => {
+                                                  } else {
                                                     navigation.dispatch(
                                                       StackActions.push(
-                                                        ScreenNames.ViewContract,
+                                                        ScreenNames.QuickSubmit,
                                                         {
                                                           loan: item,
                                                         }
                                                       )
                                                     );
-                                                  });
-                                                }}
+                                                  }
+                                                });
+                                              }}
+                                            >
+                                              <AddInfo />
+                                              <MText
+                                                style={[
+                                                  commonStyles.textNormal,
+                                                  {
+                                                    fontSize: 12,
+                                                    fontWeight: '300',
+                                                    marginTop: 8,
+                                                    textAlign: 'center',
+                                                  },
+                                                ]}
                                               >
-                                                <ContractTimeIcon />
-                                                <MText
-                                                  style={[
-                                                    commonStyles.textNormal,
-                                                    {
-                                                      fontSize: 12,
-                                                      fontWeight: '300',
-                                                      marginTop: 8,
-                                                      textAlign: 'center',
-                                                    },
-                                                  ]}
-                                                >
-                                                  Hợp đồng{'\n'}dịch vụ
-                                                </MText>
-                                              </MButton>
-                                            )}
-                                            {item?.paymentEvidenceUrl && (
-                                              <MButton
-                                                style={{
-                                                  alignItems: 'center',
-                                                  marginLeft: 20,
-                                                }}
-                                                onPress={() => {
-                                                  checkTerm(item, () => {
-                                                    navigation.dispatch(
-                                                      StackActions.push(
-                                                        ScreenNames.PaymentEvidence,
-                                                        {
-                                                          url: item?.paymentEvidenceUrl,
-                                                        }
-                                                      )
-                                                    );
-                                                  });
-                                                }}
+                                                Hoàn thiện{'\n'}cung cấp thông
+                                                tin
+                                              </MText>
+                                            </TouchableOpacity>
+                                          ) : (
+                                            <View
+                                              style={{ alignItems: 'center' }}
+                                            >
+                                              <AddInfoDisable />
+                                              <MText
+                                                style={[
+                                                  commonStyles.textNormal,
+                                                  {
+                                                    fontSize: 12,
+                                                    fontWeight: '300',
+                                                    marginTop: 8,
+                                                    textAlign: 'center',
+                                                  },
+                                                ]}
                                               >
-                                                <IconEviden />
-                                                <MText
-                                                  style={[
-                                                    commonStyles.textNormal,
+                                                Hoàn thiện{'\n'}cung cấp thông
+                                                tin
+                                              </MText>
+                                            </View>
+                                          )}
+                                        </View>
+                                      )}
+
+                                      {item?.isSignContract && (
+                                        <MButton
+                                          style={{
+                                            alignItems: 'center',
+                                            marginLeft: 20,
+                                          }}
+                                          onPress={() => {
+                                            checkTerm(item, () => {
+                                              if (item?.urlSignContract) {
+                                                navigation.dispatch(
+                                                  StackActions.push(
+                                                    ScreenNames.CIMBSign,
                                                     {
-                                                      fontSize: 12,
-                                                      fontWeight: '300',
-                                                      marginTop: 8,
-                                                      textAlign: 'center',
-                                                    },
-                                                  ]}
-                                                >
-                                                  Mục đích {'\n'}sử dụng
-                                                </MText>
-                                              </MButton>
-                                            )}
-                                            {item?.showPaymentPlan && (
-                                              <MButton
-                                                style={{
-                                                  alignItems: 'center',
-                                                  marginLeft: 20,
-                                                }}
-                                                onPress={() => {
-                                                  navigation.dispatch(
-                                                    StackActions.push(
-                                                      ScreenNames.SchedulePayment,
-                                                      {
-                                                        loan: item,
-                                                      }
-                                                    )
-                                                  );
+                                                      url: item?.urlSignContract,
+                                                    }
+                                                  )
+                                                );
+                                              } else {
+                                                Alert.alert(
+                                                  'Thông báo',
+                                                  'Bạn chưa thể ký hợp đồng bây giờ?'
+                                                );
+                                              }
+                                            });
+                                          }}
+                                        >
+                                          <IconSign2 />
+                                          <MText
+                                            style={[
+                                              commonStyles.textNormal,
+                                              {
+                                                fontSize: 12,
+                                                fontWeight: '300',
+                                                marginTop: 8,
+                                              },
+                                            ]}
+                                          >
+                                            Ký hợp đồng
+                                          </MText>
+                                        </MButton>
+                                      )}
+                                      {item?.isSignContractTima && (
+                                        <MButton
+                                          style={{
+                                            alignItems: 'center',
+                                            marginLeft: 20,
+                                          }}
+                                          onPress={() => {
+                                            checkTerm(item, () => {
+                                              navigation.dispatch(
+                                                StackActions.push(
+                                                  ScreenNames.ViewContract,
+                                                  {
+                                                    loan: item,
+                                                  }
+                                                )
+                                              );
+                                            });
+                                          }}
+                                        >
+                                          <ContractTimeIcon />
+                                          <MText
+                                            style={[
+                                              commonStyles.textNormal,
+                                              {
+                                                fontSize: 12,
+                                                fontWeight: '300',
+                                                marginTop: 8,
+                                                textAlign: 'center',
+                                              },
+                                            ]}
+                                          >
+                                            Hợp đồng{'\n'}dịch vụ
+                                          </MText>
+                                        </MButton>
+                                      )}
+                                      {item?.paymentEvidenceUrl && (
+                                        <MButton
+                                          style={{
+                                            alignItems: 'center',
+                                            marginLeft: 20,
+                                          }}
+                                          onPress={() => {
+                                            checkTerm(item, () => {
+                                              navigation.dispatch(
+                                                StackActions.push(
+                                                  ScreenNames.PaymentEvidence,
+                                                  {
+                                                    url: item?.paymentEvidenceUrl,
+                                                  }
+                                                )
+                                              );
+                                            });
+                                          }}
+                                        >
+                                          <IconEviden />
+                                          <MText
+                                            style={[
+                                              commonStyles.textNormal,
+                                              {
+                                                fontSize: 12,
+                                                fontWeight: '300',
+                                                marginTop: 8,
+                                                textAlign: 'center',
+                                              },
+                                            ]}
+                                          >
+                                            Mục đích {'\n'}sử dụng
+                                          </MText>
+                                        </MButton>
+                                      )}
+                                      {item?.showPaymentPlan && (
+                                        <MButton
+                                          style={{
+                                            alignItems: 'center',
+                                            marginLeft: 20,
+                                          }}
+                                          onPress={() => {
+                                            checkTerm(item, () => {
+                                              navigation.dispatch(
+                                                StackActions.push(
+                                                  ScreenNames.SchedulePayment,
+                                                  {
+                                                    loan: item,
+                                                  }
+                                                )
+                                              );
+                                            });
+                                          }}
+                                        >
+                                          <IconSchedule />
+                                          <MText
+                                            style={[
+                                              commonStyles.textNormal,
+                                              {
+                                                fontSize: 12,
+                                                fontWeight: '300',
+                                                marginTop: 8,
+                                              },
+                                            ]}
+                                          >
+                                            Lịch dự kiến
+                                          </MText>
+                                        </MButton>
+                                      )}
+                                    </View>
+
+                                    {item.messageErrorCIMB !== '' &&
+                                    item?.messageErrorCIMB &&
+                                    item?.isCimbApproveFull === null ? (
+                                      <View
+                                        style={{
+                                          backgroundColor: '#FBEFE7',
+                                          marginHorizontal: -16,
+                                          paddingVertical: 8,
+                                          marginTop: 16,
+                                          borderBottomRightRadius: 8,
+                                          borderBottomLeftRadius: 8,
+                                          paddingHorizontal: 16,
+                                        }}
+                                      >
+                                        <View
+                                          style={{
+                                            flexDirection: 'row',
+                                            justifyContent: 'space-between',
+                                            alignItems: 'center',
+                                          }}
+                                        >
+                                          <View
+                                            style={{
+                                              flex: 1,
+                                              flexDirection: 'row',
+                                              paddingRight: 20,
+                                            }}
+                                          >
+                                            <Image
+                                              source={require('./error.png')}
+                                              style={{ width: 16, height: 16 }}
+                                            />
+                                            <MText style={{ marginLeft: 5 }}>
+                                              Đơn vay của bạn gặp gián đoạn, vui
+                                              lòng liên hệ tổng đài 1900633688
+                                            </MText>
+                                          </View>
+
+                                          <TouchableOpacity
+                                            onPress={() => {
+                                              Linking.openURL(`tel:1900633688`);
+                                            }}
+                                          >
+                                            <LinearGradient
+                                              colors={['#FF8E4F', '#EF592E']}
+                                              style={{
+                                                paddingHorizontal: 10,
+                                                height: 30,
+                                                borderRadius: 30,
+                                                justifyContent: 'center',
+                                                alignItems: 'center',
+                                                flexDirection: 'row',
+                                              }}
+                                            >
+                                              <Call />
+                                              <MText
+                                                style={{
+                                                  color: 'white',
+                                                  fontSize: 12,
+                                                  marginLeft: 5,
                                                 }}
                                               >
-                                                <IconSchedule />
-                                                <MText
-                                                  style={[
-                                                    commonStyles.textNormal,
-                                                    {
-                                                      fontSize: 12,
-                                                      fontWeight: '300',
-                                                      marginTop: 8,
-                                                    },
-                                                  ]}
-                                                >
-                                                  Lịch dự kiến
-                                                </MText>
-                                              </MButton>
-                                            )}
+                                                Liên hệ
+                                              </MText>
+                                            </LinearGradient>
+                                          </TouchableOpacity>
+                                        </View>
+                                      </View>
+                                    ) : (
+                                      <View
+                                        style={{
+                                          flexDirection: 'row',
+                                          alignItems: 'center',
+                                          backgroundColor: '#FBEFE7',
+                                          marginHorizontal: -16,
+                                          paddingVertical: 8,
+                                          marginTop: 16,
+                                          borderBottomRightRadius: 8,
+                                          borderBottomLeftRadius: 8,
+                                          paddingHorizontal: 16,
+                                        }}
+                                      >
+                                        <Info />
+                                        <MText
+                                          style={[
+                                            {
+                                              fontWeight: '300',
+                                              fontSize: 10,
+                                              fontStyle: 'italic',
+                                              color: '#333333',
+                                              marginLeft: 8,
+                                            },
+                                          ]}
+                                        >
+                                          {item?.suggestion
+                                            ? item?.suggestion
+                                            : 'Thực hiện đầy đủ các bước để giải ngân nhanh nhất'}
+                                        </MText>
+                                      </View>
+                                    )}
+                                  </View>
+                                </View>
+                              ) : // type 2 tái vay
+                              item?.typeLoan === 2 ? (
+                                <Observer>
+                                  {() => (
+                                    <View>
+                                      <View
+                                        style={{
+                                          backgroundColor: '#FFFFFF',
+                                          paddingHorizontal: 16,
+                                          paddingTop: 16,
+                                          borderRadius: 8,
+                                          borderWidth: 0.5,
+                                          borderColor: '#E0E0E0',
+                                        }}
+                                      >
+                                        <View
+                                          style={{
+                                            flexDirection: 'row',
+                                            alignItems: 'center',
+                                          }}
+                                        >
+                                          <Contract />
+                                          <View
+                                            style={{ flex: 1, paddingLeft: 8 }}
+                                          >
+                                            <MText
+                                              style={
+                                                commonStyles.textNormalBold
+                                              }
+                                            >
+                                              Đơn vay {item?.id}
+                                            </MText>
+                                            <MText
+                                              style={commonStyles.textNormal}
+                                            >
+                                              Số tiền vay (VND):{' '}
+                                              {item?.loanAmount
+                                                ? formatMoney(item?.loanAmount)
+                                                : 'Chưa xác định'}
+                                            </MText>
                                           </View>
-
-                                          {item.messageErrorCIMB !== '' &&
-                                          item?.messageErrorCIMB &&
-                                          item?.isCimbApproveFull === null ? (
-                                            <View
+                                        </View>
+                                        <View
+                                          style={{
+                                            height: 1,
+                                            backgroundColor: '#E0E0E0',
+                                            marginVertical: 16,
+                                          }}
+                                        />
+                                        <View
+                                          style={{
+                                            flexDirection: 'row',
+                                            justifyContent: 'space-between',
+                                          }}
+                                        >
+                                          <MText
+                                            style={commonStyles.textNormal}
+                                          >
+                                            Trạng thái
+                                          </MText>
+                                          <MText
+                                            style={[
+                                              commonStyles.textNormalBold,
+                                              { color: '#F05123' },
+                                            ]}
+                                          >
+                                            {item?.loanStatus}
+                                          </MText>
+                                        </View>
+                                        {/* // cho phép update thông tin */}
+                                        {item?.isUpdateLoanReBorrow ? (
+                                          <TouchableOpacity
+                                            style={{
+                                              marginTop: 14,
+                                              marginBottom: 16,
+                                            }}
+                                            onPress={() => {
+                                              checkTerm(item, () => {
+                                                navigation.push(
+                                                  'DigitalLending',
+                                                  item
+                                                );
+                                              });
+                                            }}
+                                          >
+                                            <LinearGradient
                                               style={{
-                                                backgroundColor: '#FBEFE7',
-                                                marginHorizontal: -16,
-                                                paddingVertical: 8,
-                                                marginTop: 16,
-                                                borderBottomRightRadius: 8,
-                                                borderBottomLeftRadius: 8,
-                                                paddingHorizontal: 16,
+                                                height: 36,
+                                                borderRadius: 30,
+                                                paddingHorizontal: 20,
+                                                flexDirection: 'row',
+                                                alignItems: 'center',
                                               }}
+                                              colors={['#FF8E4F', '#EF592E']}
                                             >
-                                              <View
+                                              <UpdateIcon />
+                                              <MText
                                                 style={{
-                                                  flexDirection: 'row',
-                                                  justifyContent:
-                                                    'space-between',
-                                                  alignItems: 'center',
+                                                  color: 'white',
+                                                  marginLeft: 10,
                                                 }}
                                               >
-                                                <View
+                                                Hoàn thiện hồ sơ
+                                              </MText>
+                                            </LinearGradient>
+                                          </TouchableOpacity>
+                                        ) : (
+                                          <View>
+                                            <View
+                                              style={{
+                                                height: 0.5,
+                                                backgroundColor: '#E0E0E0',
+                                                marginVertical: 16,
+                                              }}
+                                            />
+                                            <View
+                                              style={{ flexDirection: 'row' }}
+                                            >
+                                              {item?.loanStatus === null ||
+                                              item?.loanStatus === '' ? (
+                                                <MButton
                                                   style={{
-                                                    flex: 1,
-                                                    flexDirection: 'row',
-                                                    paddingRight: 20,
+                                                    alignItems: 'center',
+                                                  }}
+                                                  onPress={() => {
+                                                    checkTerm(item, () => {
+                                                      navigation.dispatch(
+                                                        StackActions.push(
+                                                          ScreenNames.CIMBxTima,
+                                                          {
+                                                            loan: item,
+                                                          }
+                                                        )
+                                                      );
+                                                    });
                                                   }}
                                                 >
-                                                  <Image
-                                                    source={require('./error.png')}
-                                                    style={{
-                                                      width: 16,
-                                                      height: 16,
-                                                    }}
-                                                  />
+                                                  <AddInfo />
                                                   <MText
-                                                    style={{ marginLeft: 5 }}
+                                                    style={[
+                                                      commonStyles.textNormal,
+                                                      {
+                                                        fontSize: 12,
+                                                        fontWeight: '300',
+                                                        marginTop: 8,
+                                                        textAlign: 'center',
+                                                      },
+                                                    ]}
                                                   >
-                                                    Đơn vay của bạn gặp gián
-                                                    đoạn, vui lòng liên hệ tổng
-                                                    đài 1900633688
+                                                    Hoàn thiện{'\n'}cung cấp
+                                                    thông tin
                                                   </MText>
+                                                </MButton>
+                                              ) : (
+                                                <View>
+                                                  {item?.isUpdateLoan ||
+                                                  item?.isUpdateInformation ? (
+                                                    <TouchableOpacity
+                                                      style={{
+                                                        alignItems: 'center',
+                                                      }}
+                                                      onPress={() => {
+                                                        checkTerm(item, () => {
+                                                          if (
+                                                            item?.isUpdateLoan
+                                                          ) {
+                                                            navigation.dispatch(
+                                                              StackActions.push(
+                                                                ScreenNames.CimbSelfie,
+                                                                {
+                                                                  loan: item,
+                                                                }
+                                                              )
+                                                            );
+                                                          } else {
+                                                            navigation.dispatch(
+                                                              StackActions.push(
+                                                                ScreenNames.QuickSubmit,
+                                                                {
+                                                                  loan: item,
+                                                                }
+                                                              )
+                                                            );
+                                                          }
+                                                        });
+                                                      }}
+                                                    >
+                                                      <AddInfo />
+                                                      <MText
+                                                        style={[
+                                                          commonStyles.textNormal,
+                                                          {
+                                                            fontSize: 12,
+                                                            fontWeight: '300',
+                                                            marginTop: 8,
+                                                            textAlign: 'center',
+                                                          },
+                                                        ]}
+                                                      >
+                                                        Hoàn thiện{'\n'}cung cấp
+                                                        thông tin
+                                                      </MText>
+                                                    </TouchableOpacity>
+                                                  ) : (
+                                                    <View
+                                                      style={{
+                                                        alignItems: 'center',
+                                                      }}
+                                                    >
+                                                      <AddInfoDisable />
+                                                      <MText
+                                                        style={[
+                                                          commonStyles.textNormal,
+                                                          {
+                                                            fontSize: 12,
+                                                            fontWeight: '300',
+                                                            marginTop: 8,
+                                                            textAlign: 'center',
+                                                          },
+                                                        ]}
+                                                      >
+                                                        Hoàn thiện{'\n'}cung cấp
+                                                        thông tin
+                                                      </MText>
+                                                    </View>
+                                                  )}
                                                 </View>
+                                              )}
 
-                                                <TouchableOpacity
+                                              {item?.isSignContract && (
+                                                <MButton
+                                                  style={{
+                                                    alignItems: 'center',
+                                                    marginLeft: 20,
+                                                  }}
+                                                  onPress={() => {
+                                                    checkTerm(item, () => {
+                                                      if (
+                                                        item?.urlSignContract
+                                                      ) {
+                                                        navigation.dispatch(
+                                                          StackActions.push(
+                                                            ScreenNames.CIMBSign,
+                                                            {
+                                                              url: item?.urlSignContract,
+                                                            }
+                                                          )
+                                                        );
+                                                      } else {
+                                                        Alert.alert(
+                                                          'Thông báo',
+                                                          'Bạn chưa thể ký hợp đồng bây giờ?'
+                                                        );
+                                                      }
+                                                    });
+                                                  }}
+                                                >
+                                                  <IconSign2 />
+                                                  <MText
+                                                    style={[
+                                                      commonStyles.textNormal,
+                                                      {
+                                                        fontSize: 12,
+                                                        fontWeight: '300',
+                                                        marginTop: 8,
+                                                      },
+                                                    ]}
+                                                  >
+                                                    Ký hợp đồng
+                                                  </MText>
+                                                </MButton>
+                                              )}
+                                              {item?.isSignContractTima && (
+                                                <MButton
+                                                  style={{
+                                                    alignItems: 'center',
+                                                    marginLeft: 20,
+                                                  }}
+                                                  onPress={() => {
+                                                    checkTerm(item, () => {
+                                                      navigation.dispatch(
+                                                        StackActions.push(
+                                                          ScreenNames.ViewContract,
+                                                          {
+                                                            loan: item,
+                                                          }
+                                                        )
+                                                      );
+                                                    });
+                                                  }}
+                                                >
+                                                  <ContractTimeIcon />
+                                                  <MText
+                                                    style={[
+                                                      commonStyles.textNormal,
+                                                      {
+                                                        fontSize: 12,
+                                                        fontWeight: '300',
+                                                        marginTop: 8,
+                                                        textAlign: 'center',
+                                                      },
+                                                    ]}
+                                                  >
+                                                    Hợp đồng{'\n'}dịch vụ
+                                                  </MText>
+                                                </MButton>
+                                              )}
+                                              {item?.paymentEvidenceUrl && (
+                                                <MButton
+                                                  style={{
+                                                    alignItems: 'center',
+                                                    marginLeft: 20,
+                                                  }}
+                                                  onPress={() => {
+                                                    checkTerm(item, () => {
+                                                      navigation.dispatch(
+                                                        StackActions.push(
+                                                          ScreenNames.PaymentEvidence,
+                                                          {
+                                                            url: item?.paymentEvidenceUrl,
+                                                          }
+                                                        )
+                                                      );
+                                                    });
+                                                  }}
+                                                >
+                                                  <IconEviden />
+                                                  <MText
+                                                    style={[
+                                                      commonStyles.textNormal,
+                                                      {
+                                                        fontSize: 12,
+                                                        fontWeight: '300',
+                                                        marginTop: 8,
+                                                        textAlign: 'center',
+                                                      },
+                                                    ]}
+                                                  >
+                                                    Mục đích {'\n'}sử dụng
+                                                  </MText>
+                                                </MButton>
+                                              )}
+                                              {item?.showPaymentPlan && (
+                                                <MButton
+                                                  style={{
+                                                    alignItems: 'center',
+                                                    marginLeft: 20,
+                                                  }}
                                                   onPress={() => {
-                                                    Linking.openURL(
-                                                      `tel:1900633688`
+                                                    navigation.dispatch(
+                                                      StackActions.push(
+                                                        ScreenNames.SchedulePayment,
+                                                        {
+                                                          loan: item,
+                                                        }
+                                                      )
                                                     );
                                                   }}
                                                 >
-                                                  <LinearGradient
-                                                    colors={[
-                                                      '#FF8E4F',
-                                                      '#EF592E',
+                                                  <IconSchedule />
+                                                  <MText
+                                                    style={[
+                                                      commonStyles.textNormal,
+                                                      {
+                                                        fontSize: 12,
+                                                        fontWeight: '300',
+                                                        marginTop: 8,
+                                                      },
                                                     ]}
+                                                  >
+                                                    Lịch dự kiến
+                                                  </MText>
+                                                </MButton>
+                                              )}
+                                            </View>
+
+                                            {item.messageErrorCIMB !== '' &&
+                                            item?.messageErrorCIMB &&
+                                            item?.isCimbApproveFull === null ? (
+                                              <View
+                                                style={{
+                                                  backgroundColor: '#FBEFE7',
+                                                  marginHorizontal: -16,
+                                                  paddingVertical: 8,
+                                                  marginTop: 16,
+                                                  borderBottomRightRadius: 8,
+                                                  borderBottomLeftRadius: 8,
+                                                  paddingHorizontal: 16,
+                                                }}
+                                              >
+                                                <View
+                                                  style={{
+                                                    flexDirection: 'row',
+                                                    justifyContent:
+                                                      'space-between',
+                                                    alignItems: 'center',
+                                                  }}
+                                                >
+                                                  <View
                                                     style={{
-                                                      paddingHorizontal: 10,
-                                                      height: 30,
-                                                      borderRadius: 30,
-                                                      justifyContent: 'center',
-                                                      alignItems: 'center',
+                                                      flex: 1,
                                                       flexDirection: 'row',
+                                                      paddingRight: 20,
                                                     }}
                                                   >
-                                                    <Call />
-                                                    <MText
+                                                    <Image
+                                                      source={require('./error.png')}
                                                       style={{
-                                                        color: 'white',
-                                                        fontSize: 12,
-                                                        marginLeft: 5,
+                                                        width: 16,
+                                                        height: 16,
                                                       }}
+                                                    />
+                                                    <MText
+                                                      style={{ marginLeft: 5 }}
                                                     >
-                                                      Liên hệ
+                                                      Đơn vay của bạn gặp gián
+                                                      đoạn, vui lòng liên hệ
+                                                      tổng đài 1900633688
                                                     </MText>
-                                                  </LinearGradient>
-                                                </TouchableOpacity>
+                                                  </View>
+
+                                                  <TouchableOpacity
+                                                    onPress={() => {
+                                                      Linking.openURL(
+                                                        `tel:1900633688`
+                                                      );
+                                                    }}
+                                                  >
+                                                    <LinearGradient
+                                                      colors={[
+                                                        '#FF8E4F',
+                                                        '#EF592E',
+                                                      ]}
+                                                      style={{
+                                                        paddingHorizontal: 10,
+                                                        height: 30,
+                                                        borderRadius: 30,
+                                                        justifyContent:
+                                                          'center',
+                                                        alignItems: 'center',
+                                                        flexDirection: 'row',
+                                                      }}
+                                                    >
+                                                      <Call />
+                                                      <MText
+                                                        style={{
+                                                          color: 'white',
+                                                          fontSize: 12,
+                                                          marginLeft: 5,
+                                                        }}
+                                                      >
+                                                        Liên hệ
+                                                      </MText>
+                                                    </LinearGradient>
+                                                  </TouchableOpacity>
+                                                </View>
                                               </View>
-                                            </View>
+                                            ) : (
+                                              <View
+                                                style={{
+                                                  flexDirection: 'row',
+                                                  alignItems: 'center',
+                                                  backgroundColor: '#FBEFE7',
+                                                  marginHorizontal: -16,
+                                                  paddingVertical: 8,
+                                                  marginTop: 16,
+                                                  borderBottomRightRadius: 8,
+                                                  borderBottomLeftRadius: 8,
+                                                  paddingHorizontal: 16,
+                                                }}
+                                              >
+                                                <Info />
+                                                <MText
+                                                  style={[
+                                                    {
+                                                      fontWeight: '300',
+                                                      fontSize: 10,
+                                                      fontStyle: 'italic',
+                                                      color: '#333333',
+                                                      marginLeft: 8,
+                                                    },
+                                                  ]}
+                                                >
+                                                  {item?.suggestion
+                                                    ? item?.suggestion
+                                                    : 'Thực hiện đầy đủ các bước để giải ngân nhanh nhất'}
+                                                </MText>
+                                              </View>
+                                            )}
+                                          </View>
+                                        )}
+                                      </View>
+                                    </View>
+                                  )}
+                                </Observer>
+                              ) : (
+                                // cimb thường
+                                <View>
+                                  <View>
+                                    {item?.loanStatus !== null &&
+                                    item?.loanStatus !== '' ? (
+                                      <View
+                                        style={{
+                                          backgroundColor: '#FFFFFF',
+                                          paddingHorizontal: 16,
+                                          paddingTop: 16,
+                                          borderRadius: 8,
+                                          borderWidth: 0.5,
+                                          borderColor: '#E0E0E0',
+                                        }}
+                                      >
+                                        <View
+                                          style={{
+                                            flexDirection: 'row',
+                                            alignItems: 'center',
+                                          }}
+                                        >
+                                          <Contract />
+                                          <View
+                                            style={{ flex: 1, paddingLeft: 8 }}
+                                          >
+                                            <MText
+                                              style={
+                                                commonStyles.textNormalBold
+                                              }
+                                            >
+                                              Mã Đơn vay-{item?.id}
+                                            </MText>
+                                            <MText
+                                              style={commonStyles.textNormal}
+                                            >
+                                              Số tiền vay (VND):{' '}
+                                              {item?.loanAmountOffer
+                                                ? formatMoney(
+                                                    item?.loanAmountOffer
+                                                  )
+                                                : 'Chưa xác định'}
+                                            </MText>
+                                          </View>
+                                        </View>
+                                        <View
+                                          style={{
+                                            height: 1,
+                                            backgroundColor: '#E0E0E0',
+                                            marginVertical: 16,
+                                          }}
+                                        />
+                                        <View
+                                          style={{
+                                            flexDirection: 'row',
+                                            justifyContent: 'space-between',
+                                          }}
+                                        >
+                                          <MText
+                                            style={commonStyles.textNormal}
+                                          >
+                                            Trạng thái
+                                          </MText>
+                                          <MText
+                                            style={[
+                                              commonStyles.textNormalBold,
+                                              { color: '#F05123' },
+                                            ]}
+                                          >
+                                            {item?.loanStatus}
+                                          </MText>
+                                        </View>
+                                        <View
+                                          style={{
+                                            height: 0.5,
+                                            backgroundColor: '#E0E0E0',
+                                            marginVertical: 16,
+                                          }}
+                                        />
+                                        <View style={{ flexDirection: 'row' }}>
+                                          {item?.isUpdateLoan ||
+                                          item?.isUpdateInformation ? (
+                                            <TouchableOpacity
+                                              style={{ alignItems: 'center' }}
+                                              onPress={() => {
+                                                checkTerm(item, () => {
+                                                  if (item?.isUpdateLoan) {
+                                                    navigation.dispatch(
+                                                      StackActions.push(
+                                                        ScreenNames.CimbSelfie,
+                                                        {
+                                                          loan: item,
+                                                        }
+                                                      )
+                                                    );
+                                                  } else {
+                                                    navigation.dispatch(
+                                                      StackActions.push(
+                                                        ScreenNames.QuickSubmit,
+                                                        {
+                                                          loan: item,
+                                                        }
+                                                      )
+                                                    );
+                                                  }
+                                                });
+                                              }}
+                                            >
+                                              <AddInfo />
+                                              <MText
+                                                style={[
+                                                  commonStyles.textNormal,
+                                                  {
+                                                    fontSize: 12,
+                                                    fontWeight: '300',
+                                                    marginTop: 8,
+                                                    textAlign: 'center',
+                                                  },
+                                                ]}
+                                              >
+                                                Hoàn thiện{'\n'}cung cấp thông
+                                                tin
+                                              </MText>
+                                            </TouchableOpacity>
                                           ) : (
                                             <View
+                                              style={{ alignItems: 'center' }}
+                                            >
+                                              <AddInfoDisable />
+                                              <MText
+                                                style={[
+                                                  commonStyles.textNormal,
+                                                  {
+                                                    fontSize: 12,
+                                                    fontWeight: '300',
+                                                    marginTop: 8,
+                                                    textAlign: 'center',
+                                                  },
+                                                ]}
+                                              >
+                                                Hoàn thiện{'\n'}cung cấp thông
+                                                tin
+                                              </MText>
+                                            </View>
+                                          )}
+                                          {item?.isSignContract && (
+                                            <TouchableOpacity
                                               style={{
-                                                flexDirection: 'row',
                                                 alignItems: 'center',
-                                                backgroundColor: '#FBEFE7',
-                                                marginHorizontal: -16,
-                                                paddingVertical: 8,
-                                                marginTop: 16,
-                                                borderBottomRightRadius: 8,
-                                                borderBottomLeftRadius: 8,
-                                                paddingHorizontal: 16,
+                                                marginLeft: 20,
+                                              }}
+                                              onPress={() => {
+                                                checkTerm(item, () => {
+                                                  if (item?.urlSignContract) {
+                                                    navigation.dispatch(
+                                                      StackActions.push(
+                                                        ScreenNames.CIMBSign,
+                                                        {
+                                                          url: item?.urlSignContract,
+                                                        }
+                                                      )
+                                                    );
+                                                  } else {
+                                                    Alert.alert(
+                                                      'Thông báo',
+                                                      'Bạn chưa thể ký hợp đồng bây giờ?'
+                                                    );
+                                                  }
+                                                });
                                               }}
                                             >
-                                              <Info />
+                                              <IconSign2 />
                                               <MText
                                                 style={[
+                                                  commonStyles.textNormal,
                                                   {
+                                                    fontSize: 12,
                                                     fontWeight: '300',
-                                                    fontSize: 10,
-                                                    fontStyle: 'italic',
-                                                    color: '#333333',
-                                                    marginLeft: 8,
+                                                    marginTop: 8,
                                                   },
                                                 ]}
                                               >
-                                                {item?.suggestion
-                                                  ? item?.suggestion
-                                                  : 'Thực hiện đầy đủ các bước để giải ngân nhanh nhất'}
+                                                Ký hợp đồng
                                               </MText>
-                                            </View>
+                                            </TouchableOpacity>
                                           )}
-                                        </View>
-                                      )}
-                                    </View>
-                                  </View>
-                                )}
-                              </Observer>
-                            ) : (
-                              // cimb thường
-                              <View>
-                                <View>
-                                  {item?.loanStatus !== null &&
-                                  item?.loanStatus !== '' ? (
-                                    <View
-                                      style={{
-                                        backgroundColor: '#FFFFFF',
-                                        paddingHorizontal: 16,
-                                        paddingTop: 16,
-                                        borderRadius: 8,
-                                        borderWidth: 0.5,
-                                        borderColor: '#E0E0E0',
-                                      }}
-                                    >
-                                      <View
-                                        style={{
-                                          flexDirection: 'row',
-                                          alignItems: 'center',
-                                        }}
-                                      >
-                                        <Contract />
-                                        <View
-                                          style={{ flex: 1, paddingLeft: 8 }}
-                                        >
-                                          <MText
-                                            style={commonStyles.textNormalBold}
-                                          >
-                                            Mã Đơn vay-{item?.id}
-                                          </MText>
-                                          <MText
-                                            style={commonStyles.textNormal}
-                                          >
-                                            Số tiền vay (VND):{' '}
-                                            {item?.loanAmountOffer
-                                              ? formatMoney(
-                                                  item?.loanAmountOffer
-                                                )
-                                              : 'Chưa xác định'}
-                                          </MText>
-                                        </View>
-                                      </View>
-                                      <View
-                                        style={{
-                                          height: 1,
-                                          backgroundColor: '#E0E0E0',
-                                          marginVertical: 16,
-                                        }}
-                                      />
-                                      <View
-                                        style={{
-                                          flexDirection: 'row',
-                                          justifyContent: 'space-between',
-                                        }}
-                                      >
-                                        <MText style={commonStyles.textNormal}>
-                                          Trạng thái
-                                        </MText>
-                                        <MText
-                                          style={[
-                                            commonStyles.textNormalBold,
-                                            { color: '#F05123' },
-                                          ]}
-                                        >
-                                          {item?.loanStatus}
-                                        </MText>
-                                      </View>
-                                      <View
-                                        style={{
-                                          height: 0.5,
-                                          backgroundColor: '#E0E0E0',
-                                          marginVertical: 16,
-                                        }}
-                                      />
-                                      <View style={{ flexDirection: 'row' }}>
-                                        {item?.isUpdateLoan ||
-                                        item?.isUpdateInformation ? (
-                                          <TouchableOpacity
-                                            style={{ alignItems: 'center' }}
-                                            onPress={() => {
-                                              checkTerm(item, () => {
-                                                if (item?.isUpdateLoan) {
-                                                  navigation.dispatch(
-                                                    StackActions.push(
-                                                      ScreenNames.CimbSelfie,
-                                                      {
-                                                        loan: item,
-                                                      }
-                                                    )
-                                                  );
-                                                } else {
+                                          {item?.isSignContractTima && (
+                                            <TouchableOpacity
+                                              style={{
+                                                alignItems: 'center',
+                                                marginLeft: 20,
+                                              }}
+                                              onPress={() => {
+                                                checkTerm(item, () => {
                                                   navigation.dispatch(
                                                     StackActions.push(
-                                                      ScreenNames.QuickSubmit,
+                                                      ScreenNames.ViewContract,
                                                       {
                                                         loan: item,
                                                       }
                                                     )
                                                   );
-                                                }
-                                              });
-                                            }}
-                                          >
-                                            <AddInfo />
-                                            <MText
-                                              style={[
-                                                commonStyles.textNormal,
-                                                {
-                                                  fontSize: 12,
-                                                  fontWeight: '300',
-                                                  marginTop: 8,
-                                                  textAlign: 'center',
-                                                },
-                                              ]}
-                                            >
-                                              Hoàn thiện{'\n'}cung cấp thông tin
-                                            </MText>
-                                          </TouchableOpacity>
-                                        ) : (
-                                          <View
-                                            style={{ alignItems: 'center' }}
-                                          >
-                                            <AddInfoDisable />
-                                            <MText
-                                              style={[
-                                                commonStyles.textNormal,
-                                                {
-                                                  fontSize: 12,
-                                                  fontWeight: '300',
-                                                  marginTop: 8,
-                                                  textAlign: 'center',
-                                                },
-                                              ]}
+                                                });
+                                              }}
                                             >
-                                              Hoàn thiện{'\n'}cung cấp thông tin
-                                            </MText>
-                                          </View>
-                                        )}
-                                        {item?.isSignContract && (
-                                          <TouchableOpacity
-                                            style={{
-                                              alignItems: 'center',
-                                              marginLeft: 20,
-                                            }}
-                                            onPress={() => {
-                                              checkTerm(item, () => {
-                                                if (item?.urlSignContract) {
+                                              <ContractTimeIcon />
+                                              <MText
+                                                style={[
+                                                  commonStyles.textNormal,
+                                                  {
+                                                    fontSize: 12,
+                                                    fontWeight: '300',
+                                                    marginTop: 8,
+                                                    textAlign: 'center',
+                                                  },
+                                                ]}
+                                              >
+                                                Hợp đồng{'\n'}dịch vụ
+                                              </MText>
+                                            </TouchableOpacity>
+                                          )}
+                                          {item?.paymentEvidenceUrl && (
+                                            <TouchableOpacity
+                                              style={{
+                                                alignItems: 'center',
+                                                marginLeft: 20,
+                                              }}
+                                              onPress={() => {
+                                                checkTerm(item, () => {
                                                   navigation.dispatch(
                                                     StackActions.push(
-                                                      ScreenNames.CIMBSign,
+                                                      ScreenNames.PaymentEvidence,
                                                       {
-                                                        url: item?.urlSignContract,
+                                                        url: item?.paymentEvidenceUrl,
                                                       }
                                                     )
                                                   );
-                                                } else {
-                                                  Alert.alert(
-                                                    'Thông báo',
-                                                    'Bạn chưa thể ký hợp đồng bây giờ?'
-                                                  );
-                                                }
-                                              });
-                                            }}
-                                          >
-                                            <IconSign2 />
-                                            <MText
-                                              style={[
-                                                commonStyles.textNormal,
-                                                {
-                                                  fontSize: 12,
-                                                  fontWeight: '300',
-                                                  marginTop: 8,
-                                                },
-                                              ]}
+                                                });
+                                              }}
                                             >
-                                              Ký hợp đồng
-                                            </MText>
-                                          </TouchableOpacity>
-                                        )}
-                                        {item?.isSignContractTima && (
-                                          <TouchableOpacity
-                                            style={{
-                                              alignItems: 'center',
-                                              marginLeft: 20,
-                                            }}
-                                            onPress={() => {
-                                              checkTerm(item, () => {
+                                              <IconEviden />
+                                              <MText
+                                                style={[
+                                                  commonStyles.textNormal,
+                                                  {
+                                                    fontSize: 12,
+                                                    fontWeight: '300',
+                                                    marginTop: 8,
+                                                    textAlign: 'center',
+                                                  },
+                                                ]}
+                                              >
+                                                Mục đích {'\n'}sử dụng
+                                              </MText>
+                                            </TouchableOpacity>
+                                          )}
+                                          {item?.showPaymentPlan && (
+                                            <TouchableOpacity
+                                              style={{
+                                                alignItems: 'center',
+                                                marginLeft: 20,
+                                              }}
+                                              onPress={() => {
                                                 navigation.dispatch(
                                                   StackActions.push(
-                                                    ScreenNames.ViewContract,
+                                                    ScreenNames.SchedulePayment,
                                                     {
                                                       loan: item,
-                                                    }
-                                                  )
-                                                );
-                                              });
-                                            }}
-                                          >
-                                            <ContractTimeIcon />
-                                            <MText
-                                              style={[
-                                                commonStyles.textNormal,
-                                                {
-                                                  fontSize: 12,
-                                                  fontWeight: '300',
-                                                  marginTop: 8,
-                                                  textAlign: 'center',
-                                                },
-                                              ]}
-                                            >
-                                              Hợp đồng{'\n'}dịch vụ
-                                            </MText>
-                                          </TouchableOpacity>
-                                        )}
-                                        {item?.paymentEvidenceUrl && (
-                                          <TouchableOpacity
-                                            style={{
-                                              alignItems: 'center',
-                                              marginLeft: 20,
-                                            }}
-                                            onPress={() => {
-                                              checkTerm(item, () => {
-                                                navigation.dispatch(
-                                                  StackActions.push(
-                                                    ScreenNames.PaymentEvidence,
-                                                    {
-                                                      url: item?.paymentEvidenceUrl,
-                                                    }
-                                                  )
-                                                );
-                                              });
-                                            }}
-                                          >
-                                            <IconEviden />
-                                            <MText
-                                              style={[
-                                                commonStyles.textNormal,
-                                                {
-                                                  fontSize: 12,
-                                                  fontWeight: '300',
-                                                  marginTop: 8,
-                                                  textAlign: 'center',
-                                                },
-                                              ]}
+                                                    }
+                                                  )
+                                                );
+                                              }}
                                             >
-                                              Mục đích {'\n'}sử dụng
-                                            </MText>
-                                          </TouchableOpacity>
-                                        )}
-                                        {item?.showPaymentPlan && (
-                                          <TouchableOpacity
-                                            style={{
-                                              alignItems: 'center',
-                                              marginLeft: 20,
-                                            }}
-                                            onPress={() => {
-                                              navigation.dispatch(
-                                                StackActions.push(
-                                                  ScreenNames.SchedulePayment,
+                                              <IconSchedule />
+                                              <MText
+                                                style={[
+                                                  commonStyles.textNormal,
                                                   {
-                                                    loan: item,
-                                                  }
-                                                )
-                                              );
-                                            }}
-                                          >
-                                            <IconSchedule />
-                                            <MText
-                                              style={[
-                                                commonStyles.textNormal,
-                                                {
-                                                  fontSize: 12,
-                                                  fontWeight: '300',
-                                                  marginTop: 8,
-                                                },
-                                              ]}
-                                            >
-                                              Lịch dự kiến
-                                            </MText>
-                                          </TouchableOpacity>
-                                        )}
-                                      </View>
+                                                    fontSize: 12,
+                                                    fontWeight: '300',
+                                                    marginTop: 8,
+                                                  },
+                                                ]}
+                                              >
+                                                Lịch dự kiến
+                                              </MText>
+                                            </TouchableOpacity>
+                                          )}
+                                        </View>
 
-                                      <View
-                                        style={{
-                                          flexDirection: 'row',
-                                          alignItems: 'center',
-                                          backgroundColor: '#FBEFE7',
-                                          marginHorizontal: -16,
-                                          paddingVertical: 8,
-                                          marginTop: 16,
-                                          borderBottomRightRadius: 8,
-                                          borderBottomLeftRadius: 8,
-                                          paddingHorizontal: 16,
-                                        }}
-                                      >
-                                        <Info />
-                                        <MText
-                                          style={[
-                                            {
-                                              fontWeight: '300',
-                                              fontSize: 10,
-                                              fontStyle: 'italic',
-                                              color: '#333333',
-                                              marginLeft: 8,
-                                            },
-                                          ]}
-                                        >
-                                          {item?.suggestion
-                                            ? item?.suggestion
-                                            : 'Thực hiện đầy đủ các bước để giải ngân nhanh nhất'}
-                                        </MText>
-                                      </View>
-                                    </View>
-                                  ) : (
-                                    <ImageBackground
-                                      source={require('../../assets/img/bann.png')}
-                                      style={{ flex: 1, padding: 16 }}
-                                      resizeMode="cover"
-                                      height={220}
-                                      borderRadius={8}
-                                    >
-                                      <MText
-                                        style={{
-                                          color: '#333333',
-                                          fontWeight: 'bold',
-                                          fontSize: 12,
-                                        }}
-                                      >
-                                        BẠN ĐỦ ĐIỀU KIỆN VAY TIÊU DÙNG{'\n'}THEO
-                                        THÔNG TIN TÀI SẢN SỞ HỮU
-                                        {'\n'}
-                                        (XE MÁY/ Ô TÔ)
-                                      </MText>
-                                      <MText
-                                        style={{
-                                          marginTop: 12,
-                                          fontSize: 24,
-                                          fontWeight: 'bold',
-                                          color: '#EF4123',
-                                        }}
-                                      >
-                                        {formatMoney(item?.loanAmount)} VND
-                                      </MText>
-                                      <TouchableOpacity
-                                        onPress={() => {
-                                          checkTerm(item, () => {
-                                            navigation.dispatch(
-                                              StackActions.push(
-                                                ScreenNames.CIMBxTima,
-                                                {
-                                                  loan: item,
-                                                }
-                                              )
-                                            );
-                                          });
-                                        }}
-                                      >
-                                        <LinearGradient
-                                          colors={['#FF7A00', '#EF4123']}
+                                        <View
                                           style={{
-                                            backgroundColor: '#F36D21cd ',
-                                            marginTop: 12,
+                                            flexDirection: 'row',
                                             alignItems: 'center',
-                                            borderRadius: 30,
-                                            paddingVertical: 10,
-                                            width: '50%',
+                                            backgroundColor: '#FBEFE7',
+                                            marginHorizontal: -16,
+                                            paddingVertical: 8,
+                                            marginTop: 16,
+                                            borderBottomRightRadius: 8,
+                                            borderBottomLeftRadius: 8,
+                                            paddingHorizontal: 16,
                                           }}
                                         >
+                                          <Info />
                                           <MText
-                                            style={{
-                                              color: '#FFFFFF',
-                                              fontWeight: 'bold',
-                                            }}
+                                            style={[
+                                              {
+                                                fontWeight: '300',
+                                                fontSize: 10,
+                                                fontStyle: 'italic',
+                                                color: '#333333',
+                                                marginLeft: 8,
+                                              },
+                                            ]}
                                           >
-                                            Hoàn thiện hồ sơ
+                                            {item?.suggestion
+                                              ? item?.suggestion
+                                              : 'Thực hiện đầy đủ các bước để giải ngân nhanh nhất'}
                                           </MText>
-                                        </LinearGradient>
-                                      </TouchableOpacity>
-                                      <View
-                                        style={{
-                                          flexDirection: 'row',
-                                          alignItems: 'center',
-                                          alignContent: 'center',
-                                          marginTop: 16,
-                                        }}
+                                        </View>
+                                      </View>
+                                    ) : (
+                                      <ImageBackground
+                                        source={require('../../assets/img/bann.png')}
+                                        style={{ flex: 1, padding: 16 }}
+                                        resizeMode="cover"
+                                        height={220}
+                                        borderRadius={8}
                                       >
                                         <MText
                                           style={{
-                                            fontSize: 10,
                                             color: '#333333',
+                                            fontWeight: 'bold',
+                                            fontSize: 12,
                                           }}
                                         >
-                                          SẢN PHẨM VAY TIÊU DÙNG HỢP TÁC GIỮA{' '}
+                                          BẠN ĐỦ ĐIỀU KIỆN VAY TIÊU DÙNG{'\n'}
+                                          THEO THÔNG TIN TÀI SẢN SỞ HỮU
+                                          {'\n'}
+                                          (XE MÁY/ Ô TÔ)
                                         </MText>
-                                        <LogoSmall />
                                         <MText
                                           style={{
-                                            fontSize: 12,
-                                            color: '#333333',
+                                            marginTop: 12,
+                                            fontSize: 24,
+                                            fontWeight: 'bold',
+                                            color: '#EF4123',
                                           }}
                                         >
-                                          {' '}
-                                          VÀ{' '}
+                                          {formatMoney(item?.loanAmount)} VND
                                         </MText>
-                                        <CIMBSmall />
-                                      </View>
-                                    </ImageBackground>
-                                  )}
-                                </View>
-                              </View>
-                            )}
-                          </View>
-                        ) : (
-                          <Observer>
-                            {() => (
-                              <View>
-                                <View
-                                  style={{
-                                    backgroundColor: '#FFFFFF',
-                                    paddingHorizontal: 16,
-                                    paddingTop: 16,
-                                    borderRadius: 8,
-                                    borderWidth: 0.5,
-                                    borderColor: '#E0E0E0',
-                                  }}
-                                >
-                                  <View
-                                    style={{
-                                      flexDirection: 'row',
-                                      alignItems: 'center',
-                                    }}
-                                  >
-                                    <Contract />
-                                    <View style={{ flex: 1, paddingLeft: 8 }}>
-                                      <MText
-                                        style={commonStyles.textNormalBold}
-                                      >
-                                        Đơn vay {item?.id}
-                                      </MText>
-                                      <MText style={commonStyles.textNormal}>
-                                        Số tiền vay (VND):{' '}
-                                        {item?.loanAmount
-                                          ? formatMoney(item?.loanAmount)
-                                          : 'Chưa xác định'}
-                                      </MText>
-                                    </View>
+                                        <TouchableOpacity
+                                          onPress={() => {
+                                            checkTerm(item, () => {
+                                              navigation.dispatch(
+                                                StackActions.push(
+                                                  ScreenNames.CIMBxTima,
+                                                  {
+                                                    loan: item,
+                                                  }
+                                                )
+                                              );
+                                            });
+                                          }}
+                                        >
+                                          <LinearGradient
+                                            colors={['#FF7A00', '#EF4123']}
+                                            style={{
+                                              backgroundColor: '#F36D21cd ',
+                                              marginTop: 12,
+                                              alignItems: 'center',
+                                              borderRadius: 30,
+                                              paddingVertical: 10,
+                                              width: '50%',
+                                            }}
+                                          >
+                                            <MText
+                                              style={{
+                                                color: '#FFFFFF',
+                                                fontWeight: 'bold',
+                                              }}
+                                            >
+                                              Hoàn thiện hồ sơ
+                                            </MText>
+                                          </LinearGradient>
+                                        </TouchableOpacity>
+                                        <View
+                                          style={{
+                                            flexDirection: 'row',
+                                            alignItems: 'center',
+                                            alignContent: 'center',
+                                            marginTop: 16,
+                                          }}
+                                        >
+                                          <MText
+                                            style={{
+                                              fontSize: 10,
+                                              color: '#333333',
+                                            }}
+                                          >
+                                            SẢN PHẨM VAY TIÊU DÙNG HỢP TÁC GIỮA{' '}
+                                          </MText>
+                                          <LogoSmall />
+                                          <MText
+                                            style={{
+                                              fontSize: 12,
+                                              color: '#333333',
+                                            }}
+                                          >
+                                            {' '}
+                                            VÀ{' '}
+                                          </MText>
+                                          <CIMBSmall />
+                                        </View>
+                                      </ImageBackground>
+                                    )}
                                   </View>
+                                </View>
+                              )}
+                            </View>
+                          ) : (
+                            <Observer>
+                              {() => (
+                                <View>
                                   <View
                                     style={{
-                                      height: 1,
-                                      backgroundColor: '#E0E0E0',
-                                      marginVertical: 16,
-                                    }}
-                                  />
-                                  <View
-                                    style={{
-                                      flexDirection: 'row',
-                                      justifyContent: 'space-between',
-                                      alignItems: 'center',
+                                      backgroundColor: '#FFFFFF',
+                                      paddingHorizontal: 16,
+                                      paddingTop: 16,
+                                      borderRadius: 8,
+                                      borderWidth: 0.5,
+                                      borderColor: '#E0E0E0',
                                     }}
                                   >
-                                    <MText style={commonStyles.textNormal}>
-                                      Trạng thái
-                                    </MText>
-                                    <MText
-                                      style={[
-                                        commonStyles.textNormalBold,
-                                        { color: '#F05123' },
-                                      ]}
+                                    <View
+                                      style={{
+                                        flexDirection: 'row',
+                                        alignItems: 'center',
+                                      }}
                                     >
-                                      {item?.loanStatus}
-                                    </MText>
-                                  </View>
-                                  <View
-                                    style={{
-                                      height: 0.5,
-                                      backgroundColor: '#E0E0E0',
-                                      marginVertical: 16,
-                                    }}
-                                  />
-                                  <View
-                                    style={{
-                                      flexDirection: 'row',
-                                      gap: 24,
-                                    }}
-                                  >
-                                    {!homeStore.checkEKYC[item?.id] && (
-                                      <TouchableOpacity
-                                        style={{ alignItems: 'center' }}
-                                        onPress={() => {
-                                          checkTerm(item, () => {
-                                            navigation.dispatch(
-                                              StackActions.push(
-                                                ScreenNames.NationalID,
-                                                {
-                                                  loan: item,
-                                                  reLoan: true,
-                                                }
-                                              )
-                                            );
-                                          });
-                                        }}
-                                      >
-                                        <AddInfo />
+                                      <Contract />
+                                      <View style={{ flex: 1, paddingLeft: 8 }}>
                                         <MText
-                                          style={[
-                                            commonStyles.textNormal,
-                                            {
-                                              fontSize: 12,
-                                              fontWeight: '300',
-                                              marginTop: 8,
-                                            },
-                                          ]}
+                                          style={commonStyles.textNormalBold}
                                         >
-                                          EKYC
+                                          Đơn vay {item?.id}
                                         </MText>
-                                      </TouchableOpacity>
-                                    )}
-                                    {/* Cập nhật thông tin với đơn ô tô digital topup */}
-                                    {item?.typeLoan === 4 &&
-                                    item?.productId === 8 ? (
-                                      <>
-                                        {item?.isUpdateInfoTopup && (
-                                          <TouchableOpacity
-                                            onPress={() => {
+                                        <MText style={commonStyles.textNormal}>
+                                          Số tiền vay (VND):{' '}
+                                          {item?.loanAmount
+                                            ? formatMoney(item?.loanAmount)
+                                            : 'Chưa xác định'}
+                                        </MText>
+                                      </View>
+                                    </View>
+                                    <View
+                                      style={{
+                                        height: 1,
+                                        backgroundColor: '#E0E0E0',
+                                        marginVertical: 16,
+                                      }}
+                                    />
+                                    <View
+                                      style={{
+                                        flexDirection: 'row',
+                                        justifyContent: 'space-between',
+                                        alignItems: 'center',
+                                      }}
+                                    >
+                                      <MText style={commonStyles.textNormal}>
+                                        Trạng thái
+                                      </MText>
+                                      <MText
+                                        style={[
+                                          commonStyles.textNormalBold,
+                                          { color: '#F05123' },
+                                        ]}
+                                      >
+                                        {item?.loanStatus}
+                                      </MText>
+                                    </View>
+                                    <View
+                                      style={{
+                                        height: 0.5,
+                                        backgroundColor: '#E0E0E0',
+                                        marginVertical: 16,
+                                      }}
+                                    />
+                                    <View
+                                      style={{
+                                        flexDirection: 'row',
+                                        gap: 24,
+                                      }}
+                                    >
+                                      {!homeStore.checkEKYC[item?.id] && (
+                                        <TouchableOpacity
+                                          style={{ alignItems: 'center' }}
+                                          onPress={() => {
+                                            checkTerm(item, () => {
                                               navigation.dispatch(
                                                 StackActions.push(
-                                                  ScreenNames.UpdateLoan,
-                                                  item
+                                                  ScreenNames.NationalID,
+                                                  {
+                                                    loan: item,
+                                                    reLoan: true,
+                                                  }
                                                 )
                                               );
-                                            }}
-                                            style={{
-                                              alignItems: 'center',
-                                            }}
+                                            });
+                                          }}
+                                        >
+                                          <AddInfo />
+                                          <MText
+                                            style={[
+                                              commonStyles.textNormal,
+                                              {
+                                                fontSize: 12,
+                                                fontWeight: '300',
+                                                marginTop: 8,
+                                              },
+                                            ]}
                                           >
-                                            <TopupSvg />
-                                            <MText
-                                              style={[
-                                                commonStyles.textNormal,
-                                                {
-                                                  fontSize: 12,
-                                                  fontWeight: '300',
-                                                  marginTop: 8,
-                                                },
-                                              ]}
+                                            EKYC
+                                          </MText>
+                                        </TouchableOpacity>
+                                      )}
+                                      {/* Cập nhật thông tin với đơn ô tô digital topup */}
+                                      {item?.typeLoan === 4 &&
+                                      item?.productId === 8 ? (
+                                        <>
+                                          {item?.isUpdateInfoTopup && (
+                                            <TouchableOpacity
+                                              onPress={() => {
+                                                navigation.dispatch(
+                                                  StackActions.push(
+                                                    ScreenNames.UpdateLoan,
+                                                    item
+                                                  )
+                                                );
+                                              }}
+                                              style={{
+                                                alignItems: 'center',
+                                              }}
                                             >
-                                              Cập nhật{'\n'}thông tin
-                                            </MText>
-                                          </TouchableOpacity>
-                                        )}
-                                      </>
-                                    ) : (
-                                      <></>
-                                    )}
+                                              <TopupSvg />
+                                              <MText
+                                                style={[
+                                                  commonStyles.textNormal,
+                                                  {
+                                                    fontSize: 12,
+                                                    fontWeight: '300',
+                                                    marginTop: 8,
+                                                  },
+                                                ]}
+                                              >
+                                                Cập nhật{'\n'}thông tin
+                                              </MText>
+                                            </TouchableOpacity>
+                                          )}
+                                        </>
+                                      ) : (
+                                        <></>
+                                      )}
 
-                                    {/* -------------------------------------------------- */}
-                                    {item?.isVideoDebt && (
-                                      <TouchableOpacity
-                                        style={{
-                                          alignItems: 'center',
-                                        }}
-                                        onPress={() => {
-                                          checkTerm(item, () => {
-                                            navigation.dispatch(
-                                              StackActions.push(
-                                                ScreenNames.Video,
-                                                {
-                                                  loan: item,
-                                                }
-                                              )
-                                            );
-                                          });
-                                        }}
-                                      >
-                                        <IconVideo />
-                                        <MText
-                                          style={[
-                                            commonStyles.textNormal,
-                                            {
-                                              fontSize: 12,
-                                              fontWeight: '300',
-                                              marginTop: 8,
-                                            },
-                                          ]}
+                                      {/* -------------------------------------------------- */}
+                                      {item?.isVideoDebt && (
+                                        <TouchableOpacity
+                                          style={{
+                                            alignItems: 'center',
+                                          }}
+                                          onPress={() => {
+                                            checkTerm(item, () => {
+                                              navigation.dispatch(
+                                                StackActions.push(
+                                                  ScreenNames.Video,
+                                                  {
+                                                    loan: item,
+                                                  }
+                                                )
+                                              );
+                                            });
+                                          }}
                                         >
-                                          Quay video
-                                        </MText>
-                                      </TouchableOpacity>
-                                    )}
-                                    {item?.typeLoan === 4 &&
-                                    item?.productId === 8 ? (
-                                      <>
-                                        {!item?.isUpdateInfoTopup &&
-                                          homeStore.checkEKYC[item?.id] && (
+                                          <IconVideo />
+                                          <MText
+                                            style={[
+                                              commonStyles.textNormal,
+                                              {
+                                                fontSize: 12,
+                                                fontWeight: '300',
+                                                marginTop: 8,
+                                              },
+                                            ]}
+                                          >
+                                            Quay video
+                                          </MText>
+                                        </TouchableOpacity>
+                                      )}
+                                      {item?.typeLoan === 4 &&
+                                      item?.productId === 8 ? (
+                                        <>
+                                          {!item?.isUpdateInfoTopup &&
+                                            homeStore.checkEKYC[item?.id] && (
+                                              <TouchableOpacity
+                                                style={{
+                                                  alignItems: 'center',
+                                                }}
+                                                onPress={() => {
+                                                  checkTerm(item, () => {
+                                                    signLoan(item);
+                                                  });
+                                                }}
+                                              >
+                                                <IconSign2 />
+                                                <MText
+                                                  style={[
+                                                    commonStyles.textNormal,
+                                                    {
+                                                      fontSize: 12,
+                                                      fontWeight: '300',
+                                                      marginTop: 8,
+                                                    },
+                                                  ]}
+                                                >
+                                                  Ký HĐ
+                                                </MText>
+                                              </TouchableOpacity>
+                                            )}
+                                        </>
+                                      ) : (
+                                        <>
+                                          {homeStore.checkEKYC[item?.id] ? (
                                             <TouchableOpacity
                                               style={{
                                                 alignItems: 'center',
@@ -2141,22 +2597,43 @@ export const Home = observer(function Home() {
                                                 Ký HĐ
                                               </MText>
                                             </TouchableOpacity>
+                                          ) : (
+                                            <View
+                                              style={{
+                                                alignItems: 'center',
+                                              }}
+                                            >
+                                              {/* <SignDisable />
+                                        <MText
+                                          style={[
+                                            commonStyles.textNormal,
+                                            {
+                                              fontSize: 12,
+                                              fontWeight: '300',
+                                              marginTop: 8,
+                                            },
+                                          ]}
+                                        >
+                                          Ký HĐ
+                                        </MText> */}
+                                            </View>
                                           )}
-                                      </>
-                                    ) : (
-                                      <>
-                                        {homeStore.checkEKYC[item?.id] ? (
+                                        </>
+                                      )}
+                                      {item?.typeLoan &&
+                                        item?.productId === 8 && (
                                           <TouchableOpacity
+                                            onPress={() => {
+                                              navigation.push(
+                                                'DigitalSchedulePayment',
+                                                item
+                                              );
+                                            }}
                                             style={{
                                               alignItems: 'center',
                                             }}
-                                            onPress={() => {
-                                              checkTerm(item, () => {
-                                                signLoan(item);
-                                              });
-                                            }}
                                           >
-                                            <IconSign2 />
+                                            <IconSchedule />
                                             <MText
                                               style={[
                                                 commonStyles.textNormal,
@@ -2167,99 +2644,50 @@ export const Home = observer(function Home() {
                                                 },
                                               ]}
                                             >
-                                              Ký HĐ
+                                              Lịch TT dự kiến
                                             </MText>
                                           </TouchableOpacity>
-                                        ) : (
-                                          <View
-                                            style={{
-                                              alignItems: 'center',
-                                            }}
-                                          >
-                                            {/* <SignDisable />
-                                        <MText
-                                          style={[
-                                            commonStyles.textNormal,
-                                            {
-                                              fontSize: 12,
-                                              fontWeight: '300',
-                                              marginTop: 8,
-                                            },
-                                          ]}
-                                        >
-                                          Ký HĐ
-                                        </MText> */}
-                                          </View>
                                         )}
-                                      </>
-                                    )}
-                                    {item?.typeLoan &&
-                                      item?.productId === 8 && (
-                                        <TouchableOpacity
-                                          onPress={() => {
-                                            navigation.push(
-                                              'DigitalSchedulePayment',
-                                              item
-                                            );
-                                          }}
-                                          style={{
-                                            alignItems: 'center',
-                                          }}
-                                        >
-                                          <IconSchedule />
-                                          <MText
-                                            style={[
-                                              commonStyles.textNormal,
-                                              {
-                                                fontSize: 12,
-                                                fontWeight: '300',
-                                                marginTop: 8,
-                                              },
-                                            ]}
-                                          >
-                                            Lịch TT dự kiến
-                                          </MText>
-                                        </TouchableOpacity>
-                                      )}
-                                  </View>
-                                  <View
-                                    style={{
-                                      flexDirection: 'row',
-                                      alignItems: 'center',
-                                      backgroundColor: '#FBEFE7',
-                                      marginHorizontal: -16,
-                                      paddingVertical: 8,
-                                      marginTop: 16,
-                                      borderBottomRightRadius: 8,
-                                      borderBottomLeftRadius: 8,
-                                      paddingHorizontal: 16,
-                                    }}
-                                  >
-                                    <Info />
-                                    <MText
-                                      style={[
-                                        {
-                                          fontWeight: '300',
-                                          fontSize: 12,
-                                          fontStyle: 'italic',
-                                          color: '#333333',
-                                          marginLeft: 8,
-                                        },
-                                      ]}
+                                    </View>
+                                    <View
+                                      style={{
+                                        flexDirection: 'row',
+                                        alignItems: 'center',
+                                        backgroundColor: '#FBEFE7',
+                                        marginHorizontal: -16,
+                                        paddingVertical: 8,
+                                        marginTop: 16,
+                                        borderBottomRightRadius: 8,
+                                        borderBottomLeftRadius: 8,
+                                        paddingHorizontal: 16,
+                                      }}
                                     >
-                                      Thực hiện đầy đủ các bước để giải ngân
-                                      nhanh nhất
-                                    </MText>
+                                      <Info />
+                                      <MText
+                                        style={[
+                                          {
+                                            fontWeight: '300',
+                                            fontSize: 12,
+                                            fontStyle: 'italic',
+                                            color: '#333333',
+                                            marginLeft: 8,
+                                          },
+                                        ]}
+                                      >
+                                        Thực hiện đầy đủ các bước để giải ngân
+                                        nhanh nhất
+                                      </MText>
+                                    </View>
                                   </View>
                                 </View>
-                              </View>
-                            )}
-                          </Observer>
-                        )}
-                      </View>
-                    )}
-                  </View>
-                ))}
+                              )}
+                            </Observer>
+                          )}
+                        </View>
+                      )}
+                    </View>
+                  );
+                })}
               </View>
             )}
           </View>
@@ -2724,12 +3152,7 @@ export const Home = observer(function Home() {
             >
               <TouchableOpacity
                 onPress={() => {
-                  setShowModal3(false);
-                  setTimeout(() => {
-                    navigation.push(ScreenNames.LivenessV2, {
-                      loan,
-                    });
-                  }, 300);
+                  acceptLoan();
                 }}
                 style={{
                   borderWidth: 1,
@@ -2753,7 +3176,7 @@ export const Home = observer(function Home() {
 
             <TouchableOpacity
               onPress={() => {
-                setShowModal3(false);
+                rejectLoan();
               }}
             >
               <MText