function findGetParameter(parameterName) {
var result = null,
tmp = [];
var items = location.search.substr(1).split("&");
for (var index = 0; index < items.length; index++) {
tmp = items[index].split("=");
if (tmp[0] === parameterName) result = decodeURIComponent(tmp[1]);
}
return result;
}
function setCookie(cname, cvalue, exdays) {
var d = new Date();
d.setTime(d.getTime() + (exdays*24*60*60*1000));
var expires = "expires="+ d.toUTCString();
document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
}
function getCookie(cname) {
var name = cname + "=";
var decodedCookie = decodeURIComponent(document.cookie);
var ca = decodedCookie.split(';');
for(var i = 0; i <ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == ' ') {
c = c.substring(1);
}
if (c.indexOf(name) == 0) {
return c.substring(name.length, c.length);
}
}
return "";
}

var loginModal = '<div class="modal fade" id="loginModal" tabindex="-1" role="dialog"\ aria-labelledby="loginLabel" aria-hidden="true">\
  <div class="modal-dialog" role="document">\
    <div class="modal-content">\
        \
     <div class="modal-header">\
        <h5 class="modal-title" id="loginModalLabel">Log In</h5><button id="login-close-button" class="close" type="button" data-dismiss="modal" \onclick="loginModalClose()" aria-label="Close"><span class="font-weight-light" aria-hidden="true">&times;</span></button>\
      </div>\
      <div class="modal-body">\
                          <div id="firebaseui-auth-container"></div>\
      </div>\
      <div id="login-modal-footer" class="modal-footer">\
   <button id="i-dont-have-an-account" \style="margin:auto;height:40px;width:222px;padding-left:16px;padding-right:16px;" class="btn btn-secondary btn-sm" type="button" \onclick="window.location.replace(\'wholesalecode.html\');">I Don\'t Have An Account</button>\
        </div>\
    </div>\
  </div>\
</div>'

var footer = '<div class="row no-gutters justify-content-between fs--1 mt-4 mb-3" style="justify-content: center !important">\
              <div class="col-12 col-sm-auto text-center">\
                <p class="mb-0 text-600"><a href="tos.html">Terms of Service</a> <span class=""> | <a href="privacy-policy.html">Privacy Policy</a> </span> <span class=""> | Key West Aquatics 2020 &copy; </span> </p>\
                </div></div>'          

var navBar = '<nav class="navbar navbar-light navbar-glass navbar-top sticky-kit navbar-expand-lg">\
          <button class="btn navbar-toggler-humburger-icon navbar-toggler mr-1 mr-sm-3" type="button" data-toggle="collapse" data-target="#navbarStandard" aria-controls="navbarStandard" aria-expanded="false" aria-label="Toggle Navigation"><span class="navbar-toggle-icon"><span class="toggle-line"></span></span></button>\
                      \
          <a class="navbar-brand mr-1 mr-sm-3" href="index.html?redir" >\
              <div class="d-flex align-items-center"><span class="text-sans-serif navlogo">Key West Aquatics</span><img style="background-color:rgba(44, 123, 229,1);margin-left:2px;margin-right:0px !important;" class="mr-2 navlogo" src="pages/assets/img/logos/angelbackgr.png" alt="" width="45" />\
            </div>\
          </a>\
          <div class="collapse navbar-collapse" id="navbarStandard">\
            <ul class="navbar-nav">\
                \
                <li class="nav-item"><a class="nav-link" href="order.html">Order</a>\</li>\
                <li class="nav-item"><a class="nav-link" href="shipping.html">Shipping</a></li>\
                <li class="nav-item"><a class="nav-link" href="aboutus.html">About Us</a></li>\
            </ul>\
          </div>\
          <ul class="navbar-nav navbar-nav-icons ml-auto flex-row align-items-center">\
            <li id="profile-pic-holder" style="visibility: hidden" class="nav-item dropdown dropdown-on-hover"><a class="nav-link pr-0" id="navbarDropdownUser" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">\
                <div class="avatar avatar-xl">\
                  <img class="rounded-circle" src="pages/assets/img/team/avatar.png" alt="" id="profile-pic" />\
                </div>\
              </a>\
              <div class="dropdown-menu dropdown-menu-right py-0" aria-labelledby="navbarDropdownUser">\
                <div id="profile-dropdown" class="bg-white rounded-soft py-2">\
                 <button class="dropdown-item" type="button" data-toggle="modal" data-target="#loginModal">Log In</button>\
                </div>\
              </div>\
            </li>\
          </ul>\
        </nav>'

var nb = document.createElement("div")
nb.innerHTML = navBar
document.getElementsByClassName("container")[0].prepend(nb.firstChild)

//document.getElementsByClassName("container")[0].style.width == '800px !important';

var lim = document.createElement("div")
lim.innerHTML = loginModal
document.getElementsByClassName("container")[0].prepend(lim.firstChild)

document.getElementsByTagName("footer")[0].innerHTML = footer

var FirebaseAuthToken = null;
var firebaseConfig = {
apiKey: "AIzaSyAKhMtvfyxnS2PovCXeQWky5Ka_0pHodrw",
authDomain: "login.keywestaquatics.com",
databaseURL: "https://keywestaquatic.firebaseio.com",
projectId: "keywestaquatic",
storageBucket: "keywestaquatic.appspot.com",
messagingSenderId: "1018530686947",
appId: "1:1018530686947:web:85e7e1880e964947cce2d6"
};
firebase.initializeApp(firebaseConfig);
          

firebase.auth().onAuthStateChanged(function(user) {
if (user) {
    
      if (findGetParameter("mode") == "select"){
          location.search = location.search.replace("mode=select","");
      }
    
document.getElementById("profile-dropdown").innerHTML = '<a class="dropdown-item" href="orders.html">My Orders</a><a class="dropdown-item" onclick="firebaseLogOut()">Log Out</a>' 
      if (user["providerData"][0]["photoURL"] != null){
      document.getElementById("profile-pic").setAttribute("src",user["providerData"][0]["photoURL"]);
      }
document.getElementById("profile-pic-holder").style.visibility = "visible";
console.log("bef get token");
firebase.auth().currentUser.getIdToken(/* forceRefresh */ false).then(function(idToken) {//The user's id token is retrieved, finally
FirebaseAuthToken = idToken;
});
} else {
document.getElementById("profile-dropdown").innerHTML = '<button class="dropdown-item" type="button" data-toggle="modal" data-target="#loginModal">Log In</button>' 
document.getElementById("profile-pic").setAttribute("src","pages/assets/img/team/avatar.png");
document.getElementById("profile-pic-holder").style.visibility = "visible";
if (findGetParameter("mode") == "select"){
$('#loginModal').modal("show");
}
}
});

function loginModalClose(){
if (findGetParameter("mode") == "select"){
location.search = location.search.replace("mode=select","");
}
}

function firebaseLogOut(){
    firebase.auth().signOut().then(function() {
        window.location="/index.html?redir"
       // location.reload();
    }).catch(function(error) {
alert("There was an error logging out.");
    });
    }

var ui = new firebaseui.auth.AuthUI(firebase.auth());
var uiConfig = {
callbacks: {
signInSuccessWithAuthResult: function(authResult, redirectUrl) {

    console.log("SIGN IN SUCCESS WITH AUTH RESULT")
    
firebase.auth().currentUser.getIdToken(/* forceRefresh */ false).then(function(idToken) {//The user's id token is retrieved, finally
FirebaseAuthToken = idToken;

var loginUrl = "https://o1netrccf6.execute-api.us-east-2.amazonaws.com/Auth"  //I'm now gonna tell the server, hey I signed in, have I signed in before?
var xhr = new XMLHttpRequest();
xhr.open('POST', loginUrl, true);
xhr.setRequestHeader("Content-Type", "text/plain");
xhr.setRequestHeader("authToken",idToken)
if (getCookie("wholesale_code") != ""){
xhr.setRequestHeader("wholesalecode",getCookie("wholesale_code"));  
}
xhr.addEventListener('load', function() {
    console.log("xhr ael");
var responseObject = JSON.parse(this.response);
if (responseObject.response == "Registered"){
console.log("regis")
  //  window.location.replace('index.html');
location.reload();//Some pages error on first register login
}
else if(responseObject.response == "Login"){
    console.log("login")
if ("WholesaleCode" in responseObject){
setCookie("wholesale_code",responseObject["WholesaleCode"],365);
}
}
else{
alert("There was an error logging in.");
}
});

xhr.send(JSON.stringify({
requestType : "Login"
}));
}).catch(function(error) {
console.log(error);
alert("There was an error logging in.");
});
console.log(authResult);
return false;//Don't redirect
},
},
//signInSuccessUrl: "",
signInOptions: [
firebase.auth.GoogleAuthProvider.PROVIDER_ID,
firebase.auth.EmailAuthProvider.PROVIDER_ID,
firebase.auth.PhoneAuthProvider.PROVIDER_ID
],
tosUrl: 'tos.html',
privacyPolicyUrl: 'privacy-policy.html'
};
ui.start('#firebaseui-auth-container', uiConfig);

if (getCookie("wholesale_code") != ""){
document.getElementById("login-modal-footer").style.display = "none";
document.getElementById("loginModalLabel").innerHTML = "Log In or Register";
}

var style = document.createElement('style');
style.innerHTML ='@media (max-width:418px){\
              span.navlogo{\
                  font-size: 0.61em;\
              }\
a.navbar-brand{margin-left:auto;margin-right:auto;}\
              img.navlogo{\
                  width: 34px;}';
var ref = document.querySelector('script');
ref.parentNode.insertBefore(style, ref);

function showLoadScreen(){

var loadscreen = document.createElement('div')
loadscreen.innerHTML = '<div id="LoadScreenGrey" style="position: fixed;left:0;right:0;top:0;bottom:0;background: #e9e9e9;opacity: 0;z-index:1030;transition: opacity .33s ease-in-out;-moz-transition: opacity .33s ease-in-out;-webkit-transition: opacity .33s ease-in-out;"></div>\
          <div id="LoadScreenBox" style="opacity: 0; position: absolute;left:0;right:0;top:0;bottom:0;z-index:1031;width:140px;height:140px;border-radius: 25px; background-color: white;margin-top: 150px;margin-left:auto;margin-right: auto;transition: opacity .33s ease-in-out;-moz-transition: opacity .33s ease-in-out;-webkit-transition: opacity .33s ease-in-out;">  <div style="z-index:1032;width:100px;height:100px;color:#344050 !important;font-size:2em;margin-left: 20px;margin-top: 20px;" class="spinner-border spinner-border-sm text-white" role="status"></div></div>'
loadscreen.id = "LoadScreenHolder"
ref = document.getElementById("top");
ref.parentNode.insertBefore(loadscreen, ref);
        setTimeout(function() {
    document.getElementById("LoadScreenGrey").style.opacity = 0.5
        document.getElementById("LoadScreenBox").style.opacity = 1
}, 1);

}
function hideLoadScreen(){
            document.getElementById("LoadScreenGrey").style.opacity = 0
        document.getElementById("LoadScreenBox").style.opacity = 0
        setTimeout(function() {
document.getElementById("LoadScreenHolder").style.display = "none";
}, 333);
}