update layout login

config/laravolt/ui.php

@@ -35,6 +35,7 @@
      */
     // Layout, Available options: 'modern', 'fullscreen', 'classic'
     'login_layout' => 'modern',
+    'layout'       => 'ui::layouts.auth',
 
     // Background image
     'login_background' => '/laravolt/img/wallpaper/animated-svg/dark.svg',

resources/views/auth/login.blade.php

-<x-volt-auth>
-    <center>
-        <div class="card" style="width: 25%;">
-            <div class="card-body">
-                <div class="x-inspire__content">
-                    <div class="x-inspire__text"></div>
-                </div>
+@extends(config('laravolt.ui.layout'))
 
-                <!-- Flex container for brand image and title -->
-                <div class="ui grid aligned-content" style="display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: nowrap">
-                    <div style="width: 40%">
-                        <x-volt-brand-image style="padding:10%"/> 
-                    </div>
-                    <h3 class="ui header section" style="margin: 0; width:60%">LOG MASUK</h3>
-                </div>
+@section('content')
 
-                {!! form()->open(route('auth::login.store'))->attribute('up-target', 'body') !!}
-                {!! form()->email('email')->label(__('Emel'))->placeholder(_('Emel')) !!}
-                {!! form()->password('password')->label(__('Kata Laluan'))->placeholder(_('Kata Laluan')) !!}
-
-                @if (config('laravolt.platform.features.captcha'))
-                    <div class="field">
-                        {!! app('captcha')->display() !!}
-                        {!! app('captcha')->renderJs() !!}
-                    </div>
-                @endif
-
-                <div class="ui field m-b-2">
-                    <div class="ui equal width grid">
-                        <div class="column left aligned">
-                            <div class="ui checkbox">
-                                <input type="checkbox" name="remember" {{ request()->old('remember') ? 'checked' : '' }}>
-                                <label>Kekal Log Masuk</label>
-                            </div>
-                        </div>
-                        <div class="column right aligned">
-                            <a themed href="{{ route('auth::forgot.show') }}" class="link">Lupa Kata Laluan?</a>
-                        </div>
-                    </div>
-                </div>
-
-                <div class="field action">
-                    <x-volt-button class="fluid">Log Masuk</x-volt-button>
-                </div>
+    @if (session('success'))
+        <div class="ui success message">
+            <p>{{ session('success') }}</p>
+        </div>
+    @endif
 
-                @if (config('laravolt.platform.features.registration'))
-                    <div class="ui divider section"></div>
-                    <div>
-                        <x-volt-button type="button" class="fluid">
-                            <a themed href="{{ route('auth::registration.show') }}" class="link" style="color: white; text-decoration: none">Daftar</a>
-                        </x-volt-button>
-                    </div>
-                @endif
+    {!! form()->open(route('auth::login.store'))->attribute('up-target', 'body') !!}
+        <input type="hidden" name="_token" value="{{ csrf_token() }}">
 
-                {!! form()->close() !!}
+        <div class="ui field left icon input fluid">
+            <input type="text" name="email" placeholder="email" value="{{ old('email') }}">
+            <i class="mail icon"></i>
+        </div>
+        <div class="ui field left icon input fluid">
+            <!-- <input type="password" name="password" placeholder="Password"> -->
+            <input type="password" name="password" placeholder="@lang('auth::auth.password')">
+            <i class="lock icon"></i>
+        </div>
+        @if(config('laravolt.auth.captcha'))
+            <div class="field">
+                {!! app('captcha')->display() !!}
+            </div>
+        @endif
+        <div class="ui field">
+            <!-- <button type="submit" class="ui fluid button primary">Login</button> -->
+            <button type="submit" class="ui fluid button primary">@lang('auth::auth.login')</button>
+        </div>
+        <div class="ui equal width grid field">
+            <div class="column left aligned">
+                <div class="ui checkbox">
+                    <input type="checkbox" name="remember" {{ request()->old('remember')?'checked':'' }}>
+                    <!-- <label>Remember me</label> -->
+                    <label>@lang('auth::auth.remember')</label>
+                </div>
+            </div>
+            <div class="column right aligned">
+                <a href="{{route('auth::forgot.show')}}">@lang('auth::auth.forgot_password')</a>
             </div>
+
         </div>
-    </center>
-</x-volt-auth>
+
+    </form>
+
+
+    @if(config('laravolt.auth.registration.enable'))
+        <div class="ui divider hidden section"></div>
+        @lang('auth::auth.not_registered_yet?')
+        <a href="{{ route('auth::register.show') }}">@lang('auth::auth.register_here')</a>
+    @endif
+
+@endsection
+
+@push('script')
+    @if(config('laravolt.auth.captcha'))
+        {!! app('captcha')->renderJs() !!}
+    @endif
+@endpush

resources/views/vendor/ui/layouts/auth.blade.php

 @extends('ui::layouts.base', ['bodyClass' => 'auth'])
-<style type="text/css">
-    
-.discl{
-
-position: fixed;
-bottom: 15px;
-width: 100%;
-margin-left:unset !important;
-margin-right:unset !important;
-
-}
-.discl .disc{
-color: #FFFFFF;width: 100%; background: black; text-align: center; 
-
-}
-
-@media only screen and (max-width:480px) {
-    
-.discl{
-
-display:none !important;;
-}
-
-</style>
 @section('body')
     <div class="ui divider hidden section"></div>
     <div class="ui grid stackable">
@@ -39,10 +15,6 @@
                 </div>
             </div>
         </div>
-
     </div>
-    <div class="ui grid stackable discl" >
-    <span class="disc">Sesuai dipapar menggunakan Firefox 48 , Chrome 52 , Windows Edge and Safari 9 dengan paparan 1280 x 800. Hak Cipta Terpelihara © 2019, Perbadanan Putrajaya.</span></div>
-
 @endsection