<!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->name}}" />
	<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="SignupFormController" 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 up to boost your website</strong>
			</div>
			@if (count($errors) > 0)
				<div class="alert alert-danger">
					<ul>
						@foreach ($errors->all() as $error)
							<li>{{ $error }}</li>
						@endforeach
					</ul>
				</div>
			@endif
			@if(Session::has('success_msg'))
				<p class="alert alert-success">{{ Session::get('success_msg') }}</p>
			@endif
			@if(Session::has('error_msg'))
				<p class="alert alert-danger">{{ Session::get('error_msg') }}</p>
			@endif
			<form name="form" method="post" action="/register/{{$ref_id}}" class="form-validation">
				<div class="list-group list-group-sm">
					<div class="list-group-item">
						<input placeholder="Name" class="form-control no-border" name="username" required>
						<input type="hidden" name="_token" value="{{csrf_token()}}">
						<input type="hidden" id="ip" name="ip" value="">
					</div>
					<div class="list-group-item">
						<input type="email" placeholder="Email" class="form-control no-border" name="email" required>
					</div>
					<div class="list-group-item">
						<input type="password" placeholder="Password" class="form-control no-border" name="password" required>
					</div>
				</div>
				<div class="checkbox m-b-md m-t-none">
					<label class="i-checks">
						<input type="checkbox" name="terms" required><i></i> Agree the <a href>terms and policy</a>
					</label>
				</div>
				<button type="submit"  class="btn btn-lg btn-primary btn-block">Sign up</button>
				<div class="line line-dashed"></div>
				<p class="text-center"><small>Already have an account?</small></p>
				<a href="/login"  class="btn btn-lg btn-default btn-block">Sign in</a>
			</form>
		</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>
<script type="application/javascript">
	function getip(jsonp){

			$('#ip').val(jsonp.ip)
	}
</script>

<script type="application/javascript" src="https://api.ipify.org?format=jsonp&callback=getip"></script>

</body>
</html>
