react-native-timacare 0.0.8 → 0.0.10

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

@@ -3,6 +3,7 @@ import React, { useEffect, useState } from 'react';
 import {
   ActivityIndicator,
   Alert,
+  Dimensions,
   Image,
   ImageBackground,
   Platform,
@@ -24,11 +25,13 @@ import { ScreenNames } from '../../navigation';
 import {
   AddInfo,
   AddInfoDisable,
+  Call,
   CIMBSmall,
   CloseIcon,
   Contract,
   ContractActive,
   ContractTimeIcon,
+  IconBackWhite,
   IconEviden,
   IconNavClose,
   IconNotify,
@@ -60,6 +63,8 @@ import {
 } from 'react-native-permissions';
 import appStore from '../../AppStore';
 import Modal from 'react-native-modal';
+import { Api } from '../../services/api';
+import { load, save } from '../../utils/storage';
 
 const listBanners = [
   require('../../assets/img/banner1.png'),
@@ -69,23 +74,35 @@ const listBanners = [
 export const Home = observer(function Home() {
   const navigation = useNavigation();
   const [showModal, setShowModal] = useState(false);
+  const [showModal2, setShowModal2] = useState(false);
+
   const onRefresh = () => {
     homeStore.getListLoan();
-    homeStore.getListLoanPending((loan) => {
+    homeStore.getListLoanPending(async (loan) => {
       homeStore.getCheckEKYC({ loanBriefId: loan.id });
-      if (loan.messageErrorCIMB !== '' && loan?.messageErrorCIMB) {
+      if (
+        loan.messageErrorCIMB !== '' &&
+        loan?.messageErrorCIMB &&
+        loan?.isCimbApproveFull === null
+      ) {
         setShowModal(true);
       }
+      if (loan?.typeLoan === 4 && loan?.isCimbApproveFull !== null) {
+        const checkShow = await load(`SHOW_${loan?.id}`);
+        if (!checkShow) {
+          setShowModal2(true);
+        }
+      }
     });
   };
   useEffect(() => {
     onRefresh();
   }, []);
 
-  useEffect(() => {
-    FullSubmitStore.getTypeMerried();
-    FullSubmitStore.getListBank();
-  }, []);
+  // useEffect(() => {
+  //   FullSubmitStore.getTypeMerried();
+  //   FullSubmitStore.getListBank();
+  // }, []);
 
   useEffect(() => {
     return navigation.addListener('focus', () => {
@@ -215,85 +232,93 @@ export const Home = observer(function Home() {
     <View
       style={[commonStyles.fill, { zIndex: 1, backgroundColor: '#FFFFFF' }]}
     >
-      <StatusBar barStyle={'light-content'} />
-      {homeStore.isLoading ? (
-        <View
-          style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}
+      <LinearGradient colors={['#FF8E4F', '#EF592E']}>
+        <SafeAreaView
+          style={{
+            flexDirection: 'row',
+            justifyContent: 'center',
+            paddingHorizontal: 16,
+            alignItems: 'center',
+            height: 60,
+          }}
         >
-          <ActivityIndicator size={'small'} color={color.primary} />
-        </View>
-      ) : (
-        <>
-          <SafeAreaView>
-            <LinearGradient colors={['#FF8E4F', '#EF592E']}>
-              <View
-                style={{
-                  flexDirection: 'row',
-                  justifyContent: 'space-between',
-                  paddingHorizontal: 16,
-                  paddingVertical: 16,
-                  alignItems: 'center',
-                }}
-              >
-                <MText
-                  style={{
-                    fontWeight: 'bold',
-                    color: 'white',
-                    fontSize: 16,
-                  }}
-                >
-                  Vay nhanh 24/7
-                </MText>
-                <TouchableOpacity
-                  style={{
-                    width: 32,
-                    height: 32,
-                    borderRadius: 20,
-                    justifyContent: 'center',
-                    alignItems: 'center',
-                    borderWidth: 1,
-                    borderColor: 'white',
-                  }}
-                  onPress={() => {
-                    navigation.push(ScreenNames.PaymentEvidence);
-                  }}
-                >
-                  <CloseIcon />
-                </TouchableOpacity>
-              </View>
-            </LinearGradient>
-          </SafeAreaView>
-          <ScrollView
-            refreshControl={
-              <RefreshControl
-                refreshing={homeStore.isLoading}
-                onRefresh={onRefresh}
-              />
-            }
-            style={{ flex: 1, marginBottom: 16 }}
+          <TouchableOpacity
+            style={{
+              height: 32,
+              width: 32,
+              borderRadius: 30,
+              alignItems: 'center',
+              justifyContent: 'center',
+              position: 'absolute',
+              left: 16,
+            }}
+            onPress={() => {
+              // Linking.openURL()
+              navigation.pop();
+            }}
+          >
+            <IconBackWhite />
+          </TouchableOpacity>
+          <MText
+            style={{
+              fontWeight: 'bold',
+              color: 'white',
+              fontSize: 16,
+            }}
+          >
+            Vay nhanh 24/7
+          </MText>
+
+          <TouchableOpacity
+            style={{
+              height: 32,
+              width: 32,
+              borderRadius: 30,
+              borderWidth: 1,
+              borderColor: 'white',
+              alignItems: 'center',
+              justifyContent: 'center',
+              position: 'absolute',
+              right: 16,
+            }}
+            onPress={() => {
+              navigation.push(ScreenNames.PaymentEvidence);
+            }}
           >
-            <View
-              style={[
-                commonStyles.fill,
-                { backgroundColor: 'white', padding: 16 },
-              ]}
+            <Call />
+          </TouchableOpacity>
+        </SafeAreaView>
+      </LinearGradient>
+      <ScrollView
+        refreshControl={
+          <RefreshControl
+            refreshing={homeStore.isLoading}
+            onRefresh={onRefresh}
+          />
+        }
+        style={{ flex: 1, marginBottom: 16 }}
+      >
+        <View
+          style={[commonStyles.fill, { backgroundColor: 'white', padding: 16 }]}
+        >
+          <View>
+            <MText
+              style={{ fontSize: 16, fontWeight: 'bold', marginBottom: 16 }}
             >
-              <View>
-                <MText
-                  style={{ fontSize: 16, fontWeight: 'bold', marginBottom: 16 }}
-                >
-                  Danh sách đơn mới
+              Danh sách đơn mới
+            </MText>
+            {!homeStore.listLoanPending ? (
+              <View style={{ alignItems: 'center', marginTop: 20 }}>
+                <MText style={[commonStyles.textNormal]}>
+                  Không có đơn vay
                 </MText>
-                {!homeStore.listLoanPending ? (
-                  <View style={{ alignItems: 'center', marginTop: 20 }}>
-                    <MText style={[commonStyles.textNormal]}>
-                      Không có đơn vay
-                    </MText>
-                  </View>
-                ) : (
-                  <>
-                    {homeStore.listLoanPending &&
-                    homeStore.listLoanPending?.isPipelineCIMB ? (
+              </View>
+            ) : (
+              <>
+                {homeStore.listLoanPending &&
+                homeStore.listLoanPending?.isPipelineCIMB ? (
+                  <View>
+                    {homeStore.listLoanPending?.typeLoan === 4 ? (
                       <View
                         style={{
                           backgroundColor: '#FFFFFF',
@@ -358,36 +383,16 @@ export const Home = observer(function Home() {
                           }}
                         />
                         <View style={{ flexDirection: 'row' }}>
-                          {homeStore?.listLoanPending?.isUpdateLoan ||
-                          homeStore?.listLoanPending?.isUpdateInformation ? (
+                          {homeStore.listLoanPending?.loanStatus === null ||
+                          homeStore.listLoanPending?.loanStatus === '' ? (
                             <TouchableOpacity
                               style={{ alignItems: 'center' }}
                               onPress={() => {
-                                if (
-                                  homeStore.listLoanPending?.loanStatus ===
-                                    null ||
-                                  homeStore.listLoanPending?.loanStatus === ''
-                                ) {
-                                  navigation.dispatch(
-                                    StackActions.push(ScreenNames.CIMBxTima, {
-                                      loan: homeStore.listLoanPending,
-                                    })
-                                  );
-                                } else if (
-                                  homeStore.listLoanPending?.isUpdateLoan
-                                ) {
-                                  navigation.dispatch(
-                                    StackActions.push(ScreenNames.CimbSelfie, {
-                                      loan: homeStore.listLoanPending,
-                                    })
-                                  );
-                                } else {
-                                  navigation.dispatch(
-                                    StackActions.push(ScreenNames.QuickSubmit, {
-                                      loan: homeStore.listLoanPending,
-                                    })
-                                  );
-                                }
+                                navigation.dispatch(
+                                  StackActions.push(ScreenNames.CIMBxTima, {
+                                    loan: homeStore.listLoanPending,
+                                  })
+                                );
                               }}
                             >
                               <AddInfo />
@@ -406,23 +411,72 @@ export const Home = observer(function Home() {
                               </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>
+                              {homeStore?.listLoanPending?.isUpdateLoan ||
+                              homeStore?.listLoanPending
+                                ?.isUpdateInformation ? (
+                                <TouchableOpacity
+                                  style={{ alignItems: 'center' }}
+                                  onPress={() => {
+                                    if (
+                                      homeStore.listLoanPending?.isUpdateLoan
+                                    ) {
+                                      navigation.dispatch(
+                                        StackActions.push(
+                                          ScreenNames.CimbSelfie,
+                                          {
+                                            loan: homeStore.listLoanPending,
+                                          }
+                                        )
+                                      );
+                                    } else {
+                                      navigation.dispatch(
+                                        StackActions.push(
+                                          ScreenNames.QuickSubmit,
+                                          {
+                                            loan: homeStore.listLoanPending,
+                                          }
+                                        )
+                                      );
+                                    }
+                                  }}
+                                >
+                                  <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>
                           )}
+
                           {homeStore.listLoanPending?.isSignContract && (
                             <TouchableOpacity
                               style={{
@@ -591,368 +645,744 @@ export const Home = observer(function Home() {
                         </View>
                       </View>
                     ) : (
-                      <View
-                        style={{
-                          backgroundColor: '#FFFFFF',
-                          paddingHorizontal: 16,
-                          paddingTop: 16,
-                          borderRadius: 8,
-                          borderWidth: 0.5,
-                          borderColor: '#E0E0E0',
-                        }}
-                      >
-                        <View
-                          style={{ flexDirection: 'row', alignItems: 'center' }}
-                        >
-                          <Contract />
-                          <View style={{ flex: 1, paddingLeft: 8 }}>
-                            <MText style={commonStyles.textNormalBold}>
-                              Đơn vay {homeStore.listLoanPending?.id}
-                            </MText>
-                            <MText style={commonStyles.textNormal}>
-                              Số tiền vay (VND):{' '}
-                              {homeStore.listLoanPending?.loanAmount
-                                ? formatMoney(
-                                    homeStore.listLoanPending?.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' },
-                            ]}
+                      <View>
+                        {homeStore.listLoanPending?.loanStatus !== null &&
+                        homeStore.listLoanPending?.loanStatus !== '' ? (
+                          <View
+                            style={{
+                              backgroundColor: '#FFFFFF',
+                              paddingHorizontal: 16,
+                              paddingTop: 16,
+                              borderRadius: 8,
+                              borderWidth: 0.5,
+                              borderColor: '#E0E0E0',
+                            }}
                           >
-                            {homeStore?.listLoanPending?.loanStatus}
-                          </MText>
-                        </View>
-                        <View
-                          style={{
-                            height: 0.5,
-                            backgroundColor: '#E0E0E0',
-                            marginVertical: 16,
-                          }}
-                        />
-                        <View style={{ flexDirection: 'row' }}>
-                          {!homeStore.checkEKYC[
-                            homeStore.listLoanPending?.id
-                          ] ? (
-                            <TouchableOpacity
-                              style={{ alignItems: 'center' }}
-                              onPress={() => {
-                                navigation.dispatch(
-                                  StackActions.push(ScreenNames.NationalID, {
-                                    loan: homeStore.listLoanPending,
-                                    reLoan: true,
-                                  })
-                                );
+                            <View
+                              style={{
+                                flexDirection: 'row',
+                                alignItems: 'center',
                               }}
                             >
-                              <AddInfo />
+                              <Contract />
+                              <View style={{ flex: 1, paddingLeft: 8 }}>
+                                <MText style={commonStyles.textNormalBold}>
+                                  Mã Đơn vay-{homeStore.listLoanPending?.id}
+                                </MText>
+                                <MText style={commonStyles.textNormal}>
+                                  Số tiền vay (VND):{' '}
+                                  {homeStore.listLoanPending?.loanAmountOffer
+                                    ? formatMoney(
+                                        homeStore.listLoanPending
+                                          ?.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.textNormal,
-                                  {
-                                    fontSize: 12,
-                                    fontWeight: '300',
-                                    marginTop: 8,
-                                  },
+                                  commonStyles.textNormalBold,
+                                  { color: '#F05123' },
                                 ]}
                               >
-                                EKYC
+                                {homeStore?.listLoanPending?.loanStatus}
                               </MText>
-                            </TouchableOpacity>
-                          ) : (
-                            <View style={{ alignItems: 'center' }}>
-                              <AddInfoDisable />
+                            </View>
+                            <View
+                              style={{
+                                height: 0.5,
+                                backgroundColor: '#E0E0E0',
+                                marginVertical: 16,
+                              }}
+                            />
+                            <View style={{ flexDirection: 'row' }}>
+                              {homeStore?.listLoanPending?.isUpdateLoan ||
+                              homeStore?.listLoanPending
+                                ?.isUpdateInformation ? (
+                                <TouchableOpacity
+                                  style={{ alignItems: 'center' }}
+                                  onPress={() => {
+                                    if (
+                                      homeStore.listLoanPending?.isUpdateLoan
+                                    ) {
+                                      navigation.dispatch(
+                                        StackActions.push(
+                                          ScreenNames.CimbSelfie,
+                                          {
+                                            loan: homeStore.listLoanPending,
+                                          }
+                                        )
+                                      );
+                                    } else {
+                                      navigation.dispatch(
+                                        StackActions.push(
+                                          ScreenNames.QuickSubmit,
+                                          {
+                                            loan: homeStore.listLoanPending,
+                                          }
+                                        )
+                                      );
+                                    }
+                                  }}
+                                >
+                                  <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>
+                              )}
+                              {homeStore.listLoanPending?.isSignContract && (
+                                <TouchableOpacity
+                                  style={{
+                                    alignItems: 'center',
+                                    marginLeft: 20,
+                                  }}
+                                  onPress={() => {
+                                    if (
+                                      homeStore.listLoanPending?.urlSignContract
+                                    ) {
+                                      navigation.dispatch(
+                                        StackActions.push(
+                                          ScreenNames.CIMBSign,
+                                          {
+                                            url: homeStore.listLoanPending
+                                              ?.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>
+                              )}
+                              {homeStore.listLoanPending
+                                ?.isSignContractTima && (
+                                <TouchableOpacity
+                                  style={{
+                                    alignItems: 'center',
+                                    marginLeft: 20,
+                                  }}
+                                  onPress={() => {
+                                    navigation.dispatch(
+                                      StackActions.push(
+                                        ScreenNames.ViewContract,
+                                        {
+                                          loan: homeStore.listLoanPending,
+                                        }
+                                      )
+                                    );
+                                  }}
+                                >
+                                  <ContractTimeIcon />
+                                  <MText
+                                    style={[
+                                      commonStyles.textNormal,
+                                      {
+                                        fontSize: 12,
+                                        fontWeight: '300',
+                                        marginTop: 8,
+                                        textAlign: 'center',
+                                      },
+                                    ]}
+                                  >
+                                    Hợp đồng{'\n'}dịch vụ
+                                  </MText>
+                                </TouchableOpacity>
+                              )}
+                              {homeStore.listLoanPending
+                                ?.paymentEvidenceUrl && (
+                                <TouchableOpacity
+                                  style={{
+                                    alignItems: 'center',
+                                    marginLeft: 20,
+                                  }}
+                                  onPress={() => {
+                                    navigation.dispatch(
+                                      StackActions.push(
+                                        ScreenNames.PaymentEvidence,
+                                        {
+                                          url: homeStore.listLoanPending
+                                            ?.paymentEvidenceUrl,
+                                        }
+                                      )
+                                    );
+                                  }}
+                                >
+                                  <IconEviden />
+                                  <MText
+                                    style={[
+                                      commonStyles.textNormal,
+                                      {
+                                        fontSize: 12,
+                                        fontWeight: '300',
+                                        marginTop: 8,
+                                        textAlign: 'center',
+                                      },
+                                    ]}
+                                  >
+                                    Mục đích {'\n'}sử dụng
+                                  </MText>
+                                </TouchableOpacity>
+                              )}
+                              {homeStore.listLoanPending?.showPaymentPlan && (
+                                <TouchableOpacity
+                                  style={{
+                                    alignItems: 'center',
+                                    marginLeft: 20,
+                                  }}
+                                  onPress={() => {
+                                    navigation.dispatch(
+                                      StackActions.push(
+                                        ScreenNames.SchedulePayment,
+                                        {
+                                          loan: homeStore.listLoanPending,
+                                        }
+                                      )
+                                    );
+                                  }}
+                                >
+                                  <IconSchedule />
+                                  <MText
+                                    style={[
+                                      commonStyles.textNormal,
+                                      {
+                                        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={[
-                                  commonStyles.textNormal,
                                   {
-                                    fontSize: 12,
                                     fontWeight: '300',
-                                    marginTop: 8,
+                                    fontSize: 10,
+                                    fontStyle: 'italic',
+                                    color: '#333333',
+                                    marginLeft: 8,
                                   },
                                 ]}
                               >
-                                EKYC
+                                {homeStore.listLoanPending?.suggestion
+                                  ? homeStore.listLoanPending?.suggestion
+                                  : 'Thực hiện đầy đủ các bước để giải ngân nhanh nhất'}
                               </MText>
                             </View>
-                          )}
-
-                          <TouchableOpacity
-                            style={{ alignItems: 'center', marginLeft: 20 }}
-                            onPress={() => {
-                              navigation.dispatch(
-                                StackActions.push(ScreenNames.Video, {
-                                  loan: homeStore.listLoanPending,
-                                })
-                              );
-                            }}
+                          </View>
+                        ) : (
+                          <ImageBackground
+                            source={require('../../assets/img/bann.png')}
+                            style={{ flex: 1, padding: 16 }}
+                            resizeMode="cover"
+                            height={220}
+                            borderRadius={8}
                           >
-                            <IconVideo />
                             <MText
-                              style={[
-                                commonStyles.textNormal,
-                                {
-                                  fontSize: 12,
-                                  fontWeight: '300',
-                                  marginTop: 8,
-                                },
-                              ]}
+                              style={{
+                                color: '#333333',
+                                fontWeight: 'bold',
+                                fontSize: 12,
+                              }}
                             >
-                              Quay video
+                              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(
+                                homeStore.listLoanPending?.loanAmount
+                              )}{' '}
+                              VND
                             </MText>
-                          </TouchableOpacity>
-
-                          {homeStore.checkEKYC[
-                            homeStore.listLoanPending?.id
-                          ] ? (
                             <TouchableOpacity
-                              style={{ alignItems: 'center', marginLeft: 20 }}
                               onPress={() => {
-                                signLoan(homeStore.listLoanPending);
+                                navigation.dispatch(
+                                  StackActions.push(ScreenNames.CIMBxTima, {
+                                    loan: homeStore.listLoanPending,
+                                  })
+                                );
                               }}
                             >
-                              <IconSign2 />
-                              <MText
-                                style={[
-                                  commonStyles.textNormal,
-                                  {
-                                    fontSize: 12,
-                                    fontWeight: '300',
-                                    marginTop: 8,
-                                  },
-                                ]}
+                              <LinearGradient
+                                colors={['#FF7A00', '#EF4123']}
+                                style={{
+                                  backgroundColor: '#F36D21cd ',
+                                  marginTop: 12,
+                                  alignItems: 'center',
+                                  borderRadius: 30,
+                                  paddingVertical: 10,
+                                  width: '50%',
+                                }}
                               >
-                                Ký HĐ
-                              </MText>
+                                <MText
+                                  style={{
+                                    color: '#FFFFFF',
+                                    fontWeight: 'bold',
+                                  }}
+                                >
+                                  Hoàn thiện hồ sơ
+                                </MText>
+                              </LinearGradient>
                             </TouchableOpacity>
-                          ) : (
                             <View
-                              style={{ alignItems: 'center', marginLeft: 20 }}
+                              style={{
+                                flexDirection: 'row',
+                                alignItems: 'center',
+                                alignContent: 'center',
+                                marginTop: 16,
+                              }}
                             >
-                              <SignDisable />
-                              <MText
-                                style={[
-                                  commonStyles.textNormal,
-                                  {
-                                    fontSize: 12,
-                                    fontWeight: '300',
-                                    marginTop: 8,
-                                  },
-                                ]}
-                              >
-                                Ký HĐ
+                              <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>
-                          )}
-                        </View>
-                        <View
-                          style={{
-                            flexDirection: 'row',
-                            alignItems: 'center',
-                            backgroundColor: '#FBEFE7',
-                            marginHorizontal: -16,
-                            paddingVertical: 8,
-                            marginTop: 16,
-                            borderBottomRightRadius: 8,
-                            borderBottomLeftRadius: 8,
-                            paddingHorizontal: 16,
+                          </ImageBackground>
+                        )}
+                      </View>
+                    )}
+                  </View>
+                ) : (
+                  <View
+                    style={{
+                      backgroundColor: '#FFFFFF',
+                      paddingHorizontal: 16,
+                      paddingTop: 16,
+                      borderRadius: 8,
+                      borderWidth: 0.5,
+                      borderColor: '#E0E0E0',
+                    }}
+                  >
+                    <View
+                      style={{ flexDirection: 'row', alignItems: 'center' }}
+                    >
+                      <Contract />
+                      <View style={{ flex: 1, paddingLeft: 8 }}>
+                        <MText style={commonStyles.textNormalBold}>
+                          Đơn vay {homeStore.listLoanPending?.id}
+                        </MText>
+                        <MText style={commonStyles.textNormal}>
+                          Số tiền vay (VND):{' '}
+                          {homeStore.listLoanPending?.loanAmount
+                            ? formatMoney(homeStore.listLoanPending?.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' },
+                        ]}
+                      >
+                        {homeStore?.listLoanPending?.loanStatus}
+                      </MText>
+                    </View>
+                    <View
+                      style={{
+                        height: 0.5,
+                        backgroundColor: '#E0E0E0',
+                        marginVertical: 16,
+                      }}
+                    />
+                    <View style={{ flexDirection: 'row' }}>
+                      {!homeStore.checkEKYC[homeStore.listLoanPending?.id] ? (
+                        <TouchableOpacity
+                          style={{ alignItems: 'center' }}
+                          onPress={() => {
+                            navigation.dispatch(
+                              StackActions.push(ScreenNames.NationalID, {
+                                loan: homeStore.listLoanPending,
+                                reLoan: true,
+                              })
+                            );
                           }}
                         >
-                          <Info />
+                          <AddInfo />
                           <MText
                             style={[
+                              commonStyles.textNormal,
                               {
+                                fontSize: 12,
                                 fontWeight: '300',
+                                marginTop: 8,
+                              },
+                            ]}
+                          >
+                            EKYC
+                          </MText>
+                        </TouchableOpacity>
+                      ) : (
+                        <View style={{ alignItems: 'center' }}>
+                          <AddInfoDisable />
+                          <MText
+                            style={[
+                              commonStyles.textNormal,
+                              {
                                 fontSize: 12,
-                                fontStyle: 'italic',
-                                color: '#333333',
-                                marginLeft: 8,
+                                fontWeight: '300',
+                                marginTop: 8,
                               },
                             ]}
                           >
-                            Thực hiện đầy đủ các bước để giải ngân nhanh nhất
+                            EKYC
                           </MText>
                         </View>
-                      </View>
-                    )}
-                  </>
-                )}
-              </View>
-              <View>
-                <MText
-                  style={{
-                    fontSize: 16,
-                    fontWeight: 'bold',
-                    marginBottom: 16,
-                    marginTop: 16,
-                  }}
-                >
-                  Danh sách đơn đang vay
-                </MText>
-                {homeStore.listLoan && homeStore.listLoan.length === 0 && (
-                  <View style={{ alignItems: 'center', marginTop: 20 }}>
-                    <MText style={[commonStyles.textNormal]}>
-                      Không có đơn vay
-                    </MText>
-                  </View>
-                )}
-                {homeStore?.listLoan &&
-                  homeStore?.listLoan.map((loan, index) => (
-                    <View key={index}>
+                      )}
+
                       <TouchableOpacity
-                        disabled={
-                          loan?.disbursementPartner === 'CIMB' ? false : true
-                        }
-                        style={{
-                          backgroundColor: '#FFFFFF',
-                          paddingHorizontal: 16,
-                          paddingTop: 16,
-                          borderRadius: 8,
-                          borderWidth: 0.5,
-                          borderColor: '#E0E0E0',
-                          marginBottom: 16,
-                        }}
+                        style={{ alignItems: 'center', marginLeft: 20 }}
                         onPress={() => {
-                          if (loan?.disbursementPartner === 'CIMB') {
-                            navigation.dispatch(
-                              StackActions.push(ScreenNames.DetailLoan, {
-                                loan,
-                              })
-                            );
-                          }
+                          navigation.dispatch(
+                            StackActions.push(ScreenNames.Video, {
+                              loan: homeStore.listLoanPending,
+                            })
+                          );
                         }}
                       >
-                        <View
-                          style={{ flexDirection: 'row', alignItems: 'center' }}
-                        >
-                          <ContractActive />
-                          <View style={{ flex: 1, paddingLeft: 8 }}>
-                            <MText style={commonStyles.textNormalBold}>
-                              Đơn vay-{loan?.id}
-                            </MText>
-                            <MText style={commonStyles.textNormal}>
-                              Số tiền vay (VND): {formatMoney(loan?.loanAmount)}
-                            </MText>
-                          </View>
-                        </View>
-                        <View
-                          style={{
-                            height: 1,
-                            backgroundColor: '#E0E0E0',
-                            marginVertical: 16,
-                          }}
-                        />
-                        <View
-                          style={{
-                            flexDirection: 'row',
-                            justifyContent: 'space-between',
-                          }}
-                        >
-                          <MText style={commonStyles.textNormal}>
-                            Ngày giải ngân
-                          </MText>
-                          <MText style={commonStyles.textNormalBold}>
-                            {formatDDMMYYY(loan?.disbursementAt)}
-                          </MText>
-                        </View>
-                        <View
-                          style={{
-                            height: 0.5,
-                            backgroundColor: '#E0E0E0',
-                            marginVertical: 16,
-                          }}
-                        />
-                        <View
-                          style={{
-                            flexDirection: 'row',
-                            justifyContent: 'space-between',
-                          }}
-                        >
-                          <MText style={commonStyles.textNormal}>
-                            Ngày kết thúc khoản vay
-                          </MText>
-                          <MText style={commonStyles.textNormalBold}>
-                            {formatDDMMYYY(loan?.finishAt)}
-                          </MText>
-                        </View>
-                        <View
-                          style={{
-                            height: 0.5,
-                            backgroundColor: '#E0E0E0',
-                            marginVertical: 16,
-                          }}
-                        />
-                        <View
-                          style={{
-                            flexDirection: 'row',
-                            justifyContent: 'space-between',
-                          }}
+                        <IconVideo />
+                        <MText
+                          style={[
+                            commonStyles.textNormal,
+                            {
+                              fontSize: 12,
+                              fontWeight: '300',
+                              marginTop: 8,
+                            },
+                          ]}
                         >
-                          <MText style={commonStyles.textNormal}>
-                            Ngày đến hạn tiếp theo
-                          </MText>
-                          <MText style={commonStyles.textNormalBold}>
-                            {formatDDMMYYY(loan?.nextDate)}
-                          </MText>
-                        </View>
-                        <View
-                          style={{
-                            flexDirection: 'row',
-                            alignItems: 'center',
-                            backgroundColor: '#EAF5E4',
-                            marginHorizontal: -16,
-                            paddingVertical: 8,
-                            marginTop: 16,
-                            borderBottomRightRadius: 8,
-                            borderBottomLeftRadius: 8,
-                            paddingHorizontal: 16,
+                          Quay video
+                        </MText>
+                      </TouchableOpacity>
+
+                      {homeStore.checkEKYC[homeStore.listLoanPending?.id] ? (
+                        <TouchableOpacity
+                          style={{ alignItems: 'center', marginLeft: 20 }}
+                          onPress={() => {
+                            signLoan(homeStore.listLoanPending);
                           }}
                         >
-                          <Info />
+                          <IconSign2 />
                           <MText
                             style={[
+                              commonStyles.textNormal,
                               {
+                                fontSize: 12,
                                 fontWeight: '300',
+                                marginTop: 8,
+                              },
+                            ]}
+                          >
+                            Ký HĐ
+                          </MText>
+                        </TouchableOpacity>
+                      ) : (
+                        <View style={{ alignItems: 'center', marginLeft: 20 }}>
+                          <SignDisable />
+                          <MText
+                            style={[
+                              commonStyles.textNormal,
+                              {
                                 fontSize: 12,
-                                fontStyle: 'italic',
-                                color: '#333333',
-                                marginLeft: 8,
+                                fontWeight: '300',
+                                marginTop: 8,
                               },
                             ]}
                           >
-                            Thời gian tất toán còn lại là{' '}
-                            {diffDays(new Date(), loan?.finishAt)} ngày
+                            Ký HĐ
                           </MText>
                         </View>
-                      </TouchableOpacity>
+                      )}
                     </View>
-                  ))}
-              </View>
-            </View>
-          </ScrollView>
-        </>
-      )}
+                    <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,
+                          },
+                        ]}
+                      >
+                        Thực hiện đầy đủ các bước để giải ngân nhanh nhất
+                      </MText>
+                    </View>
+                  </View>
+                )}
+              </>
+            )}
+          </View>
+          <View>
+            {homeStore.listLoan && homeStore.listLoan.length > 0 && (
+              <MText
+                style={{
+                  fontSize: 16,
+                  fontWeight: 'bold',
+                  marginBottom: 16,
+                  marginTop: 16,
+                }}
+              >
+                Danh sách đơn đang vay
+              </MText>
+            )}
+            {homeStore?.listLoan &&
+              homeStore?.listLoan.map((loan, index) => (
+                <View key={index}>
+                  <TouchableOpacity
+                    disabled={
+                      loan?.disbursementPartner === 'CIMB' ? false : true
+                    }
+                    style={{
+                      backgroundColor: '#FFFFFF',
+                      paddingHorizontal: 16,
+                      paddingTop: 16,
+                      borderRadius: 8,
+                      borderWidth: 0.5,
+                      borderColor: '#E0E0E0',
+                      marginBottom: 16,
+                    }}
+                    onPress={() => {
+                      if (loan?.disbursementPartner === 'CIMB') {
+                        navigation.dispatch(
+                          StackActions.push(ScreenNames.DetailLoan, {
+                            loan,
+                          })
+                        );
+                      }
+                    }}
+                  >
+                    <View
+                      style={{ flexDirection: 'row', alignItems: 'center' }}
+                    >
+                      <ContractActive />
+                      <View style={{ flex: 1, paddingLeft: 8 }}>
+                        <MText style={commonStyles.textNormalBold}>
+                          Đơn vay-{loan?.id}
+                        </MText>
+                        <MText style={commonStyles.textNormal}>
+                          Số tiền vay (VND): {formatMoney(loan?.loanAmount)}
+                        </MText>
+                      </View>
+                    </View>
+                    <View
+                      style={{
+                        height: 1,
+                        backgroundColor: '#E0E0E0',
+                        marginVertical: 16,
+                      }}
+                    />
+                    <View
+                      style={{
+                        flexDirection: 'row',
+                        justifyContent: 'space-between',
+                      }}
+                    >
+                      <MText style={commonStyles.textNormal}>
+                        Ngày giải ngân
+                      </MText>
+                      <MText style={commonStyles.textNormalBold}>
+                        {formatDDMMYYY(loan?.disbursementAt)}
+                      </MText>
+                    </View>
+                    <View
+                      style={{
+                        height: 0.5,
+                        backgroundColor: '#E0E0E0',
+                        marginVertical: 16,
+                      }}
+                    />
+                    <View
+                      style={{
+                        flexDirection: 'row',
+                        justifyContent: 'space-between',
+                      }}
+                    >
+                      <MText style={commonStyles.textNormal}>
+                        Ngày kết thúc khoản vay
+                      </MText>
+                      <MText style={commonStyles.textNormalBold}>
+                        {formatDDMMYYY(loan?.finishAt)}
+                      </MText>
+                    </View>
+                    <View
+                      style={{
+                        height: 0.5,
+                        backgroundColor: '#E0E0E0',
+                        marginVertical: 16,
+                      }}
+                    />
+                    <View
+                      style={{
+                        flexDirection: 'row',
+                        justifyContent: 'space-between',
+                      }}
+                    >
+                      <MText style={commonStyles.textNormal}>
+                        Ngày đến hạn tiếp theo
+                      </MText>
+                      <MText style={commonStyles.textNormalBold}>
+                        {formatDDMMYYY(loan?.nextDate)}
+                      </MText>
+                    </View>
+                    <View
+                      style={{
+                        flexDirection: 'row',
+                        alignItems: 'center',
+                        backgroundColor: '#EAF5E4',
+                        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,
+                          },
+                        ]}
+                      >
+                        Thời gian tất toán còn lại là{' '}
+                        {diffDays(new Date(), loan?.finishAt)} ngày
+                      </MText>
+                    </View>
+                  </TouchableOpacity>
+                </View>
+              ))}
+          </View>
+        </View>
+      </ScrollView>
+
       <Modal
         isVisible={showModal}
         onDismiss={() => setShowModal(false)}
@@ -986,6 +1416,146 @@ export const Home = observer(function Home() {
           </View>
         </SafeAreaView>
       </Modal>
+      <Modal isVisible={showModal2}>
+        <SafeAreaView style={{ backgroundColor: '#FFFFFF', borderRadius: 8 }}>
+          <View>
+            <Image
+              source={
+                homeStore?.listLoanPending?.isCimbApproveFull === true
+                  ? require('./accept.png')
+                  : require('./reject.png')
+              }
+              resizeMode="stretch"
+              style={{
+                width: '100%',
+                height: (Dimensions.get('window').height / 2) * 0.8,
+              }}
+            />
+            {homeStore?.listLoanPending?.isCimbApproveFull === true ? (
+              <View style={{ padding: 24 }}>
+                <MText
+                  style={{
+                    textAlign: 'center',
+                    fontWeight: 'bold',
+                    fontSize: 16,
+                  }}
+                >
+                  Chúc mừng bạn!
+                </MText>
+                <MText
+                  style={[
+                    commonStyles.textNormal,
+                    { textAlign: 'center', color: '#828282', marginTop: 8 },
+                  ]}
+                >
+                  Bạn đã được phê duyệt khoản vay từ CIMB với số tiền là{' '}
+                  {formatMoney(homeStore?.listLoanPending?.loanAmount)} VNĐ!
+                </MText>
+                <View
+                  style={{
+                    flexDirection: 'row',
+                    justifyContent: 'center',
+                    marginTop: 24,
+                  }}
+                >
+                  <TouchableOpacity
+                    style={{
+                      borderWidth: 1,
+                      borderColor: color.primary,
+                      borderRadius: 30,
+                      paddingHorizontal: 48,
+                      paddingVertical: 8,
+                    }}
+                    onPress={() => {
+                      setShowModal2(false);
+                      navigation.push(ScreenNames.AcceptPolicy, {
+                        loan: homeStore?.listLoanPending,
+                        isCimb: true,
+                      });
+                    }}
+                  >
+                    <MText style={{ color: color.primary }}>Xác nhận</MText>
+                  </TouchableOpacity>
+                </View>
+                <TouchableOpacity
+                  style={{
+                    flexDirection: 'row',
+                    justifyContent: 'center',
+                    marginTop: 8,
+                  }}
+                  onPress={async () => {
+                    const response = await Api.getInstance().customerCancel({
+                      LoanBriefId: homeStore?.listLoanPending?.id,
+                    });
+                    if (response.kind === 'ok') {
+                      if (response.data.meta.errorCode === 200) {
+                        setShowModal2(false);
+                        const key = `SHOW_${homeStore.listLoanPending.id}`;
+                        save(key, true);
+                        Alert.alert('Thông báo', 'Huỷ đơn thành công');
+                        onRefresh();
+                      }
+                    } else {
+                      Alert.alert('Có lỗi xảy ra. Vui lòng thử lại sau!');
+                    }
+                  }}
+                >
+                  <MText style={{ color: '#BDBDBD' }}>Huỷ</MText>
+                </TouchableOpacity>
+              </View>
+            ) : (
+              <View style={{ padding: 24 }}>
+                <MText
+                  style={{
+                    color: color.primary,
+                    textAlign: 'center',
+                    fontWeight: 'bold',
+                  }}
+                >
+                  Hồ sơ của bạn chưa thỏa mãn điều kiện cho vay của ngân hàng
+                  CIMB
+                </MText>
+                <MText
+                  style={{
+                    textAlign: 'center',
+                    marginTop: 8,
+                    fontSize: 12,
+                  }}
+                >
+                  Bạn vui lòng hoàn thiện các bước tiếp theo để được giới thiệu
+                  vay qua nhà đầu tư khác.
+                </MText>
+                <View
+                  style={{
+                    flexDirection: 'row',
+                    justifyContent: 'center',
+                    marginTop: 24,
+                  }}
+                >
+                  <TouchableOpacity
+                    style={{
+                      borderWidth: 1,
+                      borderColor: color.primary,
+                      borderRadius: 30,
+                      paddingHorizontal: 48,
+                      paddingVertical: 8,
+                    }}
+                    onPress={() => {
+                      setShowModal2(false);
+                      navigation.push(ScreenNames.AcceptPolicy, {
+                        loan: homeStore?.listLoanPending,
+                        isCimb: false,
+                      });
+                    }}
+                  >
+                    <MText style={{ color: color.primary }}>Tiếp tục</MText>
+                  </TouchableOpacity>
+                </View>
+              </View>
+            )}
+          </View>
+        </SafeAreaView>
+      </Modal>
     </View>
   );
 });