import React, { Component } from 'react';
import Button from 'apsl-react-native-button';
import { StyleSheet, View, Text, Image, BackHandler, Alert } from 'react-native';
import BaseScreen from './../BaseScreen'
import { responsiveWidth, responsiveHeight } from 'react-native-responsive-dimensions'
import { theme } from "../BaseScreen";
import I18n from 'react-native-i18n'
const route = require('./../../route.json');
let rootHelp = './../../datas/img/slider/slide';


export default class HelpMenu extends BaseScreen {
     sizeHelp = 10;
     static navigatorStyle = {
          drawUnderNavBar: true,
          navBarHidden: true,
          drawUnderStatusBar: false,
          statusBarHidden: true,
          statusBarTextColorScheme: 'light',
     };

     constructor(props) {
          super(props, true);
          this.state = {
               items: []
          }

     }
     render() {
          return (
               <View style={styles.container}>
                    <View style={styles.viewlogo}>
                         <Image
                              style={styles.img_style}
                              source={require('./../../datas/img/icon3.png')} />
                         <View style={{ alignItems: 'center' }}>
                         </View>
                    </View>
                    <Text style={styles.title}>{I18n.t('GUIDE_TITLE')}</Text>

                    <Button textStyle={styles.btnTextStyle}
                         style={styles.btnStyle}
                         onPress={() => {
                              //this.props.navigation.push(route.help, {type:0})
                              Alert.alert(I18n.t("TITLE_HELP_SOON"),
                                   I18n.t("MISSING_AUTORISATION_LOCATION"),
                                   [{
                                        text: "Ok", onPress: () => {
                                             //BackHandler.exitApp()
                                        }
                                   }], { cancelable: false }
                              )
                         }}>{I18n.t('GUIDE_USER_SIMPLE')}</Button>
                    <Button textStyle={styles.btnTextStyle}
                         style={styles.btnStyle}
                         onPress={() => {
                              //this.props.navigation.push(route.help, {type:0})
                              Alert.alert(I18n.t("TITLE_HELP_SOON"),
                                   I18n.t("MISSING_AUTORISATION_LOCATION"),
                                   [{
                                        text: "Ok", onPress: () => {
                                             //BackHandler.exitApp()
                                        }
                                   }], { cancelable: false }
                              )
                         }}>{I18n.t('GUIDE_AGENT')}</Button>
               </View>

          )
     }
}
const styles = StyleSheet.create({
     container: {
          flex: 1,
          justifyContent: 'center',
          backgroundColor: theme.primary
     },
     title: {
          fontSize: 20,
          alignSelf: "center",
          fontWeight: 'bold',
          color: 'white'
     },
     btnStyle: {
          borderColor: 'transparent',
          backgroundColor: theme.primaryDark,
          height: 48,
          marginRight: responsiveWidth(5),
          marginLeft: responsiveWidth(5)

     },
     btnTextStyle: {
          fontSize: 18,
          color: 'white',
          fontWeight: 'bold'
     },
     viewlogo: {
          width: responsiveWidth(100),
          flexDirection: 'row',
          marginBottom: 20,
          justifyContent: 'center',
          alignItems: 'center'
     },
     img_style: {
          resizeMode: 'contain',
          width: responsiveWidth(90)
     }
});
