$(document).ready(function() {
/*--------------------------------------------*/
//	GENERAL
/*--------------------------------------------*/
function loadingStart() {
	$("#overlay").show(); 
	$("#loading").show();
}

function loadingDone() {
	$("#overlay").hide(); 
	$("#loading").hide();
}

$(document).ajaxStop(function() {
	loadingDone();
	//alert('Ajax Terminou');
});

function reloadRows() {
	$.post("ajax.php", { type: "AllRows" }) // Faz um post do tipo AllRows.
	 .done(function(data) {
	 	alert(data);
	 	//$("#tbody").html(data);
	 });
}
$("body").on("click", ".update-socio-btn", updateSocio);
/*--------------------------------------------*/
// UPDATE
/*--------------------------------------------*/
function updateSocio(event) {
	$("#socio-form input").val(''); // Apagar os valores do form.
	loadingStart(); // Começar o Loading...
	var id = $(this).closest('tr').find('.id-holder').html(); // Pegar o valor do id holder e salvar na var id.
	$("#socio-form input").removeClass("input-transparent").prop("disabled", false); // Queremos ver e utilizar os inputs.
	$(".modal-footer").removeClass("hidden"); // Queremos ver o footer do modal.
	$(".btn-modal").attr("id", "update-btn-confirm"); // Atribui o id: update-btn-confirm ao .btn-modal.

	$.post("ajax.php", { type: "read", id: id }) // Faz um post do tipo Read e retorna os valores nos inputs correspondentes
	 .done(function(data) {
	 	console.log('read');
		jsonOBJ = jQuery.parseJSON(data);
		for (var key in jsonOBJ) {
			$("input[name=" + key + "]").val(jsonOBJ[key]);
		}
	 });

	$("#update-btn-confirm").click(function() { // Quando clicar no botão de salvar.
		var formArray = $("#socio-form").serializeArray(); // Pega todas as informações dos inputs e transforma em um array json.
		$.post("ajax.php", { type: "update", id: id, inputs: formArray }) // Faz um post do tipo Update.
		 .done(function(data) {
		 	console.log('uptade');
		 	alert(data);
			event.stopPropagation();
		 });
	});
	event.preventDefault();
}
});