console.error("smartSearch");


if (typeof smartSearch_scriptLoaded === 'undefined') {
	
$(document).ready(function(){

$(document).on("input",".filterList",function(){
	
	var input = $(this);
	var filterValue;
	if (input.attr('type') == 'number') {
		filterValue = parseInt(input.val());
	} else {
		filterValue = input.val();
	}

	var target = input.parents(".stSmallList").find(".stSmallListItem");
	
	target.each(function() {

		var search = $(this).attr("data-search");
		console.log("search:");
		console.log(search);
		console.log("filterValue:");
		console.log(filterValue);

		if (input.attr('type') == 'number') {

			console.warn("number");
			
			if ((!filterValue) || search == filterValue) {
				$(this).show();
			} else {
				$(this).hide();
			}

		}else{

			var regv = regExp_all_match(filterValue);
			//console.warn(regv);
			var ma = search.match(regv);

			if((!filterValue) || ma !=null){
				$(this).show();
			}else{
				$(this).hide();
			}

		}

	});
	
});
	





$(document).on("submit", ".smartSearchForm", function() {
		
        event.preventDefault();
		var qForm = $(this);
		var sin = qForm.attr("data-sin");
		var smartTabContent = qForm.closest(".smartTabContent");
		var listItemsContainer = smartTabContent.find('.stSmallListItems');
        var smartSearchInput = smartTabContent.find('.smartSearchInput');
		$(".smartSearchSeeMore").remove();
        var searchValue = smartSearchInput.val();
		smartSearchInput.attr("data-last-q",searchValue);
        console.log('تم البحث عن: ' + searchValue);
		
		
		if(searchValue){
			
			smartTabContent.find(".searchIntro").hide();
			smartTabContent.find(".searchLoading").show();
			smartSearchInput.prop("disabled", true);
			listItemsContainer.find(".json_search").remove();
			deep = 0;
			listItemsContainer.find(".smallTitle").remove();deepSearchNum = 0;
			json_search(searchValue,0,sin,smartTabContent);
			
		}else{
			smartTabContent.find(".searchIntro").show();
		}
		deep = 0;
		numberOfSearchItems = 0;
});


$(document).on("input", ".inputArabic", function() {
	var inputValue = $(this).val();
    // تعبير منتظم لفحص إذا كانت الحروف هي حروف عربية
    var arabicLettersRegex = /[\u0600-\u06FF]/;

    // التحقق من أن الحروف هي حروف عربية
    if (!arabicLettersRegex.test(inputValue)) {
        // إذا كانت الحروف ليست حروف عربية، يتم حذفها
        $(this).val(inputValue.replace(/[^ء-ي]/g, ''));
    }
	
});

	
$(document).on("input", ".smartSearchInput", function() {	
    // قيمة الحقل
    var inputValue = $(this).val();
    var lastValue = $(this).attr("data-last-q");


	if(inputValue != lastValue){
		
		
		$(".searchError").hide();
		console.log("remove all res");


		if(inputValue){
			
		}else{
			$(".searchIntro").show();
		}	
		deep = 0;
		numberOfSearchItems = 0;
		
	}
});



$(document).on("click", ".smartSearchSeeMore", function() {
	
	console.warn("<button .smartSearchSeeMore");
	var smartTabContent = $(this).closest(".smartTabContent");
	var smartSearchInput = smartTabContent.find('.smartSearchInput');
	smartTabContent.find(".searchLoading").show();
	smartSearchInput.prop("disabled", true);
	var searchin = $(this).attr("data-searchin");
	var deep = parseInt($(this).attr("data-deep"));
	var searchvalue = $(this).attr("data-searchvalue");
	json_search(searchvalue,deep,searchin,smartTabContent);
	$(this).remove();
});



});
	
	




var numberOfSearchItems =0;
var maxSearchs = 7;
var maxResults = 300;
var deepSearchNum = 0;

function json_search(searchValue,deep=0,searchIn = "quran",smartTabContent){
	var siFile = 'json_smart_search.php';
	deep = parseInt(deep);
	$.ajax({
		url: siFile+'?sin='+searchIn+'&q='+searchValue+'&deep='+deep,
		type: 'GET',
		dataType: 'json',
		success: function(data) {
			
		numberOfSearchItems = numberOfSearchItems+parseInt(data.count);
		
		if(data.maxSearchs[searchIn]){
			maxSearchs = parseInt(data.maxSearchs[searchIn]);
		}
		if(data.count){
			
			

			deepSearchNum++;
			var deepSearch ='';
			if(deep > 2){
				deepSearch = 'محاولة بحث '+deepSearchNum+' ، ';
			}
			smartTabContent.find('.stSmallListItems').append('<div class="smallTitle text-right text-muted bg-secondary-transparent">'+deepSearch+' النتائج: '+(parseInt(data.count))+'</div>');
		}
		  $.each(data.items, function(index, item) {
			
			if(item.maxSearchs){
				maxSearchs = parseInt(item.maxSearchs);
			}

			addSearchItem(item,smartTabContent);

		  });

		

		  console.error('numberOfSearchItems:', numberOfSearchItems);
		  console.error('deep:', deep);
		  console.error('data.count:', data.count);
		  console.error('maxSearchs:', maxSearchs);
		  console.error('data.maxSearchs[searchIn]:', data.maxSearchs[searchIn]);
		  console.error('data:', data);
		  
		  if((numberOfSearchItems < maxResults)&&(deep < maxSearchs)){
			  /* اعادة البحث */
			  if((numberOfSearchItems<11) || (data.count == 0)){
				json_search(searchValue,(deep+1),searchIn,smartTabContent);
			  }else{
			  smartTabContent.append('<button class="smartSearchSeeMore btn-light-scheme stListHyper" data-searchvalue = "'+searchValue+'" data-deep = "'+(deep+1)+'" data-searchIn = "'+searchIn+'" >المزيد</button>');
			  smartTabContent.find(".searchLoading").hide();
			  smartTabContent.find(".smartSearchInput").prop("disabled", false);
			  }
		  }else{
			  smartTabContent.find(".searchLoading").hide();
			  smartTabContent.find(".smartSearchInput").prop("disabled", false);
			  $(".smartSearchSeeMore").remove();
		  }
		  
		  if((deep ==maxSearchs) && (numberOfSearchItems == 0)){
			  smartTabContent.find(".searchError .errorQ").html(searchValue);
			  smartTabContent.find(".searchError").show();
		  }else{
			  smartTabContent.find(".searchError").hide();
		  }
		  

		  
		},
	error: function(error){console.error('حدث خطأ:', error);}
	});
			
}





function addSearchItem(item,smartTabContent){
	var listItemsContainer = smartTabContent.find('.stSmallListItems');
	
if(item.sin == "quran"){
	var aHref = "/quran/page/"+item.quran_aya_pagenumber;
	var aHtml = '<div class="text-center">\
	<small class="float-left"><span class="text-muted">صـ</span> '+item.pagenumber+'</small> 	\
	<small class="text-muted">'+item.juzName+'</small> \
	<big class=" float-right font-hafs"><b>'+item.suraName+'</b> '+item.ayanumber+'</big> \
	<div class="clear"></div>\
	</div>\
	<span class="stSmallListInfoNL position-relative font-hafs text-dark-scheme">﴿'+item.highlight+' </span>';
	var newListItem = $('<a>').addClass('stSmallListItem json_search').attr('href', aHref).html(aHtml);

}


if((item.sin == "all")||(item.sin == "event")||(item.sin == "book")||(item.sin == "dar")){
	if(!item.n){item.n = " ";}
	if(!item.d){item.d = " ";}
	if(!item.a){item.a = " ";}
	var aHref = item.url;
	var itImg = "";
	var itImgCover = "";
	if(item.img){
		var itImg = '<img class="stSmallListItemImg" src="'+item.img+'" alt=""/>';
	}
	if(item.cover){
		var itImgCover = '<div class="stSmallListItemImgCover" style="background-image:url(\''+item.cover+'\')" ></div>';
	}
	var aHtml = '\
	'+itImgCover+'\
	<div class="stListFlix">'+itImg+'\
	<div class="">\
	<div class="text-center">\
	<small class="float-left"><span class="text-muted"> </span> '+item.d+'</small> 	\
	<small class="">'+item.a+'</small> \
	<big class=" float-right"><b>'+item.name+'</b> '+item.n+'</big> \
	<div class="clear"></div>\
	</div>\
	<small class="stSmallListInfoNL position-relative  text-dark-scheme">'+item.info+'</small>\
	</div></div>';
	var newListItem = $('<a>').addClass('stSmallListItem json_search').attr('href', aHref).html(aHtml);

}




if(item.sin == "author"){

	if(!item.n){item.n = " ";}
	if(!item.d){item.d = " ";}
	if(!item.a){item.a = " ";}
	var aHref = item.url;
	var itImg = "";
	var itImgCover = "";
	if(item.img){
		var itImg = '<img class="stListItemImg" src="'+item.img+'" alt=""/>';
	}
	if(item.cover){
		var itImgCover = '<div class="stSmallListItemImgCover" style="background-image:url(\''+item.cover+'\')" ></div>';
	}
	var aHtml = '\
	'+itImgCover+'\
	<div class="stListFlix">'+itImg+'\
	<div class="">\
	<div class="text-center">\
	<small class="float-left"><span class="text-muted"> </span> '+item.d+'</small> 	\
	<big class="">'+item.a+'</big> \
	<big class=" float-right"><big class="stListHyper">'+item.name+'</big> '+item.n+'</big> \
	<div class="clear"></div>\
	</div>\
	<small class="stListInfo position-relative  text-dark-scheme">'+item.info+'</small>\
	</div></div>';
	var newListItem = $('<a>').addClass('stSmallListItem json_search').attr('href', aHref).html(aHtml);

}


if(item.sin == "user"){

	if(!item.n){item.n = " ";}
	if(!item.d){item.d = " ";}
	if(!item.a){item.a = " ";}
	if(!item.info){item.info = " ";}
	var aHref = item.url;
	var itImg = "";
	var itImgCover = "";
	if(item.img){
		var itImg = '<img class="stListItemImg stListItemImgCircle" src="'+item.img+'" alt=""/>';
	}
	if(item.cover){
		var itImgCover = '<div class="stSmallListItemImgCover" style="background-image:url(\''+item.cover+'\')" ></div>';
	}
	var aHtml = '\
	'+itImgCover+'\
	<div class="stListFlix stListFlixUser">'+itImg+'\
	<div class="">\
	<div class="text-center">\
	<small class="float-left text-warning pl-2">\
	<span class="text-muted"> </span> '+item.d+'</small> 	\
	<big class="">'+item.a+'</big> \
	<big class=" float-right"><b class="stListHyper">'+item.name+'</b> '+item.n+'</big> \
	<div class="clear"></div>\
	</div>\
	<small class="stListInfo m-0 position-relative  text-dark-scheme">'+item.info+'</small>\
	</div></div>';
	var newListItem = $('<a>').addClass('stSmallListItem json_search').attr('href', aHref).html(aHtml);

}

if(item.sin == "link"){
	
	if(!item.imgIcon){item.imgIcon = " ";}
	if(!item.d){item.d = " ";}
	if(!item.a){item.a = " ";}
	var aHref = item.url;
	var itImg = "";
	
	if(item.img){
		var itImg = '<img class="stSmallListItemImg" src="'+item.img+'" alt=""/>';
	}
	
	var aHtml = '\
	<div class="stListFlix">'+itImg+'\
	<div class="">\
	<div class="text-center">\
	<small class="stSmallListItemImgIcon">'+item.imgIcon+'</small> 	\
	<small class="">'+item.a+'</small> \
	<big class=" float-right"><b>'+item.name+'</b> '+'</big> \
	<div class="clear"></div>\
	</div>\
	<small class="d-block stListItemUserName text-center position-relative  text-dark-scheme">'+item.info+'</small>\
	</div></div>';
	
	
	
	var newListItem = $('<a>').addClass('stSmallListItem json_search').attr('href', aHref).html(aHtml);
	

}
	
	newListItem.attr("data-tbid",item.tbid);
	newListItem.attr("data-tbids", item.tbids ? item.tbids : "");
	var sinTb = item.tbid.split(":")[0];
	
	newListItem.attr("data-tbidname",item[sinTb+"_name"]);
	listItemsContainer.append(newListItem);

}
	
	
	
    

function centerListItem(tab, delay = 1000) {
	setTimeout(function() {
		
		var thiss = $("." + tab + " " + ".stSmallListItem.active");
		var container = thiss.closest(".stSmallListItems");
		var containerHeight = container.height();
		var totalHeight = containerHeight;
		
		var zOom = thiss.css("zoom");
		console.log("zOom");
		console.log(zOom);
				
		console.log("totalHeight");
		console.log(totalHeight);
		
		var thisTop = 0;
		var activeDone = false;
		
		container.find(".stSmallListItem").each(function() {
			totalHeight += $(this).outerHeight(true);
			if($(this).hasClass("active")){
				activeDone = true;
				
			}
			if(activeDone === false){
				thisTop += $(this).outerHeight(true);
			}
		});
		console.log("thisTop");
		console.log(thisTop);
		
		var scrollValue = (thisTop - ( containerHeight / 2 ) + (thiss.outerHeight(true)));
		if(zOom){
			scrollValue = scrollValue * zOom;
			scrollValue = scrollValue + ((containerHeight / 6 )  * zOom);
		}
		console.log("scrollValue");
		console.log(scrollValue);	
		
		if (
		scrollValue !== 0 
		) {
			container.animate({ scrollTop: scrollValue }, 300, function() {
				var nextElement = thiss.attr('data-next');
				if (nextElement) {
					centerListItem($(nextElement), delay);
				}
			});
		}

	}, delay);
}
  
 	var smartSearch_scriptLoaded = true;
}