import React, {Component} from 'react';
import {Text, TextInput, TouchableOpacity, View} from 'react-native';
import Spinner from 'react-native-loading-spinner-overlay';
import loading_css from '../../source/css/loading_css';
import login_css from '../login/login_css';
import public_css from '../../source/css/public_css';

export default class invoice_application extends Component {
  constructor(props) {
    super(props);
    this.props.navigation.dangerouslyGetParent().setOptions({
      tabBarVisible: false,
    });
    this.state = {
      listData: [],
      product_number_total: 0,
      amount_total: 0.0,
      tax_rate_total: 0.0,
    };
  }

  render() {
    return (
      <View style={public_css.body}>
        <View style={login_css.inputView}>
          <View style={[public_css.view, public_css.lineTopBottom]}>
            <Text style={public_css.text}>发票类型:</Text>
            <TextInput
              style={public_css.textInputStyle}
              placeholder="请输入上级编码"
              clearButtonMode="while-editing"
              secureTextEntry={false}
              onChangeText={text => {
                this.setState({
                  parent_code: text,
                });
              }}
            />
          </View>
          <View style={[public_css.view, public_css.lineTopBottom]}>
            <Text style={public_css.text}>申领的企业:</Text>
            <TextInput
              style={public_css.textInputStyle}
              placeholder="请输入客户名称"
              clearButtonMode="while-editing"
              secureTextEntry={false}
              onChangeText={text => {
                this.setState({
                  customer_name: text,
                });
              }}
            />
          </View>
          <View style={[public_css.view, public_css.lineTopBottom]}>
            <Text style={public_css.text}>申领的份数:</Text>
            <TextInput
              style={public_css.textInputStyle}
              placeholder="请输入客户编码"
              clearButtonMode="while-editing"
              secureTextEntry={false}
              onChangeText={text => {
                this.setState({
                  customer_code: text,
                });
              }}
            />
          </View>
          <View style={[public_css.view, public_css.lineTopBottom]}>
            <Text style={public_css.text}>发票申领人姓名:</Text>
            <TextInput
              style={public_css.textInputStyle}
              placeholder="请输入客户企业税号"
              clearButtonMode="while-editing"
              secureTextEntry={false}
              onChangeText={text => {
                this.setState({
                  ent_tax_id: text,
                });
              }}
            />
          </View>
          <View style={[public_css.view, public_css.lineTopBottom]}>
            <Text style={public_css.text}>发票申领人的证件类型:</Text>
            <TextInput
              style={public_css.textInputStyle}
              placeholder="请输入简码"
              clearButtonMode="while-editing"
              secureTextEntry={false}
              onChangeText={text => {
                this.setState({
                  short_code: text,
                });
              }}
            />
          </View>
          <View style={[public_css.view, public_css.lineTopBottom]}>
            <Text style={public_css.text}>发票申领人证件号码:</Text>
            <TextInput
              style={public_css.textInputStyle}
              placeholder="请输入联系电话"
              clearButtonMode="while-editing"
              secureTextEntry={false}
              onChangeText={text => {
                this.setState({
                  contact_phone: text,
                });
              }}
            />
          </View>
          <View style={[public_css.view, public_css.lineTopBottom]}>
            <Text style={public_css.text}>领票方式:</Text>
            <TextInput
              style={public_css.textInputStyle}
              placeholder="请输入邮件"
              clearButtonMode="while-editing"
              secureTextEntry={false}
              onChangeText={text => {
                this.setState({
                  email: text,
                });
              }}
            />
          </View>
          <View style={[public_css.view, public_css.lineTopBottom]}>
            <Text style={public_css.text}>备注:</Text>
            <TextInput
              style={public_css.textInputStyle}
              placeholder="请输入地址"
              clearButtonMode="while-editing"
              secureTextEntry={false}
              onChangeText={text => {
                this.setState({
                  address: text,
                });
              }}
            />
          </View>
        </View>
      </View>
    );
  }
}