import React, {Component} from 'react';
import {
  Image,
  Text,
  View,
  TouchableOpacity,
  StyleSheet,
  ScrollView,
  SafeAreaView,
  DeviceEventEmitter,
} from 'react-native';
import {WingBlank, WhiteSpace} from '@ant-design/react-native';
import public_css from '../../source/css/public_css';
import {RetrieveData} from '../../data/storage';

export default class tax_page extends Component {
  constructor(props) {
    super(props);
    this.state = {
      authority: '',
      landingStatus: 0, //登录状态，0：表示未登录,1：表示已登录
    };
  }

  render() {
    return (
      <SafeAreaView style={public_css.body}>
        <ScrollView style={{backgroundColor: '#F2F1F7'}}>
          <WhiteSpace />
          <WingBlank>
            <View style={{backgroundColor: '#ffffff'}}>
              <View
                style={{
                  height: 30,
                  justifyContent: 'center',
                  marginLeft: 10,
                  marginTop: 5,
                }}>
                <Text style={{color: '#464646', fontWeight: 'bold', fontSize: 16}}>
                  发票类查询
                </Text>
              </View>
              <View style={{flexDirection: 'row', flexWrap: 'wrap', alignItems: 'center'}}>
                {this.state.landingStatus == 1 ? (
                  <View style={{margin: 10}}>
                    <TouchableOpacity
                      style={styles.tapBtnBakCol}
                      onPress={() => {
                        this.getLandingStatus(1);
                      }}>
                      <Image
                        source={require('../../source/img/tax/paperInvoice.png')}
                        style={styles.tapBtnImg}
                      />
                      <Text style={styles.tapBtnTips}>纸质普票查询</Text>
                    </TouchableOpacity>
                  </View>
                ) : (
                  <View style={{margin: 10}}>
                    <TouchableOpacity
                      style={styles.tapBtnBakCol}
                      onPress={() => {
                        this.getLandingStatus(1);
                      }}>
                      <Image
                        source={require('../../source/img/tax/paperInvoice.png')}
                        style={styles.tapBtnImg}
                      />
                      <Text style={styles.tapBtnTips}>纸质普票查询</Text>
                    </TouchableOpacity>
                  </View>
                )}
                {this.state.landingStatus == 1 ? (
                  <View style={{margin: 10}}>
                    <TouchableOpacity
                      style={styles.tapBtnBakCol}
                      onPress={() => {
                        this.getLandingStatus(2);
                      }}>
                      <Image
                        source={require('../../source/img/tax/paperz.png')}
                        style={styles.tapBtnImg}
                      />
                      <Text style={styles.tapBtnTips}>纸质专票查询</Text>
                    </TouchableOpacity>
                  </View>
                ) : (
                  <View style={{margin: 10}}>
                    <TouchableOpacity
                      style={styles.tapBtnBakCol}
                      onPress={() => {
                        this.getLandingStatus(2);
                      }}>
                      <Image
                        source={require('../../source/img/tax/paperz.png')}
                        style={styles.tapBtnImg}
                      />
                      <Text style={styles.tapBtnTips}>纸质专票查询</Text>
                    </TouchableOpacity>
                  </View>
                )}
                {this.state.landingStatus == 1 ? (
                  <View style={{margin: 10}}>
                    <TouchableOpacity
                      style={styles.tapBtnBakCol}
                      onPress={() => {
                        this.getLandingStatus(3);
                      }}>
                      <Image
                        source={require('../../source/img/tax/dianp.png')}
                        style={styles.tapBtnImg}
                      />
                      <Text style={styles.tapBtnTips}>电子普票查询</Text>
                    </TouchableOpacity>
                  </View>
                ) : (
                  <View style={{margin: 10}}>
                    <TouchableOpacity
                      style={styles.tapBtnBakCol}
                      onPress={() => {
                        this.getLandingStatus(3);
                      }}>
                      <Image
                        source={require('../../source/img/tax/dianp.png')}
                        style={styles.tapBtnImg}
                      />
                      <Text style={styles.tapBtnTips}>电子普票查询</Text>
                    </TouchableOpacity>
                  </View>
                )}
                {this.state.landingStatus == 1 ? (
                  <View style={{margin: 10}}>
                    <TouchableOpacity
                      style={styles.tapBtnBakCol}
                      onPress={() => {
                        this.getLandingStatus(4);
                      }}>
                      <Image
                        source={require('../../source/img/tax/invoiceSearch.png')}
                        style={styles.tapBtnImg}
                      />
                      <Text style={styles.tapBtnTips}>电子专票查询</Text>
                    </TouchableOpacity>
                  </View>
                ) : (
                  <View style={{margin: 10}}>
                    <TouchableOpacity
                      style={styles.tapBtnBakCol}
                      onPress={() => {
                        this.getLandingStatus(4);
                      }}>
                      <Image
                        source={require('../../source/img/tax/invoiceSearch.png')}
                        style={styles.tapBtnImg}
                      />
                      <Text style={styles.tapBtnTips}>电子专票查询</Text>
                    </TouchableOpacity>
                  </View>
                )}
                {this.state.landingStatus == 1 ? (
                  <View style={{margin: 10}}>
                    <TouchableOpacity
                      style={styles.tapBtnBakCol}
                      onPress={() => {
                        this.getLandingStatus(5);
                      }}>
                      <Image
                        source={require('../../source/img/tax/invoicestock.png')}
                        style={styles.tapBtnImg}
                      />
                      <Text style={styles.tapBtnTips}>发票库存查询</Text>
                    </TouchableOpacity>
                  </View>
                ) : (
                  <View style={{margin: 10}}>
                    <TouchableOpacity
                      style={styles.tapBtnBakCol}
                      onPress={() => {
                        this.getLandingStatus(5);
                      }}>
                      <Image
                        source={require('../../source/img/tax/invoicestock.png')}
                        style={styles.tapBtnImg}
                      />
                      <Text style={styles.tapBtnTips}>发票库存查询</Text>
                    </TouchableOpacity>
                  </View>
                )}
              </View>
            </View>
          </WingBlank>
          <WhiteSpace />
          <WhiteSpace />
          <WingBlank>
            <View style={{backgroundColor: '#ffffff'}}>
              <View
                style={{
                  height: 30,
                  justifyContent: 'center',
                  marginLeft: 10,
                  marginTop: 5,
                }}>
                <Text style={{color: '#464646', fontWeight: 'bold', fontSize: 16}}>
                  税盘监控管理信息
                </Text>
              </View>
              <View style={{flexDirection: 'row', flexWrap: 'wrap', alignItems: 'center'}}>
                {this.state.landingStatus == 1 ? (
                  <View style={{margin: 10}}>
                    <TouchableOpacity
                      style={styles.tapBtnBakCol}
                      onPress={() => {
                        this.getLandingStatus(6);
                      }}>
                      <Image
                        source={require('../../source/img/tax/zhizhip.png')}
                        style={styles.tapBtnImg}
                      />
                      <Text style={styles.tapBtnTips}>纸质普票查询</Text>
                    </TouchableOpacity>
                  </View>
                ) : (
                  <View style={{margin: 10}}>
                    <TouchableOpacity
                      style={styles.tapBtnBakCol}
                      onPress={() => {
                        this.getLandingStatus(6);
                      }}>
                      <Image
                        source={require('../../source/img/tax/zhizhip.png')}
                        style={styles.tapBtnImg}
                      />
                      <Text style={styles.tapBtnTips}>纸质普票查询</Text>
                    </TouchableOpacity>
                  </View>
                )}
                {this.state.landingStatus == 1 ? (
                  <View style={{margin: 10}}>
                    <TouchableOpacity
                      style={styles.tapBtnBakCol}
                      onPress={() => {
                        this.getLandingStatus(7);
                      }}>
                      <Image
                        source={require('../../source/img/tax/paperz.png')}
                        style={styles.tapBtnImg}
                      />
                      <Text style={styles.tapBtnTips}>纸质专票查询</Text>
                    </TouchableOpacity>
                  </View>
                ) : (
                  <View style={{margin: 10}}>
                    <TouchableOpacity
                      style={styles.tapBtnBakCol}
                      onPress={() => {
                        this.getLandingStatus(7);
                      }}>
                      <Image
                        source={require('../../source/img/tax/paperz.png')}
                        style={styles.tapBtnImg}
                      />
                      <Text style={styles.tapBtnTips}>纸质专票查询</Text>
                    </TouchableOpacity>
                  </View>
                )}
                {this.state.landingStatus == 1 ? (
                  <View style={{margin: 10}}>
                    <TouchableOpacity
                      style={styles.tapBtnBakCol}
                      onPress={() => {
                        this.getLandingStatus(8);
                      }}>
                      <Image
                        source={require('../../source/img/tax/dianzip.png')}
                        style={styles.tapBtnImg}
                      />
                      <Text style={styles.tapBtnTips}>电子普票查询</Text>
                    </TouchableOpacity>
                  </View>
                ) : (
                  <View style={{margin: 10}}>
                    <TouchableOpacity
                      style={styles.tapBtnBakCol}
                      onPress={() => {
                        this.getLandingStatus(8);
                      }}>
                      <Image
                        source={require('../../source/img/tax/dianzip.png')}
                        style={styles.tapBtnImg}
                      />
                      <Text style={styles.tapBtnTips}>电子普票查询</Text>
                    </TouchableOpacity>
                  </View>
                )}
                {this.state.landingStatus == 1 ? (
                  <View style={{margin: 10}}>
                    <TouchableOpacity
                      style={styles.tapBtnBakCol}
                      onPress={() => {
                        this.getLandingStatus(9);
                      }}>
                      <Image
                        source={require('../../source/img/tax/dianz.png')}
                        style={styles.tapBtnImg}
                      />
                      <Text style={styles.tapBtnTips}>电子专票查询</Text>
                    </TouchableOpacity>
                  </View>
                ) : (
                  <View style={{margin: 10}}>
                    <TouchableOpacity
                      style={styles.tapBtnBakCol}
                      onPress={() => {
                        this.getLandingStatus(9);
                      }}>
                      <Image
                        source={require('../../source/img/tax/dianz.png')}
                        style={styles.tapBtnImg}
                      />
                      <Text style={styles.tapBtnTips}>电子专票查询</Text>
                    </TouchableOpacity>
                  </View>
                )}
              </View>
            </View>
          </WingBlank>
          <WhiteSpace />
        </ScrollView>
      </SafeAreaView>
    );
  }

  //加载数据
  componentDidMount() {
    this.getAuthority();
  }

  //判断是否登录
  getLandingStatus = async (type) => {
    const account = await RetrieveData('account');
    if (account) {
      if (type === 1) {
        this.props.navigation.navigate('paper_ordinary_invoice');
      }
      if (type === 2) {
        this.props.navigation.navigate('paper_major_invoice');
      }
      if (type === 3) {
        this.props.navigation.navigate('electronics_ordinary_invoice');
      }
      if (type === 4) {
        this.props.navigation.navigate('electronics_major_invoice');
      }
      if (type === 5) {
        this.props.navigation.navigate('invoice_stock');
      }
      if (type === 6) {
        this.props.navigation.navigate('invoice_monitor', {type: 3});
      }
      if (type === 7) {
        this.props.navigation.navigate('invoice_monitor', {type: 4});
      }
      if (type === 8) {
        this.props.navigation.navigate('invoice_monitor', {type: 1});
      }
      if (type === 9) {
        this.props.navigation.navigate('invoice_monitor', {type: 2});
      }
    } else {
      this.props.navigation.navigate('login', {
        refresh: (type) => {
          this.refresh(type);
        },
      });
    }
  };

  refresh = async (type) => {
    DeviceEventEmitter.emit('updateLoginInfo', type);
    DeviceEventEmitter.emit('updateCompany', null);
  };

  //获取权限信息
  getAuthority = async () => {
    const authority = await RetrieveData('authority');
    if (authority) {
      this.setState({
        authority: authority,
        landingStatus: 1,
      });
    }
  };
}

const styles = StyleSheet.create({
  tapBtnBakCol: {
    flexDirection: 'column',
    alignItems: 'center',
  },
  tapBtnImg: {
    width: 49,
    height: 49,
  },
  tapBtnTips: {
    marginTop: 10,
    color: '#757374',
  },
});