<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8" />
	<title>{{$site_settings->name}} Traffic Exchanger</title>
	<meta name="description" content="{{$site_settings->meta}}" />
	<meta name="keywords" content="{{$site_settings->meta}}" />
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

	<link rel="stylesheet" href="/libs/assets/animate.css/animate.css" type="text/css" />
	<link rel="stylesheet" href="/libs/assets/font-awesome/css/font-awesome.min.css" type="text/css" />
	<link rel="stylesheet" href="/libs/assets/simple-line-icons/css/simple-line-icons.css" type="text/css" />
	<link rel="stylesheet" href="/libs/jquery/bootstrap/dist/css/bootstrap.css" type="text/css" />
	<link rel="stylesheet" href="/css/font.css" type="text/css" />
	<link rel="stylesheet" href="/css/app.css" type="text/css" />

</head>
<body>
<div class="app app-header-fixed  ">


	<div class="container w-xxl w-auto-xs" ng-controller="SigninFormController" ng-init="app.settings.container = false;">
		<img src="/logo.png" alt="Smiley face" style="margin-left: 111px" width="100">
		<div class="m-b-lg">
			<div class="wrapper text-center">
				<h2>{{$site_settings->name}}</h2>
				<strong>Sign in to get in touch</strong>
			</div>
			@if(Session::has('message'))
				<p class="alert alert-danger">{{ Session::get('message') }}</p>
			@endif
			<form name="form" method="post" action="/" class="form-validation">
				<div class="text-danger wrapper text-center" ng-show="authError">

				</div>
				<div class="list-group list-group-sm">
					<div class="list-group-item">
						<input type="email" placeholder="Email" class="form-control no-border" name="email" required>
						<input type="hidden" name="_token" value="{{csrf_token()}}">
					</div>
					<div class="list-group-item">
						<input type="password" placeholder="Password" class="form-control no-border" name="password" required>
					</div>
				</div>
				<button type="submit" class="btn btn-lg btn-primary btn-block" >Log in</button>
				<div class="text-center m-t m-b" data-toggle="modal" data-target="#myModal" style="cursor: pointer">Forgot password?</div>
				<div class="line line-dashed"></div>
				<p class="text-center"><small>Do not have an account?</small></p>
				<a href="/register" class="btn btn-lg btn-default btn-block">Create an account</a>
			</form>
		</div>
		<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
			<div class="modal-dialog" role="document">
				<div class="modal-content">
					<form action="/password/email" method="post">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
							<h4 class="modal-title" id="myModalLabel">Forget Password?</h4>
						</div>
						<div class="modal-body">

							<div class="input-group input-group-md">
								<span class="input-group-addon" id="sizing-addon1">@</span>
								<input type="email" name="email" value="{{ old('email') }}" class="form-control" placeholder="Email" aria-describedby="sizing-addon1">
							</div>
							<input type="hidden" name="_token" value="{{csrf_token()}}">



						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
							<button type="submit" class="btn btn-success">Save changes</button>
						</div>
					</form>

				</div>
			</div>
		</div>

		<div class="text-center" ng-include="'tpl/blocks/page_footer.html'">
			<p>
				<small class="text-muted">{{$site_settings->name}} Traffic Exchanger <br>&copy; 2015</small>
			</p>
		</div>
	</div>


</div>

<script src="libs/jquery/jquery/dist/jquery.js"></script>
<script src="libs/jquery/bootstrap/dist/js/bootstrap.js"></script>
<script src="js/ui-load.js"></script>
<script src="js/ui-jp.config.js"></script>
<script src="js/ui-jp.js"></script>
<script src="js/ui-nav.js"></script>
<script src="js/ui-toggle.js"></script>

</body>
</html>
