<!DOCTYPE html>
<html lang="en" ng-app="myweatherapp">

<head>
	<meta charset="UTF-8">
	<title>My weather Cloud</title>
	<link rel="stylesheet" href="css/materialize.css">
	<link rel="stylesheet" href="css/index.css">
	<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

	<!--jQuery framework load-->
	<script src="js/frameworks/jQuery/jQuery.js" type="text/javascript" xml:space="preserve"></script>
	<script src="js/frameworks/jQuery/jquery-cookie/jquery.cookie.js" type="text/javascript" xml:space="preserve"></script>

	<!--Angular framework load-->
	<script src="js/frameworks/angular/angular.min.js" type="text/javascript" xml:space="preserve"></script>
	<script src="js/frameworks/angular/i18n/angular-locale_es-es.js" type="text/javascript" xml:space="preserve"></script>
	<script src="js/frameworks/angular/ng-currency.js" type="text/javascript" xml:space="preserve"></script>

	<!--Materialize framework load-->
	<script src="js/frameworks/materialize/materialize.js"></script>

	<!--Custom Box framework load-->
	<script src="js/frameworks/custombox/custombox.js"></script>
	<script src="js/frameworks/custombox/legacy.js"></script>

	<!--Sweet Alert framework load-->
	<script src="js/frameworks/sweetAlert/sweetalert.min.js"></script>
	<script src="js/control/sweetalertFunctions.js"></script>

	<!--Own Code-->
	<script src="js/model/userObj.js" type="text/javascript" xml:space="preserve"></script>
	<script src="js/control/generalFunctions.js" type="text/javascript" xml:space="preserve"></script>
	<script src="js/control/index.js"></script>
	<script src="js/control/custombox.js"></script>
</head>

<body ng-controller="sessionController as sessionCtrl" ng-init="sessionCtrl.sessionControl()">

	<div class="row">
		<div class="col s12 m6">
			<div class="card blue-grey darken-1">
				<form name="loginForm" ng-submit="loginForm.$valid && sessionCtrl.connection()" novalidate>
					<div class="card-content white-text">
						<span class="card-title">Login</span>
						<br>
						<span class="login-nick">Nickname: </span>
						<input type="text" class="login-nick-input" id="nicknameValue" ng-model="user.nickname" autocomplete="off"/>
						<br>
						<span class="login-password">Password: </span>
						<input type="password" class="login-pass-input" id="passwordValue" ng-model="user.password" />
						<br>
					</div>
					<div class="card-action">
						<button class="btn waves-effect waves-light" type="submit" ng-disabled="loginForm.$invalid" name="action">Entra
							<i class="material-icons right">send</i>
						</button>
					</div>
			</div>
			</form>
		</div>
	</div>

</body>

</html>
