<!DOCTYPE html>
<html lang="en">

<head>
    <meta name="google-site-verification" content="VgDi2d8z47a5szC38VzQ9q7Sd8X1iPrdIzcNVdEYhIs" />
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ComboUtils</title>
    <link rel="stylesheet" href="style.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">

</head>

<body>
    <header>
        <div><pre class="title"> <a href="">Combo Utilities</a></pre></div class="title">
        <nav class="horizontalnav">
            <ul class="navbar">
                <li class="comboFilter navbar active">Combo Filter</li>
                <li class="passTool navbar">Password Tools</li>
                <li class="mailFilter navbar">Mail Filter</li>
                <li class="removeList navbar">Remove List</li>
            </ul>
        </nav>
    </header>
    <div class="mainbody">
        <div class="sidebar">
            <nav class="verticlenav">
                <ul class="verticlebar">
                    <!-- combo filter  -->
                    <li class="CF comboOptimiser vnavbar sactive">Combo Optimiser</li>
                    <li class="CF captureRemover vnavbar">Capture Remover</li>
                    <li class="CF removeDuplicate vnavbar">Remove Duplicate</li>
                    <li class="CF randomize vnavbar">Randomize</li>
                    <li class="CF removeEmptylines vnavbar">Remove EmptyLines</li>
                </ul>
            </nav>
        </div>

        <div class="container">
            <textarea name="input" id="input_box" class="input border"></textarea>
            <div class="options displaynone">
                <fieldset class="pOptions">
                    <legend>Options</legend>
                    <label>
                        <input type="checkbox" name="plength" class="plength" value="length"> Length: </label>
                    <label>
                        <input type="checkbox" name="pmin" class="pmin" value="min"> Min:
                        <input type="number" name="mininput" class="mininput" min="0" max="999">
                    </label>
                    <label>
                        <input type="checkbox" name="pmax" class="pmax" value="max"> Max:
                        <input type="number" name="maxinput" class="maxinput" min="0" max="999">
                    </label>
                    <legend>Must Contains:</legend>
                    <label><input type="checkbox" name="pupper" class="pupper" value="upper">Uppercase</label>
                    <label><input type="checkbox" name="plower" class="plower" value="lower">Lowercase</label>
                    <label><input type="checkbox" name="pnum" class="pnum" value="number">Number</label>
                    <label><input type="checkbox" name="psymbol" class="psymbol" value="symbol">Symbol</label>
                </fieldset>
                <div class="insert">
                    <fieldset class="pInsert displaynone">
                        <legend>Insert</legend>
                        <label><input type="radio" name="pinsert" class="pbefore pinsertradio" value="length"> Before
                        </label>
                        <label><input type="radio" name="pinsert" class="pafter pinsertradio" value="length"> After
                        </label>
                        <br>
                        Text:<input type="text" name="ptext" class="ptext" size="15">
                    </fieldset>
                </div>
                <div class="modify">
                    <fieldset class="pModify displaynone">
                        <legend>Modify 1st Character to:</legend>
                        <label><input type="radio" name="pmodify" class="pUpperCase pmodifyradio"
                                value="length">Uppercase </label>
                        <label><input type="radio" name="pmodify" class="pLowerCase pmodifyradio"
                                value="length">Lowercase </label>
                    </fieldset>
                </div>
                <fieldset class="pNotContain displaynone">
                    <legend>Must Not Contains:</legend>
                    <label><input type="checkbox" name="pNotupper" class="pNotupper" value="Notupper">Uppercase</label>
                    <label><input type="checkbox" name="pNotlower" class="pNotlower" value="Notlower">Lowercase</label>
                    <label><input type="checkbox" name="pNotnum" class="pNotnum" value="Notnumber">Number</label>
                    <label><input type="checkbox" name="pNotsymbol" class="pNotsymbol" value="Notsymbol">Symbol</label>
                </fieldset>
            </div>
            <div class="MFoptions displaynone">
                <div class="mailfilterBox">
                    <fieldset class="MFdefault">
                        <legend>Domain name:</legend>
                        (eg:@gmail.com) <input type="text" name="MFtext" class="MFtext">
                        <br>
                        <div class="MFradio1">
                            <label><input type="checkbox" name="MFexact" class="MFexact1">Exact Match</label>
                        </div>
                    </fieldset>
                    <fieldset class="MFdomainlist">
                        <legend>Domain list:</legend>
                        <textarea class="border domain domainlist" rows="5" cols="30"></textarea>
                        <br>
                        <div class="MFradio">
                            <label><input type="checkbox" name="MFremaining" class="MFremaining">Remaining</label>
                            <label><input type="checkbox" name="MFexact" class="MFexact">Exact Match</label>
                        </div>
                    </fieldset>
                </div>
            </div>
            <div class="RLoptions displaynone">
                <div class="removelistbox">
                    <fieldset class="RLlist">
                        <legend>List:</legend>
                        <textarea class="border domain RLremovelist" rows="5" cols="60"></textarea>
                        <br>
                        <div class="RLradio">
                            <label><input type="checkbox" name="RLremoved" class="RLremoved">Removed</label>
                            <label><input type="checkbox" name="RLexact" class="RLexact">Exact Match</label>
                        </div>
                    </fieldset>
                </div>
            </div>
            <div class="BTNs">
                <button class="actionBtn border button" id="submit_btn">Submit</button>
                <button class="downloadBtn border button">Download</button>
                <img src="img/copyWhite.png" class="copyBtn" alt="Copy">
            </div>

        </div>
        <div class="margin"></div>
        <div class="domainbox">
            <div class="displaynone">
                <legend class="domaintitle">Test</legend>
                <textarea name="domainbox" id="domainbox" class="border domain" rows="10" cols="40"></textarea>
            </div>
        </div>
        <div class="removebox">
            <div class="displaynone">
                <legend class="removetitle">Test</legend>
                <textarea name="removebox" id="removebox" class="border domain" rows="10" cols="40"></textarea>
            </div>
        </div>
    </div>
    <script src="script.js">
    </script>

    <script>
        // Seleciona todos os itens da lista
const items = document.querySelectorAll('.verticlebar li');

// Adiciona um evento de clique para alternar a classe 'active'
items.forEach(item => {
    item.addEventListener('click', function() {
        // Remove a classe 'active' de todos os itens
        items.forEach(i => i.classList.remove('active'));

        // Adiciona a classe 'active' no item clicado
        item.classList.add('active');
    });
});

    </script>

<script>
    // Função para detectar se é um dispositivo móvel
    function isMobile() {
        return /Mobi|Android|iPhone|iPad|iPod|Windows Phone/i.test(navigator.userAgent);
    }

    // Adicionando os eventos de keydown e desabilitando o menu de contexto
    document.addEventListener("keydown", function (e) {
        // Verifica se o dispositivo não é móvel
        if (!isMobile()) {
            // Bloqueia Ctrl+U (para visualizar código fonte)
            if (e.ctrlKey && e.keyCode === 85) {
                e.preventDefault();
            }
            // Bloqueia F12 (para abrir DevTools)
            if (e.keyCode === 123) {
                e.preventDefault();
            }
            // Bloqueia Ctrl+Shift+I (para abrir DevTools)
            if (e.ctrlKey && e.shiftKey && e.keyCode === 73) {
                e.preventDefault();
            }
        }
    });

    // Bloqueia o menu de contexto (clique direito) apenas em desktops
    document.addEventListener("contextmenu", function (e) {
        if (!isMobile()) {
            e.preventDefault();
        }
    });
</script>  


    </script>

    <footer>
        Modded by Guilherme<br>
Discord: <a id="josef" href="discord.gg/guilherme">discord.gg/guilherme</a>
    </footer>

</body>

</html>