]> BookStack Code Mirror - bookstack/blob - resources/views/auth/register.blade.php
Fixes #45
[bookstack] / resources / views / auth / register.blade.php
1 @extends('public')
2
3 @section('header-buttons')
4     <a href="/login"><i class="zmdi zmdi-sign-in"></i>Sign in</a>
5 @stop
6
7 @section('content')
8
9     <div class="text-center">
10         <div class="center-box">
11             <h1>Sign Up</h1>
12
13             <form action="/register" method="POST">
14                 {!! csrf_field() !!}
15
16                 <div class="form-group">
17                     <label for="email">Name</label>
18                     @include('form/text', ['name' => 'name'])
19                 </div>
20
21                 <div class="form-group">
22                     <label for="email">Email</label>
23                     @include('form/text', ['name' => 'email'])
24                 </div>
25
26                 <div class="form-group">
27                     <label for="password">Password</label>
28                     @include('form/password', ['name' => 'password', 'placeholder' => 'Must be over 5 characters'])
29                 </div>
30
31                 <div class="from-group">
32                     <button class="button block pos">Create Account</button>
33                 </div>
34             </form>
35
36             @if(count($socialDrivers) > 0)
37                 <hr class="margin-top">
38                 <h3 class="text-muted">Social Registration</h3>
39                 <p class="text-small">Register and sign in using another service.</p>
40                 @if(isset($socialDrivers['google']))
41                     <a href="/register/service/google" style="color: #DC4E41;"><i class="zmdi zmdi-google-plus-box zmdi-hc-4x"></i></a>
42                 @endif
43                 @if(isset($socialDrivers['github']))
44                     <a href="/register/service/github" style="color:#444;"><i class="zmdi zmdi-github zmdi-hc-4x"></i></a>
45                 @endif
46             @endif
47         </div>
48     </div>
49
50
51 @stop