register.blade.php 4.75 KB
Newer Older
ZeMKI's avatar
ZeMKI committed
1
@extends('auth.layouts.app')
ZeMKI's avatar
ZeMKI committed
2
3

@section('content')
ZeMKI's avatar
ZeMKI committed
4
    <div class="bg-img"></div>
ZeMKI's avatar
ZeMKI committed
5
    <div class="container mx-auto mx-auto mx-auto mx-auto ">
ZeMKI's avatar
ZeMKI committed
6
        <div class="columns is-centered">
ZeMKI's avatar
ZeMKI committed
7

ZeMKI's avatar
ZeMKI committed
8
9
            <div class="column is-6" style="margin-top: 10%">
                <div class="box" style="top:50%;left: 50%;">
ZeMKI's avatar
ZeMKI committed
10
11
12
13
                    <form method="POST" action="{{ route('register') }}">
                        @csrf


ZeMKI's avatar
ZeMKI committed
14
                        <div class='column'>
ZeMKI's avatar
ZeMKI committed
15

ZeMKI's avatar
ZeMKI committed
16
17
18
19
20
21
22
                            <figure class="image is-64x64" style="margin: 0 auto; max-width: 100%;">
                                <img src="{{config('utilities.base64logo')}}">

                            </figure>
                            <div class="column has-text-centered ">
                                <h1 class="title" style="margin: 0 auto; max-width: 100%;">Mesort</h1>
                                <h4> {{ __('Register') }} </h4>
ZeMKI's avatar
ZeMKI committed
23
24
                            </div>
                        </div>
ZeMKI's avatar
ZeMKI committed
25
                        @if ($errors->has('email'))
ZeMKI's avatar
ZeMKI committed
26
                            <div class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded" role="relative px-3 py-3 mb-4 border rounded">
ZeMKI's avatar
ZeMKI committed
27
28
29
30
31
32
33
                                <strong>{{ $errors->first('email') }}</strong>
                            </div>
                        @endif
                        <div class="field">
                            <label for="email" class="label">{{ __('E-Mail Address') }}</label>
                            <div class="control">
                                <input id="email" type="email"
ZeMKI's avatar
ZeMKI committed
34
                                       class="input {{ $errors->has('email') ? ' bg-red-dark' : '' }}" name="email"
ZeMKI's avatar
ZeMKI committed
35
                                       value="{{ old('email') }}" required autofocus>
ZeMKI's avatar
ZeMKI committed
36
37
38
39
                            </div>
                        </div>


ZeMKI's avatar
ZeMKI committed
40
41
42
43
44
45
46
47
48
49
50
                        <ul class="w-1/2">
                            <li class="list-item-registration w-auto"
                                :class="{ is_valid: registration.contains_six_characters }">6 Characters
                            </li>
                            <li class="list-item-registration" :class="{ is_valid: registration.contains_number }">
                                Contains Number
                            </li>
                            <li class="list-item-registration" :class="{ is_valid: registration.contains_letters }">
                                Contains Letters
                            </li>
                        </ul>
ZeMKI's avatar
ZeMKI committed
51

ZeMKI's avatar
ZeMKI committed
52
53
54
55
56
                        <div class="field">
                            <label for="password" class="label">{{ __('Password') }}</label>
                            <p class="control has-icon-left">
                                <input id="password" type="password" v-model="registration.password"
                                       @input="checkPassword()"
ZeMKI's avatar
ZeMKI committed
57
                                       class="input {{ $errors->has('password') ? ' bg-red-dark' : '' }}" name="password"
ZeMKI's avatar
ZeMKI committed
58
59
60
61
62
                                       required>
                                <span class="icon is-small is-left">
            <i class="fas fa-lock"></i>
          </span>
                            </p>
ZeMKI's avatar
ZeMKI committed
63
                        </div>
ZeMKI's avatar
ZeMKI committed
64
65
                        <div class="field">
                            <label for="password-confirm"
ZeMKI's avatar
ZeMKI committed
66
                                   class="md:w-1/3 pr-4 pl-4 pt-2 pb-2 mb-0 leading-normal text-md-right">{{ __('Confirm Password') }}</label>
ZeMKI's avatar
ZeMKI committed
67
68
69
70
71
72
73
                            <p class="control has-icon-left">
                                <input id="password-confirm" type="password" class="input"
                                       name="password_confirmation" required>
                                <span class="icon is-small is-left">
            <i class="fas fa-lock"></i>
          </span>
                            </p>
ZeMKI's avatar
ZeMKI committed
74
                        </div>
ZeMKI's avatar
ZeMKI committed
75
76
77
                        @if ($errors->has('password'))
                            <div class="notification is-danger  is-small">
                                <strong>{{ $errors->first('password') }}</strong>
ZeMKI's avatar
ZeMKI committed
78
                            </div>
ZeMKI's avatar
ZeMKI committed
79
80
81
82
                        @endif
                        <div class="field">
                            <p class="control">
                                <button class="button is-dark"
ZeMKI's avatar
ZeMKI committed
83
                                        :class="{'opacity-50 cursor-not-allowed opacity-75' : !this.registration.valid_password}"
ZeMKI's avatar
ZeMKI committed
84
85
86
87
88
                                        :disabled="!this.registration.valid_password"
                                >
                                    Register
                                </button>
                            </p>
ZeMKI's avatar
ZeMKI committed
89
90
91
92
93
94
95
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection
ZeMKI's avatar
ZeMKI committed
96