$( "body" ).on( "click", '.starRate', function(event) {
    // إزالة الفئة .starRated من العناصر .starRate التي تأتي بعد هذا العنصر
	
	
    var ratings = $(this).parents(".ratings");
    var rate_num = $(this).attr("data-star-num");
	var rateTb = ratings.attr("data-rate-tb");
	var rateId = ratings.attr("data-rate-id");
    var rate_tou = ratings.attr("data-to-u");
	
	
    $(this).prevAll(".starRate").removeClass("starRated");
	

	console.log($(this).prevAll(".starRate"));
	console.log("test3");
	//console.log($('.starReactions'));
	//$(this).parent().
	
	
	$(".rateStates"+rateTb+rateId).find(".starsIcon").fadeIn();
	$(".rateStates"+rateTb+rateId).find(".noRatesIcon").fadeOut("fast");
	$(".rateStates"+rateTb+rateId).find(".starsUsers").fadeIn();
	$(".rateStates"+rateTb+rateId).find(".number-rating").fadeIn();
	
	
	
	var data_rate_emoji = "star";
	
	if (!$(event.target).is('button')) {

		//$(this).find('.starReactions').slideDown();
		var selectedRatePanel = $(this).parent().find('.selected');
		selectedRatePanel.each(function(){
			$(this).removeClass('selected');
			$(this).find('.starReactions').slideUp();
			
		});
		
		$(this).addClass('selected');
		$(this).find('.starReactions').slideDown();
		$(this).parent().find(".starRate:not('.selected') .userStarReaction").html("").fadeOut();
		
		// تحديد كل العناصر .elmnt بعد العنصر .selectedelmnt داخل .test
		
		
	}else{
		
		console.log(" يتم النقر على الأزرار داخل .starRate");

		var iconRa = $(event.target).text();
		var ratings = $(event.target).parents(".ratings");
		var starRate = ratings.find(".starRate:not('.selected')");
		var starRateSelected = $(event.target).parents(".starRate.selected");
		
		data_rate_emoji = iconRa;
		
		starRateSelected.find(".starReactions .btn").removeClass("active");
		$(event.target).addClass("active");
		
		ratings.find(".starRate:not('.selected') .userStarReaction").html("");
		ratings.find(".starRate:not('.selected') .userStarReaction").fadeOut("fast");

		
		starRateSelected.find(".userStarReaction").html(iconRa).fadeIn("fast");
		
		ratings.find('.starReactions').slideUp();
		$(".rateStates"+rateTb+rateId).find(".starsIcon").html(iconRa);
		console.log(" starRate button"+iconRa);

		
		
	}
	




	var dataToSend = {
		emoji: data_rate_emoji,
		t: rateTb,
		i: rateId,
		r: rate_num,
		u: window.parent.location.href,
		tu: rate_tou,
		
	};

	// إرسال البيانات باستخدام POST
	$.post("../rate_action.php", dataToSend, function(response){
		//$("#result").html(response); // عرض الرد من السيرفر
		console.log(response);
		
		
		if (typeof afterRate === 'function') {
			// الدالة موجودة، يمكن استخدامها هنا
			afterRate([rateTb,rateId]);
		} else {
			// الدالة غير موجودة، يمكن التعامل مع هذه الحالة هنا
		}		
		
		
		
	});



});


$( "body" ).on( "click",'.starsUsersBtn', function(event) {
	var parentD = $(this).parents(".starsUsersD ");
        parentD.find(".starsUsersList").slideToggle();


	
});

$( "body" ).on( "click",'.starRate button', function(event) {


	
});