function AddToCart(object, buttonID, type){
    if(object !== "null" && object !== null) {
        if (sessionStorage.getItem("CartObjects") === null || sessionStorage.getItem("CartObjects") === '' || !sessionStorage.getItem("CartObjects").includes(object)) {
            sessionStorage.setItem("CartObjects", sessionStorage.getItem("CartObjects") + "?Type=" + type + "&" + object);
        }
        document.getElementById(buttonID).classList.add("ClickedBtn");
        document.getElementById(buttonID).innerHTML = 'Added <img alt="" class="NavIcon" src="/Assets/Icons/shopping-cart-solid.svg" style=" margin:0 0.5vh; width: 4vh; height: 4vh;">'
        document.getElementById(buttonID).onclick = null;
    }
}


function LoadWhatsInCart(SourceContainer){
    if(sessionStorage.getItem("CartObjects") !== null && sessionStorage.getItem("CartObjects") !== ''){
        let CartItems = sessionStorage.getItem("CartObjects").split("?");
        for(let i = 0; i < CartItems.length; i++){
            if(CartItems[i] !== null && CartItems[i] !== "null" && CartItems[i] !== '') {
                let ElementToDisplay = "<div class='VFlexBox'  id='CartListing" + i + "' style='margin:2vh;'>"
                let ItemsInsideCart = CartItems[i].split("&");
                for (let Item = 0; Item < ItemsInsideCart.length; Item++) {
                    let Variable = ItemsInsideCart[Item].split("=");
                    ElementToDisplay += "<div class='HFlexBox'><p class='ExampleText'>" + Variable[0] + ":</p>"
                    ElementToDisplay += "<p class='ExampleText2'>&emsp;" + Variable[1] + "</p></div>";
                }
                ElementToDisplay += '<button class="ExampleButton" onclick="RemoveFromCart(' + "'" + CartItems[i] + "','" + i + "'" + ');">Remove</button></div>';
                SourceContainer.innerHTML += ElementToDisplay;
            }
        }
    }
}
function RemoveFromCart(object, index){
    if(sessionStorage.getItem("CartObjects").includes(("?" + object))) {
        sessionStorage.setItem("CartObjects", sessionStorage.getItem("CartObjects").replace(("?" + object), ""));
    }
    let buttonID = "CartListing" + index;
    let ListingID = "CartListing" + index;
    document.getElementById(buttonID).onclick = null;
    document.getElementById(buttonID).remove();
    document.getElementById(ListingID).remove();
}