From 9dd5817e8e6757e618b4fbd688d8dfdd1b5d2e26 Mon Sep 17 00:00:00 2001
From: Resul Madesenow <resulberdi3737@gmail.com>
Date: Wed, 21 Feb 2024 17:56:53 +0500
Subject: [PATCH] login ui finished

---
 .../views/vendor/nova/pages/login.blade.php   | 115 ++++++++++--------
 1 file changed, 64 insertions(+), 51 deletions(-)
diff --git a/resources/views/vendor/nova/pages/login.blade.php b/resources/views/vendor/nova/pages/login.blade.php
index 3d83489..1041823 100644
--- a/resources/views/vendor/nova/pages/login.blade.php
+++ b/resources/views/vendor/nova/pages/login.blade.php
@@ -10,59 +10,72 @@
 
     <!-- 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 class="min-w-site text-sm font-medium min-h-full text-gray-500 dark:text-gray-400 bg-gray-100 dark:bg-gray-900"
-    style="background-image: url({{ asset('assets/images/login-bg.jpg')}}">
-    <div class="py-6 px-1 md:px-2 lg:px-6">
-        <div class="mx-auto py-8 max-w-sm flex justify-center">
-            <span class="text-4xl">{{ __('Online panel') }}</span>
+<body class="min-w-site text-sm font-medium h-full text-gray-500 dark:text-gray-400 bg-gray-100 dark:bg-gray-900">
+    <div class="flex justify-between px-4 py-1">
+        <div class="bg-green-500 px-6 text-white text-base rounded-md"><a href="#"> Töleg barlagy </a></div>
+        <div class="flex">
+            <p class="mr-6 text-base text-gray-900">(+99312) 44-41-15</p>
+            <p class="text-base text-gray-900">Kömek</p>
+        </div>
+    </div>
+    <div class="bg-img h-full flex items-center mt-4">
+        <div class="login-section relative block md:flex items-center justify-between w-full">
+            <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 w-[25rem] mx-auto" method="POST" action="{{ route('login') }}">
+                        @csrf
+                        <div class="mb-6">
+                            <label class="block mb-2" for="username">
+                                {{ __('Username') }}
+                            </label>
+                            <input class="form-control form-input form-input-bordered w-full @error('username') form-input-border-error @enderror" id="username" type="text" name="username" autofocus="" value="{{ old('username') }}">
+
+                            @error('username')
+                                <span class="text-red-500 text-italic">
+                                    <strong>{{ $message }}</strong>
+                                </span>
+                            @enderror
+                        </div>
+                        <div class="mb-6">
+                            <label class="block mb-2" for="password">
+                                {{ __('Password') }}
+                            </label>
+                            <input class="form-control form-input form-input-bordered w-full @error('username') form-input-border-error @enderror" id="password" type="password" name="password">
+
+                            @error('password')
+                                <span class="text-red-500 text-italic">
+                                    <strong>{{ $message }}</strong>
+                                </span>
+                            @enderror
+                        </div>
+                        <div class="flex mb-6">
+                            <div class="ml-auto">
+                                <a href="{{ route('reset-password') }}" class="text-gray-500 font-bold no-underline">
+                                    {{ __('Forgot your password?')  }}
+                                </a>
+                            </div>
+                        </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>{{ __('Login') }}</span></span>
+                        </button>
+                        <a href="{{ route('register') }}" 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>{{ __('Register') }}</span></span>
+                        </a>
+                    </form>
+            </div>
         </div>
-    <div>
-        <form class="bg-white dark:bg-gray-800 shadow rounded-lg p-8 max-w-[25rem] mx-auto" method="POST" action="{{ route('login') }}">
-            @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">
-                <path fill="#D8E3EC" d="M0 0h100v2H0z"></path>
-            </svg>
-            <div class="mb-6">
-                <label class="block mb-2" for="username">
-                    {{ __('Username') }}
-                </label>
-                <input class="form-control form-input form-input-bordered w-full @error('username') form-input-border-error @enderror" id="username" type="text" name="username" autofocus="" value="{{ old('username') }}">
-
-                @error('username')
-                    <span class="text-red-500 text-italic">
-                        <strong>{{ $message }}</strong>
-                    </span>
-                @enderror
-            </div>
-            <div class="mb-6">
-                <label class="block mb-2" for="password">
-                    {{ __('Password') }}
-                </label>
-                <input class="form-control form-input form-input-bordered w-full @error('username') form-input-border-error @enderror" id="password" type="password" name="password">
-
-                @error('password')
-                    <span class="text-red-500 text-italic">
-                        <strong>{{ $message }}</strong>
-                    </span>
-                @enderror
-            </div>
-            <div class="flex mb-6">
-                <div class="ml-auto">
-                    <a href="{{ route('reset-password') }}" class="text-gray-500 font-bold no-underline">
-                        {{ __('Forgot your password?')  }}
-                    </a>
-                </div>
-            </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>{{ __('Login') }}</span></span>
-            </button>
-            <a href="{{ route('register') }}" 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>{{ __('Register') }}</span></span>
-            </a>
-        </form>
     </div>
-</div>
 </body>
 </html>
