<!DOCTYPE html>
<html ng-app>

<head>
<title>TRIP [ANGULAR PROTOTYPE]</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<link href="libs/css/bootstrap.min.css" rel="stylesheet" />
<link href="libs/css/font-awesome.min.css" rel="stylesheet" />
<link href="libs/css/jquery.jscrollpane.css" rel="stylesheet" />
<link href="css/style.css" rel="stylesheet" />
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700' rel='stylesheet' type='text/css'>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.5/angular.min.js"></script>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBKSqLgIU0VC9ovcTwfQdTWpCbFSzrnOb4&sensor=false"></script>
</head>

<body ng-controller="Login">

<div class="wrapper">

	<form class="form-login" ng-submit="processLoginData(login)" style="width: 20em; margin: 30px auto;">
		<div class="login-group">
			<label for="login-email">Email</label>
			<input type="email" class="" placeholder="jon@doe.co.uk" ng-model="login.email" />
			<div class="error-message yellow" ng-show="messageEmail"><i class="fa fa-exclamation-triangle"></i> {{ 	messageEmail }}</div>
		</div>
		<div class="login-group">
			<label for="login-password">Password</label>
			<input type="password" class="" placeholder="••••••••••" ng-model="login.password" />
			<div class="error-message yellow" ng-show="messagePassword"><i class="fa fa-exclamation-trian"></i> {{ 	messagePassword }}</div>
		</div>
	
		<div class="login-group">
			<button type="submit">Login</button></li>
		</div>
	</form>

</div>	

<script src="libs/js/jquery-1.10.2.min.js"></script>
<script src="js/core-google-maps.js"></script>
<script src="js/trip.js"></script>
<script src="js/core.js"></script>


</body>

</html>