Skip to content

Instantly share code, notes, and snippets.

@robbens
Created January 6, 2017 17:58
Show Gist options
  • Save robbens/73df6e10f1e12248b99d438fb32f6b04 to your computer and use it in GitHub Desktop.
Save robbens/73df6e10f1e12248b99d438fb32f6b04 to your computer and use it in GitHub Desktop.
Bulma.io Register form for the Laravel Auth scaffold
@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