register & login page ajax request

This commit is contained in:
Resul Madesenow
2024-02-24 15:56:20 +05:00
parent a6ad59c1f8
commit 4f561e0f56
2 changed files with 62 additions and 37 deletions

View File

@@ -4,13 +4,12 @@
<script>
async function login(event) {
const response = await postData(event.target.action, getFormData(event))
console.log(response)
if (response.errors) {
loopObject(response.errors, item => addValidationClasses(item))
} else {
removeValidationClasess()
}
}
}
</script>
@endpush

View File

@@ -1,5 +1,20 @@
@extends('vendor.nova.partials.auth-layout')
@push('js')
<script>
async function register(event) {
const response = await postData(event.target.action, getFormData(event))
console.log(response)
if (response.errors) {
loopObject(response.errors, item => addValidationClasses(item))
} else {
removeValidationClasess()
}
}
</script>
@endpush
@section('content')
<div class="login-section d-center items-center h-screen">
<div class="d-none h-full max-w-4xl">
@@ -9,71 +24,82 @@
{{-- <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') }}">
<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="username">
<label class="block mb-1" for="name">
{{ __('Full Name') }}
</label>
<input class="form-control form-input form-input-bordered w-full @error('name') form-input-border-error @enderror" id="name" type="text" name="name" autofocus="" value="{{ old('name') }}">
<input class="form-control form-input form-input-bordered w-full"
id="name"
type="text"
name="name"
autofocus=""
value="{{ old('name') }}"
>
@error('name')
<span class="text-red-500 text-italic">
<strong>{{ $message }}</strong>
</span>
@enderror
<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="username">
<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') }}">
@error('phone')
<span class="text-red-500 text-italic">
<strong>{{ $message }}</strong>
</span>
@enderror
<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') }}">
<input class="form-control form-input form-input-bordered w-full"
id="username"
type="text"
name="username"
autofocus=""
value="{{ old('username') }}"
>
@error('username')
<span class="text-red-500 text-italic">
<strong>{{ $message }}</strong>
</span>
@enderror
<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" >
@error('password')
<span class="text-red-500 text-italic">
<strong>{{ $message }}</strong>
</span>
@enderror
<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" >
<input class="form-control form-input form-input-bordered w-full"
id="password_confirmation"
type="password"
name="password_confirmation"
>
@error('password_confirmation')
<span class="text-red-500 text-italic">
<strong>{{ $message }}</strong>
</span>
@enderror
<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">