diff --git a/module.json b/module.json
index 0ac4d2b..4e073af 100644
--- a/module.json
+++ b/module.json
@@ -678,7 +678,8 @@
                 "permission": "",
                 "roles": [
                     "administrator",
-                    "admin"
+                    "admin",
+		    "senior-officer"
                 ],
                 "sub": [
                     {
@@ -810,7 +811,8 @@
                         "permission": "",
                         "roles": [
                             "administrator",
-                            "admin"
+                            "admin",
+			    "senior-officer"
                         ]
                     },
                     {
diff --git a/resources/views/penilai/components/footer.blade.php b/resources/views/penilai/components/footer.blade.php
index d1fa89e..64a9bcd 100644
--- a/resources/views/penilai/components/footer.blade.php
+++ b/resources/views/penilai/components/footer.blade.php
@@ -22,7 +22,7 @@
         <table style="width: 100%; ">
             <tr>
                 <td style="border: 1px solid #000; text-align: center;">
-                    PETA DAN BLAD TATA RUANG
+                    GS, PETA DAN BLAD TATA RUANG
                 </td>
             </tr>
         </table>
@@ -67,7 +67,7 @@
                     @endphp
                     @if ($imagePath && file_exists(storage_path('app/public/' . $imagePath)))
                         <tr>
-                            <td style="width: 100%; vertical-align: top; text-align: center" class="photo-item border">
+                            <td style="width: 100%; vertical-align: top; text-align: center" class="border photo-item">
                                 <p style="margin: 0; font-size: 10px; text-align: center;">
                                     {{ $customLabels[$type] ?? '' }}
                                 </p>
diff --git a/resources/views/penilai/components/resume.blade.php b/resources/views/penilai/components/resume.blade.php
index 6b6e66f..ec7148d 100644
--- a/resources/views/penilai/components/resume.blade.php
+++ b/resources/views/penilai/components/resume.blade.php
@@ -61,7 +61,7 @@
                                 class="btn btn-xs btn-info">
                                 <i class="ki-filled ki-exit-left"></i> Back
                             </a>
-                        @elseif (Auth::user()->hasAnyRole(['administrator', 'surveyor']) && Route::currentRouteName('penilai.show'))
+                        @elseif (Auth::user()->hasAnyRole(['administrator', 'surveyor','penilai']) && Route::currentRouteName('penilai.show'))
                             <a href="{{ route('penilai.show', $permohonan->id) }}" class="btn btn-xs btn-info">
                                 <i class="ki-filled ki-exit-left"></i> Back
                             </a>
diff --git a/resources/views/surveyor/components/header.blade.php b/resources/views/surveyor/components/header.blade.php
index 067a0ef..466fb56 100644
--- a/resources/views/surveyor/components/header.blade.php
+++ b/resources/views/surveyor/components/header.blade.php
@@ -1,12 +1,12 @@
-<div class=" card w-full border-agi-100  rounded-lg shadow-md ">
+<div class="w-full rounded-lg shadow-md card border-agi-100">
     <div class="card-header light:bg-agi-50">
         @php
             $title = $title ?? 'Form Inspeksi';
         @endphp
-        <h3 class="card-title uppercase">
+        <h3 class="uppercase card-title">
             {{ $title }}
         </h3>
-        <div class="flex items-center gap-2">
+        <div class="flex gap-2 items-center">
             @php
                 use Illuminate\Support\Facades\Route;
 
@@ -41,49 +41,49 @@
         </div>
     </div>
     <div class="card-body">
-        <div class="grid gap-5 grid-cols-2">
-            <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
+        <div class="grid grid-cols-2 gap-5">
+            <div class="flex flex-wrap gap-2.5 items-baseline lg:flex-nowrap">
                 <label class="form-label max-w-56">Tujuan Penilaian</label>
                 <div class="flex flex-wrap items-baseline w-full">
                     @if (isset($permohonan->tujuanPenilaian))
-                        <p class="text-2sm text-gray-700">{{ $permohonan->tujuanPenilaian->name }}</p>
+                        <p class="text-gray-700 text-2sm">{{ $permohonan->tujuanPenilaian->name }}</p>
                     @endif
                 </div>
             </div>
-            <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
+            <div class="flex flex-wrap gap-2.5 items-baseline lg:flex-nowrap">
                 <label class="form-label max-w-56">Tanggal Survey</label>
-                <div class="flex flex-wrap items-base line w-full">
-                    <p class="text-2sm text-gray-700">{{ $permohonan->created_at->format('d/m/Y') }}</p>
+                <div class="flex flex-wrap w-full items-base line">
+                    <p class="text-gray-700 text-2sm">{{ $permohonan->created_at->format('d/m/Y') }}</p>
                 </div>
             </div>
 
-            <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
+            <div class="flex flex-wrap gap-2.5 items-baseline lg:flex-nowrap">
                 <label class="form-label max-w-56">Cab/Direktorat</label>
                 <div class="flex flex-wrap items-baseline w-full">
                     @if (isset($permohonan->branch))
-                        <p class="text-2sm text-gray-700">{{ $permohonan->branch->name }}</p>
+                        <p class="text-gray-700 text-2sm">{{ $permohonan->branch->name }}</p>
                     @endif
                 </div>
             </div>
 
-            <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
+            <div class="flex flex-wrap gap-2.5 items-baseline lg:flex-nowrap">
                 <label class="form-label max-w-56">AO</label>
                 <div class="flex flex-wrap items-baseline w-full">
                     @if (isset($permohonan->user))
-                        <p class="text-2sm text-gray-700">{{ $permohonan->user->name }}</p>
+                        <p class="text-gray-700 text-2sm">{{ $permohonan->user->name }}</p>
                     @endif
                 </div>
             </div>
         </div>
 
-        <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5" style="margin-top: 20px">
+        <div class="flex flex-wrap gap-2.5 items-baseline lg:flex-nowrap" style="margin-top: 20px">
             <label class="form-label max-w-56">Debitur/Perwakilan</label>
 
             @if (isset($forminspeksi['asset']['debitur_perwakilan']) && !empty($forminspeksi['asset']['debitur_perwakilan']))
 
-                <div id="perwakilan" class="flex  flex-wrap  items-baseline w-full gap-5">
+                <div id="perwakilan" class="flex flex-wrap gap-5 items-baseline w-full">
                     @foreach ($forminspeksi['asset']['debitur_perwakilan'] as $key => $item)
-                        <div class="perwakilan flex flex-wrap  w-full items-baseline gap-2 ">
+                        <div class="flex flex-wrap gap-2 items-baseline w-full perwakilan">
                             <input type="text" class="input form-control" name="debitur_perwakilan[]"
                                 value="{{ old('debitur_perwakilan.' . $key, $item) }}"
                                 placeholder="Masukkan Debitur/Perwakilan" />
@@ -92,8 +92,8 @@
                     @endforeach
                 </div>
             @else
-                <div id="perwakilan" class="flex  flex-wrap  items-baseline w-full gap-5">
-                    <div class="perwakilan flex flex-wrap  w-full items-baseline gap-2 ">
+                <div id="perwakilan" class="flex flex-wrap gap-5 items-baseline w-full">
+                    <div class="flex flex-wrap gap-2 items-baseline w-full perwakilan">
                         <input type="text" class="input form-control" name="debitur_perwakilan[]"
                             value="{{ old('debitur_perwakilan') }}" placeholder="Masukkan Debitur/Perwakilan" />
                         <button type="button" class="btn btn-danger btn-outline btn-xs remove-btn"
@@ -106,15 +106,15 @@
             <button onclick="addClonableItem('perwakilan', 'perwakilan')" type="button" class="btn-md btn btn-primary">
                 <i class="ki-filled ki-plus"></i>
             </button>
-            <em id="error-debitur_perwakilan" class="alert text-danger text-sm"></em>
+            <em id="error-debitur_perwakilan" class="text-sm alert text-danger"></em>
         </div>
 
 
-        <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5" style="margin-top: 20px">
-            <label class="form-label max-w-56">Pihak Bank</label>
-            <div id="perwakilan" class="flex  items-baseline w-full gap-5">
-                <div class="flex  gap-4 items-center w-full">
-                    <input class="input" type="text" placeholder="Masukan Pihak Bank Selain Pj" type="text"
+        <div class="flex flex-wrap gap-2.5 items-baseline lg:flex-nowrap" style="margin-top: 20px">
+            <label class="form-label max-w-56">Pihak Bank (Selain Appraisal)</label>
+            <div id="perwakilan" class="flex gap-5 items-baseline w-full">
+                <div class="flex gap-4 items-center w-full">
+                    <input class="input" type="text" placeholder="Masukan Pihak Bank (Selain Appraisal)" type="text"
                         name="pihak_bank"
                         value="{{ old('pihak_bank', isset($forminspeksi['asset']['pihak_bank']) ? $forminspeksi['asset']['pihak_bank'] : '') }}">
                 </div>
@@ -123,19 +123,19 @@
     </div>
 </div>
 
-<div class="card border border-agi-100 w-full rounded-lg shadow-md overflow-hidden">
+<div class="overflow-hidden w-full rounded-lg border shadow-md card border-agi-100">
     <div class="card-header light:bg-agi-50">
-        <h1 class="text-md font-medium text-gray-900 uppercase">Nama Cadeb/Debitur</h1>
+        <h1 class="font-medium text-gray-900 uppercase text-md">Nama Cadeb/Debitur</h1>
     </div>
     <div class="card-body">
 
 
         <div class="grid gap-5">
-            <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
+            <div class="flex flex-wrap gap-2.5 items-baseline lg:flex-nowrap">
                 <label class="form-label max-w-56">Nama</label>
                 <div class="flex flex-wrap items-baseline w-full">
                     @if (isset($permohonan->debiture))
-                        <p class="text-2sm text-gray-700">{{ $permohonan->debiture->name }}</p>
+                        <p class="text-gray-700 text-2sm">{{ $permohonan->debiture->name }}</p>
                     @endif
                 </div>
             </div>
@@ -144,32 +144,32 @@
 </div>
 
 
-<div class="card border border-agi-100 w-full  rounded-lg shadow-md ">
+<div class="w-full rounded-lg border shadow-md card border-agi-100">
     <div class="card-header light:bg-agi-50">
-        <h1 class="text-md font-medium text-gray-900 uppercase">Deskripsi Aset jaminan</h1>
+        <h1 class="font-medium text-gray-900 uppercase text-md">Deskripsi Aset jaminan</h1>
     </div>
     <div class="card-body">
         <div class="grid gap-5 w-full">
-            <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
+            <div class="flex flex-wrap gap-2.5 items-baseline lg:flex-nowrap">
                 <label class="form-label max-w-56">Jenis Aset</label>
                 <div>
                     <div class="flex flex-wrap items-baseline w-full">
                         @if (isset($permohonan->documents))
                             @foreach ($permohonan->documents as $item)
-                                <p class="text-2sm text-gray-700">{{ $item->jenisJaminan->name }}</p>
+                                <p class="text-gray-700 text-2sm">{{ $item->jenisJaminan->name }}</p>
                                 <input type="hidden" name="jenis_asset_name" value="{{ $item->jenisJaminan->name }}">
                             @endforeach
                         @endif
                     </div>
                     <div class="flex-wrap items-stretch">
-                        <div class="grid grid-cols-3 md:grid-cols-3 gap-4 mt-2">
-                            <label class="form-label flex items-center gap-3 text-nowrap">
+                        <div class="grid grid-cols-3 gap-4 mt-2 md:grid-cols-3">
+                            <label class="flex gap-3 items-center form-label text-nowrap">
                                 <input onclick="toggleFieldVisibility('jenis_asset', 'jenis_asset', ['tidak sesuai'])"
                                     type="radio" class="radio" name="jenis_asset" value="sesuai"
                                     {{ isset($forminspeksi['asset']['jenis_asset']['sesuai']) ? 'checked' : '' }}>
                                 <span class="ml-2">Ya</span>
                             </label>
-                            <label class="form-label flex items-center gap-2.5 text-nowrap">
+                            <label class="flex gap-2.5 items-center form-label text-nowrap">
                                 <input onclick="toggleFieldVisibility('jenis_asset', 'jenis_asset', ['tidak sesuai'])"
                                     type="radio" class="radio" name="jenis_asset" value="tidak sesuai"
                                     {{ isset($forminspeksi['asset']['jenis_asset']['tidak sesuai']) ? 'checked' : '' }}>
@@ -183,9 +183,9 @@
                                 $selectedValue = $forminspeksi['asset']['jenis_asset'][$statusKey] ?? null;
                             @endphp
 
-                            <div id="jenis_asset" class="flex items-baseline gap-2"
+                            <div id="jenis_asset" class="flex gap-2 items-baseline"
                                 style="{{ old('jenis_asset_tidak_sesuai', isset($forminspeksi['asset']['jenis_asset']['tidak sesuai'])) ? '' : 'display: none;' }}">
-                                <select id="jenis_asset_tidak_sesuai" class="input w-full"
+                                <select id="jenis_asset_tidak_sesuai" class="w-full input"
                                     name="jenis_asset_tidak_sesuai" onchange="handleJenisAssetChange(this)">
                                     <option value="">Pilih Jenis Aset</option>
                                     @if (isset($basicData['jenisJaminan']))
@@ -201,17 +201,17 @@
                             </div>
                             <!-- Input untuk "Lainnya" -->
                             <input id="jenis_asset_lainnya" type="text" name="jenis_asset_lainnya"
-                                class="input w-full mt-2" placeholder="Masukkan Jenis Aset Lainnya..."
+                                class="mt-2 w-full input" placeholder="Masukkan Jenis Aset Lainnya..."
                                 value="{{ old('jenis_asset_lainnya', isset($forminspeksi['asset']['jenis_asset']['Lainnya']) ? $forminspeksi['asset']['jenis_asset']['Lainnya'] : '') }}"
                                 style="{{ old('jenis_asset_lainnya', isset($forminspeksi['asset']['jenis_asset']['Lainnya'])) == 'Lainnya' ? '' : 'display: none;' }}" />
                         </div>
-                        <em id="error-jenis_asset" class="alert text-danger text-sm"></em>
+                        <em id="error-jenis_asset" class="text-sm alert text-danger"></em>
                     </div>
 
                 </div>
             </div>
 
-            <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
+            <div class="flex flex-wrap gap-2.5 items-baseline lg:flex-nowrap">
                 <label class="form-label max-w-56">Alamat</label>
                 <div class="w-full">
                     @foreach ($permohonan->documents as $dokumen)
@@ -219,28 +219,28 @@
                             $alamat = $dokumen;
                         @endphp
                     @endforeach
-                    <span class="text-2sm text-gray-700">
+                    <span class="text-gray-700 text-2sm">
                         {{ formatAlamat($dokumen) }}
                     </span>
 
 
                     <div class="flex-wrap items-stretch">
-                        <div class="grid grid-cols-3 md:grid-cols-3 gap-4 mt-2">
-                            <label class="form-label flex items-center gap-3 text-nowrap">
+                        <div class="grid grid-cols-3 gap-4 mt-2 md:grid-cols-3">
+                            <label class="flex gap-3 items-center form-label text-nowrap">
                                 <input onclick="createAlamat('sesuai')" type="radio" class="radio"
                                     name="alamat_sesuai" value="sesuai"
                                     {{ old('jenis_asset', isset($forminspeksi['asset']['alamat']['sesuai'])) ? 'checked' : '' }}>
                                 <span class="ml-2">Ya</span>
                             </label>
-                            <label class="form-label flex items-center gap-3 text-nowrap">
+                            <label class="flex gap-3 items-center form-label text-nowrap">
                                 <input onclick="createAlamat('tidak sesuai')" type="radio" class="radio"
                                     name="alamat_sesuai" value="tidak sesuai"
                                     {{ old('jenis_asset', isset($forminspeksi['asset']['alamat']['tidak sesuai'])) ? 'checked' : '' }}>
                                 <span class="ml-2">Tidak</span>
                             </label>
                         </div>
-                        <em id="error-alamat_sesuai" class="alert text-danger text-sm"></em>
-                        <em id="error-alamat_sesuai" class="alert text-danger text-sm"></em>
+                        <em id="error-alamat_sesuai" class="text-sm alert text-danger"></em>
+                        <em id="error-alamat_sesuai" class="text-sm alert text-danger"></em>
                     </div>
 
                     @php
@@ -261,14 +261,14 @@
 </div>
 
 
-<div class="card border border-agi-100 w-full  rounded-lg shadow-md overflow-hidden">
+<div class="overflow-hidden w-full rounded-lg border shadow-md card border-agi-100">
     <div class="card-header light:bg-agi-50">
-        <h1 class="text-md font-medium text-gray-900 uppercase">Titik Koordinat Google Maps</h1>
+        <h1 class="font-medium text-gray-900 uppercase text-md">Titik Koordinat Google Maps</h1>
     </div>
     <div class="card-body">
-        <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
+        <div class="flex flex-wrap gap-2.5 items-baseline lg:flex-nowrap">
             <label class="form-label max-w-56">Koordinat</label>
-            <div id="perwakilan" class="flex  items-baseline w-full gap-5">
+            <div id="perwakilan" class="flex gap-5 items-baseline w-full">
                 <div class="grid grid-cols-2 gap-4 items-center w-full">
                     <input class="input" type="text" placeholder="Masukan Koordinat Latitude" type="text"
                         name="kordinat_lat" id="lat"
@@ -289,28 +289,28 @@
 </div>
 
 
-<div class="card border border-agi-100 w-full  rounded-lg shadow-md overflow-hidden">
+<div class="overflow-hidden w-full rounded-lg border shadow-md card border-agi-100">
     <div class="card-header light:bg-agi-50">
-        <h1 class="text-md font-medium text-gray-900 uppercase">Status</h1>
+        <h1 class="font-medium text-gray-900 uppercase text-md">Status</h1>
     </div>
-    <div class="card-body w-full">
+    <div class="w-full card-body">
         @include('lpj::component.detail-jaminan', ['status' => true])
 
-        {{-- <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5 w-full">
-            <label class="form-label font-medium max-w-56">Nomor NIB</label>
+        {{-- <div class="flex flex-wrap gap-2.5 items-baseline w-full lg:flex-nowrap">
+            <label class="font-medium form-label max-w-56">Nomor NIB</label>
             <div class="flex flex-wrap items-baseline w-full">
-                <input type="text" name="nomor_nib" class="input w-full"
+                <input type="text" name="nomor_nib" class="w-full input"
                     value="{{ isset($forminspeksi['asset']['nomor_nib']) ? $forminspeksi['asset']['nomor_nib'] : '' }}"
                     placeholder="Masukkan Nomor NIB">
             </div>
         </div> --}}
 
-        <div class=" mx-auto  rounded-lg  overflow-hidden">
-            <div class="py-4 ">
-                <h1 class="text-md font-medium text-gray-900">Hubungan cadeb/debitur dengan Pemilik Jaminan</h1>
+        <div class="overflow-hidden mx-auto rounded-lg">
+            <div class="py-4">
+                <h1 class="font-medium text-gray-900 text-md">Hubungan cadeb/debitur dengan Pemilik Jaminan</h1>
             </div>
 
-            <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
+            <div class="flex flex-wrap gap-2.5 items-baseline lg:flex-nowrap">
                 <label class="form-label max-w-56">Pemilik Jaminan</label>
                 <div>
                     <div class="flex flex-wrap items-baseline w-full">
@@ -328,15 +328,15 @@
                     </div>
 
                     <div class="flex-wrap items-stretch">
-                        <div class="grid grid-cols-3 md:grid-cols-3 gap-4 mt-2">
-                            <label class="form-label flex items-center gap-3 text-nowrap">
+                        <div class="grid grid-cols-3 gap-4 mt-2 md:grid-cols-3">
+                            <label class="flex gap-3 items-center form-label text-nowrap">
                                 <input
                                     onclick="toggleFieldVisibility('hub_cadeb','hub_cadeb_tidak_sesuai', ['tidak sesuai'])"
                                     type="radio" class="radio" name="hub_cadeb" value="sesuai"
                                     {{ old('hub_cadeb', isset($forminspeksi['asset']['hub_cadeb']['sesuai'])) ? 'checked' : '' }}>
                                 <span class="ml-2">Ya</span>
                             </label>
-                            <label class="form-label flex items-center gap-2.5 text-nowrap">
+                            <label class="flex gap-2.5 items-center form-label text-nowrap">
                                 <input
                                     onclick="toggleFieldVisibility('hub_cadeb','hub_cadeb_tidak_sesuai', ['tidak sesuai'])"
                                     type="radio" class="radio" name="hub_cadeb" value="tidak sesuai"
@@ -351,7 +351,7 @@
                                 $selectedData = $forminspeksi['asset']['hub_cadeb'][$statusKey] ?? null;
                             @endphp
 
-                            <select id="hub_cadeb_tidak_sesuai" class="input w-full" name="hub_cadeb_tidak_sesuai"
+                            <select id="hub_cadeb_tidak_sesuai" class="w-full input" name="hub_cadeb_tidak_sesuai"
                                 style="{{ $statusKey != 'sesuai' ? '' : 'display: none;' }}">
                                 <option value="">Select Hubungan Cadeb</option>
                                 @if (isset($basicData['hubCadeb']))
@@ -367,17 +367,17 @@
                             </select>
 
                         </div>
-                        <em id="error-hub_cadeb" class="alert text-danger text-sm"></em>
+                        <em id="error-hub_cadeb" class="text-sm alert text-danger"></em>
                     </div>
                 </div>
             </div>
 
         </div>
 
-        <div class=" mx-auto  rounded-lg  overflow-hidden">
-            <div class="py-4 ">
-                <h1 class="text-md font-medium text-gray-900">Hubungan Cadeb/Debitur dengan Penghuni Jaminan</h1>
-                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
+        <div class="overflow-hidden mx-auto rounded-lg">
+            <div class="py-4">
+                <h1 class="font-medium text-gray-900 text-md">Hubungan Cadeb/Debitur dengan Penghuni Jaminan</h1>
+                <div class="flex flex-wrap gap-2.5 items-baseline lg:flex-nowrap">
                     <label class="form-label max-w-56">Penghuni Jaminan</label>
 
                     <div class="mt-2">
@@ -387,8 +387,8 @@
                         </div>
 
                         <div class="flex-wrap items-stretch">
-                            <div class="grid grid-cols-3 md:grid-cols-3 gap-4 mt-2">
-                                <label class="form-label flex items-center gap-3 text-nowrap">
+                            <div class="grid grid-cols-3 gap-4 mt-2 md:grid-cols-3">
+                                <label class="flex gap-3 items-center form-label text-nowrap">
 
                                     <input
                                         onclick="toggleFieldVisibility('hub_cadeb_penghuni','hub_penghuni_tidak_sesuai', ['tidak sesuai'])"
@@ -397,7 +397,7 @@
 
                                     <span class="ml-2">Ditempati Sendiri</span>
                                 </label>
-                                <label class="form-label flex items-center gap-2.5 text-nowrap">
+                                <label class="flex gap-2.5 items-center form-label text-nowrap">
                                     <input
                                         onclick="toggleFieldVisibility('hub_cadeb_penghuni','hub_penghuni_tidak_sesuai', ['tidak sesuai'])"
                                         type="radio" class="radio" name="hub_cadeb_penghuni" value="tidak sesuai"
@@ -418,7 +418,7 @@
                                     value="{{ old('hub_penghuni_tidak_sesuai', isset($selectedData) ? $selectedData : '') }}"
                                     style="{{ $statusKey != 'sesuai' ? '' : 'display: none;' }}">
                             </div>
-                            <em id="error-hub_cadeb_penghuni" class="alert text-danger text-sm"></em>
+                            <em id="error-hub_cadeb_penghuni" class="text-sm alert text-danger"></em>
                         </div>
                     </div>
                 </div>
@@ -488,46 +488,46 @@
         if (data == 'sesuai') {
             createElementAlamat.innerHTML = `
         <div class="grid gap-2.5 w-full" >
-            <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5 w-full">
+            <div class="flex flex-wrap gap-2.5 items-baseline w-full lg:flex-nowrap">
                 <label for="address" class="form-label max-w-56">Terletak di.</label>
                 <div class="flex flex-wrap items-baseline w-full">
-                    <input type="text" id="address" name="address" class="input w-full "
+                    <input type="text" id="address" name="address" class="w-full input"
                         value="{{ isset($alamat->address) ? $alamat->address : old('address') }}">
                 </div>
             </div>
             <input type="hidden" name="province_code"
                 value="{{ isset($alamat->province) ? $alamat->province->code : '' }}">
-            <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5 w-full">
+            <div class="flex flex-wrap gap-2.5 items-baseline w-full lg:flex-nowrap">
                 <label for="province" class="form-label max-w-56">Provinsi</label>
                 <div class="flex flex-wrap items-baseline w-full">
-                    <input type="text" id="province" class="input w-full cursor-not-allowed" readonly
+                    <input type="text" id="province" class="w-full cursor-not-allowed input" readonly
                         value="{{ isset($alamat->province) ? $alamat->province->name : '' }}">
                 </div>
             </div>
             <input type="hidden" name="city_code"
                 value="{{ isset($alamat->city) ? $alamat->city->code : '' }}">
-            <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5 w-full">
+            <div class="flex flex-wrap gap-2.5 items-baseline w-full lg:flex-nowrap">
                 <label for="city" class="form-label max-w-56">Kabupaten/Kota</label>
                 <div class="flex flex-wrap items-baseline w-full">
-                    <input type="text" id="city" class="input w-full cursor-not-allowed" readonly
+                    <input type="text" id="city" class="w-full cursor-not-allowed input" readonly
                         value="{{ isset($alamat->city) ? $alamat->city->name : '' }}">
                 </div>
             </div>
             <input type="hidden" name="district_code"
                 value="{{ isset($alamat->district) ? $alamat->district->code : '' }}">
-            <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5 w-full">
+            <div class="flex flex-wrap gap-2.5 items-baseline w-full lg:flex-nowrap">
                 <label for="district" class="form-label max-w-56">Kecamatan</label>
                 <div class="flex flex-wrap items-baseline w-full">
-                    <input type="text" id="district" class="input w-full cursor-not-allowed" readonly
+                    <input type="text" id="district" class="w-full cursor-not-allowed input" readonly
                         value="{{ isset($alamat->district) ? $alamat->district->name : '' }}">
                 </div>
             </div>
             <input type="hidden" name="village_code"
                 value="{{ isset($alamat->village) ? $alamat->village->code : '' }}">
-            <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5 w-full">
+            <div class="flex flex-wrap gap-2.5 items-baseline w-full lg:flex-nowrap">
                 <label for="village" class="form-label max-w-56">Desa/Kelurahan</label>
                 <div class="flex flex-wrap items-baseline w-full">
-                    <input type="text" id="village" class="input w-full cursor-not-allowed" readonly
+                    <input type="text" id="village" class="w-full cursor-not-allowed input" readonly
                         value="{{ isset($alamat->village) ? $alamat->village->name : '' }}">
                 </div>
             </div>
@@ -539,18 +539,18 @@
             createElementAlamat.style.display = 'block';
             createElementAlamat.innerHTML = `
             <div class="grid gap-2.5 w-full">
-                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5 w-full">
+                <div class="flex flex-wrap gap-2.5 items-baseline w-full lg:flex-nowrap">
                     <label for="address" class="form-label max-w-56">Terletak di.</label>
                     <div class="flex flex-wrap items-baseline w-full">
-                        <input type="text" id="address" name="address" class="input w-full"
+                        <input type="text" id="address" name="address" class="w-full input"
                             placeholder="Masukkan Jl." value="{{ old('address', $cekAlamat['address'] ?? '') }}">
                     </div>
                 </div>
 
-                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5 w-full">
+                <div class="flex flex-wrap gap-2.5 items-baseline w-full lg:flex-nowrap">
                     <label for="province_code" class="form-label max-w-56">Provinsi</label>
                     <div class="flex flex-wrap items-baseline w-full">
-                        <select id="province_code" name="province_code" class="input w-full" onchange="getCity(this.value)">
+                        <select id="province_code" name="province_code" class="w-full input" onchange="getCity(this.value)">
                             <option value="">Select Province</option>
                             @foreach ($provinces as $province)
                                 <option value="{{ $province->code }}"
@@ -566,28 +566,28 @@
                     </div>
                 </div>
 
-                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5 w-full">
+                <div class="flex flex-wrap gap-2.5 items-baseline w-full lg:flex-nowrap">
                     <label for="city_code" class="form-label max-w-56">Kota/Kabupaten</label>
                     <div class="flex flex-wrap items-baseline w-full">
-                        <select id="city_code" name="city_code" class="select w-full" onchange="getDistrict(this.value)">
+                        <select id="city_code" name="city_code" class="w-full select" onchange="getDistrict(this.value)">
                             <option value="">Pilih Kota/Kabupaten</option>
                         </select>
                     </div>
                 </div>
 
-                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5 w-full">
+                <div class="flex flex-wrap gap-2.5 items-baseline w-full lg:flex-nowrap">
                     <label for="district_code" class="form-label max-w-56">Kecamatan</label>
                     <div class="flex flex-wrap items-baseline w-full">
-                        <select id="district_code" name="district_code" class="select w-full" onchange="getVillage(this.value)">
+                        <select id="district_code" name="district_code" class="w-full select" onchange="getVillage(this.value)">
                             <option value="">Pilih Kecamatan</option>
                         </select>
                     </div>
                 </div>
 
-                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5 w-full">
+                <div class="flex flex-wrap gap-2.5 items-baseline w-full lg:flex-nowrap">
                     <label for="village_code" class="form-label max-w-56">Desa/Kelurahan</label>
                     <div class="flex flex-wrap items-baseline w-full">
-                        <select id="village_code" name="village_code" class="select w-full">
+                        <select id="village_code" name="village_code" class="w-full select">
                             <option value="">Pilih Kelurahan</option>
                         </select>
                     </div>