From 4f561e0f5661b82b505a55f86f104ce9243b6221 Mon Sep 17 00:00:00 2001
From: Resul Madesenow <resulberdi3737@gmail.com>
Date: Sat, 24 Feb 2024 15:56:20 +0500
Subject: [PATCH] register & login page ajax request

---
 .../views/vendor/nova/pages/login.blade.php   |  3 +-
 .../vendor/nova/pages/register.blade.php      | 96 ++++++++++++-------
 2 files changed, 62 insertions(+), 37 deletions(-)

diff --git a/resources/views/vendor/nova/pages/login.blade.php b/resources/views/vendor/nova/pages/login.blade.php
index d90a3b9..8a41b4e 100644
--- a/resources/views/vendor/nova/pages/login.blade.php
+++ b/resources/views/vendor/nova/pages/login.blade.php
@@ -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
diff --git a/resources/views/vendor/nova/pages/register.blade.php b/resources/views/vendor/nova/pages/register.blade.php
index b1b20ff..c39bd95 100644
--- a/resources/views/vendor/nova/pages/register.blade.php
+++ b/resources/views/vendor/nova/pages/register.blade.php
@@ -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">