import React, {Component} from 'react';
import {
  Animated,
  View,
  Image,
  TouchableHighlight,
  Text,
  StyleSheet,
  TextInput,
  FlatList,
  TouchableOpacity,
  ActivityIndicator,
  ScrollView,
  Dimensions,
  Picker,
  DeviceEventEmitter,
} from 'react-native';
import login_css from '../../login/login_css';
import public_css from '../../../source/css/public_css';
import loading_css from '../../../source/css/loading_css';
import Spinner from 'react-native-loading-spinner-overlay';
import {RequestNetwork} from '../../../data/encryption';

import {RetrieveData, StorageData} from '../../../data/storage';
import SearchBar from '../../../components/searchBar/search_bar';
import { ToastShow } from "../../../components/toast/toast";

export default class product_tax_class_code extends Component {
  constructor(props) {
    super(props);
    this.props.navigation.dangerouslyGetParent().setOptions({
      tabBarVisible: false,
    });
    this.state = {
      taxClassCodes: [
        '0012324441244',
        '0012324443244',
        '0012324441244',
        '0012324441244',
        '0012324441244',
        '0012324441244',
        '0012324441244',
        '0012324441244',
      ],
    };
  }

  //模拟获取税率编码
  _fetchTestTaxClassCde = async () => {
    this.setState({
      taxClassCodes: [
        '0012324141244',
        '0012454663',
        '4rett333366',
        '467773443',
        '143434252634',
        '9575645333',
        '3476490446213334',
        '524543796053535',
      ],
    });
  };

  //获取税类编码
  _fetchTaxClassCde = async () => {
    const token = await RetrieveData('token');
    const account = await RetrieveData('account');
    if (token && account) {
      const url = '/auth/ent/user/findManageInfoByMobile';
      let response = await RequestNetwork(
        url,
        token,
        {
          mobile: account,
          reqChannel: 3,
        },
        false,
        1,
      );
      if (response.code != 0) {
        ToastShow(1, response.msg);
      } else {
        let ents = [];
        for (let i = 0; i < response.data.ents.length; i++) {}
        this.setState({});
      }
    }
  };

  //搜索数据
  _searchData = (text) => {
    // this.setState({productName: text});
    // this._fetchData();
  };

  //每项列表分割线
  _itemSeparatorComponent() {
    return <View style={{height: 1, backgroundColor: '#696969'}} />;
  }

  render() {
    return (
      <View>
        <View
          style={{
            flexDirection: 'column',
            display: 'flex',
            marginTop: 20,
            marginBottom: 100,
          }}>
          <View>
            <SearchBar _searchData={this._searchData.bind(this)} />
          </View>
          <View style={styles.cardList}>
            <FlatList
              data={this.state.taxClassCodes}
              renderItem={({item, index}) => (
                <TouchableOpacity
                  onPress={() => {
                    DeviceEventEmitter.emit('getTaxClassCode', item);
                    this.props.navigation.goBack();
                  }}>
                  <View style={styles.taxClassRow}>
                    <Text>{item}</Text>
                  </View>
                </TouchableOpacity>
              )}
              ItemSeparatorComponent={this._itemSeparatorComponent}
            />
          </View>
        </View>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  cardList: {
    marginTop: 20,
  },
  taxClassRow: {
    height: 45,
    backgroundColor: '#ffffff',
    justifyContent: 'center',
    alignItems: 'center',
  },
  dorpDownRow: {
    flexDirection: 'row',
    height: 60,
    justifyContent: 'space-between',
    alignItems: 'center',
  },
});