// listen for auth status changes
auth.onAuthStateChanged(user => {
    if (user) {
        console.log('User is loged in');
        //User is Logged in
        //Find out if User is an admin
        user.getIdTokenResult().then(idTokenResult => {
        user.admin = idTokenResult.claims.admin;
        if (user.admin) {
            console.log('User is an Admin');
            window.location.replace("home.html");

          } else {
            console.log('User is an User');
            window.location.replace("home.html");
          }
      });
    } else {
        //User Is Logged Out
        console.log('User is loged out');
        hidePreloader()
        //window.location.replace("index.html");
    }
  });

//Log In


const loginForm = document.querySelector('#login-form');
loginForm.addEventListener('submit', function(event) {
    event.preventDefault()
    // get user info
    const email = loginForm['login-email'].value;
    const password = loginForm['login-password'].value;
    
    console.log(email);
    console.log(password);

  // log the user in
  auth.signInWithEmailAndPassword(email, password).then((cred) => {
    // close the signup modal & reset form
    console.log(cred);
    //loginForm.reset();
    //loginForm.querySelector('.error').innerHTML = '';
  }).catch(err => {
    // There was an eror loging in
    console.log(err.message);
    loginForm.querySelector('.error').innerHTML = err.message;
  });
});

// logout
document.getElementById("logout-button").addEventListener("click", function() {
    console.log("log the user out");
  auth.signOut();
});

function hidePreloader(){
  //$(".preloader").fadeOut("slow");

  var SELECTOR_PRELOADER = '.preloader';
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
  var $__default = /*#__PURE__*/_interopDefaultLegacy($);
  var $preloader = $__default['default'](SELECTOR_PRELOADER);
  if ($preloader) {
    $preloader.css('height', 0);
    setTimeout(function () {
      $preloader.children().hide();
    }, 200);
  }
}