let currentSpeed = 1.0; // Default speed set to 1x
const speeds = [1.0, 1.5, 2.0];
let cleanMode = false;
let hiddenElements = []; // To store hidden elements

// Create Speed Toggle button
let speedBtn = document.createElement('button');
speedBtn.textContent = 'Speed: 1x';
Object.assign(speedBtn.style, {
    fontSize: '18px', position: 'fixed', top: '70px', left: '20%',
    transform: 'translateX(-50%)', zIndex: '9999', backgroundColor: 'darkblue',
    color: 'white', border: '2px solid yellow', padding: '8px',
    borderRadius: '8px', cursor: 'pointer'
});
document.body.appendChild(speedBtn);

speedBtn.addEventListener('click', () => {
    let index = speeds.indexOf(currentSpeed);
    index = (index + 1) % speeds.length;
    currentSpeed = speeds[index];
    speedBtn.textContent = `Speed: ${currentSpeed}x`;

    let video = document.querySelector('video');
    if (video) video.playbackRate = currentSpeed;
});

// Create Clean Mode button
let cleanBtn = document.createElement('button');
cleanBtn.textContent = '🧹 Clean: Off';
Object.assign(cleanBtn.style, {
    fontSize: '18px', position: 'fixed', top: '110px', left: '20%',
    transform: 'translateX(-50%)', zIndex: '9999', backgroundColor: 'green',
    color: 'white', border: '2px solid white', padding: '8px',
    borderRadius: '8px', cursor: 'pointer'
});
document.body.appendChild(cleanBtn);

cleanBtn.addEventListener('click', () => {
    cleanMode = !cleanMode;
    cleanBtn.textContent = cleanMode ? '🧹 Clean: On' : '🧹 Clean: Off';

    if (!cleanMode) {
        // Restore hidden elements when Clean Mode is off
        hiddenElements.forEach(el => {
            el.style.display = ''; // Reset the display property to make them visible again
        });
        hiddenElements = []; // Clear the stored elements
    }
});

const observer = new MutationObserver(() => {
    let video = document.querySelector('video');
    if (video) {
        let duration = video.duration;
        let currentTime = video.currentTime;

        // Set the default video speed to 1x when the doubt video starts
        if (duration && currentTime === 0) {
            video.playbackRate = 1.0;  // Set default speed
        }

        // Detect ad
        if (duration && duration <= 40) {
            video.currentTime = duration - 0.1;  // Skip ads
            video.playbackRate = 2.0;
            video.muted = true;  // Mute the ad to avoid the dark effect
        } else {
            // Lesson detected
            video.muted = false;
            if (video.playbackRate !== currentSpeed) video.playbackRate = currentSpeed;

            // Clean Mode hides ads based on custom filters
            if (cleanMode) {
                document.querySelectorAll('.bg-secondary.space-y-2.sm\\:px-6.rounded-2xl.relative.card, .space-y-4.lg\\:max-w-sm.pl-8.basis-1\\/4.lg\\:flex.hidden.grow.flex-col, .fill-primary.z-30.py-1.sm\\:px-28.px-5.flex-col.flex.bg-secondary.w-full, section.\\33 xl\\:max-w-full.\\32 xl\\:max-w-4xl.xl\\:max-w-screen-sm.lg\\:max-w-\\[536px\\].max-w-screen.my-0:nth-of-type(2), .overflow-x-auto.gap-2.justify-between.items-center.flex, .rounded-b-2xl.mb-2.w-full.h-16.bg-secondary.p-4, section.my-0:nth-of-type(1), #similar-questions-1, .static.text-center.max-w-full.prose, #knowledge-check, #similar-questions-2, .\\!pt-0.self-start.undefined.py-4.text-gray-700').forEach(el => {
                    if (!hiddenElements.includes(el)) {
                        hiddenElements.push(el); // Store the hidden elements
                        el.style.display = 'none'; // Hide the element
                    }
                });
            }
        }
    }
});

observer.observe(document.body, { childList: true, subtree: true });