[AIDAPP-407]: Improve the user experience for the login screen with helpful release and support information

app-modules/authorization/resources/views/login.blade.php

@@ -31,25 +31,36 @@
 
 </COPYRIGHT>
 --}}
-<x-filament-panels::page.simple>
-    @if (filament()->hasRegistration())
-        <x-slot name="subheading">
-            {{ __('filament-panels::pages/auth/login.actions.register.before') }}
-
-            {{ $this->registerAction }}
-        </x-slot>
-    @endif
-
-    <x-filament-panels::form wire:submit="authenticate">
-        {{ $this->form }}
-
-        <x-filament-panels::form.actions
-            :actions="$this->getCachedFormActions()"
-            :full-width="$this->hasFullWidthFormActions()"
-        />
-        <x-filament-panels::form.actions
-            :actions="$this->getSsoFormActions()"
-            :full-width="$this->hasFullWidthFormActions()"
-        />
-    </x-filament-panels::form>
-</x-filament-panels::page.simple>
+<div class="flex w-full flex-col items-center justify-center gap-8 lg:flex-row">
+    <div class="w-full lg:w-1/2 lg:pr-8">
+        @if (filament()->hasRegistration())
+            <x-slot name="subheading">
+                {{ __('filament-panels::pages/auth/login.actions.register.before') }}
+
+                {{ $this->registerAction }}
+            </x-slot>
+        @endif
+
+        <x-filament-panels::form wire:submit="authenticate">
+            {{ $this->form }}
+
+            <x-filament-panels::form.actions
+                :actions="$this->getCachedFormActions()"
+                :full-width="$this->hasFullWidthFormActions()"
+            />
+            @if (count($this->getSsoFormActions()) > 0)
+                <small class="text-gray-800 dark:text-gray-300">or log in with single sign-on</small>
+            @endif
+            <x-filament-panels::form.actions
+                :actions="$this->getSsoFormActions()"
+                :full-width="$this->hasFullWidthFormActions()"
+            />
+        </x-filament-panels::form>
+    </div>
+
+    <div class="w-full lg:w-1/2">
+        <x-filament-panels::login-version-card />
+        <x-filament-panels::login-resource-portal-card />
+    </div>
+
+</div>

app-modules/authorization/src/Filament/Pages/Auth/Login.php

@@ -45,6 +45,8 @@ class Login extends FilamentLogin
 {
     protected static string $view = 'authorization::login';
 
+    protected static string $layout = 'filament-panels::components.layouts.login';
+
     protected function getSsoFormActions(): array
     {
         $ssoActions = [];

app/Providers/AppServiceProvider.php

@@ -117,6 +117,17 @@ public function boot(): void
             return null;
         });
 
+        $this->app->singleton('current-version', function ($app) {
+            $gitVersion = Process::run('git describe --tags $(git rev-list --tags --max-count=1)');
+
+            if ($gitVersion->successful()) {
+                return rtrim($gitVersion->output());
+            }
+            report($gitVersion->errorOutput());
+
+            return null;
+        });
+
         Feature::discover();
     }
 }

resources/css/filament/admin/theme.css

@@ -161,3 +161,7 @@ li[data-group-label=''] > ul > .fi-sidebar-item > .fi-sidebar-item-button > .fi-
 .fi-section.fi-section-no-content-padding .fi-section-content {
     @apply p-0;
 }
+
+.dark_button_border {
+    @apply dark:border dark:border-white dark:hover:border-white !important;
+}