@extends('app')

@section('content')
<style>
	.error{
		color: red;
	}
	.form-wrapper{
		margin-top: 20%;
	}
</style>
<div class="container">
	<div class="col-md-4 col-md-offset-4">
		<div class="form-wrapper">
			<div class="panel panel-default">
				<div class="panel-heading">
					<h3 class="text-center">L O G I N</h3>
				</div>
				<div class="panel-body">
					<div class="row">
						<div class="col-xs-12">
							<div id="login-response-msg"></div>
							<form  role="form" id="frm-login">
								<input type="hidden" name="_token" value="{{ csrf_token() }}">
								<div class="form-group">
									<label for="username" class="control-label">Email Address</label>
									<input type="email" class="form-control" name="email"  value="{{ old('email') }}"  title="Please enter your email address" placeholder="example@gmail.com">
									<span class="help-block"></span>
								</div>
								<div class="form-group">
									<label for="password" class="control-label">Password</label>
									<input type="password" class="form-control" name="password" placeholder="Password" title="Please enter your password">
									<span class="help-block"></span>
								</div>
								<div class="checkbox">
									<label>
										<input type="checkbox" name="remember"> Remember login
									</label>
									<p class="help-block">(if this is a private computer)</p>
								</div>
								<button type="submit" id="btn-login" class="btn btn-success btn-block"><span class="glyphicon glyphicon-log-in"></span> &nbsp; Sign in</button>
								<a href="{{ url('/password/email') }}" class="btn btn-link btn-block">Forgot Your Password?</a>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
@endsection