import React, {Component} from 'react';
import {View, Text, TouchableOpacity, Image, SafeAreaView, ScrollView} from 'react-native';
import {List, Radio, WingBlank, WhiteSpace} from '@ant-design/react-native';


import {RequestNetwork} from '../../data/encryption';
import {RetrieveData} from '../../data/storage';
import public_css from '../../source/css/public_css';
import { ToastShow } from "../../components/toast/toast";

const RadioItem = Radio.RadioItem;
export default class change_sex extends Component {
  constructor(props) {
    super(props);
    this.state = {
      sex: this.props.route.params.data,
    };
  }

  render() {
    return (
      <SafeAreaView style={public_css.body}>
        <ScrollView>
          <List>
            <RadioItem
              checked={this.state.sex === 'M'}
              onChange={(event) => {
                if (event.target.checked) {
                  this.setState({sex: 'M'});
                }
              }}>
              男
            </RadioItem>
            <RadioItem
              checked={this.state.sex === 'F'}
              onChange={(event) => {
                if (event.target.checked) {
                  this.setState({sex: 'F'});
                }
              }}>
              女
            </RadioItem>
          </List>
        </ScrollView>
        <WingBlank>
          <View style={[public_css.bottomStatus]}>
            <TouchableOpacity
              style={[public_css.statusBtn, public_css.statusRBtn]}
              onPress={() => this.submitData()}>
              <Image
                source={require('../../source/img/productImg/confirm.png')}
                style={{width: 32, height: 32}}
              />
              <Text style={{color: '#fff'}}>确认</Text>
            </TouchableOpacity>
          </View>
        </WingBlank>
        <WhiteSpace />
      </SafeAreaView>
    );
  }

  //提交信息
  submitData = async () => {
    let account = await RetrieveData('account');
    let token = await RetrieveData('token');
    if (token && account) {
      const url = '/auth/comm/user/personalInfo/save';
      let response = await RequestNetwork(
        url,
        token,
        {
          mobile: account,
          sex: this.state.sex,
          reqChannel: 3,
        },
        false,
        1,
      );
      if (response) {
        if (response.code === 0) {
          ToastShow(1, '编辑成功!');
          this.props.route.params.isRefresh();
          this.props.navigation.goBack();
        } else {
          ToastShow(1, '编辑失败!');
        }
      }
    }
  };
}