// ==UserScript==
// @name         Arras.io Placeholder Mod Menu
// @namespace    http://tampermonkey.net/
// @version      1.2.5
// @description  Visual-only placeholder mod menu for Arras.io (press L to toggle)
// @author       Jasper
// @match        *://arras.io/*
// @grant        none
// @license      MIT
// @downloadURL none
// ==/UserScript==

(function () {
    'use strict';

    const style = document.createElement("style");
    style.textContent = `
    #modMenu, #spawnSubMenu {
        position: fixed;
        top: 80px;
        width: 250px;
        background: #1e1e2f;
        border: 1px solid #444;
        color: #fff;
        font-family: Arial, sans-serif;
        font-size: 14px;
        padding: 10px;
        border-radius: 8px;
        box-shadow: 0 0 10px rgba(255,255,255,0.05);
        z-index: 9999;
    }

    #modMenu {
        right: 20px;
    }

    #spawnSubMenu {
        right: 290px;
        max-height: 300px;
        overflow-y: auto;
        display: none;
    }

    .modButton {
        width: 100%;
        padding: 8px;
        margin-top: 5px;
        background: #2a2a3f;
        border: none;
        border-radius: 8px;
        color: #fff;
        cursor: pointer;
        transition: background 0.2s ease;
    }

    .modButton:hover {
        background: #3a3a5f;
    }

    #spawnSubMenu .checkboxContainer {
        margin-top: 8px;
    }

    #spawnSubMenu input[type="checkbox"] {
        margin-right: 8px;
    }

    #spawnSubMenuHeader {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 10px;
    }

    #closeSpawnSubMenu {
        background: none;
        border: none;
        color: #fff;
        font-size: 18px;
        cursor: pointer;
    }

    ::-webkit-scrollbar {
        width: 6px;
    }
    ::-webkit-scrollbar-thumb {
        background-color: #555;
        border-radius: 10px;
    }
    `;
    document.head.appendChild(style);

    const menuHTML = `
        <div id="modMenu" style="display:none;">
            <strong style="display:block; text-align:center; margin-bottom:10px;">Mod Menu (Placeholder)</strong>
            <button class="modButton">Speedhack</button>
            <button class="modButton">ESP</button>
            <button class="modButton">Invisible</button>
            <button class="modButton">NOclip</button>
            <button class="modButton">Dev Commands</button>
            <button class="modButton">BetaTester Token</button>
            <button class="modButton">Zoom</button>
            <button class="modButton" id="spawnButton">Spawn</button>
        </div>
        <div id="spawnSubMenu">
            <div id="spawnSubMenuHeader">
                <strong>Spawn Options</strong>
                <button id="closeSpawnSubMenu">&times;</button>
            </div>
            <div class="checkboxContainer"><input type="checkbox" /> Spawn Egg</div>
            <div class="checkboxContainer"><input type="checkbox" /> Spawn Square</div>
            <div class="checkboxContainer"><input type="checkbox" /> Spawn Triangle</div>
            <div class="checkboxContainer"><input type="checkbox" /> Spawn Pentagon</div>
            <div class="checkboxContainer"><input type="checkbox" /> Spawn Alpha Pentagon</div>
            <div class="checkboxContainer"><input type="checkbox" /> Shadow Alpha Pentagon</div>
            <div class="checkboxContainer"><input type="checkbox" /> Rainbow Alpha Pentagon</div>
            <div class="checkboxContainer"><input type="checkbox" /> Trans Alpha Pentagon</div>
            <div class="checkboxContainer"><input type="checkbox" /> God Pentagon</div>
        </div>
    `;

    const wrapper = document.createElement("div");
    wrapper.innerHTML = menuHTML;
    document.body.appendChild(wrapper);

    const modMenu = document.getElementById("modMenu");
    const spawnSubMenu = document.getElementById("spawnSubMenu");
    const spawnButton = document.getElementById("spawnButton");
    const closeSpawn = document.getElementById("closeSpawnSubMenu");

    let menuVisible = false;

    document.addEventListener("keydown", (e) => {
        if (e.key.toLowerCase() === "l") {
            menuVisible = !menuVisible;
            modMenu.style.display = menuVisible ? "block" : "none";
            spawnSubMenu.style.display = "none"; // hide sub-menu if menu is closed
        }
    });

    spawnButton.addEventListener("click", () => {
        spawnSubMenu.style.display = "block";
    });

    closeSpawn.addEventListener("click", () => {
        spawnSubMenu.style.display = "none";
    });
})();