import React, { Component } from 'react';
import * as firebase from 'firebase';

import { createAppContainer } from 'react-navigation';
import { createDrawerNavigator,DrawerItems } from 'react-navigation-drawer';

import { createStackNavigator } from 'react-navigation-stack';

import {

  StyleSheet,
  Text,
  View,
  TextInput,
  Button,
  TouchableHighlight,
  Image,
  Alert,
  Linking,
  Navigator,SafeAreaView,ScrollView,StatusBar
} from 'react-native';
import LoginView from './src/Pages/LoginView'
import Home from './src/Pages/Home'
import UpComingEvents from './src/Pages/UpComingEvents'
import ItemComponent from './src/Pages/ItemComponent'
import EventDescription from './src/Pages/EventDescription'
import {db} from './src/ConfigDB'
import AddingEventScreen from './src/Pages/AddingEventScreen'
import LOEvents from './src/Pages/LOEvents'
import { hide } from 'expo/build/launch/SplashScreen';




  // Your web app's Firebase configuration

 //---------------------------------------

//  const firebaseConfig = {
//   apiKey: "AIzaSyBGiV5bM6gwohkupysMuAUIwAWst9JrIcs",
//   authDomain: "asuevents-7260f.firebaseapp.com",
//   databaseURL: "https://asuevents-7260f.firebaseio.com",
//   projectId: "asuevents-7260f",
//   storageBucket: "asuevents-7260f.appspot.com",
//   messagingSenderId: "91741044897",
//   appId: "1:91741044897:web:d6b4b496209e9e21da30e0",
//   measurementId: "G-V98KYBR2YW"
// };
//   firebase.initializeApp(firebaseConfig);
  //---------------------------------------------
  // Login = (id, password) => {
  //   try {
  //     firebase
  //        .auth()
  //        .signInWithEmailAndPassword(id, password)
  //        .then(res => {
  //            console.log(res.user.id);
  //     });} catch (error) {
  //     console.log(error.toString(error));
  //   }
  // };

  // ------------------------------------------------



const AppDrawerNavigator=createDrawerNavigator(

  {

    Home: {
      screen:LoginView,
      navigationOptions:{
        title:"Home",
        headerLeft:false,

      }
    },

    Details: {
      screen:Home,
      navigationOptions:{
       title:"Faculties",
       headerLeft:null,

      }
    },

    EventsDetails: {
      screen:EventDescription,
      navigationOptions:{
       header:null,
      }
    },

 LOEve: {
      screen:LOEvents,
      navigationOptions:{
       title:"UPcoming Events"

      }
    },

    AddingEvents: {
      screen:AddingEventScreen,
      navigationOptions:{
       header:null,


      }
    },





  },

  {
    initialRouteName: 'Home',
  }
);


const CustomDrawerComponent=(props)=>(
  <SafeAreaView style={{flex:1}}>
    <View style={{height:150,backgroundColor:'blue',alignItems:'center',justifyContent:'center'}}>
<Image source={require('./assets/aa1.jpg')} style={{height:120,width:120,
borderRadius:60}}  />
    </View>
<ScrollView>
  <DrawerItems {...props}/>


</ScrollView>
  </SafeAreaView>
)



const AppContainer = createAppContainer(AppDrawerNavigator);



export default class App extends React.Component {

  componentDidMount() {
    StatusBar.setHidden(true);
 }
  render() {
    return <AppContainer />;
  }
}