async function getScoreTable() {
    const url = `https://api.allorigins.win/get?url=https://pt.besoccer.com/competicao/tabela/serie_a_brazil/2022`
    const resp = await fetch(url);
    const body = await resp.json();
    let table = $($.parseHTML(body.contents)).find('.table');

    $(table).css({
        margin: 0
    });
    $(table).find('img').css({
        width: '25px'
    });
    $(table).find('.bg-match-res').remove();
    $(table).find('.no-played').remove();
    return table[0];
}

async function buildTabelaBrasileiro() {
    const table = await getScoreTable();
    let tabela = document.createElement('div');
    let space = document.createElement('div');

    $("form[name='post']").wrap("<div id='post-wrapper' style='display: flex; flex-wrap: wrap'></div>")
    $(tabela).css({
        width: '390px',
        'max-height': '335px',
        'overflow-y': 'scroll',
        background: 'rgb(240, 224, 214)',
        margin: '0 20px'
    })
    $(tabela).append(table)
    $('#post-wrapper').prepend(tabela);
    $('#post-wrapper').append(space);
    $(tabela).wrap("<div style='flex: 1'></div>")
    $(space).wrap("<div style='flex: 1'></div>")
}

buildTabelaBrasileiro();

async function valueBitcoin(coin, curr, prefix) {
    url = `https://api.coinstats.app/public/v1/coins/${coin}?currency=${curr}`;
    resp = await fetch(url);
    coinObj = await resp.json();
    value = coinObj.coin.price;
    $("form[name='post'] tbody").append(`<tr><td><img src="https://bitcoin.org/img/icons/opengraph.png" style="width: 60px; float: right; margin: 20px"></td><td><h1 style="float: left"><span class='rainbow'>Bitcoin: ${prefix}${(value).toLocaleString('pt-BR')}</td></tr>`)
}

// O primeiro e o segundo valor pode ser qualquer moeda de mentirinha como bitcoin, monero, usd, ou brl
// O terceiro vai ser a unidade que vai aparecer antes do valor. Pode ser R$ ou $ por exemplo
valueBitcoin('bitcoin', 'BRL', 'R$');

/////////////////////////////////////////////////
//////////// Contagem estadoBola 1.0/////////////
/////////////////////////////////////////////////
function buildBolaContagemTable() {
    if (!document.getElementById('thread-interactions') || document.getElementsByClassName('flag').length <= 0)
        return;

    if (document.getElementById('contagem-bola'))
        document.getElementById('contagem-bola').remove();
    const el = document.getElementById('thread-interactions');
    const contagem = Array.from(document.getElementsByClassName('flag'))
        .map(flag => ({
            title: flag.getAttribute('title'),
            src: flag.getAttribute('src'),
            id: flag.parentNode.parentNode.getElementsByClassName('poster_id')[0].innerHTML
        }))
        .reduce((a, c) => (a[c.title] = {
            src: c.src,
            post_count: (a[c.title] ? a[c.title].post_count : 0) + 1,
            id_count: (a[c.title] ? (a[c.title].id_count.indexOf(c.id) == -1 ? [...a[c.title].id_count, c.id] : a[c.title]
                .id_count) : [c.id])
        }, a), {});
    let tbl = document.createElement('table');
    tbl.innerHTML =
        '<thead><tr class="row-head"><th>Bola</th><th>Estado</th><th>Postagens</th><th>IDs únicos</th></tr></thead>'
    tbl.id = 'contagem-bola';
    tbl.style = 'margin-left: unset; width: 300px;'
    let tbody = tbl.createTBody();
    tbody.style = 'background: #f0e0d6;'
    Object.keys(contagem).sort().forEach(estado => {
        let row = tbody.insertRow(-1);
        row.classList.add('row-body');
        let bola = row.insertCell(-1);
        bola.style = 'text-align: center';
        bola.innerHTML = `<img src="${contagem[estado].src}" title="${estado}">`
        let title = row.insertCell(-1);
        title.innerHTML = estado;
        let conta = row.insertCell(-1);
        conta.innerHTML = contagem[estado].post_count;
        let ids = row.insertCell(-1);
        ids.innerHTML = contagem[estado].id_count.length || 0;
    });
    el.insertAdjacentElement('beforebegin', tbl);
}
if (document.getElementsByClassName('thread')[0]) {
    const tabela_observer = new MutationObserver(buildBolaContagemTable);
    tabela_observer.observe(document.getElementsByClassName('thread')[0], {
        childList: true
    });
    buildBolaContagemTable();
}

const linksToBeReplaced = [
    ["twitter.com", "nitter.it"],
    ["instagram.com", "imginn.com"]
];

function replaceLinks() {
    const pageLinks = document.links;
    for (var i = 0; i < pageLinks.length; i++) {
        for (var j = 0; j < linksToBeReplaced.length; j++) {
            pageLinks[i].href = pageLinks[i].href.replace(linksToBeReplaced[j][0], linksToBeReplaced[j][1]);
        }
    }
}

replaceLinks();

function appendHtml(el, str) {
    var div = document.createElement('div');
    div.innerHTML = str;
    while (div.children.length > 0) {
        el.appendChild(div.children[0]);
    }
}

var html = `<iframe id="float-iframe" src="https://xat.com/embed/chat.php#id=220519128&gn=1500chan"/>`;

var style = document.createElement('style');
style.innerHTML = `
  #float-iframe {
    position: absolute;
    left: 750pt;
    top: 60pt;
    width: 450px;
    height: 486px;
  
  }
  `;
document.head.appendChild(style);

appendHtml(document.body, html);