// ==UserScript==
// @name        YTS - Toggle Foreign Titles
// @namespace   NooScripts
// @match       https://yts.mx/*
// @grant       none
// @version     1.0
// @author      Nooseance
// @description Adds A Button To Toggle Between Displaying English & Foreign Titles Per Page For Easier Viewing (Best For The "Browse All" Section)
// @license MIT
// @downloadURL none
// ==/UserScript==

(function() {
    'use strict';

    // Delay configuration
    const delayBeforeStart = 1; // Delay in milliseconds (adjust as needed)

    // Function to seperate movie based on content language content
    function hideMovieWraps() {
        // Find all titles
        let movieWraps = document.querySelectorAll('.browse-movie-wrap');

        // Loop through each 'title' element
        movieWraps.forEach(function(movieWrap) {
            // Load sub div'
            let movieBottom = movieWrap.querySelector('.browse-movie-bottom');

            // Check for existing 'title sections'
            if (movieBottom) {
                let movieTitle = movieBottom.querySelector('.browse-movie-title');

                // Check if the 'title' contains []
                if (movieTitle) {
                    let titleSpans = movieTitle.querySelectorAll('span');
                    titleSpans.forEach(function(titleSpan) {
                        let spanContent = titleSpan.innerText.trim();
                        if (spanContent.includes('[') && spanContent.includes(']')) {
                            // Hide the parent 'title' element
                            movieWrap.style.display = 'none';
                        }
                    });
                }
            }
        });
    }

    // Toggle function
    function toggleMovieVisibility() {
        let movieWraps = document.querySelectorAll('.browse-movie-wrap');
        movieWraps.forEach(function(movieWrap) {
            movieWrap.style.display = movieWrap.style.display === 'none' ? 'block' : 'none';
        });
    }

    // Delay before executing the script
    setTimeout(function() {
        hideMovieWraps();

        // Create and append the toggle button
        const toggleButton = document.createElement('button');
        toggleButton.textContent = 'Toggle English/Foreign Titles';
        toggleButton.addEventListener('click', toggleMovieVisibility);
        document.body.appendChild(toggleButton);

        // Button style
        const style = document.createElement('style');
        style.textContent = `
            button {
                position: fixed;
                bottom: 20px;
                right: 20px;
                z-index: 9999;
                padding: 10px;
                background-color: #000000;
                color: #fff;
                border: 1px solid #fff;
                border-radius: 5px;
                cursor: pointer;
                font-size: 12px;
            }
            button:hover {
                background-color: #ffffff;
                color: #000000;
            }
        `;
        document.head.appendChild(style);
    }, delayBeforeStart);
})();