From 0b377847cf2c6e16a33adc30f5a78aba15febc28 Mon Sep 17 00:00:00 2001
From: Daeng Deni Mardaeni <ddeni05@gmail.com>
Date: Tue, 8 Jul 2025 14:54:36 +0700
Subject: [PATCH] feat(authentication): penyesuaian tampilan dan logika
 otentikasi pengguna

- Menambahkan `use Exception` pada kelas `Uim` untuk penanganan error yang lebih eksplisit.
- Menghapus penggunaan class `Request` yang tidak digunakan dalam `LoginRequest`.
- Memperbaiki logika penyesuaian role berdasarkan `KD_GROUP`, menetapkan `default` sebagai `customer_service` untuk menghindari kondisi default role tidak ditangani.
- Membuat beberapa perbaikan format dan konsistensi kelas serta elemen HTML di file blade:
  - Menyesuaikan atribut HTML untuk memastikan konsistensi seperti spasi, indentasi, dan tata letak elemen.
  - Memutakhirkan logo dan elemen visual untuk mendukung dinamika seperti nama aplikasi (`APP_NAME`) dan metode otentikasi (`METHOD_AUTH`) yang dapat dikonfigurasi melalui environment file.
  - Mengubah elemen teks dan gaya agar lebih responsif dan ramah pengguna.
- Meningkatkan pengalaman pengguna dengan memperbaiki hierarki elemen di form login dan halaman utama.

Signed-off-by: Daeng Deni Mardaeni <ddeni05@gmail.com>
---
 app/Classes/Uim.php                |  3 +-
 app/Http/Requests/LoginRequest.php |  4 +-
 resources/views/index.blade.php    | 68 +++++++++++++++++-------------
 3 files changed, 41 insertions(+), 34 deletions(-)

diff --git a/app/Classes/Uim.php b/app/Classes/Uim.php
index c4e2553..46ad921 100644
--- a/app/Classes/Uim.php
+++ b/app/Classes/Uim.php
@@ -1,7 +1,8 @@
 <?php
-
     namespace Modules\Authentication\Classes;
 
+    use Exception;
+
     class Uim
     {
         private string $serviceHost;
diff --git a/app/Http/Requests/LoginRequest.php b/app/Http/Requests/LoginRequest.php
index 01729f0..77fa77e 100644
--- a/app/Http/Requests/LoginRequest.php
+++ b/app/Http/Requests/LoginRequest.php
@@ -4,7 +4,6 @@
 
     use Illuminate\Auth\Events\Lockout;
     use Illuminate\Foundation\Http\FormRequest;
-    use Illuminate\Http\Request;
     use Illuminate\Support\Facades\Auth;
     use Illuminate\Support\Facades\RateLimiter;
     use Illuminate\Support\Str;
@@ -108,8 +107,7 @@
                 // Assign role based on user group code
                 $role = match($userArray[0]['KD_GROUP']) {
                     '001' => 'administrator',
-                    '025' => 'customer_service',
-                    default => 'user'
+                    default => 'customer_service'
                 };
 
                 $user->syncRoles($role);
diff --git a/resources/views/index.blade.php b/resources/views/index.blade.php
index e9a690b..b46cb6f 100644
--- a/resources/views/index.blade.php
+++ b/resources/views/index.blade.php
@@ -3,8 +3,9 @@
 @push('styles')
     <style>
         .branded-bg {
-            background-image:url('assets/media/images/2600x1600/1.png');
+            background-image: url('assets/media/images/2600x1600/1.png');
         }
+
         .dark .branded-bg {
             background-image: url('assets/media/images/2600x1600/1-dark.png');
         }
@@ -13,71 +14,78 @@
 
 @section('content')
     <div class="grid lg:grid-cols-2 grow">
-        <div class="flex justify-center items-center p-8 lg:p-10 order-2 lg:order-1">
+        <div class="flex order-2 justify-center items-center p-8 lg:p-10 lg:order-1">
             <div class="card max-w-[370px] w-full">
-                <form action="{{ route('login') }}" class="card-body flex flex-col gap-5 p-10" id="sign_in_form" method="POST">
+                <form action="{{ route('login') }}" class="flex flex-col gap-5 p-10 card-body" id="sign_in_form" method="POST">
                     @csrf
-                    <div class="text-center mb-2.5">
-                        <h3 class="text-lg font-semibold text-gray-900 leading-none mb-2.5">
+                    <div class="mb-2.5 text-center">
+                        <h3 class="mb-2.5 text-lg font-semibold leading-none text-gray-900">
                             Sign in
                         </h3>
                     </div>
                     <div class="flex flex-col gap-1">
-                        <label class="form-label text-gray-900">
+                        <label class="text-gray-900 form-label">
                             Email or NIK
                         </label>
-                        <input class="w-full input @error('login') border-danger @enderror" placeholder="Enter your email or NIK" type="text" name="login" value="{{ old('login') }}">
+                        <input class="w-full input @error('login') border-danger @enderror"
+                            placeholder="Enter your email or NIK" type="text" name="login" value="{{ old('login') }}">
                         @error('login')
-                        <em class="alert text-danger text-sm">{{ $message }}</em>
+                            <em class="text-sm alert text-danger">{{ $message }}</em>
                         @enderror
                     </div>
                     <div class="flex flex-col gap-1">
-                        <div class="flex items-center justify-between gap-1">
-                            <label class="form-label text-gray-900">
+                        <div class="flex gap-1 justify-between items-center">
+                            <label class="text-gray-900 form-label">
                                 Password
                             </label>
                         </div>
                         <label class="input" data-toggle-password="true">
-                            <input class="@error('password') border-danger @enderror" name="password" placeholder="Enter Password" type="password" value=""/>
+                            <input class="@error('password') border-danger @enderror" name="password"
+                                placeholder="Enter Password" type="password" value="" />
                             <div class="btn btn-icon" data-toggle-password-trigger="true">
                                 <i class="ki-outline ki-eye toggle-password-active:hidden"></i>
-                                <i class="ki-outline ki-eye-slash hidden toggle-password-active:block"></i>
+                                <i class="hidden ki-outline ki-eye-slash toggle-password-active:block"></i>
                             </div>
                             @error('password')
-                            <em class="alert text-danger text-sm">{{ $message }}</em>
+                                <em class="text-sm alert text-danger">{{ $message }}</em>
                             @enderror
                         </label>
                     </div>
                     <label class="checkbox-group">
-                        <input class="checkbox checkbox-sm" name="check" type="checkbox" value="1"/>
+                        <input class="checkbox checkbox-sm" name="check" type="checkbox" value="1" />
                         <span class="checkbox-label">
                             Remember me
                         </span>
                     </label>
-                    <button type="submit" class="btn btn-primary flex justify-center grow">
+                    <button type="submit" class="flex justify-center btn btn-primary grow">
                         Sign In
                     </button>
                 </form>
             </div>
         </div>
-        <div class="lg:rounded-xl lg:border lg:border-gray-200 lg:m-5 order-1 lg:order-2 bg-top xxl:bg-center xl:bg-cover bg-no-repeat branded-bg">
-            <div class="flex flex-col p-8 lg:p-16 gap-4">
-                <a href="{{ route('dashboard') }}">
-                    <img class="h-[100px] max-w-none" src="assets/media/app/logo-agi.png"/>
-                </a>
+        <div
+            class="order-1 bg-top bg-no-repeat lg:rounded-xl lg:border lg:border-gray-200 lg:m-5 lg:order-2 xxl:bg-center xl:bg-cover branded-bg">
+            <div class="flex flex-col gap-4 p-8 w-full lg:p-16">
+                <div class="flex w-full">
+                    <img class="h-[100px] lg:h-[200px] max-w-none" src="assets/media/app/logo-agi.png" />
+                </div>
                 <div class="flex flex-col gap-3">
-                    <h3 class="text-2xl font-semibold text-gray-900">
-                        Secure Access Portal
+                    <h3 class="text-4xl font-semibold text-gray-900">
+                        {{ env('APP_NAME', 'Dashboard') }}
                     </h3>
-                    <div class="text-base font-medium text-gray-600">
-                        A robust authentication gateway ensuring
-                        <br/>
-                        secure
-                        <span class="text-gray-900 font-semibold">
-                            efficient user access
+                    <div class="text-lg font-medium text-gray-600">
+                        A robust authentication
+                        @if (env('METHOD_AUTH') == 'uim')
+                            integrate with <span class="font-semibold text-gray-900">User ID
+                                Management</span>
+                        @endif
+                        gateway ensuring
+                        <br />
+                        secure efficient user access to the
+                        <span class="font-semibold text-gray-900">
+                            {{ env('APP_NAME', 'Dashboard') }}
                         </span>
-                        to the LPJ Online
-                        <br/>
+                        <br />
                         Dashboard interface.
                     </div>
                 </div>