$( document ).ready(function() {

    let podcastNames = [];

    var showAllPodcastName = false
    var copiedFavour = ''

    $('.trial-code').click(function(){
        try {
            window.dataLayer.push({ event: 'get_started' })
          } catch (e) {}
    })

    $('.generate-form').submit(function(e){
        e.preventDefault()
        LoadPodcastName($('.c-generate-podcast-name-input').val())
    })

    $('.c-podcast-name-genrate-button').css({'pointer-event': 'none'});

    $('.c-generate-podcast-name-input').keyup(function(e){
        if($(this).val() != '') {
            $('.c-podcast-name-genrate-button').css({'pointer-event': 'none'});
        }else{
            $('.c-podcast-name-genrate-button').css({'pointer-event': 'all'});
        }
        if(e.keyCode == 13){
            LoadPodcastName($('.c-generate-podcast-name-input').val())
        }
    })

    $('.c-podcast-name-genrate-button').click(function(){
        setTimeout(function(){
            LoadPodcastName($('.c-generate-podcast-name-input').val())
        }, 700)
    })

    $('.c-podcast-name-regenrate-button').click(function(){
        setTimeout(function(){
            LoadPodcastName($('.c-generate-podcast-name-input').val())
        }, 700)
    })

    $('.c-generate-input-search-icon').click(function(){
        LoadPodcastName($('.c-generate-podcast-name-input').val())
    })

    // LoadPodcastName("description")

    function LoadPodcastName(key) {
        if (!key) return;

        $('.c-podcast-name-genrate-button').hide();
        $('.c-podcast-name-regenrate-button').hide();
        $('.c-podcast-name-genrate-progress').css({ display: 'flex' });

        const xhr = new XMLHttpRequest();
        xhr.withCredentials = false;

        xhr.addEventListener("readystatechange", function () {
            if (this.readyState === 4) {
                $('.c-podcast-name-genrate-progress').hide();
                $('.c-podcast-name-regenrate-button').css({
                    display : 'flex'
                })

                showAllPodcastName = false;

                try {
                    const res = JSON.parse(this.response);
                    podcastNames = res.results || [];
                } catch (err) {
                    console.error("❌ Error parsing JSON:", this.response);
                    podcastNames = [];
                }

                Rerender();
            }
        });

        xhr.open("POST", "https://rsidetools.com/api/podcast-name-generator/generate/");
        xhr.setRequestHeader("Content-Type", "application/json");
        xhr.send(JSON.stringify({ query: key }));
    }


    $('.c-show-more').click(function(){
        showAllPodcastName = true
        Rerender()
    })

    $('.c-show-less').click(function(){
        showAllPodcastName = false
        Rerender()
    })

    function Isfavourite(item){

        const favourites = JSON.parse(localStorage.getItem('favourites'))

        if(!favourites){
            return false
        }

        if(favourites.indexOf(item) > -1){
            return true
        }
        return false
        
    }

    window.ToggleFav = function(index){

        const item = podcastNames[parseInt(index)]

        let favourites = JSON.parse(localStorage.getItem('favourites'))


        if(!favourites){
            $('.c-podcast-name-saved-tooltip').css({display:'block'})

            setTimeout(function(){

                $('.c-podcast-name-saved-tooltip').css({display:'none'})

            }, 2000)
            favourites = []
        }

        var index = favourites.indexOf(item);

        if(index > -1){
            favourites.splice(index, 1)
        }else{
            favourites.push(item)
        }

        localStorage.setItem('favourites', JSON.stringify(favourites))

        Rerender()

    }

    window.RemoveFav = function(index){

        let favourites = JSON.parse(localStorage.getItem('favourites'))


        if(!favourites){
            favourites = []
        }

        index = parseInt(index)

        if(index > -1){
            favourites.splice(index, 1)
        }else{
            favourites.push(item)
        }

        localStorage.setItem('favourites', JSON.stringify(favourites))

        Rerender()

    }

    window.copyFavout = function(index){

        let favourites = JSON.parse(localStorage.getItem('favourites'))

        const item = favourites[parseInt(index)]

        navigator.clipboard.writeText(item);
        copiedFavour = item
        Rerender()
        setTimeout(function(){

            copiedFavour = ''
            Rerender()

        }, 1500)

    }

    
    

    // $('.c-podcast-generated-list-item').click(() => {
    //     // console.log($(this).children('.c-podcast-generated-list-item-text'))
    //     // console.log($(this).children('.c-podcast-generated-list-item-text').html())
    //     // ToggleFav($(this).children('.c-podcast-generated-list-item-text').text)
    //     ToggleFav('The Best Of Life')
    // })
    
    
    $('.c-show-more').css({
        display : 'none'
    })

    function Rerender(){

        if(podcastNames.length > 9){
            $('.c-show-more').css({
                display : 'block'
            })
            $('.c-show-more').css({
                display : showAllPodcastName ? 'none' : 'block'
            })
            $('.c-show-less').css({
                display : !showAllPodcastName ? 'none' : 'block'
            })
        }

        
        // $('.c-show-less')[].style.display = showAllPodcastName ? 'none' : 'block'

        $('.c-podcast-generated-list').html('')

        for (let index = 0; index < podcastNames.length; index++) {

            $('.c-podcast-generated-list').append(`
                <div 
                    onClick='ToggleFav("${index}")'
                    class="c-podcast-generated-list-item ${Isfavourite(podcastNames[index]) ? 'favourite-added' : ''}"
                >
                    <p class="c-podcast-generated-list-item-text">${podcastNames[index]}</p>
                    <img src="https://uploads-ssl.webflow.com/5f996b22b00afe35a55e6f79/6173b0c8deb165abf8ab80bb_Vector.svg" loading="lazy" alt="" class="c-podcast-favorite-icon" />
                    <img src="https://uploads-ssl.webflow.com/5f996b22b00afe35a55e6f79/6173b047056a3b0f5c9f61b9_heart-filled.svg" loading="lazy" alt="" class="c-podcast-favorite-icon-filled" />
                    <!-- 
                    <div class="c-podcast-name-unique-found">
                        <div class="c-podcast-name-unique-found-block">
                            <p class="c-podcast-name-unique-found-text">Unique Found</p>
                            <div class="c-podcast-name-unique-found-arrow-block">
                                <div class="c-podcast-name-unique-found-arrow-cap"></div>
                            </div>
                        </div>
                    </div>
                    -->
                </div>`
            )

            if(!showAllPodcastName && index == 8){
                break;
            }
              
        }

        $('.c-toolip-podcast-name-list').html('')

        const allFavourites = JSON.parse(localStorage.getItem('favourites'))

        if(allFavourites && allFavourites.length > 0){

            for (let index = 0; index < allFavourites.length; index++) {
            
                $('.c-toolip-podcast-name-list').append(`
                    <div class="c-toolip-podcast-name-list-item">
                        <p class="c-toolip-podcast-name-list-item-text">${allFavourites[index]}</p>
                        <div class="c-toolip-podcast-name-list-item-action-block">
                            <div class="c-toolip-podcast-name-list-item-action-block-inner">
                                <img onClick='copyFavout("${index}")' src="https://uploads-ssl.webflow.com/5f996b22b00afe35a55e6f79/6172982c471a288915ae92e6_copy.svg" loading="lazy" alt="" class="c-toolip-podcast-name-list-item-copy">
                                <img onClick='RemoveFav("${index}")' src="https://uploads-ssl.webflow.com/5f996b22b00afe35a55e6f79/61729837471a2839a5ae9306_tooltip-close.svg" loading="lazy" alt="" class="c-toolip-podcast-name-list-item-delete">
                            </div>
                        </div>
                        <div style="display:${copiedFavour == allFavourites[index] ? 'flex' : 'none'}" class="c-toolip-podcast-name-list-item-copied-block">
                            <p class="c-toolip-podcast-name-list-item-copied-block-text">Copied!</p>
                        </div>
                    </div>
                `)
                
            }

        }

        

        // $('.c-podcast-generated-list').html(podcastGeneratedListHtml)

        

    }

    Rerender()
    
    let youtubeNamesYoutube = [];
    var showAllyoutubeNameYoutube = false
    var copiedFavourYoutube = ''
    $('.trial-code-youtube').click(function() {
        try {
            window.dataLayer.push({
                event: 'get_started'
            })
        } catch (e) {}
    })
    $('#generate-form-youtube').submit(function(e) {
        e.preventDefault()
        LoadyoutubeName($('.c-generate-youtube-name-input').val())
    })
    $('.c-youtube-name-genrate-button').css({
        'pointer-event': 'none'
    });
    $('.c-generate-youtube-name-input').keyup(function(e) {
        if ($(this).val() != '') {
            $('.c-youtube-name-genrate-button').css({
                'pointer-event': 'none'
            });
        } else {
            $('.c-youtube-name-genrate-button').css({
                'pointer-event': 'all'
            });
        }
        if (e.keyCode == 13) {
            LoadyoutubeName($('.c-generate-youtube-name-input').val())
        }
    })
    $('.c-youtube-name-genrate-button').click(function() {
        setTimeout(function() {
            LoadyoutubeName($('.c-generate-youtube-name-input').val())
        }, 700)
    })
    $('.c-youtube-name-regenrate-button').click(function() {
        setTimeout(function() {
            LoadyoutubeName($('.c-generate-youtube-name-input').val())
        }, 700)
    })
    $('.c-generate-input-search-icon').click(function() {
        LoadyoutubeName($('.c-generate-youtube-name-input').val())
    })
    // LoadyoutubeName("description")
    function LoadyoutubeName(key) {
        if (!key) return;

        $('.c-youtube-name-genrate-button').hide();
        $('.c-youtube-name-regenrate-button').hide();
        $('.c-youtube-name-genrate-progress').css({ display: 'flex' });

        const xhr = new XMLHttpRequest();
        xhr.withCredentials = false;

        xhr.addEventListener("readystatechange", function () {
            if (this.readyState === 4) {
                $('.c-youtube-name-genrate-progress').hide();
                $('.c-youtube-name-regenrate-button').css({
                    display: 'flex'
                })

                showAllyoutubeNameYoutube = false;

                try {
                    const res = JSON.parse(this.response);
                    youtubeNamesYoutube = res.results || [];
                } catch (err) {
                    console.error("❌ Error parsing JSON:", this.response);
                    youtubeNamesYoutube = [];
                }

                RerenderYoutube();
            }
        });

        xhr.open("POST", "https://rsidetools.com/api/podcast-name-generator/generate/");
        xhr.setRequestHeader("Content-Type", "application/json");
        xhr.send(JSON.stringify({ query: key }));
    }
    $('.c-show-more-youtube').click(function() {
        showAllyoutubeNameYoutube = true
        RerenderYoutube()
    })
    $('.c-show-less-youtube').click(function() {
        showAllyoutubeNameYoutube = false
        RerenderYoutube()
    })
    function IsfavouriteYoutube(item) {
        const favouritesYoutube = JSON.parse(localStorage.getItem('favouritesYoutube'))
        if (!favouritesYoutube) {
            return false
        }
        if (favouritesYoutube.indexOf(item) > -1) {
            return true
        }
        return false
    }
    window.ToggleFavYoutube = function(index) {
        const item = youtubeNamesYoutube[parseInt(index)]
        let favouritesYoutube = JSON.parse(localStorage.getItem('favouritesYoutube'))
        if (!favouritesYoutube) {
            $('.c-youtube-name-saved-tooltip').css({
                display: 'block'
            })
            setTimeout(function() {
                $('.c-youtube-name-saved-tooltip').css({
                    display: 'none'
                })
            }, 2000)
            favouritesYoutube = []
        }
        var index = favouritesYoutube.indexOf(item);
        if (index > -1) {
            favouritesYoutube.splice(index, 1)
        } else {
            favouritesYoutube.push(item)
        }
        localStorage.setItem('favouritesYoutube', JSON.stringify(favouritesYoutube))
        RerenderYoutube()
    }
    window.RemoveFavYoutube = function(index) {
        let favouritesYoutube = JSON.parse(localStorage.getItem('favouritesYoutube'))
        if (!favouritesYoutube) {
            favouritesYoutube = []
        }
        index = parseInt(index)
        if (index > -1) {
            favouritesYoutube.splice(index, 1)
        } else {
            favouritesYoutube.push(item)
        }
        localStorage.setItem('favouritesYoutube', JSON.stringify(favouritesYoutube))
        RerenderYoutube()
    }
    window.copyFavoutYoutube = function(index) {
        let favouritesYoutube = JSON.parse(localStorage.getItem('favouritesYoutube'))
        const item = favouritesYoutube[parseInt(index)]
        navigator.clipboard.writeText(item);
        copiedFavourYoutube = item
        RerenderYoutube()
        setTimeout(function() {
            copiedFavourYoutube = ''
            RerenderYoutube()
        }, 1500)
    }
    
    $('.c-show-more-youtube').css({
        display: 'none'
    })
    function RerenderYoutube() {
        if (youtubeNamesYoutube.length > 9) {
            $('.c-show-more-youtube').css({
                display: 'block'
            })
            $('.c-show-more-youtube').css({
                display: showAllyoutubeNameYoutube ? 'none' : 'block'
            })
            $('.c-show-less-youtube').css({
                display: !showAllyoutubeNameYoutube ? 'none' : 'block'
            })
        }
        // $('.c-show-less-youtube')[].style.display = showAllyoutubeNameYoutube ? 'none' : 'block'
        $('.c-youtube-generated-list').html('')
        for (let index = 0; index < youtubeNamesYoutube.length; index++) {
            $('.c-youtube-generated-list').append(`
                <div 
                    onClick='ToggleFavYoutube("${index}")'
                    class="c-youtube-generated-list-item ${IsfavouriteYoutube(youtubeNamesYoutube[index]) ? 'favourite-added' : ''}"
                >
                    <p class="c-youtube-generated-list-item-text">${youtubeNamesYoutube[index]}</p>
                    <img src="https://uploads-ssl.webflow.com/5f996b22b00afe35a55e6f79/6173b0c8deb165abf8ab80bb_Vector.svg" loading="lazy" alt="" class="c-youtube-favorite-icon" />
                    <img src="https://uploads-ssl.webflow.com/5f996b22b00afe35a55e6f79/6173b047056a3b0f5c9f61b9_heart-filled.svg" loading="lazy" alt="" class="c-youtube-favorite-icon-filled" />
                    <!-- 
                    <div class="c-youtube-name-unique-found">
                        <div class="c-youtube-name-unique-found-block">
                            <p class="c-youtube-name-unique-found-text">Unique Found</p>
                            <div class="c-youtube-name-unique-found-arrow-block">
                                <div class="c-youtube-name-unique-found-arrow-cap"></div>
                            </div>
                        </div>
                    </div>
                    -->
                </div>`)
            if (!showAllyoutubeNameYoutube && index == 8) {
                break;
            }
        }
        $('.c-toolip-youtube-name-list').html('')
        const allFavouritesYoutube = JSON.parse(localStorage.getItem('favouritesYoutube'))
        if (allFavouritesYoutube && allFavouritesYoutube.length > 0) {
            for (let index = 0; index < allFavouritesYoutube.length; index++) {
                $('.c-toolip-youtube-name-list').append(`
                    <div class="c-toolip-youtube-name-list-item">
                        <p class="c-toolip-youtube-name-list-item-text">${allFavouritesYoutube[index]}</p>
                        <div class="c-toolip-youtube-name-list-item-action-block">
                            <div class="c-toolip-youtube-name-list-item-action-block-inner">
                                <img onClick='copyFavoutYoutube("${index}")' src="https://uploads-ssl.webflow.com/5f996b22b00afe35a55e6f79/6172982c471a288915ae92e6_copy.svg" loading="lazy" alt="" class="c-toolip-youtube-name-list-item-copy">
                                <img onClick='RemoveFavYoutube("${index}")' src="https://uploads-ssl.webflow.com/5f996b22b00afe35a55e6f79/61729837471a2839a5ae9306_tooltip-close.svg" loading="lazy" alt="" class="c-toolip-youtube-name-list-item-delete">
                            </div>
                        </div>
                        <div style="display:${copiedFavourYoutube == allFavouritesYoutube[index] ? 'flex' : 'none'}" class="c-toolip-youtube-name-list-item-copied-block">
                            <p class="c-toolip-youtube-name-list-item-copied-block-text">Copied!</p>
                        </div>
                    </div>
                `)
            }
        }
        // $('.c-youtube-generated-list').html(youtubeGeneratedListHtml)
    }
    RerenderYoutube()
  

});