import {
    View,
    Text,
    ScrollView,
    Pressable,
    Image,
    ImageBackground
} from 'react-native';
import { SafeAreaView } from 'react-native-safe-area-context';
import { router } from 'expo-router';
import { PreviousPageBlackSvg, TickLogoSvg } from '../global/SVG';
import NormalButton from '../global/normal_button';

const UberUploadCompletePageComponent = () => {
    return (
        <SafeAreaView
            className="flex-1 bg-white"
            edges={['top', 'right', 'left']}
        >
            <ScrollView className="flex-1">
                <View style={{ marginTop: 25 }} className="mx-[5%]">
                    <Pressable
                        onPress={() => {
                            if (router.canGoBack()) {
                                router.back();
                            } else {
                                router.replace('/accountMainPage');
                            }
                        }}
                    >
                        <PreviousPageBlackSvg />
                    </Pressable>
                    <View className="flex-row items-center space-x-2">
                        <TickLogoSvg />
                        <Text style={{ fontSize: 38, marginVertical: 25 }}>
                            圖片已成功上傳
                        </Text>
                    </View>
                    <View>
                        <Text className="text-xl">
                            您的驗證將會於一個工作天內完成審批。
                            如成功驗證，您的帳號將會自動升級，並可享有獨家優惠!
                        </Text>
                    </View>
                    <ImageBackground
                        className="justify-center items-center  my-6"
                        source={require('../../assets/uberUploadCompleteBG.png')}
                        resizeMode="contain"
                    >
                        <Image source={require('../../assets/speaker.png')} />
                    </ImageBackground>
                    <NormalButton
                        title={<Text className="text-white text-xl">返回</Text>}
                        onPress={() => router.push('/accountMainPage')}
                    />
                </View>
            </ScrollView>
        </SafeAreaView>
    );
};

export default UberUploadCompletePageComponent;
