import React,{Component} from 'react';
import PropTypes from 'prop-types';

import {
    Platform, StyleSheet, Text,
    TouchableWithoutFeedback, View, TextInput,
    WebView,
    Button,
    Animated, Dimensions, Image, PermissionsAndroid,
    StatusBar, TouchableNativeFeedback, TouchableOpacity,BackHandler,Alert,ProgressBarAndroid
    , NativeModules, Picker, FlatList
} from 'react-native';
import {responsiveHeight,responsiveWidth} from "react-native-responsive-dimensions"
import BaseScreen from "../BaseScreen";
import Icon from "react-native-vector-icons/MaterialIcons";
import BlurOverlay,{openOverlay,closeOverlay} from 'react-native-blur-overlay'
import I18n from 'i18n-js'
type Props = {};
const route=require("./../../route.json")
const theme=require('./../../utils/theme.json')
export default class InterticielAds
    extends BaseScreen {
    static navigatorStyle = {
        drawUnderNavBar: true,
        navBarHidden:true,
        drawUnderStatusBar: false,
        statusBarHidden: true,
        statusBarTextColorScheme: 'light',
    };
    static options(passProps) {
        return {
            statusBar: {
                visible: false,
                drawBehind: true,
            },
            topBar: {
                drawBehind: true,
                visible: false,
                animate: false
            }
        };
    }


    constructor(props){
        super(props);
    };


    render(){
        return (  <BlurOverlay radius={14}
                        downsampling={2}
                        onPress={()=>{
                            this.setState({isPubShow:false})
                        }}
                        brightness={-200}

                   >
                   {this.renderChild()}           
    </BlurOverlay>)
    }
    renderChild(){
        return (      <View style={styles.container}>

          
            <WebView
                source={{uri: 'https://ad-server.ilink-app.com/ad_display/zone1/zone4.html'}}
                style={{width:responsiveHeight(90),flex:9}}
            />
            <View>
            <Button
                title={I18n.t('QUIT_')}
                color={theme.reddeconnect}
                style={{position:'absolute',zIndex:10000}}
                onPress={()=>{
                    this.popOverLay()
                }}
            >{I18n.t('QUIT_')}</Button>

            </View>
             
        </View>)

    }
    componentDidMount(){
        openOverlay()

    }
    async tryGetHtml(){
        response=await fetch('https://ad-server.ilink-app.com/ad_display/zone1/zone4.html')
    }
    popOverLay() {
        if(this.props.closeIntersticiel)
        this.props.closeIntersticiel()
        closeOverlay()

    }
}

const styles=StyleSheet.create({
    container:{
        flex:1,
        marginTop:30
    },
    parent:{
        flex:1,
        justifyContent:'center',
        alignItems:'center',
        backgroundColor:"#000000AE"
    }
})