Created
January 6, 2017 17:58
-
-
Save robbens/73df6e10f1e12248b99d438fb32f6b04 to your computer and use it in GitHub Desktop.
Bulma.io Register form for the Laravel Auth scaffold
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@extends('layouts.app') | |
@section('content') | |
<section class="section"> | |
<div class="container"> | |
<div class="column is-half is-offset-one-quarter"> | |
<form class="form-horizontal" role="form" method="POST" action="{{ url('/register') }}"> | |
{{ csrf_field() }} | |
<p class="control has-icon"> | |
<input id="name" type="text" class="input {{ $errors->has('name') ? ' is-danger' : '' }}" name="name" | |
value="{{ old('name') }}" placeholder="Name" required autofocus> | |
<span class="icon is-small"> | |
<i class="fa fa-user-circle-o"></i> | |
</span> | |
@if ($errors->has('name')) | |
<span class="help {{ $errors->has('name') ? ' is-danger' : '' }}"> | |
{{ $errors->first('name') }} | |
</span> | |
@endif | |
</p> | |
<p class="control has-icon"> | |
<input id="email" type="email" class="input {{ $errors->has('email') ? ' is-danger' : '' }}" name="email" | |
value="{{ old('email') }}" placeholder="Email" required autofocus> | |
<span class="icon is-small"> | |
<i class="fa fa-envelope"></i> | |
</span> | |
@if ($errors->has('email')) | |
<span class="help {{ $errors->has('email') ? ' is-danger' : '' }}"> | |
{{ $errors->first('email') }} | |
</span> | |
@endif | |
</p> | |
<p class="control has-icon"> | |
<input class="input {{ $errors->has('password') ? ' is-danger' : '' }}" type="password" placeholder="Password" name="password" required> | |
<span class="icon is-small"> | |
<i class="fa fa-lock"></i> | |
</span> | |
@if ($errors->has('password')) | |
<span class="help {{ $errors->has('password') ? ' is-danger' : '' }}"> | |
{{ $errors->first('password') }} | |
</span> | |
@endif | |
</p> | |
<p class="control has-icon"> | |
<input id="password-confirm" type="password" class="input" | |
name="password_confirmation" placeholder="Confirm password" required> | |
<span class="icon is-small"> | |
<i class="fa fa-lock"></i> | |
</span> | |
</p> | |
<p class="control"> | |
<button type="submit" class="button is-success"> | |
Register | |
</button> | |
</p> | |
<a class="btn btn-link" href="{{ url('/login') }}"> | |
Already have an account? | |
</a> | |
</form> | |
</div> | |
</div> | |
</section> | |
@endsection |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment