@extends('app')

@section('content')
<style>
	.error{
		color: red;
	}
	.g-recaptcha {
		width:100%;
	}
</style>
<div class="container">
	<div class="row">
		<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">R E G I S T E R</h3>
					</div>
					<div class="panel-body">
						<div class="row">
							<div class="col-xs-12">
								<div id="register-response-msg"></div>
								<form role="form" id="frm-register">
									<input type="hidden" name="_token" value="{{ csrf_token() }}">
									<div class="form-group">
										<label class="control-label">Fullname</label>
										<input type="text" class="form-control" name="name" value="{{ old('name') }}" placeholder="Fullname">
									</div>

									<div class="form-group">
										<label class="control-label">Username</label>
										<input type="text" class="form-control" name="username" value="{{ old('username') }}" placeholder="Username">
									</div>

									<div class="form-group">
										<label class="control-label">Email Address</label>
										<input type="email" class="form-control" name="email" value="{{ old('email') }}" placeholder="Email Address">
									</div>

									<div class="form-group">
										<label class="control-label">Password</label>
										<input type="password" class="form-control" name="password" id="password"  required placeholder="Password">
									</div>

									<div class="form-group">
										<label class="control-label">Confirm Password</label>
										<input type="password" class="form-control" name="password_confirmation" placeholder="Confirm Password" data-rule-equalTo="#password" required>
									</div>

									<div class="form-group">
										<div class="g-recaptcha text-center" data-sitekey="{{ env('CAPTCHA_SITE_KEY') }}"></div>
									</div>
									<div class="form-group">
										<p>By clicking Register, you agree to our <a href="#">Terms of Use</a> and that you have read our <a href="#">Privacy Policy</a>.</p>
									</div>
									<div class="form-group">
										<button type="submit" id="btn-register" class="btn btn-primary btn-block">Register</button>
									</div>
								
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
@endsection