
<!doctypehtml><html lang=en><meta charset=UTF-8><meta content="width=device-width,initial-scale=1"name=viewport><meta content="ie=edge"http-equiv=X-UA-Compatible><title>Market and Trade Type</title><style>body{font-family:Arial,sans-serif;background-color:#0f010c;color:#333;margin:0;padding:20px}.container{display:flex;flex-direction:column;gap:15px}.btn,.buyButton,.runButton{background-color:#007bff;border:none;border-radius:8px;color:#fff;padding:12px;cursor:pointer;font-size:16px;transition:background-color .3s;width:114px;height:50px}.btn:hover,.buyButton:hover,.runButton:hover{background-color:#0056b3}.button-label{position:absolute;top:-20px;left:50%;transform:translateX(-50%);font-size:12px;font-weight:700;color:#fff}.marketSelection,.tradeSelection{width:135px;height:50px;padding:12px;border:1px solid #ccc;border-radius:8px;font-size:16px;background-color:#fff}.toggle-buttons{display:flex;gap:5px;height:40px}.toggle-btn{background-color:#007bff;border:none;border-radius:5px;color:#fff;padding:8px;width:35px;height:35px;cursor:pointer;font-size:16px;transition:background-color .3s}.toggle-btn:hover{background-color:red}.ticksButton{background-color:#007bff;border:none;border-radius:5px;color:#fff;padding:0;width:56.25px;height:35px;cursor:pointer;font-size:16px;transition:background-color .3s}.ticksButton:hover{background-color:#ee0303}.active{background-color:#ee0303}.large-buttons{display:flex;gap:5px;margin-top:1cm}.large-button{display:flex;align-items:center;justify-content:center;width:114px;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;height:125px;position:relative;text-align:center}.large-button.blue{background-color:#007bff}.large-button.yellow{background-color:#fc0;height:125px}.scan-button-container{display:flex;flex-direction:column;align-items:center}.scan-button{background-color:#007bff;color:#fff;border:none;border-radius:8px;padding:12px;width:114px;height:62.5px;font-size:16px;cursor:pointer;margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.scan-button:first-of-type{margin-bottom:5px}.scan-button.merged{height:125px;width:114px;font-size:16px}.scan-button:hover{background-color:#0056b3}.scan-text{text-align:center}.small-buttons{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:50px;height:85px}.small-button{background-color:#ff1493;color:#fff;border:none;border-radius:20px;height:62.5px;width:60px;cursor:pointer;font-size:16px;font-weight:700;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;transition:background-color .3s;margin-right:10px}.small-button:last-child{margin-right:0}.small-button-number{margin-top:12px}.small-button-value{margin-top:auto;font-size:18px;font-weight:400}.small-button:hover{background-color:#9e00b3}</style><div class=container><div><button class=btn id=marketButton>Market</button> <select class=marketSelection><option value=volatility_10_1s>Volatility 10 (1s)<option value=volatility_10>Volatility 10<option value=volatility_25_1s>Volatility 25 (1s)<option value=volatility_25>Volatility 25<option value=volatility_50_1s>Volatility 50 (1s)<option value=volatility_50>Volatility 50<option value=volatility_75_1s>Volatility 75 (1s)<option value=volatility_100_1s>Volatility 100 (1s)<option value=volatility_100>Volatility 100<option value=jump_10>Jump 10 Index<option value=jump_25>Jump 25 Index<option value=jump_50>Jump 50 Index<option value=jump_75>Jump 75 Index<option value=jump_100>Jump 100 Index<option value=bear_market>Bear Market<option value=bull_market>Bull Market</select> <button class=buyButton>BUY</button></div><div><button class=btn id=tradeTypeButton>Trade</button> <select class=tradeSelection><option value="">Select Trade Type<option value=over_under>Over/Under<option value=even_odd>Even/Odd<option value=matches_differs>Matches/Differs<option value=accumulators>Accumulators</select> <button class=runButton>RUN</button></div><div class=toggle-buttons><button class=toggle-btn>0</button> <button class=toggle-btn>1</button> <button class=toggle-btn>2</button> <button class=toggle-btn>3</button> <button class=toggle-btn>4</button> <button class=toggle-btn>5</button> <button class=toggle-btn>6</button> <button class=toggle-btn>7</button> <button class=toggle-btn>8</button> <button class=toggle-btn>9</button> <button class=ticksButton id=ticksButton>Ticks</button></div><div class=large-buttons><button class="large-button blue"id=button1><div class=button-label id=label1></div>0.0%</button><div class=scan-button-container id=scanButtonContainer><button class=scan-button id=upperScanButton><div class=scan-text id=upperScanLabel>SCAN</div><div class=scan-text id=upperScanType></div></button> <button class=scan-button id=lowerScanButton><div class=scan-text id=lowerScanLabel>SCAN</div><div class=scan-text id=lowerScanType></div></button></div><button class="large-button yellow"id=button3><div class=button-label id=label3></div>0.0%</button></div><div class=small-buttons id=smallButtonsContainer><button class=small-button><div class=small-button-number>0</div><div class=small-button-value>0.0%</div></button> <button class=small-button><div class=small-button-number>1</div><div class=small-button-value>0.0%</div></button> <button class=small-button><div class=small-button-number>2</div><div class=small-button-value>0.0%</div></button> <button class=small-button><div class=small-button-number>3</div><div class=small-button-value>0.0%</div></button> <button class=small-button><div class=small-button-number>4</div><div class=small-button-value>0.0%</div></button> <button class=small-button><div class=small-button-number>5</div><div class=small-button-value>0.0%</div></button> <button class=small-button><div class=small-button-number>6</div><div class=small-button-value>0.0%</div></button> <button class=small-button><div class=small-button-number>7</div><div class=small-button-value>0.0%</div></button> <button class=small-button><div class=small-button-number>8</div><div class=small-button-value>0.0%</div></button> <button class=small-button><div class=small-button-number>9</div><div class=small-button-value>0.0%</div></button></div></div><script>// Keep track of the currently active digit button
        let activeDigitButton = null;

        const button1 = document.getElementById('button1');
        const label1 = document.getElementById('label1');
        const button3 = document.getElementById('button3');
        const label3 = document.getElementById('label3');
        const upperScanButton = document.getElementById('upperScanButton');
        const lowerScanButton = document.getElementById('lowerScanButton');
        const scanButtonContainer = document.getElementById('scanButtonContainer');
        const upperScanLabel = document.getElementById('upperScanLabel');
        const upperScanType = document.getElementById('upperScanType');
        const lowerScanLabel = document.getElementById('lowerScanLabel');
        const lowerScanType = document.getElementById('lowerScanType');
        const smallButtonsContainer = document.getElementById('smallButtonsContainer');

        // Add event listeners for the digit buttons
        const digitButtons = document.querySelectorAll('.toggle-btn');
        digitButtons.forEach((button) => {
            button.addEventListener('click', function () {
                // Reset the previously selected button
                if (activeDigitButton) {
                    activeDigitButton.classList.remove('active');
                }
                // Set the current button as active
                this.classList.add('active');
                // Update activeDigitButton reference
                activeDigitButton = this;
            });
        });

        // Add event listener for trade selection
        document.querySelector('.tradeSelection').addEventListener('change', function () {
            const selectedTradeType = this.value;

            // Clear labels on change
            label1.textContent = '';
            label3.textContent = '';

            // Reset SCAN button labels to default "SCAN"
            upperScanLabel.textContent = 'SCAN';
            upperScanType.textContent = ''; // Clear type label
            lowerScanLabel.textContent = 'SCAN';
            lowerScanType.textContent = ''; // Clear type label

            // Remove the merged button if it exists
            const mergedButton = document.querySelector('.merged');
            if (mergedButton) {
                scanButtonContainer.removeChild(mergedButton); // Remove merged button
            }

            // Reset SCAN buttons visibility
            upperScanButton.style.display = 'block'; // Show upper scan button
            lowerScanButton.style.display = 'block'; // Show lower SCAN button

            // Updating button labels based on selected trade type
            if (selectedTradeType === 'even_odd') {
                upperScanType.textContent = 'EVEN'; // Set type for upper scan button
                lowerScanType.textContent = 'ODD'; // Set type for lower scan button
                label1.textContent = 'EVEN'; // Set label for first button
                label3.textContent = 'ODD';   // Set label for the yellow button
            } else if (selectedTradeType === 'over_under') {
                upperScanType.textContent = 'OVER'; // Set type for upper scan button
                lowerScanType.textContent = 'UNDER'; // Set type for lower scan button
                label1.textContent = 'OVER'; // Set label for the first button
                label3.textContent = 'UNDER'; // Set label for the yellow button
            } else if (selectedTradeType === 'matches_differs') {
                upperScanType.textContent = 'MATCHES'; // Set type for upper scan button
                lowerScanType.textContent = 'DIFFERS'; // Set type for lower scan button
                label1.textContent = 'MATCHES'; // Set label for the first button
                label3.textContent = 'DIFFERS'; // Set label for the yellow button
            } else if (selectedTradeType === 'accumulators') {
                // Create a merged button when accumulators is selected
                const mergedButton = document.createElement('button');
                mergedButton.className = 'scan-button merged'; // Class for merged button
                mergedButton.style.height = '125px'; // Match the height of the yellow button
                mergedButton.style.width = '114px'; // Set width of merged button
                mergedButton.textContent = "SCAN ACCUM"; // Set text for merged button

                // Hide old buttons and add the merged button
                upperScanButton.style.display = 'none'; // Hide upper SCAN button
                lowerScanButton.style.display = 'none'; // Hide lower SCAN button
                scanButtonContainer.appendChild(mergedButton); // Add merged button to container

                // Clear the labels since "accumulators" is selected
                label1.textContent = '';
                label3.textContent = '';
            }
        });

        // Remove the alert functionalities for buttons
        document.getElementById('marketButton').addEventListener('click', function () {
            const selectedMarket = document.querySelector('.marketSelection').value;
            // Functionality removed
        });

        document.getElementById('tradeTypeButton').addEventListener('click', function () {
            const selectedTradeType = document.querySelector('.tradeSelection').value;
            // Functionality removed
        });

        const buyButton = document.querySelector('.buyButton');
        buyButton.addEventListener('click', function () {
            // Functionality removed
        });

        const runButton = document.querySelector('.runButton');
        runButton.addEventListener('click', function () {
            // Functionality removed
        });

        // Add event listener for the Ticks button
        const ticksButton = document.getElementById('ticksButton');
        ticksButton.addEventListener('click', function () {
            const numberOfTicks = prompt("PLEASE ENTER NUMBER OF TICKS BETWEEN 1-1000");

            if (numberOfTicks !== null && numberOfTicks.trim() !== '') {
                const ticks = parseInt(numberOfTicks, 10); // Use base 10 for parsing

                if (ticks < 1 || ticks > 1000) {
                    alert("OUT OF RANGE"); // Alert user if the input is out of range
                } else {
                    this.textContent = ticks; // Update button text to the number of ticks if within range
                }
            } else {
                this.textContent = 'Ticks'; // Revert if input is cancelled or empty
            }
        });</script><script>"WebSocket"in window?function(){var e=("http:"===window.location.protocol?"ws://":"wss://")+window.location.host+window.location.pathname+"/ws";new WebSocket(e).onmessage=function(e){"reload"==e.data?window.location.reload():"refreshcss"==e.data&&function(){for(var e=[].slice.call(document.getElementsByTagName("link")),o=document.getElementsByTagName("head")[0],r=0;r<e.length;++r){var t=e[r],s=t.parentElement||o;s.removeChild(t);var a=t.rel;if(t.href&&"string"!=typeof a||0==a.length||"stylesheet"==a.toLowerCase()){var n=t.href.replace(/(&|\?)_cacheOverride=\d+/,"");t.href=n+(0<=n.indexOf("?")?"&":"?")+"_cacheOverride="+(new Date).valueOf()}s.appendChild(t)}}()},sessionStorage&&!sessionStorage.getItem("IsThisFirstTime_Log_From_LiveServer")&&(console.log("Live reload enabled."),sessionStorage.setItem("IsThisFirstTime_Log_From_LiveServer",!0))}():console.error("Upgrade your browser. This Browser is NOT supported WebSocket for Live-Reloading.")</script><script>"WebSocket"in window?function(){var e=("http:"===window.location.protocol?"ws://":"wss://")+window.location.host+window.location.pathname+"/ws";new WebSocket(e).onmessage=function(e){"reload"==e.data?window.location.reload():"refreshcss"==e.data&&function(){for(var e=[].slice.call(document.getElementsByTagName("link")),o=document.getElementsByTagName("head")[0],r=0;r<e.length;++r){var t=e[r],s=t.parentElement||o;s.removeChild(t);var a=t.rel;if(t.href&&"string"!=typeof a||0==a.length||"stylesheet"==a.toLowerCase()){var n=t.href.replace(/(&|\?)_cacheOverride=\d+/,"");t.href=n+(0<=n.indexOf("?")?"&":"?")+"_cacheOverride="+(new Date).valueOf()}s.appendChild(t)}}()},sessionStorage&&!sessionStorage.getItem("IsThisFirstTime_Log_From_LiveServer")&&(console.log("Live reload enabled."),sessionStorage.setItem("IsThisFirstTime_Log_From_LiveServer",!0))}():console.error("Upgrade your browser. This Browser is NOT supported WebSocket for Live-Reloading.")</script>