react-native-timacare 3.1.2 → 3.1.3-beta

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

@@ -14,6 +14,7 @@ import {
   StatusBar,
   TouchableOpacity,
   View,
+  ViewStyle,
 } from 'react-native';
 import {
   useNavigation,
@@ -45,6 +46,7 @@ import {
   IconVideo,
   Info,
   LogoSmall,
+  OcrSvg,
   SignDisable,
   TimaNormal,
   TopupSuccessSvg,
@@ -75,6 +77,14 @@ import { Api } from '../../services/api';
 import { load, save } from '../../utils/storage';
 import Loading from '../../components/Loading';
 import MButton from '../../components/MButton';
+import ttsStore from '../toan-trinh-so/store';
+import {
+  IconOCRSuccess,
+  IconEdit,
+  IconEditSuccess,
+  IconEkyc,
+  IconEkycSuccess,
+} from '../../assets/svgs';
 
 const listBanners = [
   require('../../assets/img/banner1.png'),
@@ -83,6 +93,11 @@ const listBanners = [
 
 let _unsubscribe;
 
+const $action: ViewStyle = {
+  flexDirection: 'column',
+  alignItems: 'center',
+};
+
 export const Home = observer(function Home() {
   const navigation = useNavigation();
   const [showModal, setShowModal] = useState(false);
@@ -175,6 +190,7 @@ export const Home = observer(function Home() {
       appStore.getLoanTimeAll();
       appStore.getRateTypeAll();
       appStore.getInsurenceTimeAll();
+      ttsStore.getProvinces();
     }, 2000);
   }, []);
 
@@ -315,7 +331,7 @@ export const Home = observer(function Home() {
               style={{
                 fontWeight: 'bold',
                 color: 'white',
-                fontSize: 16,
+                fontSize: 14,
               }}
             >
               Vay nhanh 24/7
@@ -375,1488 +391,1769 @@ export const Home = observer(function Home() {
               <View>
                 {listLoan?.map((item, index) => (
                   <View style={{ marginBottom: 14 }} key={index}>
-                    <View>
-                      {/* // luồng CIMB */}
-                      {item?.isPipelineCIMB ? (
-                        <View>
-                          {/* // type 4 digital topup  */}
-                          {item?.typeLoan === 4 ? (
-                            <View>
-                              <View
+                    {/* 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,
+                            }}
+                          />
+                          <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: 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, {
+                                    loan: item,
+                                    front: true,
+                                  });
+                                } else if (item?.step === 2) {
+                                  navigation.push(ScreenNames.RegisterCamera, {
+                                    loan: item,
+                                  });
+                                }
+                              }}
+                            >
+                              {item?.step >= 3 ? (
+                                <IconOCRSuccess />
+                              ) : (
+                                <OcrSvg />
+                              )}
+                              <MText
                                 style={{
-                                  backgroundColor: '#FFFFFF',
-                                  paddingHorizontal: 16,
-                                  paddingTop: 16,
-                                  borderRadius: 8,
-                                  borderWidth: 0.5,
-                                  borderColor: '#E0E0E0',
+                                  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, {
+                                  item,
+                                });
+                              }}
+                              style={$action}
+                              disabled={item?.step === 4 ? false : true}
+                            >
+                              {checkEKYC[item.id] ? (
+                                <IconEkycSuccess />
+                              ) : (
+                                <IconEkyc />
+                              )}
+
+                              <MText
+                                style={{
+                                  textAlign: 'center',
+                                  fontSize: 10,
+                                  marginTop: 5,
+                                  color: '#333333',
+                                }}
+                              >
+                                EKYC
+                              </MText>
+                            </TouchableOpacity>
+                            <TouchableOpacity
+                              style={$action}
+                              onPress={() => {
+                                checkTerm(item, () => {
+                                  signLoan(item);
+                                });
+                              }}
+                            >
+                              <IconSign2 />
+                              <MText
+                                style={{
+                                  textAlign: 'center',
+                                  fontSize: 10,
+                                  marginTop: 5,
+                                  color: '#333333',
+                                }}
+                              >
+                                Ký HĐ
+                              </MText>
+                            </TouchableOpacity>
+                            <TouchableOpacity style={$action}>
+                              <IconVideo />
+                              <MText
+                                style={{
+                                  textAlign: 'center',
+                                  fontSize: 10,
+                                  marginTop: 5,
+                                  color: '#333333',
+                                }}
+                              >
+                                Quay video
+                              </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={{
-                                    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',
+                                    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' }}>
-                                  {item?.loanStatus === null ||
-                                  item?.loanStatus === '' ? (
-                                    <MButton
-                                      style={{ alignItems: 'center' }}
-                                      onPress={() => {
-                                        checkTerm(item, () => {
-                                          navigation.dispatch(
-                                            StackActions.push(
-                                              ScreenNames.CIMBxTima,
-                                              {
-                                                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, () => {
-                                          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 />
+                                    <Contract />
+                                    <View style={{ flex: 1, paddingLeft: 8 }}>
                                       <MText
-                                        style={[
-                                          commonStyles.textNormal,
-                                          {
-                                            fontSize: 12,
-                                            fontWeight: '300',
-                                            marginTop: 8,
-                                            textAlign: 'center',
-                                          },
-                                        ]}
+                                        style={commonStyles.textNormalBold}
                                       >
-                                        Mục đích {'\n'}sử dụng
+                                        Mã Đơn vay-{item?.id}
                                       </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 style={commonStyles.textNormal}>
+                                        Số tiền vay (VND):{' '}
+                                        {item?.loanAmountOffer
+                                          ? formatMoney(item?.loanAmountOffer)
+                                          : 'Chưa xác định'}
                                       </MText>
-                                    </MButton>
-                                  )}
-                                </View>
-
-                                {item.messageErrorCIMB !== '' &&
-                                item?.messageErrorCIMB &&
-                                item?.isCimbApproveFull === null ? (
+                                    </View>
+                                  </View>
                                   <View
                                     style={{
-                                      backgroundColor: '#FBEFE7',
-                                      marginHorizontal: -16,
-                                      paddingVertical: 8,
-                                      marginTop: 16,
-                                      borderBottomRightRadius: 8,
-                                      borderBottomLeftRadius: 8,
-                                      paddingHorizontal: 16,
+                                      height: 1,
+                                      backgroundColor: '#E0E0E0',
+                                      marginVertical: 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,
-                                            }}
-                                          >
-                                            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,
+                                      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,
                                                       }
                                                     )
                                                   );
-                                                });
-                                              }}
-                                            >
-                                              <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={() => {
-                                                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',
-                                              }}
+                                            <AddInfo />
+                                            <MText
+                                              style={[
+                                                commonStyles.textNormal,
+                                                {
+                                                  fontSize: 12,
+                                                  fontWeight: '300',
+                                                  marginTop: 8,
+                                                  textAlign: '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,
-                                                    }}
-                                                  >
-                                                    Liên hệ
-                                                  </MText>
-                                                </LinearGradient>
-                                              </TouchableOpacity>
-                                            </View>
-                                          </View>
+                                              Hoàn thiện{'\n'}cung cấp thông tin
+                                            </MText>
+                                          </TouchableOpacity>
                                         ) : (
                                           <View
-                                            style={{
-                                              flexDirection: 'row',
-                                              alignItems: 'center',
-                                              backgroundColor: '#FBEFE7',
-                                              marginHorizontal: -16,
-                                              paddingVertical: 8,
-                                              marginTop: 16,
-                                              borderBottomRightRadius: 8,
-                                              borderBottomLeftRadius: 8,
-                                              paddingHorizontal: 16,
-                                            }}
+                                            style={{ alignItems: 'center' }}
                                           >
-                                            <Info />
+                                            <AddInfoDisable />
                                             <MText
                                               style={[
+                                                commonStyles.textNormal,
                                                 {
+                                                  fontSize: 12,
                                                   fontWeight: '300',
-                                                  fontSize: 10,
-                                                  fontStyle: 'italic',
-                                                  color: '#333333',
-                                                  marginLeft: 8,
+                                                  marginTop: 8,
+                                                  textAlign: 'center',
                                                 },
                                               ]}
                                             >
-                                              {item?.suggestion
-                                                ? item?.suggestion
-                                                : 'Thực hiện đầy đủ các bước để giải ngân nhanh nhất'}
+                                              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, () => {
+                                            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>
-                                </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',
-                                    }}
-                                  >
+
+                                  {item.messageErrorCIMB !== '' &&
+                                  item?.messageErrorCIMB &&
+                                  item?.isCimbApproveFull === null ? (
                                     <View
                                       style={{
-                                        flexDirection: 'row',
-                                        alignItems: 'center',
+                                        backgroundColor: '#FBEFE7',
+                                        marginHorizontal: -16,
+                                        paddingVertical: 8,
+                                        marginTop: 16,
+                                        borderBottomRightRadius: 8,
+                                        borderBottomLeftRadius: 8,
+                                        paddingHorizontal: 16,
                                       }}
                                     >
-                                      <Contract />
-                                      <View style={{ flex: 1, paddingLeft: 8 }}>
-                                        <MText
-                                          style={commonStyles.textNormalBold}
+                                      <View
+                                        style={{
+                                          flexDirection: 'row',
+                                          justifyContent: 'space-between',
+                                          alignItems: 'center',
+                                        }}
+                                      >
+                                        <View
+                                          style={{
+                                            flex: 1,
+                                            flexDirection: 'row',
+                                            paddingRight: 20,
+                                          }}
                                         >
-                                          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>
+                                          <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,
+                                              }}
+                                            >
+                                              Liên hệ
+                                            </MText>
+                                          </LinearGradient>
+                                        </TouchableOpacity>
                                       </View>
                                     </View>
-                                    <View
-                                      style={{
-                                        height: 1,
-                                        backgroundColor: '#E0E0E0',
-                                        marginVertical: 16,
-                                      }}
-                                    />
+                                  ) : (
                                     <View
                                       style={{
                                         flexDirection: 'row',
-                                        justifyContent: 'space-between',
+                                        alignItems: 'center',
+                                        backgroundColor: '#FBEFE7',
+                                        marginHorizontal: -16,
+                                        paddingVertical: 8,
+                                        marginTop: 16,
+                                        borderBottomRightRadius: 8,
+                                        borderBottomLeftRadius: 8,
+                                        paddingHorizontal: 16,
                                       }}
                                     >
-                                      <MText style={commonStyles.textNormal}>
-                                        Trạng thái
-                                      </MText>
+                                      <Info />
                                       <MText
                                         style={[
-                                          commonStyles.textNormalBold,
-                                          { color: '#F05123' },
+                                          {
+                                            fontWeight: '300',
+                                            fontSize: 10,
+                                            fontStyle: 'italic',
+                                            color: '#333333',
+                                            marginLeft: 8,
+                                          },
                                         ]}
                                       >
-                                        {item?.loanStatus}
+                                        {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={{
-                                        height: 0.5,
-                                        backgroundColor: '#E0E0E0',
-                                        marginVertical: 16,
+                                        backgroundColor: '#FFFFFF',
+                                        paddingHorizontal: 16,
+                                        paddingTop: 16,
+                                        borderRadius: 8,
+                                        borderWidth: 0.5,
+                                        borderColor: '#E0E0E0',
                                       }}
-                                    />
-                                    <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,
-                                                    }
-                                                  )
-                                                );
-                                              }
-                                            });
-                                          }}
+                                    >
+                                      <View
+                                        style={{
+                                          flexDirection: 'row',
+                                          alignItems: 'center',
+                                        }}
+                                      >
+                                        <Contract />
+                                        <View
+                                          style={{ flex: 1, paddingLeft: 8 }}
                                         >
-                                          <AddInfo />
                                           <MText
-                                            style={[
-                                              commonStyles.textNormal,
-                                              {
-                                                fontSize: 12,
-                                                fontWeight: '300',
-                                                marginTop: 8,
-                                                textAlign: 'center',
-                                              },
-                                            ]}
+                                            style={commonStyles.textNormalBold}
                                           >
-                                            Hoàn thiện{'\n'}cung cấp thông tin
+                                            Đơn vay {item?.id}
                                           </MText>
-                                        </TouchableOpacity>
-                                      ) : (
-                                        <View style={{ alignItems: 'center' }}>
-                                          <AddInfoDisable />
                                           <MText
-                                            style={[
-                                              commonStyles.textNormal,
-                                              {
-                                                fontSize: 12,
-                                                fontWeight: '300',
-                                                marginTop: 8,
-                                                textAlign: 'center',
-                                              },
-                                            ]}
+                                            style={commonStyles.textNormal}
                                           >
-                                            Hoàn thiện{'\n'}cung cấp thông tin
+                                            Số tiền vay (VND):{' '}
+                                            {item?.loanAmount
+                                              ? formatMoney(item?.loanAmount)
+                                              : 'Chưa xác định'}
                                           </MText>
                                         </View>
-                                      )}
-                                      {item?.isSignContract && (
+                                      </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={{
-                                            alignItems: 'center',
-                                            marginLeft: 20,
+                                            marginTop: 14,
+                                            marginBottom: 16,
                                           }}
                                           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ờ?'
-                                                );
-                                              }
+                                              navigation.push(
+                                                'DigitalLending',
+                                                item
+                                              );
                                             });
                                           }}
                                         >
-                                          <IconSign2 />
-                                          <MText
-                                            style={[
-                                              commonStyles.textNormal,
-                                              {
-                                                fontSize: 12,
-                                                fontWeight: '300',
-                                                marginTop: 8,
-                                              },
-                                            ]}
+                                          <LinearGradient
+                                            style={{
+                                              height: 36,
+                                              borderRadius: 30,
+                                              paddingHorizontal: 20,
+                                              flexDirection: 'row',
+                                              alignItems: 'center',
+                                            }}
+                                            colors={['#FF8E4F', '#EF592E']}
                                           >
-                                            Ký hợp đồng
-                                          </MText>
+                                            <UpdateIcon />
+                                            <MText
+                                              style={{
+                                                color: 'white',
+                                                marginLeft: 10,
+                                              }}
+                                            >
+                                              Hoàn thiện hồ sơ
+                                            </MText>
+                                          </LinearGradient>
                                         </TouchableOpacity>
-                                      )}
-                                      {item?.isSignContractTima && (
-                                        <TouchableOpacity
-                                          style={{
-                                            alignItems: 'center',
-                                            marginLeft: 20,
-                                          }}
-                                          onPress={() => {
-                                            checkTerm(item, () => {
-                                              navigation.dispatch(
-                                                StackActions.push(
-                                                  ScreenNames.ViewContract,
+                                      ) : (
+                                        <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,
+                                                        }
+                                                      )
+                                                    );
+                                                  });
+                                                }}
+                                              >
+                                                <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, () => {
+                                                    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={() => {
+                                                  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,
+                                                      }}
+                                                    >
+                                                      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={[
                                                   {
-                                                    loan: item,
-                                                  }
-                                                )
-                                              );
-                                            });
-                                          }}
+                                                    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 }}
                                         >
-                                          <ContractTimeIcon />
                                           <MText
-                                            style={[
-                                              commonStyles.textNormal,
-                                              {
-                                                fontSize: 12,
-                                                fontWeight: '300',
-                                                marginTop: 8,
-                                                textAlign: 'center',
-                                              },
-                                            ]}
+                                            style={commonStyles.textNormalBold}
                                           >
-                                            Hợp đồng{'\n'}dịch vụ
+                                            Mã Đơn vay-{item?.id}
                                           </MText>
-                                        </TouchableOpacity>
-                                      )}
-                                      {item?.paymentEvidenceUrl && (
-                                        <TouchableOpacity
-                                          style={{
-                                            alignItems: 'center',
-                                            marginLeft: 20,
-                                          }}
-                                          onPress={() => {
-                                            checkTerm(item, () => {
+                                          <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={{
+                                              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>
+                                          </TouchableOpacity>
+                                        )}
+                                        {item?.isSignContractTima && (
+                                          <TouchableOpacity
+                                            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>
+                                          </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.PaymentEvidence,
+                                                  ScreenNames.SchedulePayment,
                                                   {
-                                                    url: item?.paymentEvidenceUrl,
+                                                    loan: 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.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>
-                                )}
+                                      <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>
-                          )}
-                        </View>
-                      ) : (
-                        <Observer>
-                          {() => (
-                            <View>
-                              <View
-                                style={{
-                                  backgroundColor: '#FFFFFF',
-                                  paddingHorizontal: 16,
-                                  paddingTop: 16,
-                                  borderRadius: 8,
-                                  borderWidth: 0.5,
-                                  borderColor: '#E0E0E0',
-                                }}
-                              >
+                            )}
+                          </View>
+                        ) : (
+                          <Observer>
+                            {() => (
+                              <View>
                                 <View
                                   style={{
-                                    flexDirection: 'row',
-                                    alignItems: 'center',
+                                    backgroundColor: '#FFFFFF',
+                                    paddingHorizontal: 16,
+                                    paddingTop: 16,
+                                    borderRadius: 8,
+                                    borderWidth: 0.5,
+                                    borderColor: '#E0E0E0',
                                   }}
                                 >
-                                  <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
+                                    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>
-                                <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' },
-                                    ]}
+                                  <View
+                                    style={{
+                                      height: 1,
+                                      backgroundColor: '#E0E0E0',
+                                      marginVertical: 16,
+                                    }}
+                                  />
+                                  <View
+                                    style={{
+                                      flexDirection: 'row',
+                                      justifyContent: 'space-between',
+                                      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,
-                                              }
-                                            )
-                                          );
-                                        });
-                                      }}
+                                    <MText style={commonStyles.textNormal}>
+                                      Trạng thái
+                                    </MText>
+                                    <MText
+                                      style={[
+                                        commonStyles.textNormalBold,
+                                        { color: '#F05123' },
+                                      ]}
                                     >
-                                      <AddInfo />
-                                      <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={() => {
+                                      {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',
@@ -1881,22 +2178,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,
@@ -1907,95 +2225,47 @@ 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>
+                            )}
+                          </Observer>
+                        )}
+                      </View>
+                    )}
                   </View>
                 ))}
               </View>