126 lines
5.8 KiB
PHP
126 lines
5.8 KiB
PHP
@extends('vendor.nova.partials.auth-layout')
|
|
|
|
@push('js')
|
|
<script>
|
|
async function register(event) {
|
|
const response = await postData(event.target.action, getFormData(event))
|
|
|
|
if (response.errors) {
|
|
loopObject(response.errors, item => addValidationClasses(item))
|
|
|
|
return;
|
|
}
|
|
|
|
removeValidationClasess()
|
|
|
|
await Swal.fire({
|
|
title: '{{ __('Successfully logged in') }}',
|
|
text: '{{ __('Please wait while we redirect you to your personal account') }}',
|
|
icon: 'success',
|
|
showDenyButton: false,
|
|
showCancelButton: false,
|
|
})
|
|
|
|
window.location.href = '{{ route('login') }}'
|
|
}
|
|
</script>
|
|
@endpush
|
|
|
|
@section('content')
|
|
<div class="login-section d-center items-center h-screen">
|
|
<div class="d-none h-full max-w-4xl">
|
|
<img src="/assets/images/bank-img.png" class="h-full object-cover">
|
|
</div>
|
|
<div>
|
|
{{-- <div class="logo">
|
|
<img src="assets/images/logo-login.png" width="200px">
|
|
</div> --}}
|
|
<form
|
|
class="bg-white dark:bg-gray-800 rounded-lg p-8 w-[25rem] mx-auto mt-1"
|
|
method="POST"
|
|
action="{{ route('register') }}"
|
|
onsubmit="event.preventDefault();register(event)"
|
|
>
|
|
@csrf
|
|
<h2 class="text-2xl text-center font-normal mb-6">{{ __('Online panel') }}</h2>
|
|
<svg class="block mx-auto mb-6" xmlns="http://www.w3.org/2000/svg" width="100" height="2" viewBox="0 0 100 2">
|
|
<path fill="#D8E3EC" d="M0 0h100v2H0z"></path>
|
|
</svg>
|
|
<div class="mb-1">
|
|
<label class="block mb-1" for="name">
|
|
{{ __('Full Name') }}
|
|
</label>
|
|
<input class="form-control form-input form-input-bordered w-full"
|
|
id="name"
|
|
type="text"
|
|
name="name"
|
|
autofocus=""
|
|
value="{{ old('name') }}"
|
|
>
|
|
|
|
<span id="name-error-box" class="text-red-500 text-italic error-box"></span>
|
|
</div>
|
|
<div class="mb-1">
|
|
<label class="block mb-1" for="phone">
|
|
{{ __('Phone') }}
|
|
</label>
|
|
<input class="form-control form-input form-input-bordered w-full"
|
|
id="phone"
|
|
type="text"
|
|
name="phone"
|
|
autofocus=""
|
|
value="{{ old('phone') }}"
|
|
>
|
|
|
|
<span id="phone-error-box" class="text-red-500 text-italic error-box"></span>
|
|
</div>
|
|
<div class="mb-1">
|
|
<label class="block mb-1" for="username">
|
|
{{ __('Username') }}
|
|
</label>
|
|
<input class="form-control form-input form-input-bordered w-full"
|
|
id="username"
|
|
type="text"
|
|
name="username"
|
|
autofocus=""
|
|
value="{{ old('username') }}"
|
|
>
|
|
|
|
<span id="username-error-box" class="text-red-500 text-italic error-box"></span>
|
|
</div>
|
|
<div class="mb-1">
|
|
<label class="block mb-1" for="password">
|
|
{{ __('Password') }}
|
|
</label>
|
|
<input class="form-control form-input form-input-bordered w-full"
|
|
id="password"
|
|
type="password"
|
|
name="password"
|
|
>
|
|
|
|
<span id="password-error-box" class="text-red-500 text-italic error-box"></span>
|
|
</div>
|
|
<div class="mb-1">
|
|
<label class="block mb-1" for="password_confirmation">
|
|
{{ __('Confirm Password') }}
|
|
</label>
|
|
<input class="form-control form-input form-input-bordered w-full"
|
|
id="password_confirmation"
|
|
type="password"
|
|
name="password_confirmation"
|
|
>
|
|
|
|
<span id="password_confirmation-error-box" class="text-red-500 text-italic error-box"></span>
|
|
</div>
|
|
<div class="mb-6"></div>
|
|
<button class="w-full flex justify-center shadow relative bg-primary-500 hover:bg-primary-400 text-white dark:text-gray-900 w-full flex justify-center cursor-pointer rounded text-sm font-bold focus:outline-none focus:ring ring-primary-200 dark:ring-gray-600 inline-flex items-center justify-center h-9 px-3 mb-3 w-full flex justify-center shadow relative bg-primary-500 hover:bg-primary-400 text-white dark:text-gray-900 w-full flex justify-center" type="submit">
|
|
<span class=""><span>{{ __('Register') }}</span></span>
|
|
</button>
|
|
<a href="{{ route('login') }}" class="w-full flex justify-center shadow relative bg-primary-500 hover:bg-primary-400 text-white dark:text-gray-900 w-full flex justify-center cursor-pointer rounded text-sm font-bold focus:outline-none focus:ring ring-primary-200 dark:ring-gray-600 inline-flex items-center justify-center h-9 px-3 mb-3 w-full flex justify-center shadow relative bg-primary-500 hover:bg-primary-400 text-white dark:text-gray-900 w-full flex justify-center">
|
|
<span class=""><span>{{ __('Go to login page') }}</span></span>
|
|
</a>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
@stop
|