const UserID = window.location.pathname.split('/')[2];
const AvatarRow = document.getElementsByClassName('d-flex flex-row flex-nowrap overflow-x-scroll px-3 px-lg-0 mb-2 mb-lg-0')[0]
const AvatarHeading = document.querySelector('.section-title:has(i.fa-user-crown)')

var Settings;
var BestFriends;
let FavoriteBtn;
let CalculateButton;

let Utilities;

if (UserID && !isNaN(UserID)) {
    chrome.storage.sync.get(['PolyPlus_Settings'], function(result) {
        Settings = result.PolyPlus_Settings || {}

        if (Settings.IRLPriceWithCurrencyOn === true) {
            (async () => {
                Utilities = await import(chrome.runtime.getURL('/js/resources/utils.js'));
                Utilities = Utilities.default

                IRLPrice()
            })();
        }
    
        if (Settings.BestFriendsOn === true) {
            BestFriends()
        }

        if (Settings.OutfitCostOn === true) {
            CalculateButton = document.createElement('small')
            CalculateButton.classList = 'fw-normal text-success'
            CalculateButton.style.letterSpacing = '0px'
            CalculateButton.innerHTML = `
            <a class="text-decoration-underline text-success" style="text-decoration-color: rgb(15, 132, 79) !important;">$ calculate</a>
            `
            AvatarHeading.appendChild(CalculateButton)
            
            let Calculating = false
            CalculateButton.addEventListener('click', function(){
                if (Calculating === false) {
                    Calculating = true
                    CalculateButton.innerText = '$ Calculating...'
                    OutfitCost()
                }
            });
        }
    });

    const AvatarIFrame = document.querySelector('[src^="/ptstatic"]')
    const DropdownMenu = document.getElementsByClassName('dropdown-menu dropdown-menu-right')[0]

    const CopyItem = document.createElement('a')
    CopyItem.classList = 'dropdown-item text-primary'
    CopyItem.href = '#'
    CopyItem.innerHTML = `
    <i class="fa-duotone fa-book"></i>
    Copy 3D Avatar URL 
    `
    DropdownMenu.appendChild(CopyItem)

    CopyItem.addEventListener('click', function(){
        navigator.clipboard.writeText(AvatarIFrame.src)
            .then(() => {
                alert('Successfully copied 3D avatar URL!')
            })
            .catch(() => {
                alert('Failure to copy 3D avatar URL.')
            });
    });

    const ShareItem = document.createElement('a')
    ShareItem.classList = 'dropdown-item text-warning'
    ShareItem.href = '#'
    ShareItem.innerHTML = `
    <i class="fa-duotone fa-book"></i>
    Share your 3D Avatar URL!
    `
    DropdownMenu.appendChild(ShareItem)

    ShareItem.addEventListener('click', function(){
        navigator.clipboard.writeText("Hey! Look at my Polytoria avatar in 3D [here](" + AvatarIFrame.src + ")!")
            .then(() => {
                alert('Successfully copied sharable 3D avatar URL!')
            })
            .catch(() => {
                alert('Failure to copy sharable 3D avatar URL.')
            });
    });
} else if (UserID && UserID[0] === "@") {
    const Username = window.location.pathname.split('/')[2].substring(1)

    let Reference = new URLSearchParams(new URL(window.location.href).search).get('ref')
    if (Reference === null) {
        Reference = ""
    }

    fetch("https://api.polytoria.com/v1/users/find?username=" + Username)
        .then(response => {
            if (!response.ok) {
                window.location.href = window.location.origin + decodeURIComponent(Reference)
            } else {
                return response.json()
            }
        })
        .then(data => {
            window.location.href = "https://polytoria.com/users/" + data.id
        })
        .catch(error => {
            console.log("An error occurred:", error);
        });
}

async function IRLPrice() {
    const NetWorthElement = document.getElementsByClassName('float-end text-success')[0];
    const IRLResult = await Utilities.CalculateIRL(NetWorthElement.innerText, Settings.IRLPriceWithCurrencyCurrency)
    NetWorthElement.innerText = NetWorthElement.innerText + " ($" + IRLResult.result + " " + IRLResult.display + ")"
}

function BestFriends() {
    chrome.storage.sync.get(['PolyPlus_BestFriends'], function(result){
        BestFriends = result.PolyPlus_BestFriends || [];
    
        FavoriteBtn = document.createElement('button');
        FavoriteBtn.classList = 'btn btn-warning btn-sm ml-2';
        if (!(BestFriends.length === 7)) {
            if (Array.isArray(BestFriends) && BestFriends.includes(parseInt(UserID))) {
                FavoriteBtn.innerText = 'Remove Best Friend Status';
            } else {
                FavoriteBtn.innerText = 'Best Friend';
            }
        } else {
            FavoriteBtn.innerText = 'Remove Best Friend Status (max 7/7)'
        }
        if (UserID !== JSON.parse(window.localStorage.getItem('account_info')).ID && document.getElementById('add-friend-button').classList.contains('btn-success') === false) {
            FavoriteBtn.addEventListener('click', function() {
                Fav(UserID, FavoriteBtn);
            });
        } else {
            FavoriteBtn.style.display = 'none'
        }
        document.querySelectorAll('.section-title.px-3.px-lg-0.mt-3')[0].appendChild(FavoriteBtn);

        function Fav(UserID, btn) {
            if (UserID === JSON.parse(window.localStorage.getItem('account_info')).ID) { return }
            btn.setAttribute('disabled', 'true')

            chrome.storage.sync.get(['PolyPlus_BestFriends'], function(result) {
                const BestFriends = result.PolyPlus_BestFriends || [];
                const index = BestFriends.indexOf(parseInt(UserID));

                if (index !== -1) {
                    // Number exists, remove it
                    BestFriends.splice(index, 1);
                    btn.innerText = "Best Friend"
                    console.log('Number', parseInt(UserID), 'removed from BestFriends');
                } else {
                    // Number doesn't exist, add it
                    BestFriends.push(parseInt(UserID));
                    btn.innerText = "Remove Best Friend Status"
                    console.log('Number', parseInt(UserID), 'added to BestFriends');
                }
                
                chrome.storage.sync.set({ 'PolyPlus_BestFriends': BestFriends, arrayOrder: true }, function() {
                    console.log('BestFriends saved successfully!');
                    setTimeout(function() {
                        btn.removeAttribute('disabled')
                    }, 1500)
                });
            });
        }
    });

    chrome.storage.onChanged.addListener(function(changes, namespace) {
        if ('PolyPlus_BestFriends' in changes) {
            chrome.storage.sync.get(['PolyPlus_BestFriends'], function(result) {
                BestFriends = result.PolyPlus_BestFriends || [];
    
                if (!(BestFriends.length === 7)) {
                    if (Array.isArray(BestFriends) && BestFriends.includes(parseInt(UserID))) {
                        FavoriteBtn.innerText = 'Remove Best Friend Status'
                    } else {
                        FavoriteBtn.innerText = 'Best Friend'
                    }
                } else {
                    FavoriteBtn.innerText = 'Remove Best Friend Status (max 7/7)'
                }
            });
        }
    });
    
    function ClearBestFriends(){
        chrome.storage.sync.set({ 'PolyPlus_BestFriends': {"BestFriends": []}, arrayOrder: true }, function() {
            console.log('BestFriends saved successfully!');
            setTimeout(function() {
                btn.removeAttribute('disabled')
            }, 1500)
        });
    }
}

async function OutfitCost() {
    const AvatarCost = {
        Total: 0,
        Limiteds: 0,
        Exclusives: 0
    }
    for (let item of AvatarRow.children) {
        const ItemID = item.getElementsByTagName('a')[0].href.split('/')[4]
        await fetch('https://api.polytoria.com/v1/store/'+ItemID)
            .then(response => {
                if (!response.ok) {
                    throw new Error('Network not ok')
                }
                return response.json()
            })
            .then(data => {
                let Price = data.price
                if (data.isLimited === true) {
                    AvatarCost.Limiteds += 1
                    Price = data.averagePrice
                } else if (data.sales === 0) {
                    AvatarCost.Exclusives += 1
                    Price = 0
                }

                AvatarCost.Total += Price
            })
            .catch(error => {console.log(error)});
    }
    const ResultText = document.createElement('small')
    ResultText.classList = 'fw-normal text-success'
    ResultText.style.letterSpacing = '0px'
    ResultText.innerHTML = `(<i class="pi pi-brick mx-1"></i> ${ (AvatarCost.Limiteds > 0 || AvatarCost.Exclusives > 0) ? '~' : '' }${ AvatarCost.Total.toLocaleString() }${ (AvatarCost.Limiteds > 0) ? `, ${AvatarCost.Limiteds} limited` : '' }${ (AvatarCost.Exclusives > 0) ? `, ${AvatarCost.Exclusives} exclusive` : '' })`
    
    CalculateButton.remove()
    AvatarHeading.appendChild(ResultText)
}