$(document).ready(function() {
    var name_search;
    var arr_track;
    var arr_effects;
    $('#sb_search').on('keyup', function (e) {
        var txt = $(this).val();

        if (txt.length > 2){
            $('.sb_search_text').text(txt);
            name_search = txt.toLowerCase();

            if (e.which == 13){
                window.location = '/search/'+name_search;
            }
            var href = '/search/'+name_search;
            $('.sb_search_text').attr('href', href);
            $('.url_btn').attr('href', href);

            $.ajax({
                method: "POST",
                dataType: 'json',
                url: '/ajax/search.php?action=search',
                data: { 'search': txt},
                success: function (data) {
                    $('.sb_tags_search').children().remove();
                    $('.sb_tracks_search').children().remove();
                    $('.sb_artist_search').children().remove();
                    $('.sb_collections_search').children().remove();
                    $('.sb_freebies_search').children().remove();
                    $('.sb_effects_search').children().remove();

                    $('.sb_more_tracks').addClass('hidden');
                    $('.sb_more_collections').addClass('hidden');
                    $('.sb_more_freebies').addClass('hidden');
                    $('.sb_more_effects').addClass('hidden');

                    $('.search_modal').removeClass('hidden');
                    $('.search_modal').removeClass('fix_index');
                    // $('body').addClass('overflow-y');

                    // $('.modal_overlay1').removeClass('hidden');

                    //Tags
                    if (data.tags != false){
                        $('.sb_count_tags').html('');
                        data.tags.forEach(function(item, i){
                            var name = item.name.toLowerCase();

                            $('.sb_tags_search').append(`<a href="/search/?stylefilters=[`+item.id+`]"><div class="panel_link">`+item.name+`</div></a>`);
                        });
                        $('.sb_count_tags').append(`(`+data.tags.length+`)`);
                    }else {
                        $('.sb_count_tags').html('');
                        $('.sb_count_tags').append(`(0)`);
                    }

                    //Artists
                    if (data.artist != false){
                        $('.sb_count_artist').html('');
                        data.artist.forEach(function(item, i){
                            if (i < 4) {
                                if (typeof (item.artist_name) != "undefined" && item.artist_name !== null) {
                                    $('.sb_artist_search').append(`<div class="search_track-block"><a href="/artists/` + item.id + `/"><div class="search_track-img"><img src="` + item.ava + `" alt="img"></div><div class="search_track-name"> <span>` + item.artist_name + `</span></a></div></div>`);
                                } else {
                                    $('.sb_artist_search').append(`<div class="search_track-block"><a href="/artists/` + item.id + `/"><div class="search_track-img"><img src="` + item.ava + `" alt="img"></div><div class="search_track-name"> <span>` + item.name + `</span></a></div></div>`);
                                }
                            }
                        });
                        $('.sb_count_artist').append(`(`+data.artist.length+`)`);
                    }else {
                        $('.sb_count_artist').html('');
                        $('.sb_count_artist').append(`(0)`);
                    }


                    //Tracks
                    if (typeof(data.tracks_artist) != "undefined" && data.tracks_artist !== null) {
                        arr_track = data.tracks.concat(data.tracks_artist);
                    }else {
                        arr_track = data.tracks;
                    }

                    arr_track.forEach((el,index)=>{
                        if (arr_track.length > 1) {
                            for (let i = index+1; i < arr_track.length; i++) {
                                if (el.id == arr_track[i].id) {
                                    arr_track.splice(index, 1);
                                }
                            }
                        }
                    });

                    if (arr_track != false){
                        $('.sb_count_tracks').html('');
                        arr_track.forEach(function(item, i){
                            if (i < 12){
                                $('.sb_tracks_search').append(`<div class="search_track-block"><div class="search_track-img sb_play_track track-play sb_check_play tr check_download" data-id="`+item.id+`" onclick="playTrack(this);"><img src="`+item.ava+`" alt="img"><div class="search_track-play"><img src="/public/assets/img/icon/play4.png" alt="img"></div></div><div class="search_track-name"><p>`+item.track_name+`</p><a href="/artists/`+item.uid+`/"> <span>`+item.user.artist_name+`</span></a></div></div>`);
                            }
                        });

                        $('.sb_count_tracks').append(`(`+arr_track.length+`)`);
                    }else {
                        $('.sb_count_tracks').html('');
                        $('.sb_count_tracks').append(`(0)`);
                    }

                    if (arr_track.length > 12){
                        $('.sb_more_tracks').removeClass('hidden');
                    }


                    //Collections
                    if (data.paid_collections != false){
                        $('.sb_count_collections').html('');
                        data.paid_collections.forEach(function(item, i){
                            if (i < 4) {
                                $('.sb_collections_search').append(`<a href="/collections/` + item.id + `/"><div class="free_bides-item"><img src="` + item.ava_collection + `" alt="img"><div class="free_bides-item_content"><div class="free_bides-play"><img src="/public/assets/img/icon/play.png" alt="img"></div><div class="free_bides-name"><h4>` + item.name_collection + `</h4><p>` + item.description + `</p></div></div></div></a>`);
                            }
                        });
                        $('.sb_count_collections').append(`(`+data.paid_collections.length+`)`);
                    }else {
                        $('.sb_count_collections').html('');
                        $('.sb_count_collections').append(`(0)`);
                    }

                    if (data.paid_collections.length > 4){
                        $('.sb_more_collections').removeClass('hidden');
                    }

                    //Freebies
                    if (data.free_collections != false){
                        $('.sb_count_freebies').html('');
                        data.free_collections.forEach(function(item, i){
                            if (i < 4) {
                                $('.sb_freebies_search').append(`<a href="/collections/` + item.id + `/"><div class="free_bides-item"><img src="` + item.ava_collection + `" alt="img"><div class="free_bides-item_content"><div class="free_bides-play"><img src="/public/assets/img/icon/play.png" alt="img"></div><div class="free_bides-name"><h4>` + item.name_collection + `</h4><p>` + item.description + `</p></div></div></div></a>`);
                            }
                        });
                        $('.sb_count_freebies').append(`(`+data.free_collections.length+`)`);
                    }else {
                        $('.sb_count_freebies').html('');
                        $('.sb_count_freebies').append(`(0)`);
                    }

                    if (data.free_collections.length > 4){
                        $('.sb_more_freebies').removeClass('hidden');
                    }



                    //Effects
                    if (typeof(data.effects_artist) != "undefined" && data.effects_artist !== null) {
                        arr_effects = data.effects.concat(data.effects_artist);
                    }else {
                        arr_effects = data.effects;
                    }

                    arr_effects.forEach((el,index)=>{
                        if (arr_effects.length > 1) {
                            for (let i = index+1; i < arr_effects.length; i++) {
                                if (el.id == arr_effects[i].id) {
                                    arr_effects.splice(index, 1);
                                }
                            }
                        }
                    });

                    if (arr_effects != false){
                        $('.sb_count_effects').html('');
                        arr_effects.forEach(function(item, i){
                            if (i < 12){
                                $('.sb_effects_search').append(`<div class="search_track-block"><div class="search_track-img sb_play_track track-play sb_check_play tr check_download" data-id="`+item.id+`" onclick="playTrack(this);"><img src="`+item.ava+`" alt="img"><div class="search_track-play"><img src="/public/assets/img/icon/play4.png" alt="img"></div></div><div class="search_track-name"><p>`+item.track_name+`</p><a href="/artists/`+item.uid+`/"> <span>`+item.user.artist_name+`</span></a></div></div>`);
                            }
                        });

                        $('.sb_count_effects').append(`(`+arr_effects.length+`)`);
                    }else {
                        $('.sb_count_effects').html('');
                        $('.sb_count_effects').append(`(0)`);
                    }

                    if (arr_effects.length > 12){
                        $('.sb_more_effects').removeClass('hidden');
                    }


                    if (arr_track != false || data.paid_collections != false || data.free_collections != false || data.effects != false){
                        var name_search = txt.toLowerCase();
                        var href = '/search/'+name_search;
                        $('.sb_resuolt').attr('href', href);
                        $('.sb_resuolt').removeClass('hidden');
                    }else {
                        $('.sb_resuolt').addClass('hidden');
                    }

                }
            });


        }else {
            $('.search_modal').addClass('hidden');
            // $('body').removeClass('overflow-y');
            // $('.modal_overlay1').addClass('hidden');
        }
    });

    $('.search_section-close').click(function(){
        $('.search_modal').addClass('hidden');
    })

});