/**************************************************
 * Javascript - Ficha 11
 * ************************************************/
var username  = "Admin";
var password = "savetrees";

var user = document.querySelector('#input_username');
var pass = document.querySelector('#input_password');

var login_attemps = 0;


 init();
function init() {
	document.querySelector('#btn-donate').style.visibility = 'hidden';
	alert("1");
	document.querySelector('#btn-logout').style.visibility = 'hidden';
	alert("2");
	login_attemps = 0;
}

/*
. class
# id
*/





document.querySelector('#btn-login').addEventListener('click', function()
{
	/*
	if(login_attemps => 5)
	{
		alert("Não tem mais tentativas.");
		return false;
	}
	*/

	if(user.value == ""  || pass.value == "")
	{
		alert("Preencha ambos os campos para poder efetuar o Login. Tem " + (5 - login_attemps) + "tentativas restantes.");
		login_attemps += 1;
	}


	if(user.value == username && pass.value == password)
	{

		document.querySelector('#btn-donate').style.visibility = 'visible';
		document.querySelector('#btn-logout').style.visibility = 'visible';


		document.querySelector('#input_username').style.visibility = 'hidden';
		document.querySelector('#input_password').style.visibility = 'hidden';
		document.querySelector('#btn-login').style.visibility = 'hidden';


    document.querySelector('#post_login_box').innerHTML = "<p>Logged in as:</p><h4>" + username +"</h4>";


		// .visible
		// donate button visible
	}
});