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

@section('content')
4
    <div class="flex items-center justify-center h-screen">
ZeMKI's avatar
ZeMKI committed
5

6
7
8
        <div class="bg-white p-4 rounded overflow-hidden shadow-lg  w-1/3">
            <form method="POST" action="{{ route('register') }}">
                @csrf
ZeMKI's avatar
ZeMKI committed
9

10
11
12
                <figure class="w-1/4 m-auto max-w-full">
                    <img src="{{config('utilities.base64logo')}}" alt="Mesort Logo">
                </figure>
ZeMKI's avatar
ZeMKI committed
13

14
15
16
17
18
19
20
                <div class="text-center">
                    <h1 class="text-4xl pb-2 m-auto max-w-full font-extrabold">Mesort</h1>
                    <h4> {{ __('Register') }} </h4>
                    <div class="py-4 w-full text-center ">
                        <a class="text-blue-500 hover:text-red-600" href="{{url('login')}}">{{__("Login Page")}}</a>
                    </div>
                </div>
ZeMKI's avatar
ZeMKI committed
21

22
23
24
25
26
27
                <label for="email" class="label">{{ __('E-Mail Address') }}</label>
                <div class="control">
                    <input id="email" type="email"
                           class="input {{ $errors->has('email') ? ' bg-red-dark' : '' }}" name="email"
                           value="{{ old('email') }}" required autofocus v-model="registration.email">
                </div>
ZeMKI's avatar
ZeMKI committed
28

ZeMKI's avatar
ZeMKI committed
29

30
31
32
33
34
35
36
37
38
39
40
                <ul class="w-full my-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
41

42
43
                <div class="my-2">
                    <label for="password" class="label">{{ __('Password') }}</label>
ZeMKI's avatar
ZeMKI committed
44

45
46
47
48
49
                    <input id="password" type="password" v-model="registration.password"
                           @input="checkPassword()"
                           class="input {{ $errors->has('password') ? ' bg-red-dark' : '' }}"
                           name="password"
                           required>
ZeMKI's avatar
ZeMKI committed
50
                </div>
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
                <div class="my-2">
                    <label for="password-confirm"
                           class="label">{{ __('Confirm Password') }}</label>

                    <input id="password-confirm" type="password" class="input"
                           name="password_confirmation" required>
                </div>
                @if ($errors->has('email'))
                    <div class="bg-red-700 my-2 pl-2 py-2">
                        <strong>{{ $errors->first('email') }}</strong>
                    </div>
                @endif

                @if ($errors->has('password'))
                    <div class="bg-red-700 my-2  pl-2 py-2">
                        <strong>{{ $errors->first('password') }}</strong>
                    </div>
                @endif
                <div class="text-center align-middle">

                    <button class="bg-gray-300 hover:bg-gray-400 text-gray-800 font-bold py-2 px-4 rounded-l"
                            :class="{'opacity-50 cursor-not-allowed opacity-75' : !this.registration.valid_password}"
                            :disabled="!this.registration.valid_password"
                    >
                        {{__('Register')}}
                    </button>

                </div>
            </form>
ZeMKI's avatar
ZeMKI committed
80
81
        </div>
    </div>
82

ZeMKI's avatar
ZeMKI committed
83
@endsection
ZeMKI's avatar
ZeMKI committed
84