/**
 * sub app userLogout
 * @author: lixia.zhang
 * @date: 2018/04/13
 */

'use strict';

import React, {Component} from 'react';
import ReactNative, {
    View,
    StyleSheet,
    ScrollView,
    Text,
    Dimensions
} from 'react-native';


export default class LogoutClause extends Component {

    constructor(props) {
        super(props);
        this.state = {readedClause: false}
    }

    render() {
        
        return (
            <ScrollView style={[styles.container, {width: width, height:height}]}>
                <View style={styles.titleContainer}>
                    <Text style={styles.title}>《有货账户注销条款》</Text>
                </View>
                <View style={styles.contentContainer}>
                    <Text style={styles.content}>
                        在您注销您的YOHO!BUY账户之前，请您充分阅读、理解并同意下列事项，当您按照注销页面提示填写信息、阅读并同意本《注销须知》及相关条款与条件且完成全部注销程序后，即表示您已充分阅读、理解并接受本《注销须知》的全部内容。阅读本《注销须知》的过程中，如果您不同意相关任何条款和条件约定，请您立即停止账户注销程序。
                    </Text>
                    <Text style={styles.content}>
                        我们在此善意的提醒您，您注销帐号的行为会给您的售后维权带来诸多的不便，且注销YOHO!BUY账户后，您的个人信息我们只会在有货商城的前台系统中去除，使其保持不可被检索、访问的状态，或对其进行匿名化处理。您知晓并理解，根据相关法律规定相关交易记录须在有货后台保存2年甚至更长时间。
                    </Text>
                    <Text style={styles.content}>
                        1.您所申请注销等YOHO!BUY账户应该是您依照用户服务协议注册并由本公司提供给您本人的账户。您应当按照本公司规定的程序或网站上的提示进行YOHO!BUY账户注销。
                    </Text>
                    <Text style={styles.content}>
                        2.如您需要注销账户，您的账户需同时满足以下条件：
                    </Text>
                    <Text style={styles.content}>
                        1)您申请注销的YOHO!BUY账户应当处于正常状态，即您的YOHO!BUY的账户信息和用户信息是最新、完整、正确且无任何账户被限制的纪录。
                    </Text>
                    <Text style={styles.content}>
                        2)在最近一个月内，账户没有进行更改密码、更改绑定信息等敏感操作，账户没有被盗、被封等风险。
                    </Text>
                    <Text style={styles.content}>
                        3)账户在有货商城系统中无欠款；
                    </Text>
                </View>
            </ScrollView>
        );
    }
}

let {width, height} = Dimensions.get('window');
let styles = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: '#f0f0f0',
        overflow: 'scroll'
    },
    title: {
        fontSize: 14,
        color: '#444444'
    },
    titleContainer: {
        alignItems:'center',
        marginTop: 19,
        marginBottom:15,
    },
    contentContainer: {
        marginLeft: 15,
        marginRight: 15
    },
    content: {
        color: '#444444',
        fontSize: 14,
        lineHeight: 24
    }

});