seepur/resources/views/layouts/landing.edge

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>