From fb70c3758c08b4c05b28abcd426f762d0e2f9c5e Mon Sep 17 00:00:00 2001
From: Resul Madesenow <resulberdi3737@gmail.com>
Date: Thu, 22 Feb 2024 15:54:39 +0500
Subject: [PATCH] auth design

---
 public/assets/css/auth.css                    |  2 +-
 .../views/vendor/nova/pages/login.blade.php   |  2 +-
 .../vendor/nova/pages/register.blade.php      | 58 ++---------
 .../nova/pages/reset-password.blade.php       | 98 ++-----------------
 .../nova/partials/auth-layout.blade.php       | 50 +++++++++-
 5 files changed, 66 insertions(+), 144 deletions(-)
diff --git a/public/assets/css/auth.css b/public/assets/css/auth.css
index f11390f..d79e954 100644
--- a/public/assets/css/auth.css
+++ b/public/assets/css/auth.css
@@ -4,5 +4,5 @@
 }
 
 .login-section {
-    padding: 0px 150px;
+    padding: 0px 120px;
 }
diff --git a/resources/views/vendor/nova/pages/login.blade.php b/resources/views/vendor/nova/pages/login.blade.php
index 67afec6..c52185d 100644
--- a/resources/views/vendor/nova/pages/login.blade.php
+++ b/resources/views/vendor/nova/pages/login.blade.php
@@ -3,7 +3,7 @@
 @section('content')
     <div class="login-section flex justify-between items-center h-screen">
         <div>
-            <img src="assets/images/logo-login.png" width="85%">
+            <img src="assets/images/logo-login.png" width="400px">
         </div>
          <div>
             <form class="bg-white dark:bg-gray-800 shadow rounded-lg p-8 w-[25rem] mx-auto" method="POST" action="{{ route('login') }}">
diff --git a/resources/views/vendor/nova/pages/register.blade.php b/resources/views/vendor/nova/pages/register.blade.php
index ab6c1da..458cda7 100644
--- a/resources/views/vendor/nova/pages/register.blade.php
+++ b/resources/views/vendor/nova/pages/register.blade.php
@@ -1,44 +1,12 @@
-<!DOCTYPE html>
-<html lang="{{ app()->getLocale() }}" dir="ltr" class="h-full font-sans antialiased">
-<head>
-    <meta name="theme-color" content="#fff">
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width"/>
-    <meta name="locale" content="{{ app()->getLocale() }}"/>
-    <meta name="robots" content="noindex">
+@extends('vendor.nova.partials.auth-layout')
 
-    <!-- Styles -->
-    <link rel="stylesheet" href="/vendor/nova/app.css?id=496e3383c5e2918c7bc875f45870e701">
-    <style type="text/css">
-        .bg-img {
-            background: url({{ asset('assets/images/login-bg.jpg')}}) no-repeat fixed var(--sc-login-bg-position, 50% 50%);
-            background-size: cover;
-        }
-        .login-section {
-            padding: 0px 150px;
-        }
-    </style>
-</head>
-<body>
-    <div class="bg-img">
-        <div class="bg-white flex justify-between px-4 py-1 absolute w-full">
-            <div class="bg-green-500 px-8 text-white text-sm p-1 rounded uppercase font-bold"><a href="#"> Töleg barlagy </a></div>
-            <div class="flex items-center">
-                <a href="tel:+99312444115" class="mr-6 text-sm text-gray-900">(+99312) 44-41-15</a>
-                <a href="#" class="mr-6 text-sm text-gray-900 uppercase">Kömek</a>
-                <div class="flex text-sm text-gray-900 space-x-1 uppercase">
-                    <a href="#" class="font-bold"> Tm |</a>
-                    <a href="#"> En |</a>
-                    <a href="#"> Ru</a>
-                </div>
-            </div>
+@section('content')
+    <div class="login-section flex justify-between items-center h-screen">
+        <div>
+            <img src="{{ asset('assets/images/logo-login.png')}}" width="400px">
         </div>
-        <div class="login-section flex justify-between items-center h-screen">
-            <div>
-                <img src="{{ asset('assets/images/logo-login.png')}}" width="85%">
-            </div>
-            <div>
-                <form class="bg-white dark:bg-gray-800 shadow rounded-lg p-8 max-w-lg mx-auto" method="POST" action="{{ route('register') }}">
+        <div>
+                <form class="bg-white dark:bg-gray-800 shadow rounded-lg p-8 w-[25rem] mx-auto" method="POST" action="{{ route('register') }}">
                 @csrf
                 <h2 class="text-2xl text-center font-normal mb-6">{{ __('Welcome Back!') }}</h2>
                 <svg class="block mx-auto mb-6" xmlns="http://www.w3.org/2000/svg" width="100" height="2" viewBox="0 0 100 2">
@@ -112,16 +80,6 @@
                     <span class=""><span>{{ __('Go to login page') }}</span></span>
                 </a>
                 </form>
-            </div>
-        </div>
-        <div class="bg-white flex justify-between p-1 px-3 text-sm fixed bottom-0 left-0 right-0">
-            <p>“Turkmenbasy” PTB-y ©</p>
-            <a href="#">SoftClub</a>
         </div>
     </div>
-<script src="/assets/js/inputmask.min.js"></script>
-<script>
-    new Inputmask("+(\\9\\93)-99-99-99-99").mask(document.getElementById('phone'));
-</script>
-</body>
-</html>
+@stop
diff --git a/resources/views/vendor/nova/pages/reset-password.blade.php b/resources/views/vendor/nova/pages/reset-password.blade.php
index 0259360..75760d9 100644
--- a/resources/views/vendor/nova/pages/reset-password.blade.php
+++ b/resources/views/vendor/nova/pages/reset-password.blade.php
@@ -1,50 +1,18 @@
-<!DOCTYPE html>
-<html lang="tk" dir="ltr" class="h-full font-sans antialiased">
-<head>
-    <meta name="theme-color" content="#fff">
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width"/>
-    <meta name="locale" content="tk"/>
-    <meta name="robots" content="noindex">
+@extends('vendor.nova.partials.auth-layout')
 
-    <!-- Styles -->
-    <link rel="stylesheet" href="/vendor/nova/app.css?id=496e3383c5e2918c7bc875f45870e701">
-    <style type="text/css">
-        .bg-img {
-            background: url({{ asset('assets/images/login-bg.jpg')}}) no-repeat fixed var(--sc-login-bg-position, 50% 50%);
-            background-size: cover;
-        }
-        .login-section {
-            padding: 0px 150px;
-        }
-    </style>
-</head>
-<body>
-    <div class="bg-img">
-        <div class="bg-white flex justify-between px-4 py-1 absolute w-full">
-            <div class="bg-green-500 px-8 text-white text-sm p-1 rounded uppercase font-bold"><a href="#"> Töleg barlagy </a></div>
-            <div class="flex items-center">
-                <a href="tel:+99312444115" class="mr-6 text-sm text-gray-900">(+99312) 44-41-15</a>
-                <a href="#" class="mr-6 text-sm text-gray-900 uppercase">Kömek</a>
-                <div class="flex text-sm text-gray-900 space-x-1 uppercase">
-                    <a href="#" class="font-bold"> Tm |</a>
-                    <a href="#"> En |</a>
-                    <a href="#"> Ru</a>
-                </div>
-            </div>
+@section('content')
+    <div class="login-section flex justify-between items-center h-screen">
+        <div>
+            <img src="{{ asset('assets/images/logo-login.png')}}" width="400px">
         </div>
-        <div class="login-section flex justify-between items-center h-screen">
-            <div>
-                <img src="{{ asset('assets/images/logo-login.png')}}" width="85%">
-            </div>
-           <div>
+        <div>
 
                 <div>
                     <form
                         method="POST"
                         action="{{ route('reset-password') }}"
                         onsubmit="event.preventDefault();resetPassword(event)"
-                        class="bg-white dark:bg-gray-800 shadow rounded-lg p-8 max-w-lg mx-auto"
+                        class="bg-white dark:bg-gray-800 shadow rounded-lg p-8 w-[25rem] mx-auto"
                     >
                         @csrf
                         <div class="mx-auto py-2 max-w-md flex justify-center">
@@ -99,56 +67,6 @@
                         </a>
                     </form>
                 </div>
-           </div>
-        </div>
-        <div class="bg-white flex justify-between p-1 px-3 text-sm fixed bottom-0 left-0 right-0">
-            <p>“Turkmenbasy” PTB-y ©</p>
-            <a href="#">SoftClub</a>
         </div>
     </div>
-
-<script src="/assets/js/sweetalert2@11.js"></script>
-<script src="/assets/js/fn.js"></script>
-<script>
-async function resetPassword(event) {
-    const response = await postData(event.target.action, getFormData(event))
-
-    if (response.errors) {
-        loopObject(response.errors, item => addValidationClasses(item))
-    } else {
-        removeValidationClasess()
-
-        if (response.step === 1) {
-            showVerificationCodeBox()
-
-            Swal.fire({
-                title: '{{ __('Verification code') }}',
-                text: response.message,
-                icon: 'info'
-              })
-        }
-
-        if (response.step === 2) {
-            showPasswordBox()
-
-            Swal.fire({
-              title: '{{ __('Reset Password') }}',
-              text: response.message,
-              icon: 'warning'
-            })
-        }
-
-        if (response.step === 3) {
-            await Swal.fire({
-              title: response.message,
-              showDenyButton: false,
-              showCancelButton: false,
-            })
-
-            window.location.href = '{{ route('login') }}'
-        }
-    }
-}
-</script>
-</body>
-</html>
+@stop
diff --git a/resources/views/vendor/nova/partials/auth-layout.blade.php b/resources/views/vendor/nova/partials/auth-layout.blade.php
index 8ee065d..6d11d38 100644
--- a/resources/views/vendor/nova/partials/auth-layout.blade.php
+++ b/resources/views/vendor/nova/partials/auth-layout.blade.php
@@ -20,7 +20,7 @@
                 {{-- <a href="#"> Töleg barlagy </a> --}}
             </div>
             <div class="flex items-center">
-                <a href="tel:+99312444115" class="mr-6 text-sm text-gray-900">(+99312) 44-41-15</a>
+                <a href="tel:+99312444115" class="mr-6 text-sm text-gray-900">(+99312) 44-42-34</a>
                 <a href="#" class="mr-6 text-sm text-gray-900 uppercase">{{ __('Help') }}</a>
                 <div class="flex text-sm text-gray-900 space-x-1 uppercase">
                     @foreach(config('app.locales') as $localeKey => $localeDisplayName)
@@ -40,9 +40,55 @@
 
         <div class="bg-white flex justify-between p-1 px-3 text-sm fixed bottom-0 left-0 right-0">
             <p>“Turkmenbasy” PTB-y ©</p>
-            <a href="#">SoftClub</a>
+            {{-- <a href="#">SoftClub</a> --}}
         </div>
     </div>
+    <script src="/assets/js/inputmask.min.js"></script>
+    <script src="/assets/js/sweetalert2@11.js"></script>
+    <script src="/assets/js/fn.js"></script>
+    <script>
+        new Inputmask("+(\\9\\93)-99-99-99-99").mask(document.getElementById('phone'));
+
+        async function resetPassword(event) {
+        const response = await postData(event.target.action, getFormData(event))
+
+        if (response.errors) {
+            loopObject(response.errors, item => addValidationClasses(item))
+        } else {
+            removeValidationClasess()
+
+            if (response.step === 1) {
+                showVerificationCodeBox()
+
+                Swal.fire({
+                    title: '{{ __('Verification code') }}',
+                    text: response.message,
+                    icon: 'info'
+                  })
+            }
+
+            if (response.step === 2) {
+                showPasswordBox()
+
+                Swal.fire({
+                  title: '{{ __('Reset Password') }}',
+                  text: response.message,
+                  icon: 'warning'
+                })
+            }
+
+            if (response.step === 3) {
+                await Swal.fire({
+                  title: response.message,
+                  showDenyButton: false,
+                  showCancelButton: false,
+                })
+
+                window.location.href = '{{ route('login') }}'
+            }
+        }
+    }
+    </script>
 </body>
 </html>
 
