//---------------------------------Segunda Entrega-------------------------------------
var user;
var pass;
var game;
var flag=0;


function register(){
	user=document.getElementsByClassName("userbox")[0].value;
	pass=document.getElementsByClassName("passbox")[0].value;
	var enviar={nick: user, pass: pass};
	const url="http://twserver.alunos.dcc.fc.up.pt:8008/register";
	var w=JSON.stringify(enviar);

		fetch(url,{method:'POST',body:w})//transforma a variavel json em string
			.then(response => response.json())//transforma a resposta do server que é string novamente em json
			//console.log(response)
			.then(function(response){
					if(response.error != null) {
						alert("Password incorreta");
		 				console.log(response.error);
		 			}
			 		else{
			 			myFunction();
			 			console.log("succ");
			 			console.log(response);
					}
			})
			.catch(1);
}

function join() {

	var group=20;
	let tamanho_tabuleiro=tamanho_tabuleiro_pick();
	var colunas=tamanho_tabuleiro[1];
	var linhas=tamanho_tabuleiro[0];
	var enviar={group:group, nick: user, pass: pass, size: {rows: linhas, columns: colunas}};
	const url="http://twserver.alunos.dcc.fc.up.pt:8008/join";
	var w=JSON.stringify(enviar);

	fetch(url,{method:'POST',body:w})
		.then(response => response.json())
		.then(function(response){
					if(response.error != null) {
						alert("Não há jogador disponivel");
		 				console.log(response.error);
		 			}
			 		else{
			 			console.log("succ");
			 			console.log(response);
			 			game=response.game;
					}
			})
		.catch(1);
}

function update() {

	var enviar={nick: user, game: game};
	const url="http://twserver.alunos.dcc.fc.up.pt:8008/update";
	var w=JSON.stringify(enviar);

	fetch(url,{method:'POST',body:w})
		.then(response => response.json())
		.then(function(response){
					if(response.error != null) {
						console.log("error");
		 				console.log(response.error);
		 			}
			 		else{
			 			console.log("succ");
			 			console.log(response);
					}
			})
		.catch(1);

}

function leave() {

	var enviar={nick: user, pass: pass, game: game};
	const url="http://twserver.alunos.dcc.fc.up.pt:8008/leave";
	var w=JSON.stringify(enviar);

	fetch(url,{method:'POST',body:w})
		.then(response => response.json())
		.then(function(response){
					if(response.error != null) {
						console.log("error");
		 				console.log(response.error);
		 			}
			 		else{
			 			console.log("succ");
			 			console.log(response);
					}
			})
		.catch(1);

}

function ranking() {

	let tamanho_tabuleiro=tamanho_tabuleiro_pick();
	var colunas=tamanho_tabuleiro[1];
	var linhas=tamanho_tabuleiro[0];
	var enviar={size: {rows: linhas, columns: colunas}};
	const url="http://twserver.alunos.dcc.fc.up.pt:8008/ranking";
	var w=JSON.stringify(enviar);

	fetch(url,{method:'POST',body:w})
		.then(response => response.json())
		.then(function(response){
					if(response.error != null) {
		 				console.log(response.error);
		 			}
			 		else{
			 			console.log(response);
			 			createtable(response);
					}
			})
		.catch(1);
}

function createtable(response) {

	if (flag == 0)
		createtable1(response);
	else
		document.getElementById("tbl").style.display="block";
}

function createtable1(response) {

	var tbl = document.getElementById("tbl");
	var tblBody = document.createElement("tbody");

  	for (var j = 0; j < 10; j++) {
    	var row = document.createElement("tr");
	    for (var i = 0; i < 3; i++) {
	      var cell = document.createElement("td");
	      var cellText;
	      if (i == 0) {
	      		cellText = response.ranking[j].nick;
	      }
	      else if (i == 1) {
	      		cellText = response.ranking[j].victories;
	      }
	      else if (i == 2) {
	      		cellText = response.ranking[j].games;
	      }
	      var cellText1 = document.createTextNode(cellText);
	      cell.appendChild(cellText1);
	      row.appendChild(cell);
	    }
	    tblBody.appendChild(row);
 	}

 	tbl.appendChild(tblBody);
 	tbl.setAttribute("border", "2");
 	document.getElementById("tbl").style.display="block";
 	flag=1;
}