$(function() {
    var modalDiv = $("#loginModal");
    var currentForm = modalDiv.children("form.active");
    var linkForm = modalDiv.find(".linkForm");

    modalDiv.children('form').each(function(i){
        var thisForm = $(this);

        if (!thisForm.hasClass('active')) {
            thisForm.hide();
        }
    });

    linkForm.bind('click', function(object) {
        var link = $(this);
        var target = link.attr("rel");

        currentForm.fadeOut(400, function() {
            currentForm.removeClass("active");
            currentForm = modalDiv.children('form#'+target);
            currentForm.addClass("active");
            currentForm.fadeIn(400);
        });

        object.preventDefault();
    });
});

//This is called initially
function init() {
    console.log("init:login.js #3");

    //Reset
    localStorage.clear();
}

$("#form-login").submit(function() {
    var apiData = $("#form-login").serialize();

    //Hide / Show
    $("#loginSignIn").css("display", "none");
    $("#divValidating").css("display", "block");

    $.ajax(
    {
        type: 'POST',
        url: '/login?' + apiData,
        datatype: 'json',
        headers: {'Content-Type':'application/json'},
        success: function(jsonResp) {
            var jwt = jsonResp.token;
            var fields = jwt.split(".");

            console.log("jwt:0:" + fields[0]);
            console.log("jwt:1:" + fields[1]);
            console.log("dec:0:" + atob(fields[0]));
            console.log("dec:1:" + atob(fields[1]));

            var x = JSON.parse(atob(fields[1]));
            var status = x.status;

            localStorage.bnevat = jwt;
            localStorage.username = x.name;
            localStorage.company = x.company;
            localStorage.vat = x.vat;

            //Welcome & Redirect
            popupSuccess("Login", "Welcome back " + jsonResp.userName, jsonResp.redirect);
        },
        error: function(jsonResp) {
            //Error Modal
            var errorMessage = jsonResp.responseJSON.responseError;
            var errorCode = jsonResp.responseJSON.responseCode;
            popupError("Login Error", 0, errorMessage);
        },
        complete: function(jsonResp) {
            //Reset the Form
            $("#form-login")[0].reset();

            //Show / Hide
            $("#divValidating").css("display", "none");
            $("#loginSignIn").css("display", "block");
        }
    });

    return false;
});

$("#form-forgot").submit(function() {
    var apiData = $("#form-forgot").serialize();

    //Hide / Show
    $("#forgotSend").css("display", "none");
    $("#divSending").css("display", "block");

    $.ajax(
    {
        type: 'POST',
        url: '/forgot?' + apiData,
        datatype: 'json',
        datatype: 'json',
        headers: {'Content-Type':'application/json'},
        success: function(jsonResp) {
            //Success Modal
            var contentMessage = 'An email message has been sent to: <b>' + jsonResp.email + '</b>';
            popupSuccess("Forgot Password", contentMessage);
        },
        error: function(jsonResp) {
            //Error Modal
            var errorMessage = jsonResp.responseJSON.responseError;
            var errorCode = jsonResp.responseJSON.responseCode;
            popupError("Forgot Password", 0, errorMessage);
        },
        complete: function(jsonResp) {
            //Reset the Form
            $("#form-forgot")[0].reset();

            //Show / Hide
            $("#divSending").css("display", "none");
            $("#forgotSend").css("display", "block");
        }
    });

    return false;
});