// import { sprintf } from 'sprintf-js';
// import { vsprintf } from 'sprintf-js';
/*var off_payment_method = document.getElementsByName('offline_payment_method');
var ischecked_method = false;
for ( var i = 0; i < off_payment_method.length; i++) {
    if(off_payment_method[i].checked) {
        ischecked_method = true;
        break;
    }
}
if(!ischecked_method)   { //payment method button is not checked
    alert("Please choose Offline Payment Method");
}*/
var toUserRadios = document.getElementsByName('toUser');
var isCheckedUser = false;
var chatTextArea = document.getElementById('chatTextArea');

var passphraseInput = document.getElementById('passphrase');
var postNewMessageUrl = `http://${hostAddress}/api/chat/post/message`; //hostAddress variable is set in the thymeleaf head fragment
var getAllMessagesUrl = `http://${hostAddress}/api/chat/get/messages/`;
var getNewMessagesUrl = `http://${hostAddress}/api/chat/get/messages/`;
// var postNewMessageUrl = "http://localhost:8080/api/chat/post/message";
// var getAllMessagesUrl = "http://localhost:8080/api/chat/get/messages/";
// var getNewMessagesUrl = "http://localhost:8080/api/chat/get/messages/";
// var messageLog = [];
var username = sessionStorage.getItem('username');
var password = sessionStorage.getItem('password');
var authToken = 'Basic ' + btoa(username + ":" + password);
var iterations = 100000;

var source = document.getElementById("msg_container_template").innerHTML;
var msgContainerTemplate = Handlebars.compile(source);
var source = document.getElementById("msg_container_send_template").innerHTML;
var msgContainerSendTemplate = Handlebars.compile(source);

var chatAreaNew = document.getElementById('chat_area_new');

var userBoxes = document.getElementsByName('user-box');

// Loop through the buttons and add the active class to the current/clicked button
// for (var i = 0; i < btns.length; i++) {
//     btns[i].addEventListener("click", function() {
//       var current = document.getElementsByClassName("active");

//       // If there's no active class
//       if (current.length > 0) {
//         current[0].className = current[0].className.replace(" active", "");
//       }

//       // Add the active class to the current/clicked button
//       this.className += " active";
//     });
//   } 

for (let i = 0; i < userBoxes.length; i++) {
    userBoxes[i].addEventListener('click', function() {
        let current = document.getElementsByClassName('user-box active');
        let passphrase = passphraseInput.value;
        if (current.length > 0) {
            current[0].className = current[0].className.replace(" active", "");

        }
        // Add the active class to the current/clicked button
        else if (current.length == 0) {
            document.getElementById('no-user-selected').hidden = true;
            document.getElementById('chat-card').hidden = false;
            let elem = document.getElementById('passphrase-initial');
            passphrase = elem.value;
            elem.hidden = true;
        }
        let userName = this.querySelectorAll('span')[1].innerText;
        document.getElementById('user-name-span').innerText = userName;
        populateMessages(userName, passphrase);
        sessionStorage.setItem('selectedUser', userName);
        this.className += " active";
    })
}

function populateMessages(userName, passphrase) {
    console.log('Selected user = ' + userName);
    if (passphrase == '') {
        alert('Please input passphrase')
        return;
    }
    // console.log(userName);
    if (sessionStorage.getItem(userName) == null) {
        chatTextArea.textContent = '';
        chatAreaNew.innerHTML = '';
        getAllMessages(userName)
            .then(json => {
                console.log(json);
                let i = 0;
                let messageLog = [];
                let messageLogNew = [];
                let lastMessageTimeStamp;

                if (json.length > 0) {
                    json.forEach(function(obj) {
                        // console.log(obj.toUser);
                        messageCipher = JSON.stringify(obj.messageCipher);
                        console.log(messageCipher);
                        // let message = sjcl.decrypt("password", messageCipher);
                        let message = sjcl.decrypt(passphrase, messageCipher);
                        let utcDate = obj.messageTime;
                        lastMessageTimeStamp = utcDate;
                        let localDate = new Date(utcDate);
                        let messageLine = sprintf('%s %s: %s ', localDate, obj.fromUser, message);


                        // localDate.``
                        // console.log('localDate = ' + localDate);
                        console.log(messageLine);
                        // chatTextArea.append(obj.fromUser + ": " + message + "\n");
                        chatTextArea.append(messageLine + '\n');
                        messageLog[i++] = messageLine;
                        chatTextArea.scrollTop = chatTextArea.scrollHeight;
                        // console.log('Message log = ' + messageLog);

                        let context = { fromUser: obj.fromUser, message: message, time: localDate.toLocaleString() };
                        let msgContainer;
                        if (obj.fromUser == username) {
                            msgContainer = msgContainerSendTemplate(context);
                        } else {
                            msgContainer = msgContainerTemplate(context);
                        }

                        messageLogNew.push(JSON.stringify(context));
                        $(chatAreaNew).append(msgContainer);


                    });
                    sessionStorage.setItem(userName, JSON.stringify(messageLog));
                    sessionStorage.setItem(userName + username + 'new', JSON.stringify(messageLogNew));
                    // console.log()
                    // sessionStorage.clear();
                    console.log('Last message time = ' + lastMessageTimeStamp);
                    sessionStorage.setItem(userName + '-time', lastMessageTimeStamp);


                }
            });
    } else {


        console.log("Stored messages = " + sessionStorage.getItem(userName));
        let storedMessages = JSON.parse(sessionStorage.getItem(userName));
        let storedMessagesNew = JSON.parse(sessionStorage.getItem(userName + username + 'new'));
        let lastMessageTime = sessionStorage.getItem(userName + '-time');
        console.log("last message time stamp = " + lastMessageTime);
        if (lastMessageTime != null) {
            getNewMessages(userName, lastMessageTime)
                .then(json => {
                    console.log(json)
                    if (json.length > 0) {
                        json.forEach(function(obj) {
                            let messageCipher = JSON.stringify(obj.messageCipher);
                            let message = sjcl.decrypt(passphrase, messageCipher);
                            // console.log(message);
                            // chatTextArea.append(message + "\n");	
                            let utcDate = obj.messageTime;
                            lastMessageTimeStamp = utcDate;
                            let localDate = new Date(utcDate);
                            let messageLine = sprintf('%s %s: %s', localDate, obj.fromUser, message);

                            // localDate.``
                            // console.log('localDate = ' + localDate);
                            console.log(messageLine);
                            // chatTextArea.append(obj.fromUser + ": " + message + "\n");
                            chatTextArea.append(messageLine + '\n');
                            chatTextArea.scrollTop = chatTextArea.scrollHeight;
                            storedMessages.push(messageLine);

                            let context = { fromUser: obj.fromUser, message: message, time: localDate.toLocaleString() };
                            let msgContainer;
                            if (obj.fromUser == username) {
                                msgContainer = msgContainerSendTemplate(context);
                            } else {
                                msgContainer = msgContainerTemplate(context);
                            }

                            storedMessagesNew.push(JSON.stringify(context));
                            $(chatAreaNew).append(msgContainer);

                        })
                        sessionStorage.setItem(userName + '-time', lastMessageTimeStamp);
                        sessionStorage.setItem(userName, JSON.stringify(storedMessages));
                        sessionStorage.setItem(userName + username + 'new', JSON.stringify(storedMessagesNew));
                        console.log("this value stored" + sessionStorage.getItem(userName))
                        console.log("last message time stamp = " + lastMessageTimeStamp);
                        console.log(sessionStorage.getItem(userName + '-time'));

                    }
                    chatTextArea.textContent = '';
                    chatAreaNew.innerHTML = '';
                    console.log("Stored messages 2 = " + storedMessages);
                    storedMessages.forEach(function(messageLine) {
                        chatTextArea.append(messageLine + '\n');
                        chatTextArea.scrollTop = chatTextArea.scrollHeight;

                        // let context = {message: messageLine};
                        // let msgContainer;
                        // if(obj.fromUser == username)
                        // {
                        //     msgContainer = msgContainerSendTemplate(context);
                        // }
                        // else{
                        //     msgContainer = msgContainerTemplate(context);
                        // }

                        // $(chatAreaNew).append(msgContainer);
                    })

                    storedMessagesNew.forEach(function(contextString) {
                        let context = JSON.parse(contextString);
                        let msgContainer;
                        if (context.fromUser == username) {
                            msgContainer = msgContainerSendTemplate(context);
                        } else {
                            msgContainer = msgContainerTemplate(context);
                        }

                        $(chatAreaNew).append(msgContainer);
                    })


                });


        }
        // sessionStorage.clear();
        // chatTextArea.append(JSON.stringify(storedMessages));

    }
    // sessionStorage.setItem('status', 'ready');
    // sessionStorage.setItem('userName', messageLog);
    // console.log('Message log = ' + messageLog);
    // }

    // let passphraseKey = userName + '-passphrase';
    // sessionStorage.setItem(passphraseKey, passphrase);
    // console.log(sessionStorage.getItem(passphraseKey));
}

// var lastMessageTimeStamp;

// console.log(authToken);
// 'Basic ' + btoa("hmm" + ":" + "hmm")

Handlebars.registerHelper('avatar', function() {
    return '<div class="img_cont_msg"> <img src="https://static.turbosquid.com/Preview/001292/481/WV/_D.jpg" class="rounded-circle user_img_msg"> </div>';
});


// var user;
function getSelectedUser() {
    for (var i = 0; i < toUserRadios.length; i++) {
        if (toUserRadios[i].checked) {
            let user = toUserRadios[i].value;
            console.log('sending to user = ' + user);
            isCheckedUser = true;
            return user;
        }
    }

}

function getSelectedUserNew() {
    return sessionStorage.getItem('selectedUser');
}

document.getElementById('chatMessageForm').addEventListener('submit', function(e) {
    let chatInput = document.getElementById('chatInput');
    e.preventDefault();
    let user = getSelectedUserNew();

    if (!this.checkValidity()) {
        console.log("error");
        this.classList.add('was-validated');
        return;
    }
    this.classList.add('was-validated');

    if (user == null) {
        window.alert('please select a user');
        return;
    }
    let messageContent = chatInput.value;
    let localDate = new Date();
    let messageLine = sprintf('%s %s %s: %s', localDate.toLocaleDateString(), localDate.toLocaleTimeString(), username, messageContent);
    chatTextArea.append(messageLine + "\n");
    chatTextArea.scrollTop = chatTextArea.scrollHeight;
    let messageCipher = sjcl.encrypt(passphraseInput.value, messageContent, { mode: "gcm", ts: 128, adata: "", iter: iterations });
    let messageCipherJson = JSON.parse(messageCipher);
    let chatMessageDTO = {
        "toUser": user,
        "messageCipher": messageCipherJson
    }
    messageSend(JSON.stringify(chatMessageDTO));
})

// console.log('Credentials = ' + JSON.parse(sessionStorage.getItem('credentials')));


function messageSend(chatMessageDTO) {
    let headers = new Headers();
    //	console.log("Token = " + btoa("hmm" + ":" + "hmm"))

    // headers.append('Accept','application/json')
    headers.append('Content-Type', 'application/json');
    headers.append('Authorization', authToken);
    fetch(postNewMessageUrl, {
            method: 'POST',
            headers: headers,
            body: chatMessageDTO
        })
        .then(response => console.log(response));
}


async function getAllMessages(toUser) {
    let headers = new Headers();
    // headers.append('Accept','application/json')
    // headers.append('Content-Type', 'application/json');
    headers.append('Authorization', authToken);
    let response = await fetch(getAllMessagesUrl + toUser, {
        method: 'GET',
        headers: headers
    });
    let data = await response.json();
    return data;
}

async function getNewMessages(toUser, lastMessageTimeStamp) {
    let headers = new Headers();
    headers.append('Authorization', authToken);
    let response = await fetch(`${getNewMessagesUrl}${toUser}/${lastMessageTimeStamp}`, {
        method: 'GET',
        headers: headers
    });
    let data = await response.json();
    return data;
}

$(document).ready(function() {
    $('#action_menu_btn').click(function() {
        $('.action_menu').toggle();
    });
});