// ==UserScript==
// @name         PlayBingo Popouts
// @namespace    http://jimmie1717.com/
// @version      2025-05-31
// @description  Add popouts to playbingo.gg boards.
// @author       Jimmie1717
// @match        https://playbingo.gg/rooms/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    let cols=["COL-1", "COL-2", "COL-3", "COL-4", "COL-5"],
        rows=["TL-BR", "ROW-1", "ROW-2", "ROW-3", "ROW-4", "ROW-5", "BL-TR"];


    function addPopouts(board) {
        let top=document.createElement('div'),
            left=document.createElement('div');
        top.classList.add("popouts", "top");
        for(var i=0; i<cols.length; i++){
            let popout = document.createElement("div");
            popout.textContent = cols[i];
            top.append(popout);
        }
        left.classList.add("popouts", "left");
        for(var j=0; j<rows.length; j++){
            let popout = document.createElement("div");
            popout.textContent = rows[j];
            left.append(popout);
        }
        board.prepend(top);
        board.prepend(left);
    }

    setTimeout(()=>{
        let container=document.querySelector("header").nextElementSibling.children[0].children[0];
        for(var i=0; i<container.children.length; i++){
            if(i<2) addPopouts(container.children[i].children[3]);
            else if(i<3) addPopouts(container.children[i].children[2]);
            else addPopouts(container.children[i].children[0]);
        }
    }, 2000);
})();