M3U TOOLS

Source Code

Effective Date: March 19, 2025

Source Code Last Updated: March 19, 2025

License and Terms of Use

This code is provided free of charge and is licensed for use under the following terms:

1. Attribution: You must include the following attribution in the footer of any product or service using this code: "Created by: M3U-TOOLS". You may also add "Modified by" followed by your name if you make changes.

2. Open Source Requirement: All code derived from this source must remain open source and be made available to the public.

3. Commercial Use and Monetization: You may not use this code to create or distribute paid applications or services without obtaining prior written permission and/or a formal written agreement from the creators. You are also prohibited from placing ads for revenue generation without prior written consent.

4. Prohibited Uses: You must not modify, distribute, or use this code for illegal or malicious purposes. The use of this code for any unlawful activities is strictly prohibited.

5. Legal Compliance: By using this code, you agree to comply with these terms. By using this code, you are entering into a legal agreement to abide by these terms. Any violation of these terms may result in legal action. In the event of legal proceedings, you will be held responsible for all associated fees and costs.

6. Changes to Terms: These terms may be updated or modified at any time without prior notice. It is your responsibility to review these terms regularly to ensure you are in compliance with the most current version.

7. Support and Inquiries: For any questions or concerns regarding the use of this code, please contact us at: m3utools@gmail.com.

Changelog

Added Source to footer.
Added epg source and epg to menu of all pages.

index.html and home.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>M3U TOOLS</title>
    <style>
        body {
            background-color: #121212;
            color: white;
            font-family: Arial, sans-serif;
            margin: 0;
            padding-top: 60px; /* Adjust for fixed navbar */
        }

        h1 {
            font-size: 2.5em;
            margin: 30px 0;
            color: #2196F3;
            text-align: center;
        }

        h2 {
            color: #1a73e8;
            font-size: 1.8em;
            text-align: center;
        }

        h4 {
            color: #e0e0e0;
            font-size: 1.8em;
            text-align: center;
        }

        p {
            text-align: center;
            margin: 10px 0;
        }

        .scroll-container {
            display: flex;
            overflow: hidden;
            width: 100%;
            height: auto;
            background-color: #000; /* Optional background color for better visibility */
        }

        .scroll-container img {
            height: 100vh; /* Ensures full height of the viewport */
            width: auto; /* Keeps the image's aspect ratio */
            flex-shrink: 0;
            animation: scroll 15s linear infinite;
        }

        @keyframes scroll {
            0% { transform: translateX(0); }
            100% { transform: translateX(-200%); }
        }

        @media (max-width: 768px) {
            .scroll-container img {
                height: auto; /* Adjust height for smaller screens */
                max-height: 60vh; /* Limit height on mobile */
                width: 100%; /* Fit the width of the screen */
            }
        }

        /* Navigation Bar */
        .navbar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background-color: #000;
            padding: 10px 20px;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1000;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
            transition: transform 0.3s ease-in-out;
        }

        .navbar .logo {
            font-size: .75em;
            color: #fff;
            text-decoration: none;
            font-weight: bold;
            transition: color 0.3s ease;
        }

        .navbar .logo:hover {
            color: #1a73e8;
        }

        .navbar .menu a {
            font-size: 1em;
            text-decoration: none;
            color: #ffffff;
            padding: 10px 15px;
            transition: background-color 0.3s ease, transform 0.2s ease;
            border-radius: 4px;
        }

        .navbar .menu a:hover {
            background-color: #333;
            color: #1a73e8;
            transform: translateY(-2px);
        }

        /* Dropdown Menu */
        .navbar .menu .dropdown {
            position: relative;
            display: inline-block;
        }

        .navbar .menu .dropdown-content {
            display: none;
            position: absolute;
            background-color: #333;
            min-width: 160px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
            z-index: 1;
            border-radius: 4px;
        }

        .navbar .menu .dropdown:hover .dropdown-content {
            display: block;
        }

        .navbar .menu .dropdown-content a {
            color: white;
            padding: 10px 15px;
            text-decoration: none;
            display: block;
        }

        .navbar .menu .dropdown-content a:hover {
            background-color: #1976D2;
        }

        .hamburger {
            display: none;
            font-size: 1.8em;
            color: white;
            cursor: pointer;
        }

        /* Hamburger Menu (Mobile) */
.navbar .menu-mobile {
    display: none;
    flex-direction: column;
    background-color: #000;
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    max-height: 80vh; /* Makes the mobile menu scrollable */
    overflow-y: auto;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    padding: 20px 10px;
    transition: all 0.3s ease-in-out;
}

        .navbar .menu-mobile.open {
            display: flex;
        }

        .navbar .menu-mobile a {
            text-decoration: none;
            background-color: #000; /* Black background */
            color: white;
            padding: 15px 20px;
            margin: 5px 0;
            border-radius: 8px;
            text-align: center;
            font-size: 1.2em;
            transition: background-color 0.3s, transform 0.2s, box-shadow 0.3s;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
        }

        .navbar .menu-mobile a:hover {
            background-color: #1976D2; /* Optionally, add a hover color */
            transform: translateY(-2px);
            box-shadow: 0 8px 12px rgba(0, 0, 0, 0.5);
        }

        .menu-mobile.open {
            display: flex;
            animation: slideDown 0.3s ease-in-out;
        }

        @keyframes slideDown {
            from {
                opacity: 0;
                transform: translateY(-10px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @media (max-width: 768px) {
            .menu {
                display: none;
            }

            .hamburger {
                display: block;
            }
        }

        .container {
            padding: 20px;
            text-align: center;
        }

        footer {
            position: flex;
            bottom: 10px;
            width: 100%;
            text-align: center;
            font-size: 14px;
            padding: 5px 0;
        }
.discord-button {
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
    color: white;
    background-color: #5865F2;
    padding: 15px 30px;
    border-radius: 8px;
    transition: background 0.3s, transform 0.2s;
}

.discord-button:hover {
    background-color: #4752C4;
    transform: scale(1.05);
}
footer a {
    color: #1a73e8; /* Matches theme blue */
    text-decoration: none;
    font-weight: bold;
    margin: 0 10px; /* Adds spacing between links */
    transition: color 0.3s ease;
}

footer a:hover {
    color: #2196F3; /* Lighter blue on hover */
}

footer a:visited {
    color: #abcdef; /* Light gray for visited links */
}

    </style>
</head>
<body>
    <!-- Navbar -->
    <div class="navbar" id="navbar">
        <a href="/home.html" class="logo">M3U TOOLS</a>
        <div class="menu">
            <!-- M3U Info Checker Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">Info Checker</a>
                <div class="dropdown-content">
                    <a href="/m3uinfo.html">M3U Info</a>
            <a href="/ipinfo.html">IP Info Checker</a>
                </div>
            </div>

            <!-- M3U Editor Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">M3U Editor</a>
                <div class="dropdown-content">
                    <a href="/m3uchannel.html">Channel Editor</a>
                </div>
            </div>

            <!-- XML Editor Dropdown -->
            <div class="dropdown">
            <a href="javascript:void(0)">EPG Editor</a>
                <div class="dropdown-content">
            <a href="/ids.html">Assign Ids</a>
            <a href="/xml.html">XML Editor</a>
            <a href="/gz.html">GZ Editor</a>
                </div>
            </div>
            <!-- Web Player Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">EPG</a>
                <div class="dropdown-content">
                    <a href="/epg.html">EPG</a>

                </div>
            </div>
            <!-- Web Player Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">Web Player</a>
                <div class="dropdown-content">
                    <a href="/aplayer.html">Player</a>

                </div>
            </div>
            <!-- Web Player Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">Other Sites</a>
                <div class="dropdown-content">
<a href="https://m3u-playlist-proxy-roan.vercel.app/">M3U Proxy</a>
<a href="https://lejuans01.github.io/Filter-and-Combine-M3U-Playlist/">Group Editor "lejuan"</a>
                </div>
            </div>
            <!-- XML Editor Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">VIP</a>
                <div class="dropdown-content">
            <a href="/package.html">Packages</a>
                </div>
</div>
            <!-- XML Editor Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">Login</a>
                <div class="dropdown-content">
<a href="/prem/index.html">Login</a>
                </div>
</div>
        </div>

        <div class="hamburger" id="hamburger">☰</div>
        <div class="menu-mobile" id="menuMobile">
            <a href="/m3uinfo.html">M3U Info Checker</a>
            <a href="/ipinfo.html">IP Info Checker</a>
            <a href="/m3uchannel.html">Channel Editor</a>
            <a href="/ids.html">Assign Ids</a>
            <a href="/xml.html">XML Editor</a>
            <a href="/gz.html">XML.gz Editor</a>
            <a href="/epg.html">EPG</a>
            <a href="/aplayer.html">Web Player</a>
<a href="/package.html">Packages</a>
<a href="/prem/index.html">Login</a>
<h2>Other Sites Tools</h2>
<a href="https://m3u-playlist-proxy-roan.vercel.app/">M3U Proxy</a>
<a href="https://lejuans01.github.io/Filter-and-Combine-M3U-Playlist/">Group Editor "lejuan"</a>
        </div>
    </div>
    <!-- Page Content -->
    <div class="container">
<br>
    <a href="https://discord.gg/5Zydxc5KBj" target="_blank" class="discord-button">
        Join Our NEW Discord!
    </a>
        <br>
        <br>
        <h4>This site contains tools for editing and managing playlist.
        <br>
        <h2><b>Free Tools</b></h2>
        <h4>*M3U Information Checker.
        <br>
        <br>
        *IP Information Checker.
        <br>
        <br>
        *Channel Editor
        <br>
        <br>
        *IDs tool
        <br>
        <br>
        *xml and xml.gz merger
        <br>
        <br>
        *Web Player</h4>
        <br>
        <h2><b>VIP Tools</b></h2>
        <h4>*XCUI Information Checker.
        <br>
        <br>
        *Bulk Account Information Checker.
        <br>
        <br>
        *IP Information Checker Updated 
        <br>
        "It can check your ip, you can check other ips, and you can check websites domain for the ip and other information."
        <br>
        <br>
        *Group Editor by M3U-TOOLS.
        <br>
        <br>
        *Channel Editor Updated.
        <br>
        <br>
        *TVG IDs Editor Updated.
        <br>
        <br>
        *Playlist/VOD Builder/Editor.
        <br>
        <br>
        *M3U Proxy by M3U-TOOLS
        <br>
        <br>
        *Android APK.
        </h4>
        <h2>M3U M3U8 Editor</h2>
        <p>Shrink large playlists or merge multiple files into one.
        <br>
        "Images are outdated."</p>
        <div class="scroll-container">
            <img src="https://i.ibb.co/hZxK7hH/m3u1.png" alt="M3U1">
            <img src="https://i.ibb.co/Y2vb0vD/m3u2.png" alt="M3U2">
            <img src="https://i.ibb.co/2WVDBb3/m3u3.png" alt="M3U3">
            <img src="https://i.ibb.co/hZxK7hH/m3u1.png" alt="M3U1">
            <img src="https://i.ibb.co/Y2vb0vD/m3u2.png" alt="M3U2">
            <img src="https://i.ibb.co/2WVDBb3/m3u3.png" alt="M3U3">
        </div>
        <h2>XML Editor</h2>
        <p>Merge up to 10 XML URLs into one file.
<br>  
"Images are outdated."</p>
        <div class="scroll-container">
            <img src="https://i.ibb.co/x7PP5V6/xml.png" alt="XML1">
            <img src="https://i.ibb.co/vjdGyv6/xml2.png" alt="XML2">
            <img src="https://i.ibb.co/x7PP5V6/xml.png" alt="XML1">
            <img src="https://i.ibb.co/vjdGyv6/xml2.png" alt="XML2">
            <img src="https://i.ibb.co/x7PP5V6/xml.png" alt="XML1">
            <img src="https://i.ibb.co/vjdGyv6/xml2.png" alt="XML2">
        </div>        
        <h2>XML.gz Editor</h2>
        <p>Combine up to 5 .gz files into one.
<br>      
"Images are outdated."</p>
        <div class="scroll-container">
            <img src="https://i.ibb.co/1fwPKXk/gz1.png" alt="GZ1">
            <img src="https://i.ibb.co/sjhMSXm/gz2.png" alt="GZ2">
            <img src="https://i.ibb.co/1fwPKXk/gz1.png" alt="GZ1">
            <img src="https://i.ibb.co/sjhMSXm/gz2.png" alt="GZ2">
            <img src="https://i.ibb.co/1fwPKXk/gz1.png" alt="GZ1">
            <img src="https://i.ibb.co/sjhMSXm/gz2.png" alt="GZ2">
        </div>
    </div>

<footer>
    <p>© 2024-2025 M3U TOOLS. All rights reserved. "Lejuan APT & WildJoker"</p>
    <p>
        <a href="https://m3utools.pages.dev/disclaimer.html">Disclaimer</a>
        <a href="https://m3utools.pages.dev/tos.html">Terms of Service</a>
        <a href="https://m3utools.pages.dev/privacy.html">Privacy Policy</a>
    </p>
</footer>

    <script>
        document.addEventListener("DOMContentLoaded", () => {
            const hamburger = document.getElementById("hamburger");
            const menuMobile = document.getElementById("menuMobile");

            // Toggle menu visibility on hamburger click
            hamburger.addEventListener("click", () => {
                menuMobile.classList.toggle("open");
            });

            // Close menu if clicked outside
            document.addEventListener("click", (e) => {
                if (!menuMobile.contains(e.target) && !hamburger.contains(e.target)) {
                    menuMobile.classList.remove("open");
                }
            });
        });
document.addEventListener("contextmenu", event => event.preventDefault()); // Disable right-click
document.addEventListener("keydown", function (event) {
    if (event.key === "F12" || (event.ctrlKey && event.shiftKey && event.key === "I")) {
        event.preventDefault();
    }
});
    </script>
</body>
</html>

aplayer.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>IPTV Player</title>
    <style>
        /* Your existing CSS */
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #121212;
            color: white;
        }

#fileInput, #searchBar, button {
    padding: 10px 15px;
    font-size: 1em;
    margin: 5px;
    border-radius: 4px;
    width: 200px; /* Ensure all elements have the same width */
    border: 2px solid #007bff;
    background-color: #007bff;
    color: white;
    text-align: center;
    cursor: pointer;
    transition: background 0.2s ease;
}

/* Remove the border of search bar to match the file input and buttons */
#searchBar {
    border: 2px solid #007bff;
    background-color: #fff;
    color: black;
}

/* Ensure the search bar and button have consistent width */
button {
    background-color: #007bff;
}

button:hover {
    background-color: #0056b3;
}

        header {
            background-color: #121212;
            padding: 10px;
            color: #1a73e8; 
            text-align: center;
        }

        video {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 80%;
            border-radius: 20px;
            padding: 10px 0;
        }
        #controls {
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #121212;
            padding: 10px 0;
            border-bottom: 2px solid #121212;
        }


        #channelList {
            list-style-type: none;
            padding: 0;
            margin: 0;
            max-height: 400px;
            overflow-y: auto;
            background-color: #121212;
            border-top: 1px solid #121212;
        }

        #channelList li {
            padding: 8px;
            cursor: pointer;
        }

        #channelList li:hover {
            background-color: #1a73e8;
        }
    /* Group headers */
    .group-header {
      background-color: #1a73e8;
      color: white;
      padding: 8px 10px;
      text-align: center;
      font-weight: bold;
      border-radius: 4px;
      margin: 5px 0;
    }
        #searchBar {
            margin-left: 10px;
            padding: 10px;
            border: 2px solid #007bff;
            border-radius: 4px;
            background-color: white;
            color: #000;
            width: 200px;
        }

        #fileInput {
            padding: 10px 15px;
            margin: 5px;
            border: none;
            border-radius: 4px;
            color: white;
            background-color: #007bff;
            cursor: pointer;
            width: 370px;
            transition: background 0.2s ease;
        }

        button {
            padding: 10px 20px;
            margin: 5px;
            border: none;
            border-radius: 4px;
            color: white;
            background-color: #007bff;
            cursor: pointer;
            width: 400px;
            transition: background 0.2s ease;
        }

        button:hover {
            background-color: #0056b3;
        }
#controls {
    display: flex;
    flex-direction: column; /* Stack elements vertically */
    justify-content: center;
    align-items: center;
    background-color: #121212;
    padding: 10px 0;
    border-bottom: 2px solid #121212;
}

#searchBar {
    margin-bottom: 10px; /* Adds space between search bar and button */
    padding: 10px 15px;
    border: 2px solid #007bff;
    border-radius: 4px;
    background-color: white;
    color: #000;
    width: 365px;
}


        /* Navigation Bar */
        .navbar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background-color: #000;
            padding: 10px 20px;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1000;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
            transition: transform 0.3s ease-in-out;
        }

        .navbar .logo {
            font-size: .75em;
            color: #fff;
            text-decoration: none;
            font-weight: bold;
            transition: color 0.3s ease;
        }

        .navbar .logo:hover {
            color: #1a73e8;
        }

        .navbar .menu a {
            font-size: 1em;
            text-decoration: none;
            color: #ffffff;
            padding: 10px 15px;
            transition: background-color 0.3s ease, transform 0.2s ease;
            border-radius: 4px;
        }

        .navbar .menu a:hover {
            background-color: #333;
            color: #1a73e8;
            transform: translateY(-2px);
        }

        /* Dropdown Menu */
        .navbar .menu .dropdown {
            position: relative;
            display: inline-block;
        }

        .navbar .menu .dropdown-content {
            display: none;
            position: absolute;
            background-color: #333;
            min-width: 160px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
            z-index: 1;
            border-radius: 4px;
        }

        .navbar .menu .dropdown:hover .dropdown-content {
            display: block;
        }

        .navbar .menu .dropdown-content a {
            color: white;
            padding: 10px 15px;
            text-decoration: none;
            display: block;
        }

        .navbar .menu .dropdown-content a:hover {
            background-color: #1976D2;
        }

        .hamburger {
            display: none;
            font-size: 1.8em;
            color: white;
            cursor: pointer;
        }

        /* Hamburger Menu (Mobile) */
.navbar .menu-mobile {
    display: none;
    flex-direction: column;
    background-color: #000;
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    max-height: 80vh; /* Makes the mobile menu scrollable */
    overflow-y: auto;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    padding: 20px 10px;
    transition: all 0.3s ease-in-out;
}


        .navbar .menu-mobile.open {
            display: flex;
        }

        .navbar .menu-mobile a {
            text-decoration: none;
            background-color: #000;
            color: white;
            padding: 15px 20px;
            margin: 5px 0;
            border-radius: 8px;
            text-align: center;
            font-size: 1.2em;
            transition: background-color 0.3s, transform 0.2s, box-shadow 0.3s;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
        }

        .navbar .menu-mobile a:hover {
            background-color: #1976D2;
            transform: translateY(-2px);
            box-shadow: 0 8px 12px rgba(0, 0, 0, 0.5);
        }

        .menu-mobile.open {
            display: flex;
            animation: slideDown 0.3s ease-in-out;
        }

        @keyframes slideDown {
            from {
                opacity: 0;
                transform: translateY(-10px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @media (max-width: 768px) {
            .menu {
                display: none;
            }

            .hamburger {
                display: block;
            }
        }
h4 {
            color: #121212;
        }        
footer {
            position: flex;
            bottom: 10px;
            width: 100%;
            text-align: center;
            font-size: 14px;
            padding: 5px 0;
        }
footer a {
    color: #1a73e8; /* Matches theme blue */
    text-decoration: none;
    font-weight: bold;
    margin: 0 10px; /* Adds spacing between links */
    transition: color 0.3s ease;
}

footer a:hover {
    color: #2196F3; /* Lighter blue on hover */
}

footer a:visited {
    color: #abcdef; /* Light gray for visited links */
}
    </style>
    </head>
<body>
    <header>
    <!-- Navbar -->
    <div class="navbar" id="navbar">
        <a href="/home.html" class="logo">M3U TOOLS</a>
        <div class="menu">
            <!-- M3U Info Checker Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">Info Checker</a>
                <div class="dropdown-content">
                    <a href="/m3uinfo.html">M3U Info</a>
            <a href="/ipinfo.html">IP Info Checker</a>
                </div>
            </div>

            <!-- M3U Editor Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">M3U Editor</a>
                <div class="dropdown-content">
                    <a href="/m3uchannel.html">Channel Editor</a>
                </div>
            </div>

            <!-- XML Editor Dropdown -->
            <div class="dropdown">
            <a href="javascript:void(0)">EPG Editor</a>
                <div class="dropdown-content">
            <a href="/ids.html">Assign Ids</a>
            <a href="/xml.html">XML Editor</a>
            <a href="/gz.html">GZ Editor</a>
                </div>
            </div>
            <!-- Web Player Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">EPG</a>
                <div class="dropdown-content">
                    <a href="/epg.html">EPG</a>

                </div>
            </div>
            <!-- Web Player Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">Web Player</a>
                <div class="dropdown-content">
                    <a href="/aplayer.html">Player</a>

                </div>
            </div>
            <!-- Web Player Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">Other Sites</a>
                <div class="dropdown-content">
<a href="https://m3u-playlist-proxy-roan.vercel.app/">M3U Proxy</a>
<a href="https://lejuans01.github.io/Filter-and-Combine-M3U-Playlist/">Group Editor "lejuan"</a>
                </div>
            </div>
            <!-- XML Editor Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">VIP</a>
                <div class="dropdown-content">
            <a href="/package.html">Packages</a>
                </div>
</div>
            <!-- XML Editor Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">Login</a>
                <div class="dropdown-content">
<a href="/prem/index.html">Login</a>
                </div>
</div>
        </div>

        <div class="hamburger" id="hamburger">☰</div>
        <div class="menu-mobile" id="menuMobile">
            <a href="/m3uinfo.html">M3U Info Checker</a>
            <a href="/ipinfo.html">IP Info Checker</a>
            <a href="/m3uchannel.html">Channel Editor</a>
            <a href="/ids.html">Assign Ids</a>
            <a href="/xml.html">XML Editor</a>
            <a href="/gz.html">XML.gz Editor</a>
            <a href="/epg.html">EPG</a>
            <a href="/aplayer.html">Web Player</a>
<a href="/package.html">Packages</a>
<a href="/prem/index.html">Login</a>
<h2>Other Sites Tools</h2>
<a href="https://m3u-playlist-proxy-roan.vercel.app/">M3U Proxy</a>
<a href="https://lejuans01.github.io/Filter-and-Combine-M3U-Playlist/">Group Editor "lejuan"</a>
        </div>
    </div>
<h4>test</h4>
        <h1>Advanced IPTV Player</h1>
    </header>

        </div>
    </div>

<div id="controls">
    <center>
        <input type="file" id="fileInput" onchange="loadPlaylist()" accept="">
        <input type="text" id="searchBar" onkeyup="filterChannels()" placeholder="Search Channels">
    </center>
</div>
       <div>
     <center><button onclick="togglePlaylist()">Show/Hide Channel List</button>
    </center>
</div>
    <div>
        <video id="videoPlayer" controls></video>
    </div>

    <ul id="channelList"></ul>
<h4>test</h4>
<h4>test</h4>
<footer>
    <p>© 2024-2025 M3U TOOLS. All rights reserved. "Lejuan APT & WildJoker"</p>
    <p>
        <a href="/disclaimer.html">Disclaimer</a>
        <a href="/tos.html">Terms of Service</a>
        <a href="/privacy.html">Privacy Policy</a>
        <a href="/source.html">Source</a>
    </p>
</footer>
    <script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
    <script>
        const videoPlayer = document.getElementById('videoPlayer');
        const channelList = document.getElementById('channelList');
        const fileInput = document.getElementById('fileInput');
        let allChannels = [];
        let isPlaylistVisible = true;

				function parseM3U(content) {
						const lines = content.split('\n');
						const channels = [];
						let currentGroup = '';

						for (let line of lines) {
								line = line.trim();

								line = line.replace(/tvg-id="[^"]*"/g, '');

								const groupMatch = line.match(/group-title="([^"]+)"/);
								if (groupMatch) {
										currentGroup = groupMatch[1];
								}

								if (line.startsWith('#EXTINF:')) {
										const nameMatch = line.match(/,(.*?)$/);
										channels.push({
												name: nameMatch ? nameMatch[1].trim() : 'Unknown Channel',
												group: currentGroup,
										});
								} else if (line.startsWith('http')) {
										const url = line.trim();
										if (channels.length) {
												channels[channels.length - 1].url = url;
										}
								}
						}

						return channels;
				}


        function renderPlaylist(channels) {
            channelList.innerHTML = '';
            let lastGroup = '';

            channels.forEach(channel => {
                if (channel.group && channel.group !== lastGroup) {
                    lastGroup = channel.group;
                    const groupHeader = document.createElement('li');
                    groupHeader.classList.add('group-header');
                    groupHeader.textContent = channel.group;
                    channelList.appendChild(groupHeader);
                }

                const li = document.createElement('li');
                li.classList.add('channel');
                li.textContent = channel.name;
                li.onclick = () => playChannel(channel.url);

                channelList.appendChild(li);
            });
        }

        function loadPlaylist() {
            const file = fileInput.files[0];
            if (file) {
                const reader = new FileReader();
                reader.onload = function (event) {
                    const content = event.target.result;
                    allChannels = parseM3U(content);
                    renderPlaylist(allChannels);
                };
                reader.readAsText(file);
            } else {
                alert('Please select a file to load.');
            }
        }

        function togglePlaylist() {
            if (isPlaylistVisible) {
                channelList.style.display = 'none';
            } else {
                channelList.style.display = 'block';
            }
            isPlaylistVisible = !isPlaylistVisible;
        }

        function playChannel(url) {
            const fileExtension = url.split('.').pop();

            if (fileExtension === 'm3u8') {
                if (Hls.isSupported()) {
                    const hls = new Hls();
                    hls.loadSource(url);
                    hls.attachMedia(videoPlayer);
                    hls.on(Hls.Events.MANIFEST_PARSED, function () {
                        videoPlayer.play();
                    });
                } else if (videoPlayer.canPlayType('application/vnd.apple.mpegurl')) {
                    videoPlayer.src = url;
                    videoPlayer.play();
                } else {
                    alert('HLS is not supported in this browser.');
                }
            } else if (fileExtension === 'ts') {
                videoPlayer.src = url;
                videoPlayer.load();
                videoPlayer.play();
            } else {
                videoPlayer.src = url;
                videoPlayer.load();
                videoPlayer.play();
            }
        }

        function filterChannels() {
            const searchTerm = document.getElementById('searchBar').value.toLowerCase();
            const filtered = allChannels.filter(channel => channel.name.toLowerCase().includes(searchTerm));
            renderPlaylist(filtered);
        }

                document.addEventListener("DOMContentLoaded", () => {
            const hamburger = document.getElementById("hamburger");
            const menuMobile = document.getElementById("menuMobile");

            // Toggle menu visibility on hamburger click
            hamburger.addEventListener("click", () => {
                menuMobile.classList.toggle("open");
            });

            // Close menu if clicked outside
            document.addEventListener("click", (e) => {
                if (!menuMobile.contains(e.target) && !hamburger.contains(e.target)) {
                    menuMobile.classList.remove("open");
                }
            });
        });
document.addEventListener("contextmenu", event => event.preventDefault()); // Disable right-click
document.addEventListener("keydown", function (event) {
    if (event.key === "F12" || (event.ctrlKey && event.shiftKey && event.key === "I")) {
        event.preventDefault();
    }
});
    </script>
</body>
</html>

disclaimer.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>M3U TOOLS</title>
    <style>
        body {
            background-color: #121212;
            color: white;
            font-family: Arial, sans-serif;
            margin: 0;
            padding-top: 60px; /* Adjust for fixed navbar */
        }

        h1 {
            font-size: 2.5em;
            margin: 30px 0;
            color: #2196F3;
            text-align: center;
        }

        h2 {
            color: #1a73e8;
            font-size: 1.8em;
            text-align: center;
        }

        h4 {
            color: #e0e0e0;
            font-size: 1.8em;
            text-align: center;
        }

        p {
            text-align: center;
            margin: 10px 0;
        }

        .scroll-container {
            display: flex;
            overflow: hidden;
            width: 100%;
            height: auto;
            background-color: #000; /* Optional background color for better visibility */
        }

        .scroll-container img {
            height: 100vh; /* Ensures full height of the viewport */
            width: auto; /* Keeps the image's aspect ratio */
            flex-shrink: 0;
            animation: scroll 15s linear infinite;
        }

        @keyframes scroll {
            0% { transform: translateX(0); }
            100% { transform: translateX(-200%); }
        }

        @media (max-width: 768px) {
            .scroll-container img {
                height: auto; /* Adjust height for smaller screens */
                max-height: 60vh; /* Limit height on mobile */
                width: 100%; /* Fit the width of the screen */
            }
        }

        /* Navigation Bar */
        .navbar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background-color: #000;
            padding: 10px 20px;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1000;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
            transition: transform 0.3s ease-in-out;
        }

        .navbar .logo {
            font-size: .75em;
            color: #fff;
            text-decoration: none;
            font-weight: bold;
            transition: color 0.3s ease;
        }

        .navbar .logo:hover {
            color: #1a73e8;
        }

        .navbar .menu a {
            font-size: 1em;
            text-decoration: none;
            color: #ffffff;
            padding: 10px 15px;
            transition: background-color 0.3s ease, transform 0.2s ease;
            border-radius: 4px;
        }

        .navbar .menu a:hover {
            background-color: #333;
            color: #1a73e8;
            transform: translateY(-2px);
        }

        /* Dropdown Menu */
        .navbar .menu .dropdown {
            position: relative;
            display: inline-block;
        }

        .navbar .menu .dropdown-content {
            display: none;
            position: absolute;
            background-color: #333;
            min-width: 160px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
            z-index: 1;
            border-radius: 4px;
        }

        .navbar .menu .dropdown:hover .dropdown-content {
            display: block;
        }

        .navbar .menu .dropdown-content a {
            color: white;
            padding: 10px 15px;
            text-decoration: none;
            display: block;
        }

        .navbar .menu .dropdown-content a:hover {
            background-color: #1976D2;
        }

        .hamburger {
            display: none;
            font-size: 1.8em;
            color: white;
            cursor: pointer;
        }

        /* Hamburger Menu (Mobile) */
.navbar .menu-mobile {
    display: none;
    flex-direction: column;
    background-color: #000;
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    max-height: 80vh; /* Makes the mobile menu scrollable */
    overflow-y: auto;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    padding: 20px 10px;
    transition: all 0.3s ease-in-out;
}


        .navbar .menu-mobile.open {
            display: flex;
        }

        .navbar .menu-mobile a {
            text-decoration: none;
            background-color: #000; /* Black background */
            color: white;
            padding: 15px 20px;
            margin: 5px 0;
            border-radius: 8px;
            text-align: center;
            font-size: 1.2em;
            transition: background-color 0.3s, transform 0.2s, box-shadow 0.3s;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
        }

        .navbar .menu-mobile a:hover {
            background-color: #1976D2; /* Optionally, add a hover color */
            transform: translateY(-2px);
            box-shadow: 0 8px 12px rgba(0, 0, 0, 0.5);
        }

        .menu-mobile.open {
            display: flex;
            animation: slideDown 0.3s ease-in-out;
        }

        @keyframes slideDown {
            from {
                opacity: 0;
                transform: translateY(-10px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @media (max-width: 768px) {
            .menu {
                display: none;
            }

            .hamburger {
                display: block;
            }
        }

        .container {
            padding: 20px;
            text-align: center;
        }

        footer {
            position: flex;
            bottom: 10px;
            width: 100%;
            text-align: center;
            font-size: 14px;
            padding: 5px 0;
        }
.discord-button {
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
    color: white;
    background-color: #5865F2;
    padding: 15px 30px;
    border-radius: 8px;
    transition: background 0.3s, transform 0.2s;
}

.discord-button:hover {
    background-color: #4752C4;
    transform: scale(1.05);
}
footer a {
    color: #1a73e8; /* Matches theme blue */
    text-decoration: none;
    font-weight: bold;
    margin: 0 10px; /* Adds spacing between links */
    transition: color 0.3s ease;
}

footer a:hover {
    color: #2196F3; /* Lighter blue on hover */
}

footer a:visited {
    color: #abcdef; /* Light gray for visited links */
}
    </style>
</head>
<body>
    <!-- Navbar -->
    <div class="navbar" id="navbar">
        <a href="/home.html" class="logo">M3U TOOLS</a>
        <div class="menu">
            <!-- M3U Info Checker Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">Info Checker</a>
                <div class="dropdown-content">
                    <a href="/m3uinfo.html">M3U Info</a>
            <a href="/ipinfo.html">IP Info Checker</a>
                </div>
            </div>

            <!-- M3U Editor Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">M3U Editor</a>
                <div class="dropdown-content">
                    <a href="/m3uchannel.html">Channel Editor</a>
                </div>
            </div>

            <!-- XML Editor Dropdown -->
            <div class="dropdown">
            <a href="javascript:void(0)">EPG Editor</a>
                <div class="dropdown-content">
            <a href="/ids.html">Assign Ids</a>
            <a href="/xml.html">XML Editor</a>
            <a href="/gz.html">GZ Editor</a>
                </div>
            </div>
            <!-- Web Player Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">EPG</a>
                <div class="dropdown-content">
                    <a href="/epg.html">EPG</a>

                </div>
            </div>
            <!-- Web Player Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">Web Player</a>
                <div class="dropdown-content">
                    <a href="/aplayer.html">Player</a>

                </div>
            </div>
            <!-- Web Player Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">Other Sites</a>
                <div class="dropdown-content">
<a href="https://m3u-playlist-proxy-roan.vercel.app/">M3U Proxy</a>
<a href="https://lejuans01.github.io/Filter-and-Combine-M3U-Playlist/">Group Editor "lejuan"</a>
                </div>
            </div>
            <!-- XML Editor Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">VIP</a>
                <div class="dropdown-content">
            <a href="/package.html">Packages</a>
                </div>
</div>
            <!-- XML Editor Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">Login</a>
                <div class="dropdown-content">
<a href="/prem/index.html">Login</a>
                </div>
</div>
        </div>

        <div class="hamburger" id="hamburger">☰</div>
        <div class="menu-mobile" id="menuMobile">
            <a href="/m3uinfo.html">M3U Info Checker</a>
            <a href="/ipinfo.html">IP Info Checker</a>
            <a href="/m3uchannel.html">Channel Editor</a>
            <a href="/ids.html">Assign Ids</a>
            <a href="/xml.html">XML Editor</a>
            <a href="/gz.html">XML.gz Editor</a>
            <a href="/epg.html">EPG</a>
            <a href="/aplayer.html">Web Player</a>
<a href="/package.html">Packages</a>
<a href="/prem/index.html">Login</a>
<h2>Other Sites Tools</h2>
<a href="https://m3u-playlist-proxy-roan.vercel.app/">M3U Proxy</a>
<a href="https://lejuans01.github.io/Filter-and-Combine-M3U-Playlist/">Group Editor "lejuan"</a>
        </div>
    </div>
    <!-- Page Content -->
    <div class="container">

<p><strong>M3U-TOOLS Disclaimer</strong></p>
<br>
<p><strong>The information provided on this website is for general informational purposes only.</strong><br>
While M3U-TOOLS strives to ensure the accuracy and reliability of the content, we make no representations or warranties, express or implied, regarding its completeness, accuracy, reliability, or suitability for any particular purpose.</p>
<br>
<p><strong>Any Reliance on Information</strong><br>
Any reliance you place on the information found on this website is strictly at your own risk. M3U-TOOLS shall not be liable for any losses, damages, or expenses, whether direct, indirect, incidental, or consequential, arising out of or in connection with the use of this website or its content.</p>
<br>
<p><strong>Third-Party Websites</strong><br>
This website may contain links to third-party websites. M3U-TOOLS does not endorse or take responsibility for the content, privacy policies, or practices of any third-party sites.</p>
<br>
<p><strong>M3U-TOOLS Does Not Provide Streams</strong><br>
M3U-TOOLS does not provide any streams. You must use your own playlist.</p>
<br>
<p><strong>M3U-TOOLS Is Not for Piracy</strong><br>
M3U-TOOLS is intended for managing and organizing legally obtained M3U playlists. It does not host, distribute, or facilitate access to copyrighted content, illegal IPTV services, or pirated streams. Users are solely responsible for ensuring that they have the legal right to access and use any playlists they upload or process. M3U-TOOLS does not condone or support any form of copyright infringement or illegal streaming.</p>
<br>
<p><strong>User Responsibility for Uploaded Content</strong><br>
Users are solely responsible for all content they add to the tools, including but not limited to playlists, links, and any other media. M3U-TOOLS does not store or review the content uploaded by users, and users are expected to comply with all relevant copyright laws and regulations regarding the content they upload. By uploading content, users confirm they have the necessary rights or permissions to use and share that content. M3U-TOOLS is not responsible for any legal issues arising from user-uploaded content.</p>
<br>
<p><strong>Logos and Channel Names</strong><br>
All logos, trademarks, and channel names displayed inside the tools are the property of their respective owners and are used for identification purposes only. M3U-TOOLS does not claim ownership of these logos or names and respects the intellectual property rights of their owners.</p>
<br>
<p><strong>VIP Access Validity</strong><br>
VIP access is only valid for 30 days from the date of purchase. After this period, users must renew their VIP subscription to continue accessing VIP features. There are no extensions or rollovers for unused days.</p>
<br>
<p><strong>Payments</strong><br>
M3U-TOOLS accepts payments through Square. We do not store or process any payment information—Square handles all payment processing securely. For more information on their policies, please refer to Square's <a href="https://squareup.com/">Website</a>.</p>
<br>
<p><strong>Modifications to Website</strong><br>
M3U-TOOLS reserves the right to modify, update, or remove any content, features, or functionality on this website at any time, without prior notice.</p>
<br>
<p><strong>Compliance with Local Laws</strong><br>
Please note that it is your responsibility to ensure compliance with local laws and regulations regarding the use of tools and services provided on this website. We recommend reviewing applicable laws in your jurisdiction before using any features or services.</p>
<br>
<p><strong>Data Storage</strong><br>
M3U-TOOLS does not store or cache any data. All tools are executed on the user's end (locally). Once you refresh the page, it is as though the action never happened. Please be aware that while M3U-TOOLS itself does not store data, the hosting provider, <a href="https://www.tiiny.host/">Tiiny</a> and <a href="https://cloudflare.com/">Cloudflare</a> and <a href="https://github.com/">Github</a>, may collect and store logs or other information. We encourage you to review their privacy policies regarding logging and data storage practices.</p>
<br>
<p><strong>No Refunds and No Quality Guarantee</strong><br>
All tools and services are provided as-is, without any guarantee of quality or suitability. M3U-TOOLS does not offer refunds for any purchases or payments made, and users acknowledge that the services provided may have limitations. It is the user's responsibility to ensure that the tools meet their requirements before use.</p>
<br>
<p><strong>Account Termination</strong><br>
M3U-TOOLS reserves the right to terminate any account without notice if it is found to be sharing an account or if the account is reported for illegal use. This includes, but is not limited to, the use of pirated content, unauthorized access.</p>
<br>
<p><strong>Consult a Professional</strong><br>
If you require specific advice, please consult a qualified professional in the relevant field.</p>
<br>
<p><strong>Agreement to Terms</strong><br>
By using this website, you acknowledge and agree to this disclaimer and its terms. If you do not agree, please discontinue use of the website immediately.</p>

    </div>

<footer>
    <p>© 2024-2025 M3U TOOLS. All rights reserved. "Lejuan APT & WildJoker"</p>
    <p>
        <a href="/disclaimer.html">Disclaimer</a>
        <a href="/tos.html">Terms of Service</a>
        <a href="/privacy.html">Privacy Policy</a>
        <a href="/source.html">Source</a>
    </p>
</footer>
    <script>
        document.addEventListener("DOMContentLoaded", () => {
            const hamburger = document.getElementById("hamburger");
            const menuMobile = document.getElementById("menuMobile");

            // Toggle menu visibility on hamburger click
            hamburger.addEventListener("click", () => {
                menuMobile.classList.toggle("open");
            });

            // Close menu if clicked outside
            document.addEventListener("click", (e) => {
                if (!menuMobile.contains(e.target) && !hamburger.contains(e.target)) {
                    menuMobile.classList.remove("open");
                }
            });
        });
document.addEventListener("contextmenu", event => event.preventDefault()); // Disable right-click
document.addEventListener("keydown", function (event) {
    if (event.key === "F12" || (event.ctrlKey && event.shiftKey && event.key === "I")) {
        event.preventDefault();
    }
});
    </script>
</body>
</html>

gz.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>M3U TOOLS</title>
    <style>
        /* Dark Mode Styles */
        body {
            font-family: Arial, sans-serif;
            margin: 20px;
            background-color: #121212; /* Dark background */
            color: #e0e0e0; /* Light text color */
        }
        input, button {
            margin-bottom: 10px;
            width: 100%;
            padding: 10px;
            background-color: #333; /* Dark input and button background */
            color: #e0e0e0; /* Light text for inputs and button */
            border: 1px solid #555; /* Light border */
            border-radius: 5px;
        }
        button {
            background-color: #1a73e8; /* Green button background */
            cursor: pointer;
        }
        button:hover {
            background-color: #1a73e8; /* Darker green on hover */
        }
        #result {
            margin-top: 20px;
            background-color: #333; /* Dark background for result */
            padding: 15px;
            border-radius: 5px;
        }
            .box {
        border: 2px solid #fff; /* Change border color to white */
        padding: 20px;
        margin: 20px auto;
        background-color: #121212; /* Matches container background */
        border-radius: 10px;
        color: var(--text-color); /* Matches text color */
    }
            /* Bubble Text Style */
    .bubble-text {
        background-color: #333;   /* Dark background */
        color: white;             /* White text */
        padding: 2px 6px;         /* Padding inside the bubble */
        font-family: monospace;   /* Monospaced font */
        border-radius: 5px;       /* Rounded corners */
    }
    .bubble-text a {
        color: white;               /* Set link text color to white */
        text-decoration: none;      /* Remove underline */
    }

    .bubble-text a:hover {
        text-decoration: underline; /* Optionally, add underline on hover */
    }
    
        h1 {
            color: #1a73e8; /* Light green for heading */
        }
        p {
            color: #e0e0e0; /* Light text for paragraph */
        }
           h2 {
            color: #e0e0e0; /* Light green for heading */
        }
           h3 {
            color: #121212; /* Light green for heading */
        }        
        p {
            color: #e0e0e0; /* Light text for paragraph */
        }
{
            background-color: #121212;
            color: white;
            font-family: Arial, sans-serif;
            margin: 0;
            padding-top: 60px; /* Adjust for fixed navbar */
        }

        h1 {
            font-size: 2.5em;
            margin: 30px 0;
            color: #2196F3;
            text-align: center;
        }

        h2 {
            color: #1a73e8;
            font-size: 1.8em;
            text-align: center;
        }

        h4 {
            color: #e0e0e0;
            font-size: 1.8em;
            text-align: center;
        }

        p {
            text-align: center;
            margin: 10px 0;
        }

        .scroll-container {
            display: flex;
            overflow: hidden;
            width: 100%;
            height: auto;
            background-color: #000; /* Optional background color for better visibility */
        }

        .scroll-container img {
            height: 100vh; /* Ensures full height of the viewport */
            width: auto; /* Keeps the image's aspect ratio */
            flex-shrink: 0;
            animation: scroll 15s linear infinite;
        }

        @keyframes scroll {
            0% { transform: translateX(0); }
            100% { transform: translateX(-200%); }
        }

        @media (max-width: 768px) {
            .scroll-container img {
                height: auto; /* Adjust height for smaller screens */
                max-height: 60vh; /* Limit height on mobile */
                width: 100%; /* Fit the width of the screen */
            }
        }

        /* Navigation Bar */
        .navbar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background-color: #000;
            padding: 10px 20px;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1000;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
            transition: transform 0.3s ease-in-out;
        }

        .navbar .logo {
            font-size: .75em;
            color: #fff;
            text-decoration: none;
            font-weight: bold;
            transition: color 0.3s ease;
        }

        .navbar .logo:hover {
            color: #1a73e8;
        }

        .navbar .menu a {
            font-size: 1em;
            text-decoration: none;
            color: #ffffff;
            padding: 10px 15px;
            transition: background-color 0.3s ease, transform 0.2s ease;
            border-radius: 4px;
        }

        .navbar .menu a:hover {
            background-color: #333;
            color: #1a73e8;
            transform: translateY(-2px);
        }

        /* Dropdown Menu */
        .navbar .menu .dropdown {
            position: relative;
            display: inline-block;
        }

        .navbar .menu .dropdown-content {
            display: none;
            position: absolute;
            background-color: #333;
            min-width: 160px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
            z-index: 1;
            border-radius: 4px;
        }

        .navbar .menu .dropdown:hover .dropdown-content {
            display: block;
        }

        .navbar .menu .dropdown-content a {
            color: white;
            padding: 10px 15px;
            text-decoration: none;
            display: block;
        }

        .navbar .menu .dropdown-content a:hover {
            background-color: #1976D2;
        }

        .hamburger {
            display: none;
            font-size: 1.8em;
            color: white;
            cursor: pointer;
        }

        /* Hamburger Menu (Mobile) */
.navbar .menu-mobile {
    display: none;
    flex-direction: column;
    background-color: #000;
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    max-height: 80vh; /* Makes the mobile menu scrollable */
    overflow-y: auto;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    padding: 20px 10px;
    transition: all 0.3s ease-in-out;
}

        .navbar .menu-mobile.open {
            display: flex;
        }

        .navbar .menu-mobile a {
            text-decoration: none;
            background-color: #000; /* Black background */
            color: white;
            padding: 15px 20px;
            margin: 5px 0;
            border-radius: 8px;
            text-align: center;
            font-size: 1.2em;
            transition: background-color 0.3s, transform 0.2s, box-shadow 0.3s;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
        }

        .navbar .menu-mobile a:hover {
            background-color: #1976D2; /* Optionally, add a hover color */
            transform: translateY(-2px);
            box-shadow: 0 8px 12px rgba(0, 0, 0, 0.5);
        }

        .menu-mobile.open {
            display: flex;
            animation: slideDown 0.3s ease-in-out;
        }

        @keyframes slideDown {
            from {
                opacity: 0;
                transform: translateY(-10px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @media (max-width: 768px) {
            .menu {
                display: none;
            }

            .hamburger {
                display: block;
            }
        }

        .container {
            margin-top: 120px;
            padding: 20px;
            text-align: center;
        }

        footer {
            position: flex;
            bottom: 10px;
            width: 100%;
            text-align: center;
            font-size: 14px;
            padding: 5px 0;
        }
footer a {
    color: #1a73e8; /* Matches theme blue */
    text-decoration: none;
    font-weight: bold;
    margin: 0 10px; /* Adds spacing between links */
    transition: color 0.3s ease;
}

footer a:hover {
    color: #2196F3; /* Lighter blue on hover */
}

footer a:visited {
    color: #abcdef; /* Light gray for visited links */
}
    </style>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pako/2.1.0/pako.min.js"></script> <!-- For GZIP decompression -->
</head>
<body>
    <!-- Navbar -->
    <div class="navbar" id="navbar">
        <a href="/home.html" class="logo">M3U TOOLS</a>
        <div class="menu">
            <!-- M3U Info Checker Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">Info Checker</a>
                <div class="dropdown-content">
                    <a href="/m3uinfo.html">M3U Info</a>
            <a href="/ipinfo.html">IP Info Checker</a>
                </div>
            </div>

            <!-- M3U Editor Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">M3U Editor</a>
                <div class="dropdown-content">
                    <a href="/m3uchannel.html">Channel Editor</a>
                </div>
            </div>

            <!-- XML Editor Dropdown -->
            <div class="dropdown">
            <a href="javascript:void(0)">EPG Editor</a>
                <div class="dropdown-content">
            <a href="/ids.html">Assign Ids</a>
            <a href="/xml.html">XML Editor</a>
            <a href="/gz.html">GZ Editor</a>
                </div>
            </div>
            <!-- Web Player Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">EPG</a>
                <div class="dropdown-content">
                    <a href="/epg.html">EPG</a>

                </div>
            </div>
            <!-- Web Player Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">Web Player</a>
                <div class="dropdown-content">
                    <a href="/aplayer.html">Player</a>

                </div>
            </div>
            <!-- Web Player Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">Other Sites</a>
                <div class="dropdown-content">
<a href="https://m3u-playlist-proxy-roan.vercel.app/">M3U Proxy</a>
<a href="https://lejuans01.github.io/Filter-and-Combine-M3U-Playlist/">Group Editor "lejuan"</a>
                </div>
            </div>
            <!-- XML Editor Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">VIP</a>
                <div class="dropdown-content">
            <a href="/package.html">Packages</a>
                </div>
</div>
            <!-- XML Editor Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">Login</a>
                <div class="dropdown-content">
<a href="/prem/index.html">Login</a>
                </div>
</div>
        </div>

        <div class="hamburger" id="hamburger">☰</div>
        <div class="menu-mobile" id="menuMobile">
            <a href="/m3uinfo.html">M3U Info Checker</a>
            <a href="/ipinfo.html">IP Info Checker</a>
            <a href="/m3uchannel.html">Channel Editor</a>
            <a href="/ids.html">Assign Ids</a>
            <a href="/xml.html">XML Editor</a>
            <a href="/gz.html">XML.gz Editor</a>
            <a href="/epg.html">EPG</a>
            <a href="/aplayer.html">Web Player</a>
<a href="/package.html">Packages</a>
<a href="/prem/index.html">Login</a>
<h2>Other Sites Tools</h2>
<a href="https://m3u-playlist-proxy-roan.vercel.app/">M3U Proxy</a>
<a href="https://lejuans01.github.io/Filter-and-Combine-M3U-Playlist/">Group Editor "lejuan"</a>
        </div>
    </div>
    <!-- Page Content -->
<h3>test</h3>
<h3>test</h3>
    <h2>EPG .gz Only Merger</h2>
    <p>Upload up to 5 files (Only .gz) to merge:</p>
    <input type="file" id="file1" accept=".gz">
    <input type="file" id="file2" accept=".gz">
    <input type="file" id="file3" accept=".gz">
    <input type="file" id="file4" accept=".gz">
    <input type="file" id="file5" accept=".gz">
    <button onclick="mergeEPGs()">Merge and Download</button>
    <div id="result"><div style="text-align:center"></div>
    <div class="info">
    <div id="result"></div>

     <div class="box"".">
    <center>
  	<h2>How to use.</h2>
  	<p>Enter files 5 at a time max.</p>
    <p>Hit merge and download.</p>
    <p>Hit Download merge EPG</p>
    </center>
    </div>
    <div id="result"><div style="text-align:center"></div>
    <div class="info">
    <center>
    <p>When downloaded you can simple upload to dropbox or similar then shorten url using bit.ly or short url or any similar services.</p>

     <p>THIS DOES NOT AUTOMATICALLY UPDATE EPG WHEN THEY ARE EXPIRED YOU NEED TO REMAKE OR FIND A SCRIPT TO AUTOMATICALLY DO IT. Each time you make name it the same reupload to Dropbox or similar service and youll be done it will use the same url.</p>

    <p>Put this at the top of your playlist if you want it to load with your playlist. "Note, tvg-id in your playlist needs to match your epg to auto populate. Or else you will need to set it manually on your player such as tivimate.</p>

    <p>#EXTM3U url-tvg="link to epg here</p>
    </center>
<footer>
    <p>© 2024-2025 M3U TOOLS. All rights reserved. "Lejuan APT & WildJoker"</p>
    <p>
        <a href="/disclaimer.html">Disclaimer</a>
        <a href="/tos.html">Terms of Service</a>
        <a href="/privacy.html">Privacy Policy</a>
        <a href="/source.html">Source</a>
    </p>
</footer>
    <script>
        document.addEventListener("DOMContentLoaded", () => {
            const hamburger = document.getElementById("hamburger");
            const menuMobile = document.getElementById("menuMobile");

            // Toggle menu visibility on hamburger click
            hamburger.addEventListener("click", () => {
                menuMobile.classList.toggle("open");
            });

            // Close menu if clicked outside
            document.addEventListener("click", (e) => {
                if (!menuMobile.contains(e.target) && !hamburger.contains(e.target)) {
                    menuMobile.classList.remove("open");
                }
            });
        });

        async function processFile(file) {
            return new Promise((resolve, reject) => {
                const reader = new FileReader();
                reader.onload = async () => {
                    try {
                        let content = reader.result;
                        if (file.name.endsWith(".gz")) {
                            content = new TextDecoder().decode(pako.inflate(content));
                        }
                        resolve(content);
                    } catch (err) {
                        reject(`Error processing file ${file.name}: ${err.message}`);
                    }
                };
                reader.onerror = () => reject(`Error reading file ${file.name}`);
                reader.readAsArrayBuffer(file);
            });
        }

        async function mergeEPGs() {
            const files = Array.from({ length: 5 }, (_, i) =>
                document.getElementById(`file${i + 1}`).files[0]
            ).filter(Boolean);

            if (!files.length) {
                alert("Please upload at least one file.");
                return;
            }

            const parser = new DOMParser();
            const serializer = new XMLSerializer();
            const mergedDoc = parser.parseFromString("<tv></tv>", "application/xml");

            try {
                for (const file of files) {
                    const xmlContent = await processFile(file);
                    const xmlDoc = parser.parseFromString(xmlContent, "application/xml");

                    if (xmlDoc.querySelector("parsererror")) {
                        throw new Error(`Invalid XML in file ${file.name}`);
                    }

                    Array.from(xmlDoc.documentElement.children).forEach((child) =>
                        mergedDoc.documentElement.appendChild(mergedDoc.importNode(child, true))
                    );
                }

                const mergedXML = serializer.serializeToString(mergedDoc);
                const blob = new Blob([mergedXML], { type: "application/xml" });
                const link = document.createElement("a");
                link.href = URL.createObjectURL(blob);
                link.download = "merged_epg.xml";
                link.textContent = "Download Merged EPG";
                document.getElementById("result").innerHTML = "";
                document.getElementById("result").appendChild(link);
            } catch (error) {
                console.error(error);
                document.getElementById("result").textContent = `Error: ${error.message}`;
            }
        }
document.addEventListener("contextmenu", event => event.preventDefault()); // Disable right-click
document.addEventListener("keydown", function (event) {
    if (event.key === "F12" || (event.ctrlKey && event.shiftKey && event.key === "I")) {
        event.preventDefault();
    }
});
    </script>
</body>
</html>

ids.html

Must search and remove dot before /textarea for the code to work here is what your looking for <./textarea>

!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>M3U/EPG Mapper Tool</title>
  <style>
/* General Styles */
body {
  font-family: Arial, sans-serif;
  background: #121212;
  color: #ffffff;
  margin: 0;
  padding: 0;
}

h1 {
  text-align: center;
  margin-top: 20px;
  color: #1a73e8; /* Blue color */
}

.container {
  max-width: 900px;
  margin: 20px auto;
  background: #1e1e1e;
  padding: 20px;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 120px; /* Adjusted for navbar */
}

/* Input & Button Styling */
input[type="file"], textarea, select, button {
  background: #333;
  color: #fff;
  border: 1px solid #555;
  width: 100%;
  margin-bottom: 15px;
  padding: 10px;
  border-radius: 3px;
}

textarea {
  resize: vertical;
  min-height: 100px;
}

button {
  cursor: pointer;
  background-color: #007bff;
}

button:hover {
  background-color: #0056b3;
}

/* File button */
.file-button {
  display: inline-block;
  background-color: #007bff;
  color: white;
  padding: 10px 15px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
  font-size: 16px;
}

.file-button input {
  display: none;
}

/* Table Styling */
table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
  background: #222;
  color: #fff;
  table-layout: fixed; /* Ensures everything fits */
}

th, td {
  border: 1px solid #444;
  padding: 8px;
  text-align: left;
  word-wrap: break-word;
  white-space: normal;
}

tr:nth-child(even) {
  background-color: #2a2a2a;
}

tr:hover {
  background-color: #333;
}

/* Make Export Results Scrollable */
#exportedM3UDisplay {
  white-space: pre-wrap;
  border: 1px solid #ccc;
  padding: 10px;
  max-height: 300px;
  overflow-y: auto;
  width: 100%;
  text-align: center; /* Center text horizontally */
  display: block; /* Ensure the pre tag is treated as a block element */
  margin: 0 auto; /* Center the element horizontally on the page */
}

/* Make Channel List Fit Without Scroll */
#channelsContainer {
  max-height: none;
  overflow: hidden; /* Disable scroll */
  display: block;
  border: 1px solid #444;
  width: 100%;
}

/* Improve EPG Search Dropdown */
.searchable-select {
  position: relative;
  width: 100%;
}

.epg-search-input {
  width: 100%;
  padding: 5px;
  font-size: 14px;
}

.epg-search-results {
  max-height: 600px;
  overflow-y: auto;
  border: 1px solid #ccc;
  background: #222;
  color: white;
  position: absolute;
  width: 100%;
  z-index: 10;
  display: none;
  list-style: none;
  padding: 0;
  margin: 0;
}

.epg-search-results li {
  padding: 5px;
  cursor: pointer;
  font-size: 14px;
}

.epg-search-results li:hover {
  background: #444;
}

/* Responsive Design */
@media (max-width: 768px) {
  .container {
    margin: 10px;
    padding: 15px;
    width: 85%;
  }

  textarea {
    min-height: 80px;
  }

  button {
    padding: 12px;
  }

  input[type="file"], button {
    width: 100%;
  }

  table {
    font-size: 14px;
  }

  #channelsContainer {
    max-height: none;
  }

  .epg-search-input {
    font-size: 12px;
  }

  .epg-search-results {
    max-height: 650px;
    overflow-y: auto;
    border: 1px solid #ccc;
    background-color: #2a2a2a;
  }
}

/* Navigation Bar */
.navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #000;
  padding: 10px 20px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  transition: transform 0.3s ease-in-out;
}

.navbar .logo {
  font-size: .75em;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  transition: color 0.3s ease;
}

.navbar .logo:hover {
  color: #1a73e8;
}

.navbar .menu a {
  font-size: 1em;
  text-decoration: none;
  color: #ffffff;
  padding: 10px 15px;
  transition: background-color 0.3s ease, transform 0.2s ease;
  border-radius: 4px;
}

.navbar .menu a:hover {
  background-color: #333;
  color: #1a73e8;
  transform: translateY(-2px);
}

/* Dropdown Menu */
.navbar .menu .dropdown {
  position: relative;
  display: inline-block;
}

.navbar .menu .dropdown-content {
  display: none;
  position: absolute;
  background-color: #333;
  min-width: 160px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
  z-index: 1;
  border-radius: 4px;
}

.navbar .menu .dropdown:hover .dropdown-content {
  display: block;
}

.navbar .menu .dropdown-content a {
  color: white;
  padding: 10px 15px;
  text-decoration: none;
  display: block;
}

.navbar .menu .dropdown-content a:hover {
  background-color: #1976D2;
}

.hamburger {
  display: none;
  font-size: 1.8em;
  color: white;
  cursor: pointer;
}

/* Mobile Navigation */
.navbar .menu-mobile {
    display: none;
    flex-direction: column;
    background-color: #000;
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    max-height: 80vh; /* Makes the mobile menu scrollable */
    overflow-y: auto;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    padding: 20px 10px;
    transition: all 0.3s ease-in-out;
}


.navbar .menu-mobile.open {
  display: flex;
}

.navbar .menu-mobile a {
  text-decoration: none;
  background-color: #000;
  color: white;
  padding: 15px 20px;
  margin: 5px 0;
  border-radius: 8px;
  text-align: center;
  font-size: 1.2em;
  transition: background-color 0.3s, transform 0.2s, box-shadow 0.3s;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

.navbar .menu-mobile a:hover {
  background-color: #1976D2;
  transform: translateY(-2px);
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.5);
}

@media (max-width: 768px) {
  .menu {
    display: none;
  }

  .hamburger {
    display: block;
  }
}
.container {
  margin-top: 120px;
  padding: 20px;
  text-align: center;
}
footer {
            position: flex;
            bottom: 10px;
            width: 100%;
            text-align: center;
            font-size: 14px;
            padding: 5px 0;
        }
footer a {
    color: #1a73e8; /* Matches theme blue */
    text-decoration: none;
    font-weight: bold;
    margin: 0 10px; /* Adds spacing between links */
    transition: color 0.3s ease;
}

footer a:hover {
    color: #2196F3; /* Lighter blue on hover */
}

footer a:visited {
    color: #abcdef; /* Light gray for visited links */
}
        h2 {
            color: #1a73e8;
            font-size: 1.8em;
            text-align: center;
        }
  </style>
</head>
<body>
    <!-- Navbar -->
    <div class="navbar" id="navbar">
        <a href="/home.html" class="logo">M3U TOOLS</a>
        <div class="menu">
            <!-- M3U Info Checker Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">Info Checker</a>
                <div class="dropdown-content">
                    <a href="/m3uinfo.html">M3U Info</a>
            <a href="/ipinfo.html">IP Info Checker</a>
                </div>
            </div>

            <!-- M3U Editor Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">M3U Editor</a>
                <div class="dropdown-content">
                    <a href="/m3uchannel.html">Channel Editor</a>
                </div>
            </div>

            <!-- XML Editor Dropdown -->
            <div class="dropdown">
            <a href="javascript:void(0)">EPG Editor</a>
                <div class="dropdown-content">
            <a href="/ids.html">Assign Ids</a>
            <a href="/xml.html">XML Editor</a>
            <a href="/gz.html">GZ Editor</a>
                </div>
            </div>
            <!-- Web Player Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">EPG</a>
                <div class="dropdown-content">
                    <a href="/epg.html">EPG</a>

                </div>
            </div>
            <!-- Web Player Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">Web Player</a>
                <div class="dropdown-content">
                    <a href="/aplayer.html">Player</a>

                </div>
            </div>
            <!-- Web Player Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">Other Sites</a>
                <div class="dropdown-content">
<a href="https://m3u-playlist-proxy-roan.vercel.app/">M3U Proxy</a>
<a href="https://lejuans01.github.io/Filter-and-Combine-M3U-Playlist/">Group Editor "lejuan"</a>
                </div>
            </div>
            <!-- XML Editor Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">VIP</a>
                <div class="dropdown-content">
            <a href="/package.html">Packages</a>
                </div>
</div>
            <!-- XML Editor Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">Login</a>
                <div class="dropdown-content">
<a href="/prem/index.html">Login</a>
                </div>
</div>
        </div>

        <div class="hamburger" id="hamburger">☰</div>
        <div class="menu-mobile" id="menuMobile">
            <a href="/m3uinfo.html">M3U Info Checker</a>
            <a href="/ipinfo.html">IP Info Checker</a>
            <a href="/m3uchannel.html">Channel Editor</a>
            <a href="/ids.html">Assign Ids</a>
            <a href="/xml.html">XML Editor</a>
            <a href="/gz.html">XML.gz Editor</a>
            <a href="/epg.html">EPG</a>
            <a href="/aplayer.html">Web Player</a>
<a href="/package.html">Packages</a>
<a href="/prem/index.html">Login</a>
<h2>Other Sites Tools</h2>
<a href="https://m3u-playlist-proxy-roan.vercel.app/">M3U Proxy</a>
<a href="https://lejuans01.github.io/Filter-and-Combine-M3U-Playlist/">Group Editor "lejuan"</a>
        </div>
    </div>
  <div class="container">
    <h1>M3U/EPG Mapper Tool</h1>

    <!-- File upload and manual input sections -->
<p>Select your M3U file "Required":</p>
<label class="file-button">
    Choose M3U/M3U8
    <input type="file" id="m3uFile" accept=".m3u, .txt, .m3u8">
</label>

<p>Upload TXT file with Custom EPG IDs "Optional":</p>
<label class="file-button">
    Choose ids.txt
    <input type="file" id="epgFile" accept=".txt">
</label>
    
    <p>Or manually enter Custom EPG IDs "Optional":</p>
    <textarea id="epgIdsInput" placeholder="e.g.
BBC.Earth.nz
CNN
HBO
Discovery"><./textarea>
    <label for="countrySelect">Select Country ID's can select multiple:</label>
    <select id="countrySelect" multiple>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_ALL_SOURCES1.txt">ALL</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_ALJAZEERA1.txt">ALJAZEERA</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_AR1.txt">AR</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_ASIANTELEVISION1.txt">AsianTelevision</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_AU1.txt">AU</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_BA1.txt">BA</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_BE2.txt">BE</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_BEIN1.txt">BEIN</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_BG1.txt">BG</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_BR1.txt">BR</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_CA1.txt">CA</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_CH1.txt">CH</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_CL1.txt">CL</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_CO1.txt">CO</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_CR1.txt">CR</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_CZ1.txt">CZ</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_DE1.txt">DE</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_DELUXEMUSIC1.txt">DELUXE MUSIC</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_DIRECTVSPORTS1.txt">DIRECTV SPORTS</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_DISTROTV1.txt">DISTRO TV</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_DK1.txt">DK</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_DO1.txt">DO</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_DRAFTKINGS1.txt">DRAFT KINGS</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_DUMMY_CHANNELS.txt">DUMMY CHANNELS</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_EC1.txt">EC</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_EG1.txt">EG</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_ES1.txt">ES</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_EUROSPORT1.txt">EURO SPORT</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_FANDUEL1.txt">FANDUEL</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_FI1.txt">FI</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_FR1.txt">FR</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_GR1.txt">GR</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_HK1.txt">HK</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_HR1.txt">HR</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_HU1.txt">HU</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_ID1.txt">ID</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_IE1.txt">IE</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_IL1.txt">IL</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_IN4.txt">IN</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_IT1.txt">IT</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_JM1.txt">JM</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_JP1.txt">JP1</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_JP2.txt">JP2</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_KE1.txt">KE</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_KR1.txt">KR</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_MT1.txt">MT</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_MX1.txt">MX</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_MY1.txt">MY</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_NAUTICAL_CHANNEL1.txt">NAUTICAL</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_NG1.txt">NG</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_NL1.txt">NL</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_NO1.txt">NO</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_NZ1.txt">NZ</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_OPTUSSPORTS1.txt">OPTUS SPORTS</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_PA1.txt">PA</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_PAC-12.txt">PAC 12</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_PE1.txt">PE</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_PH1.txt">PH1</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_PH2.txt">PH2</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_PK1.txt">PK</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_PL1.txt">PL</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_PLEX1.txt">PLEX</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_POWERNATION1.txt">POWERNATION</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_PT1.txt">PT</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_RAKUTEN_DE1.txt">RAKUTEN DE</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_RAKUTEN_EN1.txt">RAKUTEN EN</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_RAKUTEN_ES1.txt">RAKUTEN ES</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_RAKUTEN_FR1.txt">RAKUTEN FR</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_RAKUTEN_IT1.txt">RAKUTEN IT</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_RAKUTEN_NL1.txt">RAKUTEN NL</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_RAKUTEN_PL1.txt">RAKUTEN PL</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_RALLY_TV1.txt">RALLY TV</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_RO1.txt">RO1</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_RO2.txt">RO2</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_SA1.txt">SA1</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_SA2.txt">SA2</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_SAMSUNG1.txt">SAMSUNG</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_SE1.txt">SE</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_SG1.txt">SG</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_SK1.txt">SK</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_SPORTKLUB1.txt">SPORTKLUB</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_SSPORTPLUS1.txt">SSPORTPLUS</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_SV1.txt">SV</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_TENNIS1.txt">TENNIS</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_TR1.txt">TR1</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_TR3.txt">TR3</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_UK1.txt">UK</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_US1.txt">USA</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_US_LOCALS2.txt">USA LOCALS</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_US_SPORTS1.txt">USA SPORTS</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_UY1.txt">UY</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_VN1.txt">VN</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_VOA1.txt">VOA</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_ZA1.txt">ZA</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/epg_ripper_viva-russia.ru.txt">VIVA RUSSIA</option>
        <option value="https://raw.githubusercontent.com/m3utools/share01-ids/refs/heads/main/epg_files/locomotiontv.txt">LOCOMOTION TV</option>
        <!-- Add more countries as needed -->
    </select>


    <label for="epgSelect">Select EPG to add to you exported m3u:</label>
    <select id="epgSelect">
        <option value="https://epgshare01.online/epgshare01/epg_ripper_ALL_SOURCES1.xml.gz">ALL</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_ALJAZEERA1.xml.gz">ALJAZEERA</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_AR1.xml.gz">AR</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_ASIANTELEVISION1.xml.gz">AsianTelevision</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_AU1.xml.gz">AU</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_BA1.xml.gz">BA</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_BE2.xml.gz">BE</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_BEIN1.xml.gz">BEIN</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_BG1.xml.gz">BG</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_BR1.xml.gz">BR</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_CA1.xml.gz">CA</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_CH1.xml.gz">CH</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_CL1.xml.gz">CL</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_CO1.xml.gz">CO</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_CR1.xml.gz">CR</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_CZ1.xml.gz">CZ</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_DE1.xml.gz">DE</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_DELUXEMUSIC1.xml.gz">DELUX MUSIC</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_DIRECTVSPORTS1.xml.gz">DIRECTV SPORTS</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_DISTROTV1.xml.gz">DISTRO TV</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_DK1.xml.gz">DK</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_DO1.xml.gz">DO</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_DRAFTKINGS1.xml.gz">DRAFT KINGS</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_DUMMY_CHANNELS.xml.gz">DUMMY CHANNELS</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_EC1.xml.gz">EC</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_EG1.xml.gz">EG</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_ES1.xml.gz">ES</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_EUROSPORT1.xml.gz">EURO SPORT</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_FANDUEL1.xml.gz">FANDUEL</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_FI1.xml.gz">FI</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_FR1.xml.gz">FR</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_GR1.xml.gz">GR</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_HK1.xml.gz">HK</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_HR1.xml.gz">HR</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_HU1.xml.gz">HU</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_ID1.xml.gz">ID</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_IE1.xml.gz">IE</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_IL1.xml.gz">IL</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_IN4.xml.gz">IN</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_IT1.xml.gz">IT</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_JM1.xml.gz">JM</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_JP1.xml.gz">JP1</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_JP2.xml.gz">JP2</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_KE1.xml.gz">KE</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_KR1.xml.gz">KR</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_MT1.xml.gz">MT</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_MX1.xml.gz">MX</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_MY1.xml.gz">MY</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_NAUTICAL_CHANNEL1.xml.gz">NAUTICAL</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_NG1.xml.gz">NG</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_NL1.xml.gz">NL</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_NO1.xml.gz">NO</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_NZ1.xml.gz">NZ</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_OPTUSSPORTS1.xml.gz">OPTUS SPORTS</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_PA1.xml.gz">PA</option>   
        <option value="https://epgshare01.online/epgshare01/epg_ripper_PAC-12.xml.gz">PAC 12</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_PE1.xml.gz">PE</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_PH1.xml.gz">PH1</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_PH2.xml.gz">PH2</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_PK1.xml.gz">PK</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_PL1.xml.gz">PL</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_PLEX1.xml.gz">PLEX</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_POWERNATION1.xml.gz">POWER NATION</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_PT1.xml.gz">PT</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_RAKUTEN_DE1.xml.gz">RAKUTEN DE</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_RAKUTEN_ES1.xml.gz">RAKUTEN ES</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_RAKUTEN_FR1.xml.gz">RAKUTEN FR</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_RAKUTEN_IT1.xml.gz">RAKUTEN IT</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_RAKUTEN_NL1.xml.gz">RAKUTEN NL</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_RAKUTEN_PL1.xml.gz">RAKUTEN PL</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_RALLY_TV1.xml.gz">RALLY TV</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_RO1.xml.gz">RO1</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_RO2.xml.gz">RO2</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_SA1.xml.gz">SA1</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_SA2.xml.gz">SA2</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_SAMSUNG1.xml.gz">SAMSUNG</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_SE1.xml.gz">SE</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_SG1.xml.gz">SG</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_SK1.xml.gz">SK</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_SPORTKLUB1.xml.gz">SPORTKLUB</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_SSPORTPLUS1.xml.gz">SSPORT PLUS</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_SV1.xml.gz">SV</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_TENNIS1.xml.gz">TENNIS</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_TR1.xml.gz">TR1</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_TR3.xml.gz">TR3</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_SV1.xml.gz">SV</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_UK1.xml.gz">UK</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_US1.xml.gz">USA</option>
        <option value="https://epgshare01.online/epgshare01/https://epgshare01.online/epgshare01/epg_ripper_US_LOCALS2.xml.gz">USA LOCALS</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_US_SPORTS1.xml.gz">USA SPORTS</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_UY1.xml.gz">UY</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_VN1.xml.gz">VN</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_VOA1.xml.gz">VOA</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_ZA1.xml.gz">ZA</option>
        <option value="https://epgshare01.online/epgshare01/epg_ripper_viva-russia.ru.xml.gz">VIVA RUSSIA</option>
        <option value="https://epgshare01.online/epgshare01/locomotiontv.xml.gz">LOCO MOTION TV</option>
    </select>
<center>"This is only if using drop-down country IDs"</center>
    <button id="chooseDefaultBtn">Proceess Selected Drop-down IDs</button>
<center>"This is required using custom or default IDs"</center>
    <button id="loadBtn">Load list to add ID's</button>
<select id="groupSelect">
    <option value="">All Groups</option>
</select>

    <div id="channelsContainer"></div>
    
    <button id="exportBtn" style="display:none;">Download Updated M3U</button>
    <h3>Exported M3U Content:</h3>    
<pre id="exportedM3UDisplay" style="white-space: pre-wrap; border: 1px solid #ccc; padding: 10px; max-height: 300px; overflow-y: auto;"></pre>
  </div>
<footer>
    <p>© 2024-2025 M3U TOOLS. All rights reserved. "Lejuan APT & WildJoker"</p>
    <p>
        <a href="/disclaimer.html">Disclaimer</a>
        <a href="/tos.html">Terms of Service</a>
        <a href="/privacy.html">Privacy Policy</a>
        <a href="/source.html">Source</a>
    </p>
</footer>
<script>
let m3uLines = [];
let channels = [];
let availableEpgIds = [];
let groupTitles = new Set(); // Store unique group titles

// Check if an ID is on-demand (filters "vod" and "on-demand")
function isOnDemandId(id) {
    const lowerId = id.toLowerCase();
    return lowerId.includes("vod") || lowerId.includes("on-demand");
}

// Fetch text data from selected URLs
async function fetchText(url) {
    try {
        const response = await fetch(url);
        if (!response.ok) throw new Error(`Failed to fetch ${url}`);
        return (await response.text()).split(/\r?\n/).filter(line => line.trim() !== "");
    } catch (error) {
        console.error(error);
        return [];
    }
}

// Load EPG IDs from multiple selected countries, excluding on-demand IDs
async function loadSelectedIds() {
    const select = document.getElementById("countrySelect");
    const selectedUrls = Array.from(select.selectedOptions).map(option => option.value);
    
    if (selectedUrls.length === 0) {
        alert("Please select at least one country.");
        return;
    }

    let allIds = [];
    for (const url of selectedUrls) {
        const ids = await fetchText(url);
        allIds = allIds.concat(ids.filter(id => !isOnDemandId(id))); // Exclude on-demand IDs
    }

    availableEpgIds = allIds.map(id => id.toLowerCase()); // Convert all to lowercase for case-insensitive matching
    document.getElementById("epgIdsInput").value = allIds.join("\n");
}

document.getElementById("chooseDefaultBtn").addEventListener("click", loadSelectedIds);

// Predefined Special Case Normalization
const specialCases = {
    "A&E": ["A.and.E.US.-.Eastern.Feed.us", "a_e", "a-&-e"],  
    "bet": ["bet.-.", "bet", "bet.us"],  
    "5starmax": ["5.Star.Max.-.Eastern.us", "5.star.max", "5starmax", "5.star.max.eastern"],
};

function normalizeString(str) {
    let normalized = str.toLowerCase()
        .replace(/\(.*?\)/g, '')   // Remove content inside parentheses
        .replace(/\bEast\b/gi, '') // Remove the word "East" (case insensitive)
        .replace(/[.\s_-]+/g, '.')  // Replace spaces, dots, underscores, and hyphens with a single dot
        .replace(/[^a-z0-9.&]/g, '')  // Keep only lowercase letters, numbers, dots, and ampersands
        .trim();

    // Check for predefined aliases (special cases)
    if (specialCases[normalized]) {
        return specialCases[normalized];  // Use mapped name if a special case
    }
    
    return [normalized]; // Return as an array for consistency
}

// Parse M3U file
function parseM3U(text) {
    m3uLines = text.split(/\r?\n/);
    channels = [];
    groupTitles.clear(); // Reset group titles

    for (let i = 0; i < m3uLines.length; i++) {
        let line = m3uLines[i];
        if (line.startsWith("#EXTINF:")) {
            let tvgIdMatch = line.match(/tvg-id="([^"]*)"/);
            let tvgId = tvgIdMatch ? tvgIdMatch[1] : "";
            let nameMatch = line.match(/,(.*)$/);
            let channelName = nameMatch ? nameMatch[1] : "Unknown";
            let groupMatch = line.match(/group-title="([^"]*)"/);
            let groupTitle = groupMatch ? groupMatch[1] : "Unknown";

            // Store unique group titles
            groupTitles.add(groupTitle);

channels.push({
    lineIndex: i,
    originalLine: line,
    tvgId: tvgId,
    channelName: channelName,
    groupTitle: groupTitle, // Added group-title
    newTvgId: tvgId // Keep the original tvgId without auto-assigning a new one
});

        }
    }

    populateGroupDropdown();
}

// Populate group-title dropdown
function populateGroupDropdown() {
    const groupSelect = document.getElementById("groupSelect");
    groupSelect.innerHTML = `<option value="">All Groups</option>`; // Default option

    groupTitles.forEach(group => {
        let option = document.createElement("option");
        option.value = group;
        option.textContent = group;
        groupSelect.appendChild(option);
    });
}

// Render channels in a table with color coding for "Assign New tvg-id"
function renderChannels() {
    const container = document.getElementById("channelsContainer");
    if (channels.length === 0) {
        container.innerHTML = "<p>No channels found in the M3U file.</p>";
        return;
    }

    let selectedGroup = document.getElementById("groupSelect").value;
    let filteredChannels = selectedGroup ? channels.filter(c => c.groupTitle === selectedGroup) : channels;

    let html = `<table>
        <tr>
            <th>#</th>
            <th>Channel Name</th>
            <th>Group</th>
            <th>Current tvg-id</th>
            <th>Assign New tvg-id</th>
        </tr>`;

    filteredChannels.forEach((channel, idx) => {
        const inputColor = channel.newTvgId ? 'green' : 'red'; // Green if there's a new ID, Red if not

        html += `<tr>
            <td>${idx + 1}</td>
            <td>${channel.channelName}</td>
            <td>${channel.groupTitle}</td> <!-- Display group-title -->
            <td>${channel.tvgId || "-"}</td>
            <td>
                <div class="searchable-select">
                    <input type="text" value="${channel.newTvgId || ''}" placeholder="Search EPG ID" data-index="${idx}" class="epg-search-input" style="background-color: ${inputColor};">
                    <ul class="epg-search-results"></ul>
                </div>
            </td>
        </tr>`;
    });

    html += `</table>`;
    container.innerHTML = html;

    document.querySelectorAll(".epg-search-input").forEach(input => {
        input.addEventListener("input", handleSearch);
    });
function handleSearch(event) {
    const input = event.target;
    const list = input.nextElementSibling;
    const query = input.value.toLowerCase().trim();
    
    list.innerHTML = "";
    if (!query) {
        list.style.display = "none";
        return;
    }

    // Restore the original search logic  
    const filteredIds = availableEpgIds.filter(epgId => epgId.toLowerCase().includes(query));
    
    filteredIds.forEach(epgId => {
        const listItem = document.createElement("li");
        listItem.textContent = epgId;
        listItem.addEventListener("click", () => {
            input.value = epgId;
            list.style.display = "none";
            const index = input.getAttribute("data-index");
            channels[index].newTvgId = epgId;
            input.style.backgroundColor = "green"; // Highlight selection
        });
        list.appendChild(listItem);
    });

    list.style.display = filteredIds.length > 0 ? "block" : "none";
}

    document.getElementById("exportBtn").style.display = "inline-block";
}

// Event listener for group selection change
document.getElementById("groupSelect").addEventListener("change", renderChannels);

document.getElementById("loadBtn").addEventListener("click", () => {
    const fileInput = document.getElementById("m3uFile");
    if (fileInput.files.length === 0) {
        alert("Please select an M3U file.");
        return;
    }
    const reader = new FileReader();
    reader.onload = function(e) {
        parseM3U(e.target.result);
        renderChannels();
    };
    reader.readAsText(fileInput.files[0]);
});


// Function to generate the updated M3U content
function generateUpdatedM3U() {
    if (!m3uLines.length) {
        return "";
    }

    // Get the selected EPG URL from the dropdown
    const epgUrl = document.getElementById("epgSelect").value;

    // Ensure the first line is replaced with the new #EXTM3U line
    m3uLines[0] = `#EXTM3U url-tvg="${epgUrl}"`;

    // Process the M3U content
    let updatedM3U = m3uLines
        .map((line, index) => {
            let channel = channels.find(c => c.lineIndex === index);
            if (channel) {
                // Ensure tvg-id is correctly replaced or added if missing
                if (/tvg-id="([^"]*)"/.test(line)) {
                    return line.replace(/tvg-id="([^"]*)"/, `tvg-id="${channel.newTvgId}"`);
                } else {
                    return line.replace(/#EXTINF:-?\d+/, `$& tvg-id="${channel.newTvgId}"`);
                }
            }
            return line;
        })
        .join("\n"); // Ensure proper line breaks

    return updatedM3U;
}

// Export & Download Button Click Event
document.getElementById("exportBtn").addEventListener("click", () => {
    const updatedM3U = generateUpdatedM3U();
    
    if (!updatedM3U) {
        alert("No data to export!");
        return;
    }

    // Display exported M3U content
    document.getElementById("exportedM3UDisplay").textContent = updatedM3U;

    // Create a downloadable file
    const blob = new Blob([updatedM3U], { type: "text/plain" });
    const url = URL.createObjectURL(blob);
    
    const a = document.createElement("a");
    a.href = url;
    a.download = "updated_playlist.m3u";
    document.body.appendChild(a);
    a.click();

    document.body.removeChild(a);
    URL.revokeObjectURL(url);
});

// Mobile/desktop menu functionality
document.addEventListener("DOMContentLoaded", () => {
    const hamburger = document.getElementById("hamburger");
    const menuMobile = document.getElementById("menuMobile");

    // Toggle menu visibility on hamburger click
    hamburger.addEventListener("click", () => {
        menuMobile.classList.toggle("open");
    });

    // Close menu if clicked outside
    document.addEventListener("click", (e) => {
        if (!menuMobile.contains(e.target) && !hamburger.contains(e.target)) {
            menuMobile.classList.remove("open");
        }
    });
});

//prevent
document.addEventListener("contextmenu", event => event.preventDefault()); // Disable right-click
document.addEventListener("keydown", function (event) {
    if (event.key === "F12" || (event.ctrlKey && event.shiftKey && event.key === "I")) {
        event.preventDefault();
    }
});
</script>
</body>
</html>

ipinfo.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>IP Information Checker</title>
    <style>
        body {
            background-color: #121212;
            color: white;
            font-family: Arial, sans-serif;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 100vh;
            margin: 0;
        }
        #info {
            margin-top: 20px;
            padding: 20px;
            border: 1px solid #444;
            border-radius: 10px;
            background-color: #1e1e1e;
            max-width: 500px;
            overflow-wrap: break-word;
        }
        button {
            background-color: #1a73e8;
            color: white;
            border: none;
            padding: 10px 20px;
            border-radius: 5px;
            cursor: pointer;
        }
        button:hover {
            background-color: #1e88e5;
        }
        /* Navigation Bar */
        .navbar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background-color: #000;
            padding: 10px 20px;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1000;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
            transition: transform 0.3s ease-in-out;
        }

        .navbar .logo {
            font-size: .75em;
            color: #fff;
            text-decoration: none;
            font-weight: bold;
            transition: color 0.3s ease;
        }

        .navbar .logo:hover {
            color: #1a73e8;
        }

        .navbar .menu a {
            font-size: 1em;
            text-decoration: none;
            color: #ffffff;
            padding: 10px 15px;
            transition: background-color 0.3s ease, transform 0.2s ease;
            border-radius: 4px;
        }

        .navbar .menu a:hover {
            background-color: #333;
            color: #1a73e8;
            transform: translateY(-2px);
        }

        /* Dropdown Menu */
        .navbar .menu .dropdown {
            position: relative;
            display: inline-block;
        }

        .navbar .menu .dropdown-content {
            display: none;
            position: absolute;
            background-color: #333;
            min-width: 160px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
            z-index: 1;
            border-radius: 4px;
        }

        .navbar .menu .dropdown:hover .dropdown-content {
            display: block;
        }

        .navbar .menu .dropdown-content a {
            color: white;
            padding: 10px 15px;
            text-decoration: none;
            display: block;
        }

        .navbar .menu .dropdown-content a:hover {
            background-color: #1976D2;
        }

        .hamburger {
            display: none;
            font-size: 1.8em;
            color: white;
            cursor: pointer;
        }

        /* Hamburger Menu (Mobile) */
.navbar .menu-mobile {
    display: none;
    flex-direction: column;
    background-color: #000;
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    max-height: 80vh; /* Makes the mobile menu scrollable */
    overflow-y: auto;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    padding: 20px 10px;
    transition: all 0.3s ease-in-out;
}


        .navbar .menu-mobile.open {
            display: flex;
        }

        .navbar .menu-mobile a {
            text-decoration: none;
            background-color: #000; /* Black background */
            color: white;
            padding: 15px 20px;
            margin: 5px 0;
            border-radius: 8px;
            text-align: center;
            font-size: 1.2em;
            transition: background-color 0.3s, transform 0.2s, box-shadow 0.3s;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
        }

        .navbar .menu-mobile a:hover {
            background-color: #1976D2; /* Optionally, add a hover color */
            transform: translateY(-2px);
            box-shadow: 0 8px 12px rgba(0, 0, 0, 0.5);
        }

        .menu-mobile.open {
            display: flex;
            animation: slideDown 0.3s ease-in-out;
        }

        @keyframes slideDown {
            from {
                opacity: 0;
                transform: translateY(-10px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @media (max-width: 768px) {
            .menu {
                display: none;
            }

            .hamburger {
                display: block;
            }
        }
        footer {
            position: flex;
            bottom: 10px;
            width: 100%;
            text-align: center;
            font-size: 14px;
            padding: 5px 0;
        }
.discord-button {
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
    color: white;
    background-color: #5865F2;
    padding: 15px 30px;
    border-radius: 8px;
    transition: background 0.3s, transform 0.2s;
}

.discord-button:hover {
    background-color: #4752C4;
    transform: scale(1.05);
}
footer a {
    color: #1a73e8; /* Matches theme blue */
    text-decoration: none;
    font-weight: bold;
    margin: 0 10px; /* Adds spacing between links */
    transition: color 0.3s ease;
}

footer a:hover {
    color: #2196F3; /* Lighter blue on hover */
}

footer a:visited {
    color: #abcdef; /* Light gray for visited links */
}
        h1 {
            font-size: 2.0em;
            margin: 30px 0;
            color: #fff;
            text-align: center;
        }

        h2 {
            color: #1a73e8;
            font-size: 1.8em;
            text-align: center;
        }

        h4 {
            color: #e0e0e0;
            font-size: 1.8em;
            text-align: center;
        }
    </style>
</head>
<body>
    <!-- Navbar -->
    <div class="navbar" id="navbar">
        <a href="/home.html" class="logo">M3U TOOLS</a>
        <div class="menu">
            <!-- M3U Info Checker Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">Info Checker</a>
                <div class="dropdown-content">
                    <a href="/m3uinfo.html">M3U Info</a>
            <a href="/ipinfo.html">IP Info Checker</a>
                </div>
            </div>

            <!-- M3U Editor Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">M3U Editor</a>
                <div class="dropdown-content">
                    <a href="/m3uchannel.html">Channel Editor</a>
                </div>
            </div>

            <!-- XML Editor Dropdown -->
            <div class="dropdown">
            <a href="javascript:void(0)">EPG Editor</a>
                <div class="dropdown-content">
            <a href="/ids.html">Assign Ids</a>
            <a href="/xml.html">XML Editor</a>
            <a href="/gz.html">GZ Editor</a>
                </div>
            </div>
            <!-- Web Player Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">EPG</a>
                <div class="dropdown-content">
                    <a href="/epg.html">EPG</a>

                </div>
            </div>
            <!-- Web Player Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">Web Player</a>
                <div class="dropdown-content">
                    <a href="/aplayer.html">Player</a>

                </div>
            </div>
            <!-- Web Player Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">Other Sites</a>
                <div class="dropdown-content">
<a href="https://m3u-playlist-proxy-roan.vercel.app/">M3U Proxy</a>
<a href="https://lejuans01.github.io/Filter-and-Combine-M3U-Playlist/">Group Editor "lejuan"</a>
                </div>
            </div>
            <!-- XML Editor Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">VIP</a>
                <div class="dropdown-content">
            <a href="/package.html">Packages</a>
                </div>
</div>
            <!-- XML Editor Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">Login</a>
                <div class="dropdown-content">
<a href="/prem/index.html">Login</a>
                </div>
</div>
        </div>

        <div class="hamburger" id="hamburger">☰</div>
        <div class="menu-mobile" id="menuMobile">
            <a href="/m3uinfo.html">M3U Info Checker</a>
            <a href="/ipinfo.html">IP Info Checker</a>
            <a href="/m3uchannel.html">Channel Editor</a>
            <a href="/ids.html">Assign Ids</a>
            <a href="/xml.html">XML Editor</a>
            <a href="/gz.html">XML.gz Editor</a>
            <a href="/epg.html">EPG</a>
            <a href="/aplayer.html">Web Player</a>
<a href="/package.html">Packages</a>
<a href="/prem/index.html">Login</a>
<h2>Other Sites Tools</h2>
<a href="https://m3u-playlist-proxy-roan.vercel.app/">M3U Proxy</a>
<a href="https://lejuans01.github.io/Filter-and-Combine-M3U-Playlist/">Group Editor "lejuan"</a>
        </div>
    </div>
    <br>
    <br>
    <br>
    <br>
    <br>
    <h1>IP Information Checker</h1>
    <button onclick="fetchIPInfo()">Check My IP Info</button>
    <div id="info"></div>
<footer>
    <p>© 2024-2025 M3U TOOLS. All rights reserved. "Lejuan APT & WildJoker"</p>
    <p>
        <a href="/disclaimer.html">Disclaimer</a>
        <a href="/tos.html">Terms of Service</a>
        <a href="/privacy.html">Privacy Policy</a>
        <a href="/source.html">Source</a>
    </p>
</footer>
    <script>
        async function fetchIPInfo() {
            const infoDiv = document.getElementById("info");
            infoDiv.innerHTML = "Loading...";

            try {
                const response = await fetch('https://ipwhois.app/json/');
                const data = await response.json();

                if (data.success) {
                    infoDiv.innerHTML = `
                        <h2>Your IP Information</h2>
                        <p><strong>IP Address:</strong> ${data.ip}</p>
                        <p><strong>Type:</strong> ${data.type}</p>
                        <p><strong>Continent:</strong> ${data.continent}</p>
                        <p><strong>Country:</strong> ${data.country} (${data.country_code})</p>
                        <p><strong>Region:</strong> ${data.region}</p>
                        <p><strong>City:</strong> ${data.city}</p>
                        <p><strong>Latitude:</strong> ${data.latitude}</p>
                        <p><strong>Longitude:</strong> ${data.longitude}</p>
                        <p><strong>Timezone:</strong> ${data.timezone}</p>
                        <p><strong>ISP:</strong> ${data.isp}</p>
                        <p><strong>Organization:</strong> ${data.org}</p>
                        <p><strong>ASN:</strong> ${data.asn}</p>
                    `;
                } else {
                    infoDiv.innerHTML = "Failed to retrieve information. Please try again.";
                }
            } catch (error) {
                infoDiv.innerHTML = "An error occurred. Please try again.";
            }
        }
        document.addEventListener("DOMContentLoaded", () => {
            const hamburger = document.getElementById("hamburger");
            const menuMobile = document.getElementById("menuMobile");

            // Toggle menu visibility on hamburger click
            hamburger.addEventListener("click", () => {
                menuMobile.classList.toggle("open");
            });

            // Close menu if clicked outside
            document.addEventListener("click", (e) => {
                if (!menuMobile.contains(e.target) && !hamburger.contains(e.target)) {
                    menuMobile.classList.remove("open");
                }
            });
        });
document.addEventListener("contextmenu", event => event.preventDefault()); // Disable right-click
document.addEventListener("keydown", function (event) {
    if (event.key === "F12" || (event.ctrlKey && event.shiftKey && event.key === "I")) {
        event.preventDefault();
    }
});
    </script>
</body>
</html>

m3uchannel.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>M3U TOOLS</title>
  <style>
    body {
        font-family: Arial, sans-serif;
        margin: 20px;
        background-color: var(--background-color, #f4f4f9);
        color: var(--text-color, #333);
    }
    h1 {
        text-align: center;
        color: var(--header-color, #444);
        margin-bottom: 20px;
    }
    .container {
        max-width: 900px;
        margin: auto;
        padding: 20px;
        background-color: var(--container-bg, #fff);
        border-radius: 10px;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    }
    .input-section {
        text-align: center;
        margin-bottom: 20px;
    }
    input[type="file"] {
        width: 100%;
        padding: 10px;
        margin: 10px 0;
        border: 1px solid #ddd;
        border-radius: 5px;
        box-sizing: border-box;
    }
    button {
        padding: 12px 20px;
        font-size: 16px;
        cursor: pointer;
        margin-top: 10px;
        background-color: var(--button-bg, #007bff);
        color: var(--button-color, #fff);
        border: none;
        border-radius: 5px;
        transition: background-color 0.3s;
    }
    button:hover {
        background-color: var(--button-hover-bg, #0056b3);
    }
    #downloadLinkContainer {
        display: none;
        text-align: center;
        margin-top: 30px;
    }
    #downloadLink {
        padding: 10px 20px;
        background-color: var(--download-bg, #28a745);
        color: var(--download-color, #fff);
        text-decoration: none;
        border-radius: 5px;
        font-size: 16px;
        display: inline-block;
    }
    #downloadLink:hover {
        background-color: var(--download-hover-bg, #218838);
    }
    .info {
        margin-top: 15px;
        font-size: 14px;
        color: var(--info-color, #666);
        text-align: center;
    }
            .box {
        border: 2px solid #fff; /* Change border color to white */
        padding: 20px;
        margin: 20px auto;
        background-color: #121212; /* Matches container background */
        border-radius: 10px;
        color: var(--text-color); /* Matches text color */
    }

    /* Light theme */
    @media (prefers-color-scheme: light) {
        :root {
            --background-color: #121212;
            --text-color: #e0e0e0;
            --header-color: #444;
            --container-bg: #fff;
            --button-bg: #1a73e8;
            --button-color: #fff;
            --button-hover-bg: #0056b3;
            --download-bg: #28a745;
            --download-color: #fff;
            --download-hover-bg: #218838;
            --info-color: #666;
        }
    }
        /* Bubble Text Style */
    .bubble-text {
        background-color: #333;   /* Dark background */
        color: white;             /* White text */
        padding: 2px 6px;         /* Padding inside the bubble */
        font-family: monospace;   /* Monospaced font */
        border-radius: 5px;       /* Rounded corners */
    }
    .bubble-text a {
        color: white;               /* Set link text color to white */
        text-decoration: none;      /* Remove underline */
    }

    .bubble-text a:hover {
        text-decoration: underline; /* Optionally, add underline on hover */
    }

    /* Dark theme */
    @media (prefers-color-scheme: dark) {
        :root {
            --background-color: #121212;
            --text-color: #e0e0e0;
            --header-color: #f4f4f9;
            --container-bg: #1e1e1e;
            --button-bg: #1a73e8;
            --button-color: #fff;
            --button-hover-bg: #1558c7;
            --download-bg: #1a73e8;
            --download-color: #fff;
            --download-hover-bg: #2a7c44;
            --info-color: #b0b0b0;
        }
    }
          h1 {
            color: #e0e0e0; /* Light green for heading */
        }
        p {
            color: #e0e0e0; /* Light text for paragraph */
        }
  /*choose file button*/
.input-section {
  text-align: center;
  margin-bottom: 20px;
}

.custom-file-input {
  display: none; /* Hide the default file input */
}

.custom-file-label {
  padding: 12px 20px;
  font-size: 16px;
  cursor: pointer;
  background-color: var(--button-bg, #007bff);
  color: var(--button-color, #fff);
  border: none;
  border-radius: 5px;
  transition: background-color 0.3s;
  display: inline-block; /* Makes it behave like a button */
  text-align: center;
}

.custom-file-label:hover {
  background-color: var(--button-hover-bg, #0056b3);
}
{
            background-color: #121212;
            color: white;
            font-family: Arial, sans-serif;
            margin: 0;
            padding-top: 60px; /* Adjust for fixed navbar */
        }

        h1 {
            font-size: 2.5em;
            margin: 30px 0;
            color: #2196F3;
            text-align: center;
        }

        h2 {
            color: #1a73e8;
            font-size: 1.8em;
            text-align: center;
        }

        h4 {
            color: #e0e0e0;
            font-size: 1.8em;
            text-align: center;
        }

        p {
            text-align: center;
            margin: 10px 0;
        }

        .scroll-container {
            display: flex;
            overflow: hidden;
            width: 100%;
            height: auto;
            background-color: #000; /* Optional background color for better visibility */
        }

        .scroll-container img {
            height: 100vh; /* Ensures full height of the viewport */
            width: auto; /* Keeps the image's aspect ratio */
            flex-shrink: 0;
            animation: scroll 15s linear infinite;
        }

        @keyframes scroll {
            0% { transform: translateX(0); }
            100% { transform: translateX(-200%); }
        }

        @media (max-width: 768px) {
            .scroll-container img {
                height: auto; /* Adjust height for smaller screens */
                max-height: 60vh; /* Limit height on mobile */
                width: 100%; /* Fit the width of the screen */
            }
        }

        /* Navigation Bar */
        .navbar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background-color: #000;
            padding: 10px 20px;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1000;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
            transition: transform 0.3s ease-in-out;
        }

        .navbar .logo {
            font-size: .75em;
            color: #fff;
            text-decoration: none;
            font-weight: bold;
            transition: color 0.3s ease;
        }

        .navbar .logo:hover {
            color: #1a73e8;
        }

        .navbar .menu a {
            font-size: 1em;
            text-decoration: none;
            color: #ffffff;
            padding: 10px 15px;
            transition: background-color 0.3s ease, transform 0.2s ease;
            border-radius: 4px;
        }

        .navbar .menu a:hover {
            background-color: #333;
            color: #1a73e8;
            transform: translateY(-2px);
        }

        /* Dropdown Menu */
        .navbar .menu .dropdown {
            position: relative;
            display: inline-block;
        }

        .navbar .menu .dropdown-content {
            display: none;
            position: absolute;
            background-color: #333;
            min-width: 160px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
            z-index: 1;
            border-radius: 4px;
        }

        .navbar .menu .dropdown:hover .dropdown-content {
            display: block;
        }

        .navbar .menu .dropdown-content a {
            color: white;
            padding: 10px 15px;
            text-decoration: none;
            display: block;
        }

        .navbar .menu .dropdown-content a:hover {
            background-color: #1976D2;
        }

        .hamburger {
            display: none;
            font-size: 1.8em;
            color: white;
            cursor: pointer;
        }

        /* Hamburger Menu (Mobile) */
.navbar .menu-mobile {
    display: none;
    flex-direction: column;
    background-color: #000;
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    max-height: 80vh; /* Makes the mobile menu scrollable */
    overflow-y: auto;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    padding: 20px 10px;
    transition: all 0.3s ease-in-out;
}

        .navbar .menu-mobile.open {
            display: flex;
        }

        .navbar .menu-mobile a {
            text-decoration: none;
            background-color: #000; /* Black background */
            color: white;
            padding: 15px 20px;
            margin: 5px 0;
            border-radius: 8px;
            text-align: center;
            font-size: 1.2em;
            transition: background-color 0.3s, transform 0.2s, box-shadow 0.3s;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
        }

        .navbar .menu-mobile a:hover {
            background-color: #1976D2; /* Optionally, add a hover color */
            transform: translateY(-2px);
            box-shadow: 0 8px 12px rgba(0, 0, 0, 0.5);
        }

        .menu-mobile.open {
            display: flex;
            animation: slideDown 0.3s ease-in-out;
        }

        @keyframes slideDown {
            from {
                opacity: 0;
                transform: translateY(-10px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @media (max-width: 768px) {
            .menu {
                display: none;
            }

            .hamburger {
                display: block;
            }
        }
        .container {
            margin-top: 120px;
            padding: 20px;
            text-align: center;
        }

        footer {
            position: flex;
            bottom: 10px;
            width: 100%;
            text-align: center;
            font-size: 14px;
            padding: 5px 0;
        }
     h2 {
        text-align: center;
        color: var(--header-color, #1a73e8);
        margin-bottom: 20px;
    }
h4 {
            color: #121212; /* Light green for heading */
        }
h3 {
            color: #e0e0e0; /* Light green for heading */
        }
h2 {
            color: #1a73e8; /* Light green for heading */
        }
  .categories {
    display: flex;
    justify-content: center; /* Center the group */
    flex-direction: column; /* Stack items vertically */
    align-items: flex-start; /* Align items to the left */
    text-align: left;
  }

  .categories > * {
    margin: 5px 0;
  }
footer a {
    color: #1a73e8; /* Matches theme blue */
    text-decoration: none;
    font-weight: bold;
    margin: 0 10px; /* Adds spacing between links */
    transition: color 0.3s ease;
}

footer a:hover {
    color: #2196F3; /* Lighter blue on hover */
}

footer a:visited {
    color: #abcdef; /* Light gray for visited links */
}
</style>
</head>
<body>
    <!-- Navbar -->
    <div class="navbar" id="navbar">
        <a href="/home.html" class="logo">M3U TOOLS</a>
        <div class="menu">
            <!-- M3U Info Checker Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">Info Checker</a>
                <div class="dropdown-content">
                    <a href="/m3uinfo.html">M3U Info</a>
            <a href="/ipinfo.html">IP Info Checker</a>
                </div>
            </div>

            <!-- M3U Editor Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">M3U Editor</a>
                <div class="dropdown-content">
                    <a href="/m3uchannel.html">Channel Editor</a>
                </div>
            </div>

            <!-- XML Editor Dropdown -->
            <div class="dropdown">
            <a href="javascript:void(0)">EPG Editor</a>
                <div class="dropdown-content">
            <a href="/ids.html">Assign Ids</a>
            <a href="/xml.html">XML Editor</a>
            <a href="/gz.html">GZ Editor</a>
                </div>
            </div>
            <!-- Web Player Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">EPG</a>
                <div class="dropdown-content">
                    <a href="/epg.html">EPG</a>

                </div>
            </div>
            <!-- Web Player Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">Web Player</a>
                <div class="dropdown-content">
                    <a href="/aplayer.html">Player</a>

                </div>
            </div>
            <!-- Web Player Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">Other Sites</a>
                <div class="dropdown-content">
<a href="https://m3u-playlist-proxy-roan.vercel.app/">M3U Proxy</a>
<a href="https://lejuans01.github.io/Filter-and-Combine-M3U-Playlist/">Group Editor "lejuan"</a>
                </div>
            </div>
            <!-- XML Editor Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">VIP</a>
                <div class="dropdown-content">
            <a href="/package.html">Packages</a>
                </div>
</div>
            <!-- XML Editor Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">Login</a>
                <div class="dropdown-content">
<a href="/prem/index.html">Login</a>
                </div>
</div>
        </div>

        <div class="hamburger" id="hamburger">☰</div>
        <div class="menu-mobile" id="menuMobile">
            <a href="/m3uinfo.html">M3U Info Checker</a>
            <a href="/ipinfo.html">IP Info Checker</a>
            <a href="/m3uchannel.html">Channel Editor</a>
            <a href="/ids.html">Assign Ids</a>
            <a href="/xml.html">XML Editor</a>
            <a href="/gz.html">XML.gz Editor</a>
            <a href="/epg.html">EPG</a>
            <a href="/aplayer.html">Web Player</a>
<a href="/package.html">Packages</a>
<a href="/prem/index.html">Login</a>
<h2>Other Sites Tools</h2>
<a href="https://m3u-playlist-proxy-roan.vercel.app/">M3U Proxy</a>
<a href="https://lejuans01.github.io/Filter-and-Combine-M3U-Playlist/">Group Editor "lejuan"</a>
        </div>
    </div>
<h4>test</h4>
<h4>test</h4>
    <h1>Channel Editor & Merger</h1>
    <div class="input-section">
        <p><b>Enter a url or upload a M3U/M3U8 file.</b></p>
        <input type="file" id="m3uFileInput" class="custom-file-input" />
        <input type="text" id="m3uUrlInput" placeholder="Enter M3U URL" />
        <b><p>or</p></b>
        <label for="m3uFileInput" class="custom-file-label">Choose File</label>
        <b><p>Then</p></b>
        <button onclick="processInput()">Process</button>
    </div>

    <div id="previewSection" class="preview-section" style="text-align:center">
        <h3>Channels in Uploaded Content:</h3>
        <div id="channelList" class="categories"></div>
        <button onclick="addToCombinedContent()">Add Selected Channels</button>
    </div>

    <div id="downloadLinkContainer">
        <h3>Your Combined Playlist is Ready:</h3>
        <a id="downloadLink" href="#" download="Combined_Playlist.m3u" onclick="prepareDownload()">Download Combined Playlist</a>
    </div>

    <div class="box">
        <center>
            <h2>How to use.</h2>
            <p>Enter url or select your file.</p>
            <p>Hit process.</p>
            <p>Select what you want hit add.</p>
            <p>Repeat process til you got all m3u/m3u8 you want add.</p>
            <p>Click download.</p>
        </center>
    </div>

    <div class="info">
        <p>Only valid <span class="bubble-text">.m3u</span> and <span class="bubble-text">.m3u8</span> formats are supported. Malformed entries will be skipped.</p>
    </div>
<footer>
    <p>© 2024-2025 M3U TOOLS. All rights reserved. "Lejuan APT & WildJoker"</p>
    <p>
        <a href="/disclaimer.html">Disclaimer</a>
        <a href="/tos.html">Terms of Service</a>
        <a href="/privacy.html">Privacy Policy</a>
        <a href="/source.html">Source</a>
    </p>
</footer>
<script>
    let currentContent = '';
    let combinedContent = '';

    function processInput() {
        const fileInput = document.getElementById('m3uFileInput');
        const urlInput = document.getElementById('m3uUrlInput');
        const file = fileInput.files[0];
        const url = urlInput.value.trim();

        if (file) {
            const reader = new FileReader();
            reader.onload = function (event) {
                currentContent = cleanM3UContent(event.target.result);
                displayCategories(currentContent);
            };
            reader.readAsText(file);
        } else if (url) {
            fetch('https://moccasin-talia-31.tiiny.io//?url=' + encodeURIComponent(url))
                .then(response => {
                    if (!response.ok) throw new Error('Failed to fetch the URL.');
                    return response.text();
                })
                .then(text => {
                    currentContent = cleanM3UContent(text);
                    displayCategories(currentContent);
                })
                .catch(err => alert("Error fetching URL: " + err.message));
        } else {
            alert("Please upload a file or enter a URL.");
        }
    }

    function cleanM3UContent(content) {
        const lines = content.split('\n').map(line => line.trim());
        const channels = [];

        let currentChannel = null;

        for (const line of lines) {
            if (line.startsWith('#EXTINF')) {
                const parts = line.split(',');
                const channelName = parts.slice(1).join(',').trim();
                const nextLine = lines[lines.indexOf(line) + 1];

                if (nextLine && nextLine.startsWith('http')) {
                    channels.push({ name: channelName, url: nextLine });
                }
            }
        }

        return channels;
    }

    function displayCategories(channels) {
        const channelList = document.getElementById('channelList');
        channelList.innerHTML = '';  // Clear previous list

        if (channels.length === 0) {
            channelList.innerHTML = '<p>No channels found.</p>';
            return;
        }

        // Add "Select All" checkbox
        const selectAllLabel = document.createElement('label');
        selectAllLabel.textContent = 'Select All';
        const selectAllCheckbox = document.createElement('input');
        selectAllCheckbox.type = 'checkbox';
        selectAllCheckbox.id = 'selectAllCheckbox';

        // Event listener for "Select All" checkbox
        selectAllCheckbox.addEventListener('change', function () {
            const checkboxes = document.querySelectorAll('.channel-item input[type="checkbox"]');
            checkboxes.forEach(checkbox => {
                checkbox.checked = selectAllCheckbox.checked;
            });
        });

        const selectAllItem = document.createElement('div');
        selectAllItem.classList.add('channel-item');
        selectAllItem.appendChild(selectAllCheckbox);
        selectAllItem.appendChild(selectAllLabel);

        channelList.appendChild(selectAllItem);

        // Add the individual channel checkboxes
        channels.forEach(channel => {
            const channelItem = document.createElement('div');
            channelItem.classList.add('channel-item');

            const checkbox = document.createElement('input');
            checkbox.type = 'checkbox';
            checkbox.value = channel.url;
            checkbox.id = channel.name.replace(/\s+/g, '_');

            const label = document.createElement('label');
            label.setAttribute('for', checkbox.id);
            label.textContent = channel.name;

            channelItem.appendChild(checkbox);
            channelItem.appendChild(label);

            channelList.appendChild(channelItem);
        });
    }

    function addToCombinedContent() {
        const checkboxes = document.querySelectorAll('.channel-item input[type="checkbox"]:checked');
        let newContent = '';
        checkboxes.forEach(checkbox => {
            const channel = checkbox.value;
            const channelName = checkbox.nextElementSibling.textContent.trim();  // Get channel name from label

            // Skip the "Select All" option
            if (channelName === 'Select All') {
                return;  // Do not add this entry to the combined content
            }

            // Auto-detect information based on the channel name or URL
            const tvgId = generateTvgId(channelName);  // Auto-generate tvg-id
            const tvgName = channelName;  // Using channel name as tvg-name
            const tvgLogo = generateTvgLogo(channelName);  // Auto-generate tvg-logo URL
            const groupTitle = detectGroupTitle(channelName);  // Auto-detect group title based on name or category

            newContent += `#EXTINF:-1 tvg-id="${tvgId}" tvg-name="${tvgName}" tvg-logo="${tvgLogo}" group-title="${groupTitle}",${tvgName}\n${channel}\n`;
        });
        combinedContent += newContent;
        showDownloadLink();
    }

    function generateTvgId(channelName) {
        // A simple way to generate a tvg-id from the channel name, replace spaces with hyphens
        return channelName.replace(/\s+/g, '.').toLowerCase();
    }

    function generateTvgLogo(channelName) {
        // A simple way to generate a logo URL based on the channel name
        // You can map each channel to its logo, or use a default one
        const logos = {
            'BBC WORLD NEWS': 'https://github.com/tv-logo/tv-logos/blob/main/countries/united-kingdom/bbc-news-uk.png?raw=true',
            'CNN': 'https://github.com/tv-logo/tv-logos/blob/main/countries/united-states/cnn.png?raw=true',
            // Add more channels here with their logos
        };

        return logos[channelName] || 'https://via.placeholder.com/150';  // Default logo if not found
    }

    function detectGroupTitle(channelName) {
        // Example of auto-detecting group-title based on the channel name or category
        if (channelName.includes('BBC')) {
            return 'News';
        } else if (channelName.includes('CNN')) {
            return 'News';
        } else {
            return 'General';  // Default group title
        }
    }

    function showDownloadLink() {
        const downloadLinkContainer = document.getElementById('downloadLinkContainer');
        downloadLinkContainer.style.display = 'block';
    }

    function prepareDownload() {
        const blob = new Blob([combinedContent], { type: 'text/plain' });
        const url = URL.createObjectURL(blob);
        const downloadLink = document.getElementById('downloadLink');
        downloadLink.href = url;
    }

    document.addEventListener("DOMContentLoaded", () => {
        const hamburger = document.getElementById("hamburger");
        const menuMobile = document.getElementById("menuMobile");

        // Toggle menu visibility on hamburger click
        hamburger.addEventListener("click", () => {
            menuMobile.classList.toggle("open");
        });

        // Close menu if clicked outside
        document.addEventListener("click", (e) => {
            if (!menuMobile.contains(e.target) && !hamburger.contains(e.target)) {
                menuMobile.classList.remove("open");
            }
        });
    });
document.addEventListener("contextmenu", event => event.preventDefault()); // Disable right-click
document.addEventListener("keydown", function (event) {
    if (event.key === "F12" || (event.ctrlKey && event.shiftKey && event.key === "I")) {
        event.preventDefault();
    }
});
</script>

</body>
</html>

m3uinfo.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>M3U TOOLS</title>
    <style>
        /* General Styles */
        body {
            background-color: #121212;
            color: white;
            font-family: Arial, sans-serif;
            margin: 0;
            padding-top: 60px; /* Adjust for fixed navbar */
        }

        h1 {
            font-size: 2.5em;
            margin: 30px 0;
            color: #2196F3;
            text-align: center;
        }

        h2 {
            color: #1a73e8;
            font-size: 1.8em;
            text-align: center;
        }

        h4 {
            color: #e0e0e0;
            font-size: 1.8em;
            text-align: center;
        }

        p {
            text-align: center;
            margin: 10px 0;
        }

        .scroll-container {
            display: flex;
            overflow: hidden;
            width: 100%;
            height: auto;
            background-color: #000; /* Optional background color for better visibility */
        }

        .scroll-container img {
            height: 100vh; /* Ensures full height of the viewport */
            width: auto; /* Keeps the image's aspect ratio */
            flex-shrink: 0;
            animation: scroll 15s linear infinite;
        }

        @keyframes scroll {
            0% { transform: translateX(0); }
            100% { transform: translateX(-200%); }
        }

        @media (max-width: 768px) {
            .scroll-container img {
                height: auto; /* Adjust height for smaller screens */
                max-height: 60vh; /* Limit height on mobile */
                width: 100%; /* Fit the width of the screen */
            }
        }

        /* Navigation Bar */
        .navbar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background-color: #000;
            padding: 10px 20px;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1000;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
            transition: transform 0.3s ease-in-out;
        }

        .navbar .logo {
            font-size: .75em;
            color: #fff;
            text-decoration: none;
            font-weight: bold;
            transition: color 0.3s ease;
        }

        .navbar .logo:hover {
            color: #1a73e8;
        }

        .navbar .menu a {
            font-size: 1em;
            text-decoration: none;
            color: #ffffff;
            padding: 10px 15px;
            transition: background-color 0.3s ease, transform 0.2s ease;
            border-radius: 4px;
        }

        .navbar .menu a:hover {
            background-color: #333;
            color: #1a73e8;
            transform: translateY(-2px);
        }

        /* Dropdown Menu */
        .navbar .menu .dropdown {
            position: relative;
            display: inline-block;
        }

        .navbar .menu .dropdown-content {
            display: none;
            position: absolute;
            background-color: #333;
            min-width: 160px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
            z-index: 1;
            border-radius: 4px;
        }

        .navbar .menu .dropdown:hover .dropdown-content {
            display: block;
        }

        .navbar .menu .dropdown-content a {
            color: white;
            padding: 10px 15px;
            text-decoration: none;
            display: block;
        }

        .navbar .menu .dropdown-content a:hover {
            background-color: #1976D2;
        }

        .hamburger {
            display: none;
            font-size: 1.8em;
            color: white;
            cursor: pointer;
        }

        /* Hamburger Menu (Mobile) */
.navbar .menu-mobile {
    display: none;
    flex-direction: column;
    background-color: #000;
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    max-height: 80vh; /* Makes the mobile menu scrollable */
    overflow-y: auto;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    padding: 20px 10px;
    transition: all 0.3s ease-in-out;
}

        .navbar .menu-mobile.open {
            display: flex;
        }

        .navbar .menu-mobile a {
            text-decoration: none;
            background-color: #000; /* Black background */
            color: white;
            padding: 15px 20px;
            margin: 5px 0;
            border-radius: 8px;
            text-align: center;
            font-size: 1.2em;
            transition: background-color 0.3s, transform 0.2s, box-shadow 0.3s;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
        }

        .navbar .menu-mobile a:hover {
            background-color: #1976D2; /* Optionally, add a hover color */
            transform: translateY(-2px);
            box-shadow: 0 8px 12px rgba(0, 0, 0, 0.5);
        }

        .menu-mobile.open {
            display: flex;
            animation: slideDown 0.3s ease-in-out;
        }

        @keyframes slideDown {
            from {
                opacity: 0;
                transform: translateY(-10px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @media (max-width: 768px) {
            .menu {
                display: none;
            }

            .hamburger {
                display: block;
            }
        }

        .container {
            margin-top: 120px;
            padding: 20px;
            text-align: center;
        }
        .scroll-container {
            background-color: #333;
            overflow-x: auto;
            white-space: nowrap;
            padding: 10px;
            margin: 20px auto;
            width: 90%;
            border-radius: 8px;
        }

        .scroll-container img {
            height: auto;
            max-width: 100%;
            margin-right: 10px;
            border-radius: 8px;
            display: inline-block;
        }

footer {
            position: flex;
            bottom: 10px;
            width: 100%;
            text-align: center;
            font-size: 14px;
            padding: 5px 0;
        }
        
        input, button {
            display: block;
            width: 100%;
            margin-bottom: 10px;
            padding: 10px;
            font-size: 16px;
            border-radius: 4px;
        }

        button {
            background: #2196F3;
            color: white;
            border: none;
            cursor: pointer;
        }

        button:hover {
            background: #1976D2;
        }

        #result {
            margin-top: 20px;
            padding: 10px;
            background: #121212;
            color: white;
            border-radius: 4px;
        }
footer a {
    color: #1a73e8; /* Matches theme blue */
    text-decoration: none;
    font-weight: bold;
    margin: 0 10px; /* Adds spacing between links */
    transition: color 0.3s ease;
}

footer a:hover {
    color: #2196F3; /* Lighter blue on hover */
}

footer a:visited {
    color: #abcdef; /* Light gray for visited links */
}
    </style>
</head>
<body>
    <!-- Navbar -->
    <div class="navbar" id="navbar">
        <a href="/home.html" class="logo">M3U TOOLS</a>
        <div class="menu">
            <!-- M3U Info Checker Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">Info Checker</a>
                <div class="dropdown-content">
                    <a href="/m3uinfo.html">M3U Info</a>
            <a href="/ipinfo.html">IP Info Checker</a>
                </div>
            </div>

            <!-- M3U Editor Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">M3U Editor</a>
                <div class="dropdown-content">
                    <a href="/m3uchannel.html">Channel Editor</a>
                </div>
            </div>

            <!-- XML Editor Dropdown -->
            <div class="dropdown">
            <a href="javascript:void(0)">EPG Editor</a>
                <div class="dropdown-content">
            <a href="/ids.html">Assign Ids</a>
            <a href="/xml.html">XML Editor</a>
            <a href="/gz.html">GZ Editor</a>
                </div>
            </div>
            <!-- Web Player Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">EPG</a>
                <div class="dropdown-content">
                    <a href="/epg.html">EPG</a>

                </div>
            </div>
            <!-- Web Player Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">Web Player</a>
                <div class="dropdown-content">
                    <a href="/aplayer.html">Player</a>

                </div>
            </div>
            <!-- Web Player Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">Other Sites</a>
                <div class="dropdown-content">
<a href="https://m3u-playlist-proxy-roan.vercel.app/">M3U Proxy</a>
<a href="https://lejuans01.github.io/Filter-and-Combine-M3U-Playlist/">Group Editor "lejuan"</a>
                </div>
            </div>
            <!-- XML Editor Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">VIP</a>
                <div class="dropdown-content">
            <a href="/package.html">Packages</a>
                </div>
</div>
            <!-- XML Editor Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">Login</a>
                <div class="dropdown-content">
<a href="/prem/index.html">Login</a>
                </div>
</div>
        </div>

        <div class="hamburger" id="hamburger">☰</div>
        <div class="menu-mobile" id="menuMobile">
            <a href="/m3uinfo.html">M3U Info Checker</a>
            <a href="/ipinfo.html">IP Info Checker</a>
            <a href="/m3uchannel.html">Channel Editor</a>
            <a href="/ids.html">Assign Ids</a>
            <a href="/xml.html">XML Editor</a>
            <a href="/gz.html">XML.gz Editor</a>
            <a href="/epg.html">EPG</a>
            <a href="/aplayer.html">Web Player</a>
<a href="/package.html">Packages</a>
<a href="/prem/index.html">Login</a>
<h2>Other Sites Tools</h2>
<a href="https://m3u-playlist-proxy-roan.vercel.app/">M3U Proxy</a>
<a href="https://lejuans01.github.io/Filter-and-Combine-M3U-Playlist/">Group Editor "lejuan"</a>
        </div>
    </div>
    <!-- Page Content -->
    <div class="container">
        <h2>Read M3U URL Information</h2>
        <input type="text" id="m3u-input" placeholder="Enter M3U URL">
        <button id="fetch-btn">Fetch Info</button>
        <div id="result"></div>
    </div>
<footer>
    <p>© 2024-2025 M3U TOOLS. All rights reserved. "Lejuan APT & WildJoker"</p>
    <p>
        <a href="/disclaimer.html">Disclaimer</a>
        <a href="/tos.html">Terms of Service</a>
        <a href="/privacy.html">Privacy Policy</a>
        <a href="/source.html">Source</a>
    </p>
</footer>
    <script>
        document.addEventListener("DOMContentLoaded", () => {
            const hamburger = document.getElementById("hamburger");
            const menuMobile = document.getElementById("menuMobile");

            // Toggle menu visibility on hamburger click
            hamburger.addEventListener("click", () => {
                menuMobile.classList.toggle("open");
            });

            // Close menu if clicked outside
            document.addEventListener("click", (e) => {
                if (!menuMobile.contains(e.target) && !hamburger.contains(e.target)) {
                    menuMobile.classList.remove("open");
                }
            });
        });

        // Proxy URL
        const proxyUrl = "https://moccasin-talia-31.tiiny.io//?url=";

        // Fetch and Parse M3U Information
        document.getElementById('fetch-btn').addEventListener('click', async () => {
            const m3uUrl = document.getElementById('m3u-input').value.trim();

            if (!m3uUrl) {
                alert('Please enter an M3U URL');
                return;
            }

            // Modify the URL (replace /get.php? with /player_api.php?)
            const modifiedUrl = m3uUrl.replace('/get.php?', '/player_api.php?');

            // Encode the URL and append to the proxy URL
            const encodedUrl = encodeURIComponent(modifiedUrl);
            const fullUrl = `${proxyUrl}${encodedUrl}`;

            try {
                // Send the GET request
                const response = await fetch(fullUrl);

                if (!response.ok) {
                    throw new Error(`HTTP error! Status: ${response.status}`);
                }

                // Parse the JSON response
                const data = await response.json();

                // Extract relevant information from JSON
                const userInfo = data.user_info || {};
                const serverInfo = data.server_info || {};

                // Display the fetched information in a formatted way
                document.getElementById('result').innerHTML = `
                    <h4>User Information</h4>
                    <p><strong>Username:</strong> ${userInfo.username || "N/A"}</p>
                    <p><strong>Password:</strong> ${userInfo.password || "N/A"}</p>
                    <p><strong>Status:</strong> ${userInfo.status || "N/A"}</p>
<p><strong>Created Date:</strong> ${userInfo.created_at ? new Date(userInfo.created_at * 1000).toLocaleString() : "N/A"}</p>
<p><strong>Expiration Date:</strong> ${userInfo.exp_date ? new Date(userInfo.exp_date * 1000).toLocaleString() : "N/A"}</p>
                     <p><strong>Is this a trial?:</strong> ${userInfo.is_trial || "N/A"}</p>
                     <p><strong>Active Connections:</strong> ${userInfo.active_cons || "N/A"}</p>
                    <p><strong>Max Connections:</strong> ${userInfo.max_connections || "N/A"}</p>
                    <p><strong>Allowed Outputs:</strong> ${userInfo.allowed_output_formats || "N/A"}</p>
                    <p><strong>Server Message:</strong> ${userInfo.message || "N/A"}</p>
                    <h4>Server Information</h4>
                    <p><strong>Server Protocol:</strong> ${serverInfo.server_protocol || "N/A"}</p>
                    <p><strong>Server URL:</strong> ${serverInfo.url || "N/A"}</p>
                    <p><strong>Streaming Port:</strong> ${serverInfo.port || "N/A"}</p>
                    <p><strong>Rtmp Port:</strong> ${serverInfo.rtmp_port || "N/A"}</p>
                    <p><strong>Https Port:</strong> ${serverInfo.https_port || "N/A"}</p>
                    <p><strong>Timezone:</strong> ${serverInfo.timezone || "N/A"}</p>
                    <p><strong>Time Now:</strong> ${serverInfo.time_now || "N/A"}</p>
                `;
            } catch (error) {
                console.error('Error fetching M3U data:', error);
                document.getElementById('result').innerHTML = `<p>Error fetching data. Please check the URL or proxy server.</p>`;
            }
        });
document.addEventListener("contextmenu", event => event.preventDefault()); // Disable right-click
document.addEventListener("keydown", function (event) {
    if (event.key === "F12" || (event.ctrlKey && event.shiftKey && event.key === "I")) {
        event.preventDefault();
    }
});
    </script>
</body>
</html>

package.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>M3U TOOLS</title>
    <style>
        body {
            background-color: #121212;
            color: white;
            font-family: Arial, sans-serif;
            margin: 0;
            padding-top: 60px; /* Adjust for fixed navbar */
        }

        h1 {
            font-size: 2.5em;
            margin: 30px 0;
            color: #2196F3;
            text-align: center;
        }

        h2 {
            color: #1a73e8;
            font-size: 1.8em;
            text-align: center;
        }

        h4 {
            color: #e0e0e0;
            font-size: 1.8em;
            text-align: center;
        }

        p {
            text-align: center;
            margin: 10px 0;
        }

        .scroll-container {
            display: flex;
            overflow: hidden;
            width: 100%;
            height: auto;
            background-color: #000; /* Optional background color for better visibility */
        }

        .scroll-container img {
            height: 100vh; /* Ensures full height of the viewport */
            width: auto; /* Keeps the image's aspect ratio */
            flex-shrink: 0;
            animation: scroll 15s linear infinite;
        }

        @keyframes scroll {
            0% { transform: translateX(0); }
            100% { transform: translateX(-200%); }
        }

        @media (max-width: 768px) {
            .scroll-container img {
                height: auto; /* Adjust height for smaller screens */
                max-height: 60vh; /* Limit height on mobile */
                width: 100%; /* Fit the width of the screen */
            }
        }

        /* Navigation Bar */
        .navbar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background-color: #000;
            padding: 10px 20px;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1000;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
            transition: transform 0.3s ease-in-out;
        }

        .navbar .logo {
            font-size: .75em;
            color: #fff;
            text-decoration: none;
            font-weight: bold;
            transition: color 0.3s ease;
        }

        .navbar .logo:hover {
            color: #1a73e8;
        }

        .navbar .menu a {
            font-size: 1em;
            text-decoration: none;
            color: #ffffff;
            padding: 10px 15px;
            transition: background-color 0.3s ease, transform 0.2s ease;
            border-radius: 4px;
        }

        .navbar .menu a:hover {
            background-color: #333;
            color: #1a73e8;
            transform: translateY(-2px);
        }

        /* Dropdown Menu */
        .navbar .menu .dropdown {
            position: relative;
            display: inline-block;
        }

        .navbar .menu .dropdown-content {
            display: none;
            position: absolute;
            background-color: #333;
            min-width: 160px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
            z-index: 1;
            border-radius: 4px;
        }

        .navbar .menu .dropdown:hover .dropdown-content {
            display: block;
        }

        .navbar .menu .dropdown-content a {
            color: white;
            padding: 10px 15px;
            text-decoration: none;
            display: block;
        }

        .navbar .menu .dropdown-content a:hover {
            background-color: #1976D2;
        }

        .hamburger {
            display: none;
            font-size: 1.8em;
            color: white;
            cursor: pointer;
        }

        /* Hamburger Menu (Mobile) */
.navbar .menu-mobile {
    display: none;
    flex-direction: column;
    background-color: #000;
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    max-height: 80vh; /* Makes the mobile menu scrollable */
    overflow-y: auto;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    padding: 20px 10px;
    transition: all 0.3s ease-in-out;
}

        .navbar .menu-mobile.open {
            display: flex;
        }

        .navbar .menu-mobile a {
            text-decoration: none;
            background-color: #000; /* Black background */
            color: white;
            padding: 15px 20px;
            margin: 5px 0;
            border-radius: 8px;
            text-align: center;
            font-size: 1.2em;
            transition: background-color 0.3s, transform 0.2s, box-shadow 0.3s;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
        }

        .navbar .menu-mobile a:hover {
            background-color: #1976D2; /* Optionally, add a hover color */
            transform: translateY(-2px);
            box-shadow: 0 8px 12px rgba(0, 0, 0, 0.5);
        }

        .menu-mobile.open {
            display: flex;
            animation: slideDown 0.3s ease-in-out;
        }

        @keyframes slideDown {
            from {
                opacity: 0;
                transform: translateY(-10px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @media (max-width: 768px) {
            .menu {
                display: none;
            }

            .hamburger {
                display: block;
            }
        }

        .container {
            padding: 20px;
            text-align: center;
        }

        footer {
            position: flex;
            bottom: 10px;
            width: 100%;
            text-align: center;
            font-size: 14px;
            padding: 5px 0;
        }
.discord-button {
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
    color: white;
    background-color: #5865F2;
    padding: 15px 30px;
    border-radius: 8px;
    transition: background 0.3s, transform 0.2s;
}

.discord-button:hover {
    background-color: #4752C4;
    transform: scale(1.05);
}
footer a {
    color: #1a73e8; /* Matches theme blue */
    text-decoration: none;
    font-weight: bold;
    margin: 0 10px; /* Adds spacing between links */
    transition: color 0.3s ease;
}

footer a:hover {
    color: #2196F3; /* Lighter blue on hover */
}

footer a:visited {
    color: #abcdef; /* Light gray for visited links */
}
    </style>
</head>
<body>
    <!-- Navbar -->
    <div class="navbar" id="navbar">
        <a href="/home.html" class="logo">M3U TOOLS</a>
        <div class="menu">
            <!-- M3U Info Checker Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">Info Checker</a>
                <div class="dropdown-content">
                    <a href="/m3uinfo.html">M3U Info</a>
            <a href="/ipinfo.html">IP Info Checker</a>
                </div>
            </div>

            <!-- M3U Editor Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">M3U Editor</a>
                <div class="dropdown-content">
                    <a href="/m3uchannel.html">Channel Editor</a>
                </div>
            </div>

            <!-- XML Editor Dropdown -->
            <div class="dropdown">
            <a href="javascript:void(0)">EPG Editor</a>
                <div class="dropdown-content">
            <a href="/ids.html">Assign Ids</a>
            <a href="/xml.html">XML Editor</a>
            <a href="/gz.html">GZ Editor</a>
                </div>
            </div>
            <!-- Web Player Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">EPG</a>
                <div class="dropdown-content">
                    <a href="/epg.html">EPG</a>

                </div>
            </div>
            <!-- Web Player Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">Web Player</a>
                <div class="dropdown-content">
                    <a href="/aplayer.html">Player</a>

                </div>
            </div>
            <!-- Web Player Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">Other Sites</a>
                <div class="dropdown-content">
<a href="https://m3u-playlist-proxy-roan.vercel.app/">M3U Proxy</a>
<a href="https://lejuans01.github.io/Filter-and-Combine-M3U-Playlist/">Group Editor "lejuan"</a>
                </div>
            </div>
            <!-- XML Editor Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">VIP</a>
                <div class="dropdown-content">
            <a href="/package.html">Packages</a>
                </div>
</div>
            <!-- XML Editor Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">Login</a>
                <div class="dropdown-content">
<a href="/prem/index.html">Login</a>
                </div>
</div>
        </div>

        <div class="hamburger" id="hamburger">☰</div>
        <div class="menu-mobile" id="menuMobile">
            <a href="/m3uinfo.html">M3U Info Checker</a>
            <a href="/ipinfo.html">IP Info Checker</a>
            <a href="/m3uchannel.html">Channel Editor</a>
            <a href="/ids.html">Assign Ids</a>
            <a href="/xml.html">XML Editor</a>
            <a href="/gz.html">XML.gz Editor</a>
            <a href="/epg.html">EPG</a>
            <a href="/aplayer.html">Web Player</a>
<a href="/package.html">Packages</a>
<a href="/prem/index.html">Login</a>
<h2>Other Sites Tools</h2>
<a href="https://m3u-playlist-proxy-roan.vercel.app/">M3U Proxy</a>
<a href="https://lejuans01.github.io/Filter-and-Combine-M3U-Playlist/">Group Editor "lejuan"</a>
        </div>
    </div>
    <!-- Page Content -->
    <div class="container">
<h2>VIP MONTHLY</h2>

    <h4>
        *XCUI Information Checker
        <br>
        *M3U Information Checker
        <br>
        *Bulk Account Information Checker
        <br>
        *Group Editor
        <br>
        *Channel Editor
        <br>
        *XML & XML.gz Merger
        <br>
        *Android APK
        <br>
        *Updated IDs editor
        <br>
        *Valid for 30 Days.
        </h4>
<a href="" target="_blank" class="discord-button">
        Select This Package
    </a>
    </div>
<center>*It could take up to 24 hours for the account activation. Make sure m3utools@gmail.com is not blocked.
<br>
**No refunds all is as is.
<br>
***Need assistance email m3utools@gmail.com</center>
<footer>
    <p>© 2024-2025 M3U TOOLS. All rights reserved. "Lejuan APT & WildJoker"</p>
    <p>
        <a href="/disclaimer.html">Disclaimer</a>
        <a href="/tos.html">Terms of Service</a>
        <a href="/privacy.html">Privacy Policy</a>
        <a href="/source.html">Source</a>
    </p>
</footer>
    <script>
        document.addEventListener("DOMContentLoaded", () => {
            const hamburger = document.getElementById("hamburger");
            const menuMobile = document.getElementById("menuMobile");

            // Toggle menu visibility on hamburger click
            hamburger.addEventListener("click", () => {
                menuMobile.classList.toggle("open");
            });

            // Close menu if clicked outside
            document.addEventListener("click", (e) => {
                if (!menuMobile.contains(e.target) && !hamburger.contains(e.target)) {
                    menuMobile.classList.remove("open");
                }
            });
        });
document.addEventListener("contextmenu", event => event.preventDefault()); // Disable right-click
document.addEventListener("keydown", function (event) {
    if (event.key === "F12" || (event.ctrlKey && event.shiftKey && event.key === "I")) {
        event.preventDefault();
    }
});
    </script>
</body>
</html>

privacy.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>M3U TOOLS</title>
    <style>
        body {
            background-color: #121212;
            color: white;
            font-family: Arial, sans-serif;
            margin: 0;
            padding-top: 60px; /* Adjust for fixed navbar */
        }

        h1 {
            font-size: 2.5em;
            margin: 30px 0;
            color: #2196F3;
            text-align: center;
        }

        h2 {
            color: #1a73e8;
            font-size: 1.8em;
            text-align: center;
        }

        h4 {
            color: #e0e0e0;
            font-size: 1.8em;
            text-align: center;
        }

        p {
            text-align: center;
            margin: 10px 0;
        }

        .scroll-container {
            display: flex;
            overflow: hidden;
            width: 100%;
            height: auto;
            background-color: #000; /* Optional background color for better visibility */
        }

        .scroll-container img {
            height: 100vh; /* Ensures full height of the viewport */
            width: auto; /* Keeps the image's aspect ratio */
            flex-shrink: 0;
            animation: scroll 15s linear infinite;
        }

        @keyframes scroll {
            0% { transform: translateX(0); }
            100% { transform: translateX(-200%); }
        }

        @media (max-width: 768px) {
            .scroll-container img {
                height: auto; /* Adjust height for smaller screens */
                max-height: 60vh; /* Limit height on mobile */
                width: 100%; /* Fit the width of the screen */
            }
        }

        /* Navigation Bar */
        .navbar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background-color: #000;
            padding: 10px 20px;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1000;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
            transition: transform 0.3s ease-in-out;
        }

        .navbar .logo {
            font-size: .75em;
            color: #fff;
            text-decoration: none;
            font-weight: bold;
            transition: color 0.3s ease;
        }

        .navbar .logo:hover {
            color: #1a73e8;
        }

        .navbar .menu a {
            font-size: 1em;
            text-decoration: none;
            color: #ffffff;
            padding: 10px 15px;
            transition: background-color 0.3s ease, transform 0.2s ease;
            border-radius: 4px;
        }

        .navbar .menu a:hover {
            background-color: #333;
            color: #1a73e8;
            transform: translateY(-2px);
        }

        /* Dropdown Menu */
        .navbar .menu .dropdown {
            position: relative;
            display: inline-block;
        }

        .navbar .menu .dropdown-content {
            display: none;
            position: absolute;
            background-color: #333;
            min-width: 160px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
            z-index: 1;
            border-radius: 4px;
        }

        .navbar .menu .dropdown:hover .dropdown-content {
            display: block;
        }

        .navbar .menu .dropdown-content a {
            color: white;
            padding: 10px 15px;
            text-decoration: none;
            display: block;
        }

        .navbar .menu .dropdown-content a:hover {
            background-color: #1976D2;
        }

        .hamburger {
            display: none;
            font-size: 1.8em;
            color: white;
            cursor: pointer;
        }

        /* Hamburger Menu (Mobile) */
.navbar .menu-mobile {
    display: none;
    flex-direction: column;
    background-color: #000;
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    max-height: 80vh; /* Makes the mobile menu scrollable */
    overflow-y: auto;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    padding: 20px 10px;
    transition: all 0.3s ease-in-out;
}

        .navbar .menu-mobile.open {
            display: flex;
        }

        .navbar .menu-mobile a {
            text-decoration: none;
            background-color: #000; /* Black background */
            color: white;
            padding: 15px 20px;
            margin: 5px 0;
            border-radius: 8px;
            text-align: center;
            font-size: 1.2em;
            transition: background-color 0.3s, transform 0.2s, box-shadow 0.3s;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
        }

        .navbar .menu-mobile a:hover {
            background-color: #1976D2; /* Optionally, add a hover color */
            transform: translateY(-2px);
            box-shadow: 0 8px 12px rgba(0, 0, 0, 0.5);
        }

        .menu-mobile.open {
            display: flex;
            animation: slideDown 0.3s ease-in-out;
        }

        @keyframes slideDown {
            from {
                opacity: 0;
                transform: translateY(-10px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @media (max-width: 768px) {
            .menu {
                display: none;
            }

            .hamburger {
                display: block;
            }
        }

        .container {
            padding: 20px;
            text-align: center;
        }

        footer {
            position: flex;
            bottom: 10px;
            width: 100%;
            text-align: center;
            font-size: 14px;
            padding: 5px 0;
        }
.discord-button {
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
    color: white;
    background-color: #5865F2;
    padding: 15px 30px;
    border-radius: 8px;
    transition: background 0.3s, transform 0.2s;
}

.discord-button:hover {
    background-color: #4752C4;
    transform: scale(1.05);
}
footer a {
    color: #1a73e8; /* Matches theme blue */
    text-decoration: none;
    font-weight: bold;
    margin: 0 10px; /* Adds spacing between links */
    transition: color 0.3s ease;
}

footer a:hover {
    color: #2196F3; /* Lighter blue on hover */
}

footer a:visited {
    color: #abcdef; /* Light gray for visited links */
}
    </style>
</head>
<body>
    <!-- Navbar -->
    <div class="navbar" id="navbar">
        <a href="/home.html" class="logo">M3U TOOLS</a>
        <div class="menu">
            <!-- M3U Info Checker Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">Info Checker</a>
                <div class="dropdown-content">
                    <a href="/m3uinfo.html">M3U Info</a>
            <a href="/ipinfo.html">IP Info Checker</a>
                </div>
            </div>

            <!-- M3U Editor Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">M3U Editor</a>
                <div class="dropdown-content">
                    <a href="/m3uchannel.html">Channel Editor</a>
                </div>
            </div>

            <!-- XML Editor Dropdown -->
            <div class="dropdown">
            <a href="javascript:void(0)">EPG Editor</a>
                <div class="dropdown-content">
            <a href="/ids.html">Assign Ids</a>
            <a href="/xml.html">XML Editor</a>
            <a href="/gz.html">GZ Editor</a>
                </div>
            </div>
            <!-- Web Player Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">EPG</a>
                <div class="dropdown-content">
                    <a href="/epg.html">EPG</a>

                </div>
            </div>
            <!-- Web Player Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">Web Player</a>
                <div class="dropdown-content">
                    <a href="/aplayer.html">Player</a>

                </div>
            </div>
            <!-- Web Player Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">Other Sites</a>
                <div class="dropdown-content">
<a href="https://m3u-playlist-proxy-roan.vercel.app/">M3U Proxy</a>
<a href="https://lejuans01.github.io/Filter-and-Combine-M3U-Playlist/">Group Editor "lejuan"</a>
                </div>
            </div>
            <!-- XML Editor Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">VIP</a>
                <div class="dropdown-content">
            <a href="/package.html">Packages</a>
                </div>
</div>
            <!-- XML Editor Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">Login</a>
                <div class="dropdown-content">
<a href="/prem/index.html">Login</a>
                </div>
</div>
        </div>

        <div class="hamburger" id="hamburger">☰</div>
        <div class="menu-mobile" id="menuMobile">
            <a href="/m3uinfo.html">M3U Info Checker</a>
            <a href="/ipinfo.html">IP Info Checker</a>
            <a href="/m3uchannel.html">Channel Editor</a>
            <a href="/ids.html">Assign Ids</a>
            <a href="/xml.html">XML Editor</a>
            <a href="/gz.html">XML.gz Editor</a>
            <a href="/epg.html">EPG</a>
            <a href="/aplayer.html">Web Player</a>
<a href="/package.html">Packages</a>
<a href="/prem/index.html">Login</a>
<h2>Other Sites Tools</h2>
<a href="https://m3u-playlist-proxy-roan.vercel.app/">M3U Proxy</a>
<a href="https://lejuans01.github.io/Filter-and-Combine-M3U-Playlist/">Group Editor "lejuan"</a>
        </div>
    </div>
    <!-- Page Content -->
    <div class="container">

<strong>Privacy Policy for M3U-TOOLS</strong>
<br>
<br>
<strong>Effective Date: March 1, 2025</strong>
<br>
At M3U-TOOLS, your privacy is of paramount importance to us. This Privacy Policy explains how we collect, use, and protect your personal information when you visit or use our M3U playlist editor tools and related services. By accessing or using M3U-TOOLS, you agree to the terms outlined in this policy.
<br>
<br>
<strong>1. Information We Collect</strong>
<br>
We may collect the following types of information:
<br>
- Personal Information: We do not require any personal information to use the tools available on M3U-TOOLS. However, if you contact us directly or request assistance, you may provide personal information such as your name, email address, or other details.
<br>
<br>
<strong>2. How We Use Your Information</strong>
<br>
We use the information we collect for the following purposes:
<br>
- To provide, maintain, and improve the M3U playlist editor tools and related services.
<br>
- To respond to your inquiries and provide customer support.
<br>
- To analyze website usage and improve the performance and design of M3U-TOOLS.
<br>
- To comply with legal obligations and protect our rights and interests.
<br>
<br>
<strong>3. Cookies</strong>
<br>
M3U-TOOLS may use cookies to enhance your experience on our website. Cookies are small files that are placed on your device to store certain information about your activity. You can control or disable cookies through your browser settings. However, disabling cookies may affect the functionality of the website.
<br>
<br>
<strong>4. Data Sharing and Disclosure</strong>
<br>
We do not sell, trade, or share your personal information with third parties except in the following circumstances:
<br>  
- Legal Requirements: We may disclose your information if required to do so by law, or in response to a valid request by public authorities (e.g., a court order).
<br>
<br>
<strong>5. Data Security</strong>
<br>
We implement reasonable security measures to protect the information we collect from unauthorized access, alteration, disclosure, or destruction. However, no method of transmission over the internet or electronic storage is 100% secure, and we cannot guarantee absolute security.
<br>
<br>
<strong>6. Third-Party Links</strong>
<br>
Our website may contain links to third-party websites. These external sites have their own privacy policies, and we are not responsible for their content or practices. We encourage you to review the privacy policies of any third-party sites you visit.
<br>
<br>
<strong>7. Your Rights and Choices</strong>
<br>
You have the following rights regarding your personal information:
<br>
- Access: You can request access to the personal information we have collected about you.
<br>
- Correction: You can request corrections to your personal information if it is inaccurate.
<br>
- Deletion: You can request the deletion of your personal information, subject to legal and contractual obligations.
<br>
To exercise these rights, please contact us at m3utools@gmail.com.
<br>
<br>
<strong>8. Children’s Privacy</strong>
<br>
M3U-TOOLS is not intended for children under the age of 13. We do not knowingly collect personal information from children. If you believe we have inadvertently collected such information, please contact us immediately so we can take appropriate action.
<br>
<br>
<strong>9. Changes to This Privacy Policy</strong>
<br>
We reserve the right to update or change this Privacy Policy at any time. Any changes will be posted on this page with the updated effective date. We encourage you to review this policy periodically to stay informed about how we protect your information.
<br>
<br>
<strong>10. Contact Us</strong>
<br>
If you have any questions or concerns about this Privacy Policy or how we handle your information, please contact us at:
<br>
M3U-TOOLS  
Email: m3utools@gmail.com  

    </div>
<footer>
    <p>© 2024-2025 M3U TOOLS. All rights reserved. "Lejuan APT & WildJoker"</p>
    <p>
        <a href="/disclaimer.html">Disclaimer</a>
        <a href="/tos.html">Terms of Service</a>
        <a href="/privacy.html">Privacy Policy</a>
        <a href="/source.html">Source</a>
    </p>
</footer>
    <script>
        document.addEventListener("DOMContentLoaded", () => {
            const hamburger = document.getElementById("hamburger");
            const menuMobile = document.getElementById("menuMobile");

            // Toggle menu visibility on hamburger click
            hamburger.addEventListener("click", () => {
                menuMobile.classList.toggle("open");
            });

            // Close menu if clicked outside
            document.addEventListener("click", (e) => {
                if (!menuMobile.contains(e.target) && !hamburger.contains(e.target)) {
                    menuMobile.classList.remove("open");
                }
            });
        });
document.addEventListener("contextmenu", event => event.preventDefault()); // Disable right-click
document.addEventListener("keydown", function (event) {
    if (event.key === "F12" || (event.ctrlKey && event.shiftKey && event.key === "I")) {
        event.preventDefault();
    }
});
    </script>
</body>
</html>

tos.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>M3U TOOLS</title>
    <style>
        body {
            background-color: #121212;
            color: white;
            font-family: Arial, sans-serif;
            margin: 0;
            padding-top: 60px; /* Adjust for fixed navbar */
        }

        h1 {
            font-size: 2.5em;
            margin: 30px 0;
            color: #2196F3;
            text-align: center;
        }

        h2 {
            color: #1a73e8;
            font-size: 1.8em;
            text-align: center;
        }

        h4 {
            color: #e0e0e0;
            font-size: 1.8em;
            text-align: center;
        }

        p {
            text-align: center;
            margin: 10px 0;
        }

        .scroll-container {
            display: flex;
            overflow: hidden;
            width: 100%;
            height: auto;
            background-color: #000; /* Optional background color for better visibility */
        }

        .scroll-container img {
            height: 100vh; /* Ensures full height of the viewport */
            width: auto; /* Keeps the image's aspect ratio */
            flex-shrink: 0;
            animation: scroll 15s linear infinite;
        }

        @keyframes scroll {
            0% { transform: translateX(0); }
            100% { transform: translateX(-200%); }
        }

        @media (max-width: 768px) {
            .scroll-container img {
                height: auto; /* Adjust height for smaller screens */
                max-height: 60vh; /* Limit height on mobile */
                width: 100%; /* Fit the width of the screen */
            }
        }

        /* Navigation Bar */
        .navbar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background-color: #000;
            padding: 10px 20px;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1000;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
            transition: transform 0.3s ease-in-out;
        }

        .navbar .logo {
            font-size: .75em;
            color: #fff;
            text-decoration: none;
            font-weight: bold;
            transition: color 0.3s ease;
        }

        .navbar .logo:hover {
            color: #1a73e8;
        }

        .navbar .menu a {
            font-size: 1em;
            text-decoration: none;
            color: #ffffff;
            padding: 10px 15px;
            transition: background-color 0.3s ease, transform 0.2s ease;
            border-radius: 4px;
        }

        .navbar .menu a:hover {
            background-color: #333;
            color: #1a73e8;
            transform: translateY(-2px);
        }

        /* Dropdown Menu */
        .navbar .menu .dropdown {
            position: relative;
            display: inline-block;
        }

        .navbar .menu .dropdown-content {
            display: none;
            position: absolute;
            background-color: #333;
            min-width: 160px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
            z-index: 1;
            border-radius: 4px;
        }

        .navbar .menu .dropdown:hover .dropdown-content {
            display: block;
        }

        .navbar .menu .dropdown-content a {
            color: white;
            padding: 10px 15px;
            text-decoration: none;
            display: block;
        }

        .navbar .menu .dropdown-content a:hover {
            background-color: #1976D2;
        }

        .hamburger {
            display: none;
            font-size: 1.8em;
            color: white;
            cursor: pointer;
        }

        /* Hamburger Menu (Mobile) */
.navbar .menu-mobile {
    display: none;
    flex-direction: column;
    background-color: #000;
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    max-height: 80vh; /* Makes the mobile menu scrollable */
    overflow-y: auto;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    padding: 20px 10px;
    transition: all 0.3s ease-in-out;
}

        .navbar .menu-mobile.open {
            display: flex;
        }

        .navbar .menu-mobile a {
            text-decoration: none;
            background-color: #000; /* Black background */
            color: white;
            padding: 15px 20px;
            margin: 5px 0;
            border-radius: 8px;
            text-align: center;
            font-size: 1.2em;
            transition: background-color 0.3s, transform 0.2s, box-shadow 0.3s;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
        }

        .navbar .menu-mobile a:hover {
            background-color: #1976D2; /* Optionally, add a hover color */
            transform: translateY(-2px);
            box-shadow: 0 8px 12px rgba(0, 0, 0, 0.5);
        }

        .menu-mobile.open {
            display: flex;
            animation: slideDown 0.3s ease-in-out;
        }

        @keyframes slideDown {
            from {
                opacity: 0;
                transform: translateY(-10px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @media (max-width: 768px) {
            .menu {
                display: none;
            }

            .hamburger {
                display: block;
            }
        }

        .container {
            padding: 20px;
            text-align: center;
        }

        footer {
            position: flex;
            bottom: 10px;
            width: 100%;
            text-align: center;
            font-size: 14px;
            padding: 5px 0;
        }
.discord-button {
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
    color: white;
    background-color: #5865F2;
    padding: 15px 30px;
    border-radius: 8px;
    transition: background 0.3s, transform 0.2s;
}

.discord-button:hover {
    background-color: #4752C4;
    transform: scale(1.05);
}
footer a {
    color: #1a73e8; /* Matches theme blue */
    text-decoration: none;
    font-weight: bold;
    margin: 0 10px; /* Adds spacing between links */
    transition: color 0.3s ease;
}

footer a:hover {
    color: #2196F3; /* Lighter blue on hover */
}

footer a:visited {
    color: #abcdef; /* Light gray for visited links */
}
    </style>
</head>
<body>
    <!-- Navbar -->
    <div class="navbar" id="navbar">
        <a href="/home.html" class="logo">M3U TOOLS</a>
        <div class="menu">
            <!-- M3U Info Checker Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">Info Checker</a>
                <div class="dropdown-content">
                    <a href="/m3uinfo.html">M3U Info</a>
            <a href="/ipinfo.html">IP Info Checker</a>
                </div>
            </div>

            <!-- M3U Editor Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">M3U Editor</a>
                <div class="dropdown-content">
                    <a href="/m3uchannel.html">Channel Editor</a>
                </div>
            </div>

            <!-- XML Editor Dropdown -->
            <div class="dropdown">
            <a href="javascript:void(0)">EPG Editor</a>
                <div class="dropdown-content">
            <a href="/ids.html">Assign Ids</a>
            <a href="/xml.html">XML Editor</a>
            <a href="/gz.html">GZ Editor</a>
                </div>
            </div>
            <!-- Web Player Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">EPG</a>
                <div class="dropdown-content">
                    <a href="/epg.html">EPG</a>

                </div>
            </div>
            <!-- Web Player Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">Web Player</a>
                <div class="dropdown-content">
                    <a href="/aplayer.html">Player</a>

                </div>
            </div>
            <!-- Web Player Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">Other Sites</a>
                <div class="dropdown-content">
<a href="https://m3u-playlist-proxy-roan.vercel.app/">M3U Proxy</a>
<a href="https://lejuans01.github.io/Filter-and-Combine-M3U-Playlist/">Group Editor "lejuan"</a>
                </div>
            </div>
            <!-- XML Editor Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">VIP</a>
                <div class="dropdown-content">
            <a href="/package.html">Packages</a>
                </div>
</div>
            <!-- XML Editor Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">Login</a>
                <div class="dropdown-content">
<a href="/prem/index.html">Login</a>
                </div>
</div>
        </div>

        <div class="hamburger" id="hamburger">☰</div>
        <div class="menu-mobile" id="menuMobile">
            <a href="/m3uinfo.html">M3U Info Checker</a>
            <a href="/ipinfo.html">IP Info Checker</a>
            <a href="/m3uchannel.html">Channel Editor</a>
            <a href="/ids.html">Assign Ids</a>
            <a href="/xml.html">XML Editor</a>
            <a href="/gz.html">XML.gz Editor</a>
            <a href="/epg.html">EPG</a>
            <a href="/aplayer.html">Web Player</a>
<a href="/package.html">Packages</a>
<a href="/prem/index.html">Login</a>
<h2>Other Sites Tools</h2>
<a href="https://m3u-playlist-proxy-roan.vercel.app/">M3U Proxy</a>
<a href="https://lejuans01.github.io/Filter-and-Combine-M3U-Playlist/">Group Editor "lejuan"</a>
        </div>
    </div>
    <!-- Page Content -->
    <div class="container">

<strong>Terms of Service</strong>
<br>
<br>
<strong>Effective Date: March 1st, 2025</strong>
<br>
<br>
These Terms of Service ("Agreement") govern your use of M3U-TOOLS (the "Website") and the related services (collectively referred to as the "Services") provided by M3U-TOOLS. By accessing or using the Website and Services, you agree to comply with and be bound by the terms and conditions outlined herein. If you do not agree with these Terms, you must immediately discontinue use of the Website and Services.
<br>
<br>
<strong>1. Acceptance of Terms </strong>
 <br>
By accessing and using the Website, you acknowledge that you have read, understood, and agree to be bound by these Terms, along with any additional guidelines, privacy policies, or terms specific to certain features or services provided by the Website.
<br>
<br>
<strong>2. Eligibility  </strong>
<br>
You must be at least 13 years of age or the legal age of majority in your jurisdiction to use the Website. By using the Website, you represent and warrant that you meet these age requirements. If you are using the Website on behalf of an entity or organization, you further represent and warrant that you have the authority to bind that entity to these Terms.
<br>
<br>
<strong>3. No Data Storage </strong>
 <br>
M3U-TOOLS does not store any personal data or content uploaded through the Website. We do not collect, store, or retain any personal information from users of the Website. Any data that is temporarily stored or processed during your use of the Website is not retained once the session is terminated or after the transaction is complete. You are responsible for managing and securing any data or content you upload, and we are not liable for any loss or corruption of such data.
<br>
<br>
<strong>4. Account Registration and Security</strong>
<br>  
Some features of the Website may require you to create an account. By registering for an account, you agree to:
<br>
- Provide accurate, current, and complete information.
<br>
- Maintain the security and confidentiality of your account credentials.
<br>
- Notify us immediately of any unauthorized use or breach of your account.
<br>
You are solely responsible for all activities that occur under your account, regardless of whether you authorized the actions. M3U-TOOLS reserves the right to suspend or terminate your account for any reason, including suspected misuse or violation of these Terms.
<br>
<br>
<strong>5. Intellectual Property Rights </strong>
 <br>
All content, design, functionality, trademarks, logos, software, and other materials on the Website, including the Services, are owned by M3U-TOOLS or its licensors and are protected by intellectual property laws. No rights are granted to you except as expressly stated in these Terms. You may not:
<br>
- Copy, modify, reproduce, distribute, or create derivative works of any part of the Website without prior written consent.
<br>
- Use any content, trademarks, or other materials from the Website for commercial purposes without permission.
<br>
<br>
<strong>6. Use of the Services  </strong>
<br>
The Website allows users to create, upload, manage, and share playlists and related content ("User Content"). 
<br>
By using the Services, you agree to the following:
<br>
- You retain ownership of any User Content you upload, provided you grant M3U-TOOLS a non-exclusive, royalty-free, worldwide license to use, modify, reproduce, and distribute such content for the purpose of providing the Services.
<br>
- You are solely responsible for the legality, accuracy, and appropriateness of any User Content, and you agree not to upload, share, or distribute any content that violates any applicable law, regulation, or third-party rights.
<br>
- You agree not to use the Services to distribute or promote any content that is harmful, illegal, infringing, or unlawful.
<br>
<br>
<strong>7. Prohibited Conduct  </strong>
<br>
You may not use the Website or Services to:
<br>
- Engage in any unlawful activity, including but not limited to violating intellectual property rights, privacy laws, or content regulations.
<br>
- Transmit harmful code, viruses, or malware that could disrupt the Website or Services.
<br>
- Attempt to gain unauthorized access to any part of the Website, user accounts, or related systems.
<br>
- Interfere with the functionality of the Website or Services, including through the use of automated tools or scripts.
<br>
<br>
<strong>8. Privacy and Data Handling </strong>
 <br>
As we do not store or collect personal data, our Privacy Policy reflects this practice. We do not track or store any personal information you submit through the Website. Please review our Privacy Policy at <a href="/privacy.html">Our Privacy Policy</a> for more details on how we handle any information during your use of the Website.
<br>
<br>
<strong>9. Third-Party Links and Content  </strong>
<br>
The Website may contain links to third-party websites or services that are not owned or controlled by M3U-TOOLS. We do not endorse or assume responsibility for any third-party websites or services. You access these links at your own risk, and we encourage you to review the terms and privacy policies of any third-party websites you visit.
<br>
<br>
<strong>10. Limitation of Liability  </strong>
<br>
To the fullest extent permitted by applicable law, M3U-TOOLS and its affiliates, officers, employees, and agents shall not be liable for any indirect, incidental, special, consequential, or punitive damages, or any loss of profits, revenue, data, or use, arising from or related to your use of the Website or Services, even if M3U-TOOLS has been advised of the possibility of such damages. In no event shall M3U-TOOLS’s total liability exceed the amount you paid for access to the Website or Services in the 12 months preceding the claim.
<br>
<br>
<strong>11. Indemnification </strong>
 <br>
You agree to indemnify, defend, and hold harmless M3U-TOOLS, its affiliates, officers, directors, employees, and agents from and against any and all claims, losses, liabilities, damages, costs, and expenses (including reasonable attorneys' fees) arising from or related to your use of the Website, violation of these Terms, or infringement of any third-party rights.
<br>
<br>
<strong>12. Suspension and Termination  </strong>
<br>
M3U-TOOLS reserves the right, in its sole discretion, to suspend or terminate your access to the Website or Services at any time, without prior notice, for any reason, including but not limited to:
<br>
- Violating these Terms.
<br>
- Engaging in any fraudulent, illegal, or unethical activities.
<br>
- If we believe your actions could pose a risk to the security or integrity of the Website or Services.
<br>
<br>
<strong>13. Modifications to the Terms  </strong>
<br>
M3U-TOOLS reserves the right to modify, update, or amend these Terms at any time. Any changes will be posted on the Website, and the "Effective Date" at the top of this page will be updated. By continuing to use the Website after such changes, you agree to be bound by the updated Terms.
<br>
<br>
<strong>14. Contact Information  </strong>
<br>
If you have any questions about these Terms or the Services, please contact us at:
<br>
Email: m3utools@gmail.com

    </div>
<footer>
    <p>© 2024-2025 M3U TOOLS. All rights reserved. "Lejuan APT & WildJoker"</p>
    <p>
        <a href="/disclaimer.html">Disclaimer</a>
        <a href="/tos.html">Terms of Service</a>
        <a href="/privacy.html">Privacy Policy</a>
        <a href="/source.html">Source</a>
    </p>
</footer>
    <script>
        document.addEventListener("DOMContentLoaded", () => {
            const hamburger = document.getElementById("hamburger");
            const menuMobile = document.getElementById("menuMobile");

            // Toggle menu visibility on hamburger click
            hamburger.addEventListener("click", () => {
                menuMobile.classList.toggle("open");
            });

            // Close menu if clicked outside
            document.addEventListener("click", (e) => {
                if (!menuMobile.contains(e.target) && !hamburger.contains(e.target)) {
                    menuMobile.classList.remove("open");
                }
            });
        });
document.addEventListener("contextmenu", event => event.preventDefault()); // Disable right-click
document.addEventListener("keydown", function (event) {
    if (event.key === "F12" || (event.ctrlKey && event.shiftKey && event.key === "I")) {
        event.preventDefault();
    }
});
    </script>
</body>
</html>

xml.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>M3U TOOLS</title>
    <style>
        /* Dark Mode Styles */
        body {
            font-family: Arial, sans-serif;
            margin: 20px;
            background-color: #121212; /* Dark background */
            color: #e0e0e0; /* Light text color */
        }
        input, button {
            margin-bottom: 10px;
            width: 100%;
            padding: 10px;
            background-color: #333; /* Dark input and button background */
            color: #e0e0e0; /* Light text for inputs and button */
            border: 1px solid #555; /* Light border */
            border-radius: 5px;
        }
        button {
            background-color: #1a73e8; /* Green button background */
            cursor: pointer;
        }
        button:hover {
            background-color: #1a73e8; /* Darker green on hover */
        }
        #result {
            margin-top: 20px;
            background-color: #333; /* Dark background for result */
            padding: 15px;
            border-radius: 5px;
        }
            .box {
        border: 2px solid #fff; /* Change border color to white */
        padding: 20px;
        margin: 20px auto;
        background-color: #121212; /* Matches container background */
        border-radius: 10px;
        color: var(--text-color); /* Matches text color */
    }
        /* Bubble Text Style */
    .bubble-text {
        background-color: #333;   /* Dark background */
        color: white;             /* White text */
        padding: 2px 6px;         /* Padding inside the bubble */
        font-family: monospace;   /* Monospaced font */
        border-radius: 5px;       /* Rounded corners */
    }
    .bubble-text a {
        color: white;               /* Set link text color to white */
        text-decoration: none;      /* Remove underline */
    }

    .bubble-text a:hover {
        text-decoration: underline; /* Optionally, add underline on hover */
    }
        h1 {
            color: #1a73e8; /* Light green for heading */
        }
        p {
            color: #e0e0e0; /* Light text for paragraph */
        }
         h2 {
            color: #1a73e8; /* Light green for heading */
        }
        p {
            color: #e0e0e0; /* Light text for paragraph */
        }
{
            background-color: #121212;
            color: white;
            font-family: Arial, sans-serif;
            margin: 0;
            padding-top: 60px; /* Adjust for fixed navbar */
        }

        h1 {
            font-size: 2.5em;
            margin: 30px 0;
            color: #2196F3;
            text-align: center;
        }

        h2 {
            color: #1a73e8;
            font-size: 1.8em;
            text-align: center;
        }
        h5 {
            color: #1a73e8;
            font-size: 1.8em;
            text-align: center;
        }
        h4 {
            color: #e0e0e0;
            font-size: 1.8em;
            text-align: center;
        }

        p {
            text-align: center;
            margin: 10px 0;
        }

        .scroll-container {
            display: flex;
            overflow: hidden;
            width: 100%;
            height: auto;
            background-color: #000; /* Optional background color for better visibility */
        }

        .scroll-container img {
            height: 100vh; /* Ensures full height of the viewport */
            width: auto; /* Keeps the image's aspect ratio */
            flex-shrink: 0;
            animation: scroll 15s linear infinite;
        }

        @keyframes scroll {
            0% { transform: translateX(0); }
            100% { transform: translateX(-200%); }
        }

        @media (max-width: 768px) {
            .scroll-container img {
                height: auto; /* Adjust height for smaller screens */
                max-height: 60vh; /* Limit height on mobile */
                width: 100%; /* Fit the width of the screen */
            }
        }

        /* Navigation Bar */
        .navbar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background-color: #000;
            padding: 10px 20px;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1000;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
            transition: transform 0.3s ease-in-out;
        }

        .navbar .logo {
            font-size: .75em;
            color: #fff;
            text-decoration: none;
            font-weight: bold;
            transition: color 0.3s ease;
        }

        .navbar .logo:hover {
            color: #1a73e8;
        }

        .navbar .menu a {
            font-size: 1em;
            text-decoration: none;
            color: #ffffff;
            padding: 10px 15px;
            transition: background-color 0.3s ease, transform 0.2s ease;
            border-radius: 4px;
        }

        .navbar .menu a:hover {
            background-color: #333;
            color: #1a73e8;
            transform: translateY(-2px);
        }

        /* Dropdown Menu */
        .navbar .menu .dropdown {
            position: relative;
            display: inline-block;
        }

        .navbar .menu .dropdown-content {
            display: none;
            position: absolute;
            background-color: #333;
            min-width: 160px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
            z-index: 1;
            border-radius: 4px;
        }

        .navbar .menu .dropdown:hover .dropdown-content {
            display: block;
        }

        .navbar .menu .dropdown-content a {
            color: white;
            padding: 10px 15px;
            text-decoration: none;
            display: block;
        }

        .navbar .menu .dropdown-content a:hover {
            background-color: #1976D2;
        }

        .hamburger {
            display: none;
            font-size: 1.8em;
            color: white;
            cursor: pointer;
        }

        /* Hamburger Menu (Mobile) */
.navbar .menu-mobile {
    display: none;
    flex-direction: column;
    background-color: #000;
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    max-height: 80vh; /* Makes the mobile menu scrollable */
    overflow-y: auto;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    padding: 20px 10px;
    transition: all 0.3s ease-in-out;
}

        .navbar .menu-mobile.open {
            display: flex;
        }

        .navbar .menu-mobile a {
            text-decoration: none;
            background-color: #000; /* Black background */
            color: white;
            padding: 15px 20px;
            margin: 5px 0;
            border-radius: 8px;
            text-align: center;
            font-size: 1.2em;
            transition: background-color 0.3s, transform 0.2s, box-shadow 0.3s;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
        }

        .navbar .menu-mobile a:hover {
            background-color: #1976D2; /* Optionally, add a hover color */
            transform: translateY(-2px);
            box-shadow: 0 8px 12px rgba(0, 0, 0, 0.5);
        }

        .menu-mobile.open {
            display: flex;
            animation: slideDown 0.3s ease-in-out;
        }

        @keyframes slideDown {
            from {
                opacity: 0;
                transform: translateY(-10px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @media (max-width: 768px) {
            .menu {
                display: none;
            }

            .hamburger {
                display: block;
            }
        }

        .container {
            margin-top: 120px;
            padding: 20px;
            text-align: center;
        }

        footer {
            position: flex;
            bottom: 10px;
            width: 100%;
            text-align: center;
            font-size: 14px;
            padding: 5px 0;
        }
     h2 {
        text-align: center;
        color: var(--header-color, #121212);
        margin-bottom: 20px;
    }
h2 {
            color: #1a73e8; /* Light green for heading */
        }        
h3 {
            color: #121212; /* Light green for heading */
        }
h5 {
            color: #e0e0e0; /* Light green for heading */
        }
footer a {
    color: #1a73e8; /* Matches theme blue */
    text-decoration: none;
    font-weight: bold;
    margin: 0 10px; /* Adds spacing between links */
    transition: color 0.3s ease;
}

footer a:hover {
    color: #2196F3; /* Lighter blue on hover */
}

footer a:visited {
    color: #abcdef; /* Light gray for visited links */
}
    </style>
</head>
<body>
    <!-- Navbar -->
    <div class="navbar" id="navbar">
        <a href="/home.html" class="logo">M3U TOOLS</a>
        <div class="menu">
            <!-- M3U Info Checker Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">Info Checker</a>
                <div class="dropdown-content">
                    <a href="/m3uinfo.html">M3U Info</a>
            <a href="/ipinfo.html">IP Info Checker</a>
                </div>
            </div>

            <!-- M3U Editor Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">M3U Editor</a>
                <div class="dropdown-content">
                    <a href="/m3uchannel.html">Channel Editor</a>
                </div>
            </div>

            <!-- XML Editor Dropdown -->
            <div class="dropdown">
            <a href="javascript:void(0)">EPG Editor</a>
                <div class="dropdown-content">
            <a href="/ids.html">Assign Ids</a>
            <a href="/xml.html">XML Editor</a>
            <a href="/gz.html">GZ Editor</a>
                </div>
            </div>
            <!-- Web Player Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">EPG</a>
                <div class="dropdown-content">
                    <a href="/epg.html">EPG</a>

                </div>
            </div>
            <!-- Web Player Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">Web Player</a>
                <div class="dropdown-content">
                    <a href="/aplayer.html">Player</a>

                </div>
            </div>
            <!-- Web Player Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">Other Sites</a>
                <div class="dropdown-content">
<a href="https://m3u-playlist-proxy-roan.vercel.app/">M3U Proxy</a>
<a href="https://lejuans01.github.io/Filter-and-Combine-M3U-Playlist/">Group Editor "lejuan"</a>
                </div>
            </div>
            <!-- XML Editor Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">VIP</a>
                <div class="dropdown-content">
            <a href="/package.html">Packages</a>
                </div>
</div>
            <!-- XML Editor Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">Login</a>
                <div class="dropdown-content">
<a href="/prem/index.html">Login</a>
                </div>
</div>
        </div>

        <div class="hamburger" id="hamburger">☰</div>
        <div class="menu-mobile" id="menuMobile">
            <a href="/m3uinfo.html">M3U Info Checker</a>
            <a href="/ipinfo.html">IP Info Checker</a>
            <a href="/m3uchannel.html">Channel Editor</a>
            <a href="/ids.html">Assign Ids</a>
            <a href="/xml.html">XML Editor</a>
            <a href="/gz.html">XML.gz Editor</a>
            <a href="/epg.html">EPG</a>
            <a href="/aplayer.html">Web Player</a>
<a href="/package.html">Packages</a>
<a href="/prem/index.html">Login</a>
<h2>Other Sites Tools</h2>
<a href="https://m3u-playlist-proxy-roan.vercel.app/">M3U Proxy</a>
<a href="https://lejuans01.github.io/Filter-and-Combine-M3U-Playlist/">Group Editor "lejuan"</a>
        </div>
    </div>
    <!-- Page Content -->
<h3>test</h3>
<h3>test</h3>
    <center><h2>EPG URL Merger</h2></center>
    <center><p>Enter up to 10 EPG URLs to merge:</p></center>

    <!-- URL Inputs -->
    <input type="url" id="url1" placeholder="EPG URL 1">
    <input type="url" id="url2" placeholder="EPG URL 2">
    <input type="url" id="url3" placeholder="EPG URL 3">
    <input type="url" id="url4" placeholder="EPG URL 4">
    <input type="url" id="url5" placeholder="EPG URL 5">
    <input type="url" id="url6" placeholder="EPG URL 6">
    <input type="url" id="url7" placeholder="EPG URL 7">
    <input type="url" id="url8" placeholder="EPG URL 8">
    <input type="url" id="url9" placeholder="EPG URL 9">
    <input type="url" id="url10" placeholder="EPG URL 10">
    <button onclick="mergeEPGs()">Merge and Download</button>
        <div id="result"><div style="text-align:center"></div>
        <div class="info">
    <div class="box"".">
    <center>
  	<h5>How to use.</h5>
  	<p>Enter urls up to 10 at a time max.</p>
    <p>Hit merge and download.</p>
    </center>
    </div>
        <div id="result"><div style="text-align:center"></div>
        <div class="info">
    <center>
    <p>When downloaded you can simple upload to dropbox or similar then shorten url using bit.ly or short url or any similar services.</p>

     <p>THIS DOES NOT AUTOMATICALLY UPDATE EPG WHEN THEY ARE EXPIRED YOU NEED TO REMAKE OR FIND A SCRIPT TO AUTOMATICALLY DO IT. Each time you make name it the same reupload to Dropbox or similar service and youll be done it will use the same url.</p>

    <p>Put this at the top of your playlist if you want it to load with your playlist. "Note, tvg-id in your playlist needs to match your epg to auto populate. Or else you will need to set it manually on your player such as tivimate.</p>
<p></p>
    <p>#EXTM3U url-tvg="link to epg here</p>
    </center>
    <div id="result"></div>
<footer>
    <p>© 2024-2025 M3U TOOLS. All rights reserved. "Lejuan APT & WildJoker"</p>
    <p>
        <a href="/disclaimer.html">Disclaimer</a>
        <a href="/tos.html">Terms of Service</a>
        <a href="/privacy.html">Privacy Policy</a>
        <a href="/source.html">Source</a>
    </p>
</footer>
    <script>
        document.addEventListener("DOMContentLoaded", () => {
            const hamburger = document.getElementById("hamburger");
            const menuMobile = document.getElementById("menuMobile");

            // Toggle menu visibility on hamburger click
            hamburger.addEventListener("click", () => {
                menuMobile.classList.toggle("open");
            });

            // Close menu if clicked outside
            document.addEventListener("click", (e) => {
                if (!menuMobile.contains(e.target) && !hamburger.contains(e.target)) {
                    menuMobile.classList.remove("open");
                }
            });
        });

        async function mergeEPGs() {
            const urls = Array.from({ length: 10 }, (_, i) => document.getElementById(`url${i + 1}`).value.trim()).filter(Boolean);

            if (!urls.length) {
                alert("Please enter at least one URL.");
                return;
            }

            const parser = new DOMParser();
            const serializer = new XMLSerializer();
            const mergedDoc = parser.parseFromString("<tv></tv>", "application/xml");

            for (const url of urls) {
                try {
                    const response = await fetch(url);
                    const xmlText = await response.text();
                    const xmlDoc = parser.parseFromString(xmlText, "application/xml");

                    Array.from(xmlDoc.documentElement.children).forEach(child => {
                        mergedDoc.documentElement.appendChild(mergedDoc.importNode(child, true));
                    });
                } catch (error) {
                    alert(`Failed to fetch or parse: ${url}`);
                    console.error(error);
                }
            }

            const mergedXML = serializer.serializeToString(mergedDoc);
            const blob = new Blob([mergedXML], { type: "application/xml" });
            const downloadLink = document.createElement("a");
            downloadLink.href = URL.createObjectURL(blob);
            downloadLink.download = "merged_epg.xml";
            downloadLink.textContent = "Click here to download your merged EPG file";
            document.getElementById("result").innerHTML = "";
            document.getElementById("result").appendChild(downloadLink);
        }
document.addEventListener("contextmenu", event => event.preventDefault()); // Disable right-click
document.addEventListener("keydown", function (event) {
    if (event.key === "F12" || (event.ctrlKey && event.shiftKey && event.key === "I")) {
        event.preventDefault();
    }
});
    </script>
</body>
</html>

epg.html

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>IPTV Channel Guide</title>
    <style>
        body {
            margin: 0;
            font-family: Arial, sans-serif;
            background-color: #111;
            color: #fff;
        }

        #guide-container {
            display: flex;
            flex-direction: column;
            padding: 10px;
            overflow-x: auto;
        }

        .channel-row {
            display: flex;
            align-items: flex-start;
            margin-bottom: 10px;
            padding: 10px;
            border-bottom: 1px solid #333;
            background-color: #000;
            box-sizing: border-box;
            width: 100%;
            transition: background-color 0.2s ease;
        }

        .channel-info {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 10px;
            margin-right: 20px;
            box-sizing: border-box;
            width: 120px;
        }

        .channel-info img {
            width: 70px;
            height: 50px;
            margin-bottom: 5px;
            background-color: white;
            padding: 5px;
            display: block;
        }

        .channel-info span {
            font-size: 1em;
            font-weight: bold;
            width: 100px;
            text-align: center;
            margin: 5px 0;
        }

        .hide-button {
            background-color: red;
            color: white;
            border: none;
            padding: 5px 10px;
            cursor: pointer;
            font-size: 12px;
            border-radius: 5px;
            margin-top: 5px;
        }

        .hide-button:hover {
            background-color: darkred;
        }

        .program-list {
            display: flex;
            flex-direction: row;
            overflow-x: auto;
            flex-grow: 1;
            justify-content: flex-start;
        }

        .program-block {
            min-width: 200px;
            background-color: #444;
            border: 1px solid #555;
            color: #000;
            padding: 5px;
            margin-right: 5px;
            text-align: left;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            cursor: pointer;
            display: flex;
            flex-direction: column;
            will-change: transform;
        }

        .program-block.current .program-title,
        .program-block.current .program-description {
            color: black !important;
        }

        .program-block.current {
            background-color: #6ab7ff;
            color: #000;
        }

        .program-description {
            font-size: 0.9em;
            margin-top: 5px;
            color: #ccc;
            display: block;
            overflow-wrap: break-word;
            white-space: normal;
            word-break: break-word;
        }

        .program-block.show-description .program-description {
            display: block;
        }

        #hidden-channels-container {
            margin-top: 20px;
        }

        .hidden-channel {
            background-color: #333;
            padding: 10px;
            margin-bottom: 5px;
            cursor: pointer;
        }

        .program-time {
            font-size: 1em;
            font-weight: bold;
            margin-bottom: 5px;
            text-align: center;
        }

        .program-title {
            font-size: 0.9em;
            font-weight: bold;
            text-align: center;
            color: #ccc;
            word-wrap: break-word;
            word-break: break-word;
            white-space: normal;
        }

        #videoPlayerContainer {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 1); /* Full black background */
            justify-content: center;
            align-items: center;
            z-index: 1000;
        }

        #videoPlayer {
            width: 100%;
            height: 100%;
        }

        #closeButton {
            position: absolute;
            top: 5px;
            right: 5px;
            background-color: transparent;
            color: grey;
            border: none;
            font-size: 10px;
            padding: 10px;
            cursor: pointer;
        }

        #closeButton:hover {
            background-color: transparent;
        }
/* Navigation Bar */
.navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #000;
    padding: 10px 20px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    transition: transform 0.3s ease-in-out;
}

.navbar .logo {
    font-size: .75em;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    transition: color 0.3s ease;
}

.navbar .logo:hover {
    color: #1a73e8;
}

.navbar .menu a {
    font-size: 1em;
    text-decoration: none;
    color: #ffffff;
    padding: 10px 15px;
    transition: background-color 0.3s ease, transform 0.2s ease;
    border-radius: 4px;
}

.navbar .menu a:hover {
    background-color: #333;
    color: #1a73e8;
    transform: translateY(-2px);
}

/* Dropdown Menu */
.navbar .menu .dropdown {
    position: relative;
    display: inline-block;
}

.navbar .menu .dropdown-content {
    display: none;
    position: absolute;
    background-color: #333;
    min-width: 160px;
    max-height: 300px; /* Makes the menu scrollable */
    overflow-y: auto;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
    z-index: 1;
    border-radius: 4px;
}

.navbar .menu .dropdown:hover .dropdown-content {
    display: block;
}

.navbar .menu .dropdown-content a {
    color: white;
    padding: 10px 15px;
    text-decoration: none;
    display: block;
}

.navbar .menu .dropdown-content a:hover {
    background-color: #1976D2;
}

/* Mobile Menu */
.hamburger {
    display: none;
    font-size: 1.8em;
    color: white;
    cursor: pointer;
}

.navbar .menu-mobile {
    display: none;
    flex-direction: column;
    background-color: #000;
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    max-height: 80vh; /* Makes the mobile menu scrollable */
    overflow-y: auto;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    padding: 20px 10px;
    transition: all 0.3s ease-in-out;
}

.navbar .menu-mobile.open {
    display: flex;
    animation: slideDown 0.3s ease-in-out;
}

.navbar .menu-mobile a {
    text-decoration: none;
    background-color: #000;
    color: white;
    padding: 15px 20px;
    margin: 5px 0;
    border-radius: 8px;
    text-align: center;
    font-size: 1.2em;
    transition: background-color 0.3s, transform 0.2s, box-shadow 0.3s;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

.navbar .menu-mobile a:hover {
    background-color: #1976D2;
    transform: translateY(-2px);
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.5);
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 768px) {
    .menu {
        display: none;
    }

    .hamburger {
        display: block;
    }
}
        .container {
            margin-top: 120px;
            padding: 20px;
            text-align: center;
        }
        h1 {
            font-size: 2.5em;
            margin: 30px 0;
            color: #1a73e8;
            text-align: center;
        }        
footer {
            position: flex;
            bottom: 10px;
            width: 100%;
            text-align: center;
            font-size: 14px;
            padding: 5px 0;
        }
footer a {
    color: #1a73e8; /* Matches theme blue */
    text-decoration: none;
    font-weight: bold;
    margin: 0 10px; /* Adds spacing between links */
    transition: color 0.3s ease;
}

footer a:hover {
    color: #2196F3; /* Lighter blue on hover */
}

footer a:visited {
    color: #abcdef; /* Light gray for visited links */
}
        h2 {
            color: #1a73e8;
            font-size: 1.8em;
            text-align: center;
        }
    </style>
</head>
<body>
    <!-- Navbar -->
    <div class="navbar" id="navbar">
        <a href="/home.html" class="logo">M3U TOOLS</a>
        <div class="menu">
            <!-- M3U Info Checker Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">Info Checker</a>
                <div class="dropdown-content">
                    <a href="/m3uinfo.html">M3U Info</a>
            <a href="/ipinfo.html">IP Info Checker</a>
                </div>
            </div>

            <!-- M3U Editor Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">M3U Editor</a>
                <div class="dropdown-content">
                    <a href="/m3uchannel.html">Channel Editor</a>
                </div>
            </div>

            <!-- XML Editor Dropdown -->
            <div class="dropdown">
            <a href="javascript:void(0)">EPG Editor</a>
                <div class="dropdown-content">
            <a href="/ids.html">Assign Ids</a>
            <a href="/xml.html">XML Editor</a>
            <a href="/gz.html">GZ Editor</a>
                </div>
            </div>
            <!-- Web Player Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">EPG</a>
                <div class="dropdown-content">
                    <a href="/epg.html">EPG</a>

                </div>
            </div>
            <!-- Web Player Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">Web Player</a>
                <div class="dropdown-content">
                    <a href="/aplayer.html">Player</a>

                </div>
            </div>
            <!-- Web Player Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">Other Sites</a>
                <div class="dropdown-content">
<a href="https://m3u-playlist-proxy-roan.vercel.app/">M3U Proxy</a>
<a href="https://lejuans01.github.io/Filter-and-Combine-M3U-Playlist/">Group Editor "lejuan"</a>
                </div>
            </div>
            <!-- XML Editor Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">VIP</a>
                <div class="dropdown-content">
            <a href="/package.html">Packages</a>
                </div>
</div>
            <!-- XML Editor Dropdown -->
            <div class="dropdown">
                <a href="javascript:void(0)">Login</a>
                <div class="dropdown-content">
<a href="/prem/index.html">Login</a>
                </div>
</div>
        </div>

        <div class="hamburger" id="hamburger">☰</div>
        <div class="menu-mobile" id="menuMobile">
            <a href="/m3uinfo.html">M3U Info Checker</a>
            <a href="/ipinfo.html">IP Info Checker</a>
            <a href="/m3uchannel.html">Channel Editor</a>
            <a href="/ids.html">Assign Ids</a>
            <a href="/xml.html">XML Editor</a>
            <a href="/gz.html">XML.gz Editor</a>
            <a href="/epg.html">EPG</a>
            <a href="/aplayer.html">Web Player</a>
<a href="/package.html">Packages</a>
<a href="/prem/index.html">Login</a>
<h2>Other Sites Tools</h2>
<a href="https://m3u-playlist-proxy-roan.vercel.app/">M3U Proxy</a>
<a href="https://lejuans01.github.io/Filter-and-Combine-M3U-Playlist/">Group Editor "lejuan"</a>
        </div>
    </div>
<br>
<br>
<center><h1>Free USA EPG</h1></center>
    <div id="guide-container"></div>
    <div id="hidden-channels-container"></div> <!-- Container for hidden channels -->
    <div id="videoPlayerContainer">
        <video id="videoPlayer" controls autoplay></video>
        <button id="closeButton" onclick="closePlayer()">X</button>
    </div>
<footer>
    <p>© 2024-2025 M3U TOOLS. All rights reserved. "Lejuan APT & WildJoker"</p>
    <p>
        <a href="/disclaimer.html">Disclaimer</a>
        <a href="/tos.html">Terms of Service</a>
        <a href="/privacy.html">Privacy Policy</a>
        <a href="/source.html">Source</a>
    </p>
</footer>
<script>
    document.addEventListener("DOMContentLoaded", () => {
        const hamburger = document.getElementById("hamburger");
        const menuMobile = document.getElementById("menuMobile");

        // Toggle menu visibility on hamburger click
        hamburger.addEventListener("click", () => {
            menuMobile.classList.toggle("open");
        });

        // Close menu if clicked outside
        document.addEventListener("click", (e) => {
            if (!menuMobile.contains(e.target) && !hamburger.contains(e.target)) {
                menuMobile.classList.remove("open");
            }
        });
    });

    // Disable right-click
    document.addEventListener("contextmenu", event => event.preventDefault()); 

    // Prevent F12 and DevTools access
    document.addEventListener("keydown", function (event) {
        if (event.key === "F12" || (event.ctrlKey && event.shiftKey && event.key === "I")) {
            event.preventDefault();
        }
    });
    const xmlUrl = "https://raw.githubusercontent.com/m3utools/tg/refs/heads/main/epg_ripper_US1.xml";
    const jsonEpgUrl = "https://raw.githubusercontent.com/m3utools/tg/refs/heads/main/epg_ripper_US1.json";

    const guideContainer = document.getElementById("guide-container");
    const hiddenChannelsContainer = document.getElementById("hidden-channels-container");
    let globalEpgData = null;
    let globalChannelIcons = {};
    let hiddenChannels = JSON.parse(localStorage.getItem("hiddenChannels")) || [];
    let selectedChannelIndex = 0;
    let selectedProgramIndex = 0;

    async function fetchXmlChannels() {
        const response = await fetch(xmlUrl);
        const xmlText = await response.text();
        const parser = new DOMParser();
        return parser.parseFromString(xmlText, "application/xml");
    }

    async function fetchEpgData() {
        const response = await fetch(jsonEpgUrl);
        return response.json();
    }

    function parseChannelIcons(xmlDoc) {
        const channels = xmlDoc.querySelectorAll("channel");
        channels.forEach(channel => {
            const id = channel.getAttribute("id");
            const icon = channel.querySelector("icon");
            if (icon) globalChannelIcons[id] = icon.getAttribute("src");
        });
        return Array.from(channels);
    }

    function renderGuide(channels) {
        const currentTime = new Date();
        const futureTime = new Date(currentTime.getTime() + 12 * 60 * 60 * 1000); // Current time + 12 hours
        const fragment = document.createDocumentFragment();

        channels.forEach(channel => {
            const channelId = channel.getAttribute("id");
            if (hiddenChannels.includes(channelId)) return;

            const channelName = channel.querySelector("display-name").textContent;
            const channelIcon = globalChannelIcons[channelId] || "";

            const channelEpg = globalEpgData.channels.find(ch => ch.id === channelId);
            if (!channelEpg || !channelEpg.programmes) return;

            // Filter programs within the current time and +12 hours
            const programs = channelEpg.programmes.filter(program => {
                const start = parseEPGTime(program.start);
                const stop = parseEPGTime(program.stop);
                return stop > currentTime && start < futureTime;
            });

            if (programs.length === 0) return;

            const channelRow = document.createElement("div");
            channelRow.classList.add("channel-row");
            if (selectedChannelIndex === channelId) {
                channelRow.style.backgroundColor = "#333";
            }

            const channelInfo = document.createElement("div");
            channelInfo.classList.add("channel-info");
            channelInfo.innerHTML = `
                <img src="${channelIcon}" alt="${channelName}" loading="lazy">
                <span>${channelName}</span>
                <button class="hide-button" onclick="hideChannel('${channelId}')">Hide</button>
            `;
            channelRow.appendChild(channelInfo);

            const programList = document.createElement("div");
            programList.classList.add("program-list");

            programs.forEach((program, index) => {
                const start = parseEPGTime(program.start);
                const stop = parseEPGTime(program.stop);

                const programBlock = document.createElement("div");
                programBlock.classList.add("program-block");
                if (start <= currentTime && stop >= currentTime) {
                    programBlock.classList.add("current");
                }

                const programTime = document.createElement("div");
                programTime.classList.add("program-time");
                programTime.textContent = `${formatTime(start)} - ${formatTime(stop)}`;
                programBlock.appendChild(programTime);

                const programTitle = document.createElement("div");
                programTitle.classList.add("program-title");
                programTitle.textContent = program.title;
                programBlock.appendChild(programTitle);

                if (program.description) {
                    const programDescription = document.createElement("div");
                    programDescription.classList.add("program-description");
                    programDescription.textContent = program.description;
                    programBlock.appendChild(programDescription);
                }

                programBlock.addEventListener("click", () => {
                    programBlock.classList.toggle("show-description");
                });

                if (index === selectedProgramIndex) {
                    programBlock.style.backgroundColor = "#6ab7ff";
                }

                programList.appendChild(programBlock);
            });

            channelRow.appendChild(programList);
            fragment.appendChild(channelRow);
        });

        guideContainer.innerHTML = '';
        guideContainer.appendChild(fragment);
    }

    function hideChannel(channelId) {
        if (!hiddenChannels.includes(channelId)) {
            hiddenChannels.push(channelId);
            localStorage.setItem("hiddenChannels", JSON.stringify(hiddenChannels));
            renderGuide(globalEpgData.channels);
            showHiddenChannels();
        }
    }

    function showHiddenChannels() {
        hiddenChannelsContainer.innerHTML = '';
        hiddenChannels.forEach(channelId => {
            const channelName = globalEpgData.channels.find(ch => ch.id === channelId)?.displayName;
            const channelElement = document.createElement("div");
            channelElement.classList.add("hidden-channel");
            channelElement.textContent = channelName || `Channel ${channelId}`;
            channelElement.addEventListener("click", () => unhideChannel(channelId));
            hiddenChannelsContainer.appendChild(channelElement);
        });
    }

    function unhideChannel(channelId) {
        hiddenChannels = hiddenChannels.filter(id => id !== channelId);
        localStorage.setItem("hiddenChannels", JSON.stringify(hiddenChannels));
        renderGuide(globalEpgData.channels);
        showHiddenChannels();
    }

    function parseEPGTime(epgTime) {
        const year = epgTime.substring(0, 4);
        const month = epgTime.substring(4, 6);
        const day = epgTime.substring(6, 8);
        const hour = epgTime.substring(8, 10);
        const minute = epgTime.substring(10, 12);

        const epgDate = new Date(`${year}-${month}-${day}T${hour}:${minute}`);
        epgDate.setHours(epgDate.getHours() - 1);
        return epgDate;
    }

    function formatTime(date) {
        return date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
    }

    async function init() {
        try {
            const [xmlDoc, epgData] = await Promise.all([fetchXmlChannels(), fetchEpgData()]);
            globalEpgData = epgData;

            let channels = parseChannelIcons(xmlDoc);
            channels.sort((a, b) => {
                const nameA = a.querySelector("display-name").textContent.toUpperCase();
                const nameB = b.querySelector("display-name").textContent.toUpperCase();
                return nameA.localeCompare(nameB);
            });

            renderGuide(channels);
            showHiddenChannels();
        } catch (error) {
            console.error("Error initializing guide:", error);
        }
    }

    init();
</script>

</body>
</html>

proxy.php

This is the proxy some tools use.

The url to hosted proxy is
https://moccasin-talia-31.tiiny.io/?url=

Proxy works by adding url after the = so here is an example of how to use
https://moccasin-talia-31.tiiny.io/?url=https://google.com

<?php

header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Methods: GET, POST, OPTIONS");
header("Access-Control-Allow-Headers: Content-Type, Authorization");

if ($_SERVER['REQUEST_METHOD'] === 'OPTIONS') {
    http_response_code(204);
    exit;
}

if (!isset($_GET['url'])) {
    http_response_code(400);
    echo "Missing URL parameter";
    exit;
}

$url = filter_var($_GET['url'], FILTER_SANITIZE_URL);

$options = [
    'http' => [
        'method' => 'GET',
        'header' => "User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36\r\n",
        'follow_location' => 1
    ]
];

$context = stream_context_create($options);
$response = file_get_contents($url, false, $context);

if ($response === false) {
    http_response_code(500);
    echo "Failed to fetch the URL";
    exit;
}

echo $response;
?>