146 lines
5.4 KiB
Text
146 lines
5.4 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>
|
|
@if(flashMessage('notification'))
|
|
<div class="notifications">
|
|
<div class="notification is-success" id="session-notification">
|
|
<button class="delete" id="btn-close-notification"></button>
|
|
{{ flashMessage('notification') }}
|
|
</div>
|
|
</div>
|
|
<script>
|
|
(function(){
|
|
const notification = document.getElementById("session-notification");
|
|
const btn = document.getElementById("btn-close-notification");
|
|
btn.onclick = closeNotification;
|
|
function closeNotification(){
|
|
const parent = notification.parentElement;
|
|
parent.removeChild(notification);
|
|
}
|
|
})();
|
|
</script>
|
|
@endif
|
|
@if(hasErrorFor('InvalidToken'))
|
|
<div class="notifications">
|
|
<div class="notification is-danger" id="session-notification">
|
|
<button class="delete" id="btn-close-notification"></button>
|
|
{{ getErrorFor('InvalidToken') }}
|
|
</div>
|
|
</div>
|
|
<script>
|
|
(function(){
|
|
const notification = document.getElementById("session-notification");
|
|
const btn = document.getElementById("btn-close-notification");
|
|
btn.onclick = closeNotification;
|
|
function closeNotification(){
|
|
const parent = notification.parentElement;
|
|
parent.removeChild(notification);
|
|
}
|
|
})();
|
|
</script>
|
|
@endif
|
|
|
|
@!section('nav')
|
|
|
|
@!section('hero')
|
|
<section class="section">
|
|
<div class="container">
|
|
@!section('content')
|
|
</div>
|
|
|
|
</section>
|
|
<div class="hero is-light">
|
|
<section class="section has-text-centered p-diego">
|
|
<div class="title">Join Now</div>
|
|
<div></div>
|
|
<div class="subtitle">It takes less then a minute. You could have been done by now, but you are still reading...
|
|
</div>
|
|
<form class="form register" method="POST" action="{{ route('register') }}" id="form-register">
|
|
{{ csrfField() }}
|
|
<nav class="level">
|
|
<div class="field">
|
|
{{-- <label class="label ">Name</label> --}}
|
|
<div class="control has-icons-left">
|
|
<input class="input {{ getErrorFor('name') ? 'is-danger' : ''}} is-borderless" 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 ">Email</label> --}}
|
|
<div class="control has-icons-left">
|
|
<input class="input {{ getErrorFor('email') ? 'is-danger' : ''}} is-borderless" 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 ">Password</label> --}}
|
|
<div class="control has-icons-left">
|
|
<input class="input {{ getErrorFor('password') ? 'is-danger' : ''}} is-borderless"
|
|
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 ">Confirm Password</label> --}}
|
|
<div class="control has-icons-left">
|
|
<input class="input is-borderless" 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>
|
|
<div class="is-inline-block">
|
|
<div class="control m-b-sm">
|
|
<label class="checkbox">
|
|
<input type="checkbox" id="chk-register-terms" name="terms">
|
|
I agree to the <a href="#">terms and conditions</a>
|
|
<p class="help is-danger">{{ getErrorFor('terms') ? getErrorFor('terms') : '' }}</p>
|
|
</label>
|
|
</div>
|
|
<div class="control is-inline-block">
|
|
<button id="btn-register-submit" class="button is-primary is-rounded" disabled="true">Submit</button>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</form>
|
|
</section>
|
|
</div>
|
|
@include('partials.footer')
|
|
</body>
|
|
|
|
</html>
|