function openTextareaComment(comment_object) {
	var comment_content = comment_object.parent().find(".comment-content").html();
	comment_object.parent().hide(); //nascondo il corpo del commento

	htmlToPut = "<div class='comment-textarea-body'>";
	htmlToPut += "<textarea class='comment-textarea'>"+comment_content+"</textarea>"
	htmlToPut += "<div><button value='modifica-2' class='modify-button'>Modifica</button>";
	htmlToPut += "<button value='annulla' class='remove-button'>Annulla</button>";
	htmlToPut += "</div></div></div>";

	comment_object.parent().parent().append(htmlToPut);

	$(".modify-button[value='modifica-2']").click(function() {
		var that = $(this);
		$("#confirm-comment-dialog").data("el", that.closest(".comment")).dialog("open");
	});

	$(".remove-button[value='annulla']").click(function() {
		comment_object.parent().show();
		$(this).parent().parent().empty();
	})

}

function fetchComments(local_id, startIndex) {
	params = {
		id: local_id,
		startIndex: startIndex,
		length: 10,
		token: Cookies.get("token")
	};

	params = JSON.stringify(params);

	$.ajax({
		url: "../get_commenti.php",
		data: params,
		cache: false,
		contentType: false,
		processData: false,
		type: 'POST',
		success: function(data) {
			if (data.comments) {
				if (data.comments.length > 0) {

					for (var i = 0; i<data.comments.length; i++) {
						//per ora test
						//$("#comment-list").append(JSON.stringify(data.comments[i]));

						var htmlToPut = "<div comment-id='"+data.comments[i].id+"' class='comment'>";
						htmlToPut += "<div class='comment-header'><b>"+data.comments[i].username+"</b> " + data.comments[i].data + "</div>";
						htmlToPut += "<div class='comment-body'>";
						htmlToPut += "<div id='comment-id-"+data.comments[i].id+"-content' class='comment-content'>"+data.comments[i].descrizione+"</div>"
						htmlToPut += "<button value='modifica-1' class='modify-button'>Modifica</button>";
						htmlToPut += "<button value='rimuovi' class='remove-button'>Rimuovi</button></div>";
						htmlToPut += "</div>"

						$("#comment-list").append(htmlToPut);

						$("div[comment-id='"+data.comments[i].id+"'] .modify-button[value='modifica-1']").click(function() {
							openTextareaComment($(this));
						});

						$("div[comment-id='"+data.comments[i].id+"'] .remove-button[value='rimuovi']").click(function() {
							var that = $(this);
							$("#remove-comment-dialog").data("el", that.closest(".comment")).dialog("open");
						});

					}

					params = JSON.parse(this.data);

					if (data.count < params.startIndex+10) {
						$("#more-comments-button").hide();
					} else {
						$("#more-comments-button").click(function() {
							fetchComments(local_id, startIndex+10);
						});

						$("#more-comments-button").show();
					}

				} else {
					$("#comment-list").html("Non ci sono commenti al locale.");	
				}
			} else {
				alert("Errore nel caricare i commenti");
			}
		},
		error: function() {
			alert("Errore nel caricare i commenti");
		}
	});

}

function showComments(local_id) {
	if ($("#comments").is(":visible")) {
		$("#comments").hide();
		$("#comments-button").html("Show comments!!!");
	} else {
		$("#comments").show();
		$("#comments-button").html("Hide comments!!!");

		if (isEmpty($("#comment-list"))) {
			fetchComments(local_id, 0);
		}
	}
}

function loadLocalInfo(html_data, local_data) {
	$("#cp_workarea").empty();
	$("#cp_workarea").append(html_data);

	$("#full_local_info #nomelocale")
	.html(local_data.nomelocale);
	$("#full_local_info #username_owner")
	.html(local_data.username_owner);
	$("#full_local_info #descrizione")
	.html(local_data.descrizione);
	$("#full_local_info #tipologia")
	.html(local_data.tipologia);
	$("#full_local_info #lat")
	.html(local_data.lat);
	$("#full_local_info #lon")
	.html(local_data.lon);
	$("#full_local_info #indirizzo")
	.html(local_data.indirizzo);
	$("#full_local_info #email")
	.html(local_data.email);
	$("#full_local_info #telefono")
	.html(local_data.telefono);
	$("#full_local_info #sito")
	.html(local_data.sito);
	$("#full_local_info #n_punti_ricarica")
	.html(local_data.n_punti_ricarica);

	//$("#full_local_info").styleTable();

	$("#comments-button").click(function() {
		showComments(local_data.id);
	});

	$("#confirm-comment-dialog").dialog({
		autoOpen: false,
		buttons: [{
			text: "Sì",
			click: function() {
				var el = $(this).data('el');
				$(this).dialog( "close" );

				var comment_id = el.attr("comment-id");
				var content = el.find("textarea").val();

				params = {
					comment_id: comment_id,
					content: content,
					token: Cookies.get("token")
				};

				params = JSON.stringify(params);

				$.ajax({
					url: "../edit_commento.php",
					data: params,
					cache: false,
					contentType: false,
					processData: false,
					type: 'POST',
					success: function(data) {
						el.find(".comment-textarea-body").remove();
						el.find(".comment-body .comment-content").html(data.content);
						el.find(".comment-body").show();
					},
					error: function() {
						alert("Errore nel modificare il commento");
					}
				});

			}
		},
		{
			text: "No",
			click: function() {
				$(this).dialog( "close" );
			}
		}]
	});

	$("#remove-comment-dialog").dialog({
		autoOpen: false,
		buttons: [{
			text: "Sì",
			click: function() {
				var el = $(this).data('el');
				$(this).dialog( "close" );

				var comment_id = el.attr("comment-id");

				params = {
					comment_id: comment_id,
					token: Cookies.get("token")
				};

				params = JSON.stringify(params);

				$.ajax({
					url: "../delete_commento.php",
					data: params,
					cache: false,
					contentType: false,
					processData: false,
					type: 'POST',
					success: function(data) {
						el.remove();
					},
					error: function() {
						alert("Errore nel modificare il commento");
					}
				});

			}
		},
		{
			text: "No",
			click: function() {
				$(this).dialog( "close" );
			}
		}]
	});
}

function showLocalInfo(local_id) {
	params = {
		id: local_id,
		token: Cookies.get("token")
	};

	params = JSON.stringify(params);

	$.ajax({
		url: "../get_info_full_locale.php",
		data: params,
		cache: false,
		contentType: false,
		processData: false,
		type: 'POST',
		success: function(local_data) {
			getHtmlPage("./skeletons/full_local_info.html", function(html_data) {
				loadLocalInfo(html_data, local_data);
			});
		},
		error: function() {
			alert("Errore nel caricare le info del locale");
		}
	});
}

function showLocalTable(data) {
	$("#cp_workarea").append(data);

	var localTable = $('#dt_locallist').DataTable( {
		"processing": true,
		"serverSide": true,
		"ajax": "dt_locallist.php",
		"columns": [
		{ "data": "nomelocale" },
		{ "data": "descrizione" },
		{ "data": "tipologia" },
		{ "data": "indirizzo" },
		{ "data": "email" },
		{ "data": "telefono" },
		{ "data": "sito" },
		{ "data": "n_punti_ricarica" },
		{ "data": "hidden" },
		{
			"data": function(row) {
				return "<button value='modifica'>Modifica</button>"
			}
		}
		]
	} );


	$('#dt_locallist').on( 'click', 'button', function () {
		var data = localTable.row( $(this).parents('tr') ).data();
		var value = $(this).attr("value");

		var local_id = $(this).parents('tr').attr("id").replace("row_", "");
		showLocalInfo(local_id);

	} );
}

function showLocalList() {
	$("#cp_workarea").empty();
	getHtmlPage("./skeletons/locallist.html", showLocalTable);
}