seepur/resources/views/layouts/landing.edge
2020-02-15 13:07:23 -05:00

99 lines
4.2 KiB
Text

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
@include('partials.SEO.meta')
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.1.7/css/fork-awesome.min.css" integrity="sha256-gsmEoJAws/Kd3CjuOQzLie5Q3yshhvmo7YNtBG7aaEY=" crossorigin="anonymous">
<title>
@!section('page-title')
</title>
{{ style('style') }}
{{ script('scripts/views/register/app.bundle.js') }}
@!section('scripts')
</head>
<body>
@!section('nav')
@!section('hero')
<section class="section">
<div class="container">
@!section('content')
</div>
</section>
<div class="hero is-primary">
<section class="section has-text-centered">
<h1 class="title">Join Now</h1>
<h2 class="subtitle">It takes less then a minute. You could have been done by now, but you are still reading...</h2>
<form class="form register" method="POST" action="{{ route('register') }}" id="form-register">
{{ csrfField() }}
<nav class="level">
<div class="field">
<label class="label has-text-light">Name</label>
<div class="control has-icons-left">
<input class="input {{ getErrorFor('name') ? 'is-danger' : ''}}" required="true" name="name" type="text" placeholder="John Snow" value="{{ old('name', '') }}">
<span class="icon is-small is-left">
<i class="fa fa-id-card"></i>
</span>
</div>
<p class="help is-danger">{{ getErrorFor('name') ? getErrorFor('name') : '' }}</p>
</div>
<div class="field">
<label class="label has-text-light">Email</label>
<div class="control has-icons-left">
<input class="input {{ getErrorFor('email') ? 'is-danger' : ''}}" name="email" required="true" type="email" placeholder="j.snow@thewall.com" value="{{ old('email', '') }}">
<span class="icon is-small is-left">
<i class="fa fa-envelope"></i>
</span>
</div>
<p class="help is-danger">{{ getErrorFor('email') ? getErrorFor('email') : '' }}</p>
</div>
<div class="field">
<label class="label has-text-light">Password</label>
<div class="control has-icons-left">
<input class="input {{ getErrorFor('password') ? 'is-danger' : ''}}" id="txt-register-password" name="password" required="true" type="password" placeholder="password">
<span class="icon is-small is-left">
<i class="fa fa-lock"></i>
</span>
</div>
<p class="help is-danger">{{ getErrorFor('password') ? getErrorFor('password') : '' }}</p>
</div>
<div class="field m-b-xxs">
<label class="label has-text-light">Confirm Password</label>
<div class="control has-icons-left">
<input class="input" type="password" id="txt-register-confirm-password" placeholder="confirm password" required="true">
<span class="icon is-small is-left">
<i class="fa fa-lock"></i>
</span>
</div>
<p class="help is-danger">{{ '' }}</p>
</div>
</nav>
<nav class="level">
<div class="field is-grouped">
<div class="control">
<label class="checkbox">
<input type="checkbox" id="chk-register-terms" name="terms">
I agree to the <a href="#">terms and conditions</a>
</label>
<p class="help is-danger">{{ getErrorFor('terms') ? getErrorFor('terms') : '' }}</p>
<div class="control">
<button id="btn-register-submit" class="button is-link" disabled="true">Submit</button>
</div>
</div>
</div>
</nav>
</form>
</section>
</div>
@include('partials.footer')
</body>
</html>