document.cookie = 'same-site-cookie=foo; SameSite=Lax';
document.cookie = 'cross-site-cookie=bar; SameSite=None; Secure';

var btnReplace = document.createElement("BUTTON");
btnReplace.innerHTML = "Insert Steam Market Price";
btnReplace.onclick = function(){replacePrices()};
btnReplace.style.cssText = 'background-color: #24252f; color: #e9b10b; padding: 1em; margin-left: 1.875rem; border-radius: 3px; font-size: .8125rem; font-weight: 700';

document.getElementsByClassName("price-range-compact")[0].appendChild(btnReplace);


async function replacePrices() {
    let skinNumber = 1;
    console.log("Changing Prices");
    let prices = document.getElementsByClassName('item__price');

    for (const priceElement of prices) {
        var skinNick = document.getElementsByClassName("px-2");
        let skinFullName = skinNick[skinNumber].textContent;

        let containsFactoryNew = skinFullName.includes('Factory New');
        let containsMinimalWear = skinFullName.includes('Minimal Wear');
        let containsFieldTested = skinFullName.includes('Field-Tested');
        let containsWellWorn = skinFullName.includes('Well-Worn');
        let containsBattleScarred = skinFullName.includes('Battle-Scarred');

        if (containsFactoryNew === true || containsMinimalWear === true || containsFieldTested === true || containsWellWorn === true || containsBattleScarred === true) {
            skinWear = '(' + skinFullName + ')';
            skinFullName = '';
        } else {
            skinFullName = skinFullName.trim();
            skinFullName = skinFullName.replace(/\s\s+/g, ' | ');
            skinFullName = skinFullName + ' ' + skinWear;
            console.log(skinFullName);

            const price = await new Promise(resolve => {
                chrome.runtime.sendMessage({
                  contentScriptQuery: 'queryPrice',
                  itemURL: skinFullName,
                }, resolve);
              });
              priceElement.append(` | ${price}`);
            skinWear = '';
        }

        skinNumber = skinNumber + 1;
    }

    btnReplace.innerHTML = "Reload Steam Market Prices";
}