$(document).ready(function(){

$("#komentarnya").keyup(function(){
	var maxkarakter = 1000;
	var ketikan		= document.commentform.komentarnya.value.length;
	var isiketikan	= document.commentform.komentarnya.value.substring(0, maxkarakter);
		if (ketikan > maxkarakter){
			$("#komentarnya").val(isiketikan);
			goalert("Panjang Karakter hanya "+maxkarakter+"","komentarnya");
		}else{
			$("#karakter").html("<span class='label label-danger'>Sisa karakter: "+(maxkarakter - ketikan)+"</span>");
		}
})


	$(".error").hide();

	$("#commentform").validate({
	errorLabelContainer: $("#commentform p.error"),
	wrapper: 'div',
	rules:{
		nmlengkap:{
			required:true
		},
		alamatemail:{
			required:true,
			email:true
		},
		komentarnya:{
			required:true	
		},
        capt:{
            required:true
        }
		
	}, //end rules
	messages:{
		nmlengkap:{
			required:"Nama lengkap anda harus diisi.!"
		},
		alamatemail:{
			required:"Alamat email harus diisi.!",
			email:"Format e-mail anda salah"			
		},
		komentarnya:{
			required:"Komentar anda harus diisi.!"	
		},
        capt:{
            required:"Kode Captcha harus diisi.!"
        }
	}, //end messages
	submitHandler: function() {

		$("#btnkomentar").attr("disabled","disabled");
		$("#nmlengkap").attr("disabled","disabled");
		$("#alamatemail").attr("disabled","disabled");
		$("#komentarnya").attr("disabled","disabled");
        $("#btnkomentar").val("Loading data..."); 

		$("#btnkomentar").html("<i class='fa fa-refresh fa-spin'></i> Loading...");

		var idnya 		= $("#idnya").val();
		var nmlengkap 	= $("#nmlengkap").val();
		var alamatemail = $("#alamatemail").val();
		var komentarnya = $("#komentarnya").val();
         
		var data 		= "idnya="+encodeURIComponent(idnya)+"&nmlengkap="+encodeURIComponent(nmlengkap)+"&alamatemail="+encodeURIComponent(alamatemail)+"&komentarnya="+encodeURIComponent(komentarnya)+"";

		$.ajax({
			type:"POST",
			url:"https://lajusumsel.co.id/kirim-komentar-berita",
			data:data,
			success:function(msg){

				//alert(msg);
				var pesan = msg.split("|");
				if(pesan[1] == "BERHASIL"){
					

					$("#btnkomentar").removeAttr("disabled","disabled");
					$("#nmlengkap").removeAttr("disabled","disabled");
					$("#alamatemail").removeAttr("disabled","disabled");
					$("#komentarnya").removeAttr("disabled","disabled");

					$("#btnkomentar").val("");
					$("#nmlengkap").val("");
					$("#alamatemail").val("");
					$("#komentarnya").val("");
					$("#btnkomentar").removeAttr("disabled");
					$("#btnkomentar").val("Kirim Komentar");

                    goalert("Terimakasih atas komentar yang telah anda berikan.!","akhirkomen");

                    //$("#akhirkomen").focus();

                    $("#komentemp").after("<li id='comment-606' class='comment odd alt thread-odd thread-alt depth-1 parent'><article id='div-comment-606' class='comment-body'><footer class='comment-meta'><div class='comment-author vcard'><img alt='Gambar Gravatar' title='Gravatar' src='images/avataruser.png?s=42&#038;d=mm&#038;r=g' srcset='images/avataruser.png 2x' class='avatar avatar-42 photo' height='42' width='42' /><b class='fn'>"+nmlengkap+"</b> <span class='says'>berkata:</span></div></footer><div class='comment-content'><p>"+komentarnya+"</p></div></article>");

				}
				else if(pesan[1] == "GAGAL"){
					goalert("Error.!!! Silahkan ulangi kembali.!","komentarnya");
				}
				else if(pesan[1] == "QUOTA"){
					goalert("Anda telah melebihi batas pemberian komentar harian.! Silahkan ulangi di hari berikutnya. Terimakasih");
					$("#btnkomentar").attr("disabled","disabled");
					$("#nmlengkap").attr("disabled","disabled");
					$("#alamatemail").attr("disabled","disabled");
					$("#komentarnya").attr("disabled","disabled");

					$("#btnkomentar").val("");
					$("#nmlengkap").val("");
					$("#alamatemail").val("");
					$("#komentarnya").val("");

					$("#btnkomentar").val("Gagal Kirim Komentar");

				}
			}
		})


	} //end submitHandler
}) //end validate
})


function goalert(pesan,field){
$("#goalert").html("<div style='margin:5px;'>"+pesan+"</div>").dialog({modal:true, width:400,
buttons:{Ok:function(){
	$("#goalert").dialog("close");
	$("#"+field).effect("pulsate",2000);
	$("#"+field).focus();
}}});
}

function goconfirm(pesan,url,iddata,direk){
$("#goalert").html("<div style='margin:5px;'>"+pesan+"</div>").dialog({modal:true, width:400,
buttons: {
"YA": function() {
	$.ajax({
	type:"POST",
	url:url,
	data:"iddata="+iddata,
	success:function(){
		window.location=direk;
		}	   
	})
},
"BATAL": function() {
$(this).dialog("close");
}
}
});
}