diff --git a/FLUTTER_DEVELOPMENT_GUIDE.md b/FLUTTER_DEVELOPMENT_GUIDE.md
new file mode 100644
index 0000000..ea58b4d
--- /dev/null
+++ b/FLUTTER_DEVELOPMENT_GUIDE.md
@@ -0,0 +1,107 @@
+## 📋 FLUTTER DEVELOPMENT SETUP CHECKLIST
+
+Sebelum menjalankan `flutter run`, pastikan semua ini sudah dilakukan:
+
+### ✅ BACKEND SETUP
+
+- [ ] **Jalankan Backend dengan Network Access**
+  ```bash
+  # Pilih salah satu:
+  # Option 1: Pakai script (RECOMMENDED)
+  cd c:\laragon\www\TA\spk_kontrakan
+  start start-backend-network.bat
+  
+  # Option 2: Manual command
+  php artisan serve --host=0.0.0.0 --port=8000
+  ```
+  
+  Expected output:
+  ```
+  Starting Laravel development server: http://0.0.0.0:8000
+  ```
+
+- [ ] **Verifikasi Port 8000 Running**
+  ```bash
+  netstat -ano | findstr :8000
+  # Harusnya ada: TCP 0.0.0.0:8000 LISTENING
+  ```
+
+### 🛡️ FIREWALL SETUP
+
+- [ ] **Allow Port 8000 di Windows Firewall**
+  1. Buka "Windows Defender Firewall with Advanced Security"
+  2. Klik "Inbound Rules" → "New Rule"
+  3. Port → Specific port: 8000 → Allow
+  4. Atau: Allow app "php.exe" melalui firewall
+
+### 📱 DEVICE SETUP
+
+- [ ] **Device Terhubung ke Network Yang Sama**
+  - Device USB atau Emulator terhubung ke WiFi/network sama dengan komputer
+
+- [ ] **Cek IP Komputer**
+  ```bash
+  ipconfig | findstr IPv4
+  # Catat IP yang dimulai dengan 192.168.x.x
+  ```
+
+### 🔧 FLUTTER CONFIG
+
+- [ ] **Update app_config.dart dengan IP yang Benar**
+  ```dart
+  // File: lib/config/app_config.dart
+  static const String baseUrl = 'http://[YOUR-IP]:8000/api';
+  static const String storageUrl = 'http://[YOUR-IP]:8000/storage';
+  ```
+
+### 🚀 FLUTTER RUN
+
+- [ ] **Clean & Run**
+  ```bash
+  cd c:\laragon\www\TA\spk_mobile
+  flutter clean
+  flutter run
+  ```
+
+---
+
+## 🆘 TROUBLESHOOTING
+
+### ❌ "TimeoutException" - Tidak Bisa Terhubung ke Backend
+
+**Checklist:**
+1. ✅ Apakah backend running? `netstat -ano | findstr :8000`
+2. ✅ Apakah firewall allow port 8000? 
+3. ✅ Apakah device satu network? Ping ke IP:
+   ```bash
+   ping 192.168.18.16
+   ```
+4. ✅ Apakah IP di app_config.dart sesuai?
+5. ✅ Coba akses via browser dulu: `http://192.168.18.16:8000`
+
+### ✅ Akses OK di Browser tapi Flutter Gagal
+
+- Kemungkinan: CORS issu atau Android Network Security
+- Solusi: Cek di backend apakah CORS sudah enabled
+
+### 🚫 "Connection Refused"
+
+- Backend tidak running
+- Solusi: Jalankan `start-backend-network.bat` terlebih dahulu
+
+---
+
+## 💡 BEST PRACTICES
+
+1. **Selalu Jalankan Backend Terlebih Dahulu**
+   - Backend harus ready sebelum Flutter app Connect
+
+2. **Simpan IP di Environment Variable (tidak hardcode)**
+   - Sudah tersedia di `environment.dart`
+
+3. **Gunakan Script start-backend-network.bat**
+   - Lebih mudah dari mengetik command panjang
+
+4. **Test dengan Browser Dulu**
+   - Akses `http://192.168.18.16:8000/api/kontrakan`
+   - Harus return JSON jika API berjalan
diff --git a/spk_kontrakan/app/Http/Controllers/AdminAuthController.php b/spk_kontrakan/app/Http/Controllers/AdminAuthController.php
index ad475b4..4e9a25a 100644
--- a/spk_kontrakan/app/Http/Controllers/AdminAuthController.php
+++ b/spk_kontrakan/app/Http/Controllers/AdminAuthController.php
@@ -25,6 +25,14 @@ public function login(Request $request)
 
         // FIXED: Hapus guard('admin'), pakai default Auth
         if (Auth::attempt($credentials)) {
+            // Cek role - hanya admin dan super_admin yang boleh login
+            $user = Auth::user();
+            if (!in_array($user->role, ['admin', 'super_admin'])) {
+                Auth::logout();
+                $request->session()->invalidate();
+                return back()->with('error', 'Akses ditolak. Halaman ini khusus untuk pemilik bisnis.');
+            }
+
             $request->session()->regenerate();
             return redirect()->intended(route('dashboard'));
         }
diff --git a/spk_kontrakan/app/Http/Controllers/Api/FavoriteController.php b/spk_kontrakan/app/Http/Controllers/Api/FavoriteController.php
index e38ce11..d5de920 100644
--- a/spk_kontrakan/app/Http/Controllers/Api/FavoriteController.php
+++ b/spk_kontrakan/app/Http/Controllers/Api/FavoriteController.php
@@ -11,18 +11,31 @@
 class FavoriteController extends Controller
 {
     /**
-     * List favorites user
+     * List favorites user — separated by type
      */
     public function index(Request $request)
     {
-        $favorites = Favorite::with(['favoritable'])
-            ->where('user_id', $request->user()->id)
-            ->orderBy('created_at', 'desc')
-            ->get();
+        $userId = $request->user()->id;
+
+        $kontrakanIds = Favorite::where('user_id', $userId)
+            ->where('type', 'kontrakan')
+            ->pluck('item_id')
+            ->toArray();
+
+        $laundryIds = Favorite::where('user_id', $userId)
+            ->where('type', 'laundry')
+            ->pluck('item_id')
+            ->toArray();
+
+        $kontrakanList = Kontrakan::whereIn('id', $kontrakanIds)->get();
+        $laundryList   = Laundry::whereIn('id', $laundryIds)->get();
 
         return response()->json([
             'success' => true,
-            'data' => $favorites
+            'data' => [
+                'kontrakan' => $kontrakanList,
+                'laundry'   => $laundryList,
+            ],
         ], 200);
     }
 
@@ -41,8 +54,8 @@ public function toggleKontrakan(Request $request, $id)
         }
 
         $favorite = Favorite::where('user_id', $request->user()->id)
-            ->where('favoritable_type', Kontrakan::class)
-            ->where('favoritable_id', $id)
+            ->where('type', 'kontrakan')
+            ->where('item_id', $id)
             ->first();
 
         if ($favorite) {
@@ -56,17 +69,16 @@ public function toggleKontrakan(Request $request, $id)
             ], 200);
         } else {
             // Add to favorites
-            $favorite = Favorite::create([
+            Favorite::create([
                 'user_id' => $request->user()->id,
-                'favoritable_type' => Kontrakan::class,
-                'favoritable_id' => $id,
+                'type'    => 'kontrakan',
+                'item_id' => $id,
             ]);
 
             return response()->json([
                 'success' => true,
                 'message' => 'Kontrakan ditambahkan ke favorit',
                 'is_favorited' => true,
-                'data' => $favorite
             ], 201);
         }
     }
@@ -86,8 +98,8 @@ public function toggleLaundry(Request $request, $id)
         }
 
         $favorite = Favorite::where('user_id', $request->user()->id)
-            ->where('favoritable_type', Laundry::class)
-            ->where('favoritable_id', $id)
+            ->where('type', 'laundry')
+            ->where('item_id', $id)
             ->first();
 
         if ($favorite) {
@@ -101,17 +113,16 @@ public function toggleLaundry(Request $request, $id)
             ], 200);
         } else {
             // Add to favorites
-            $favorite = Favorite::create([
+            Favorite::create([
                 'user_id' => $request->user()->id,
-                'favoritable_type' => Laundry::class,
-                'favoritable_id' => $id,
+                'type'    => 'laundry',
+                'item_id' => $id,
             ]);
 
             return response()->json([
                 'success' => true,
                 'message' => 'Laundry ditambahkan ke favorit',
                 'is_favorited' => true,
-                'data' => $favorite
             ], 201);
         }
     }
diff --git a/spk_kontrakan/app/Http/Controllers/BackupController.php b/spk_kontrakan/app/Http/Controllers/BackupController.php
index 8c53295..de0473d 100644
--- a/spk_kontrakan/app/Http/Controllers/BackupController.php
+++ b/spk_kontrakan/app/Http/Controllers/BackupController.php
@@ -54,11 +54,11 @@ public function create(Request $request)
             $timestamp = now()->format('Y-m-d-H-i-s');
             $backupFile = $this->backupPath . "/backup_{$timestamp}.sql";
 
-            // Get database credentials
-            $database = env('DB_DATABASE');
-            $username = env('DB_USERNAME');
-            $password = env('DB_PASSWORD');
-            $host = env('DB_HOST');
+            // Get database credentials (use config() instead of env() for config:cache compatibility)
+            $database = config('database.connections.mysql.database');
+            $username = config('database.connections.mysql.username');
+            $password = config('database.connections.mysql.password');
+            $host = config('database.connections.mysql.host');
 
             // Create SQL dump (Windows MySQL)
             $command = sprintf(
@@ -98,6 +98,8 @@ public function create(Request $request)
 
     public function download($backup)
     {
+        // Sanitize: prevent path traversal
+        $backup = basename($backup);
         $backupPath = $this->backupPath . '/' . $backup;
 
         if (!File::exists($backupPath)) {
@@ -110,6 +112,8 @@ public function download($backup)
     public function delete($backup)
     {
         try {
+            // Sanitize: prevent path traversal
+            $backup = basename($backup);
             $backupPath = $this->backupPath . '/' . $backup;
 
             if (!File::exists($backupPath)) {
@@ -127,6 +131,8 @@ public function delete($backup)
     public function restore(Request $request, $backup)
     {
         try {
+            // Sanitize: prevent path traversal
+            $backup = basename($backup);
             $backupPath = $this->backupPath . '/' . $backup;
 
             if (!File::exists($backupPath)) {
@@ -154,11 +160,11 @@ public function restore(Request $request, $backup)
                 $sqlFile = $backupPath;
             }
 
-            // Restore database
-            $database = env('DB_DATABASE');
-            $username = env('DB_USERNAME');
-            $password = env('DB_PASSWORD');
-            $host = env('DB_HOST');
+            // Restore database (use config() instead of env() for config:cache compatibility)
+            $database = config('database.connections.mysql.database');
+            $username = config('database.connections.mysql.username');
+            $password = config('database.connections.mysql.password');
+            $host = config('database.connections.mysql.host');
 
             $command = sprintf(
                 'mysql --user=%s --password=%s --host=%s %s < "%s"',
diff --git a/spk_kontrakan/app/Http/Controllers/DashboardController.php b/spk_kontrakan/app/Http/Controllers/DashboardController.php
index 1945cfd..02d5222 100644
--- a/spk_kontrakan/app/Http/Controllers/DashboardController.php
+++ b/spk_kontrakan/app/Http/Controllers/DashboardController.php
@@ -29,7 +29,7 @@ public function index()
         
         // ========== DATA TERBARU (No Cache) ==========
         $recentKontrakan = Kontrakan::latest()
-            ->select('id', 'nama', 'alamat', 'harga', 'jarak', 'luas', 'created_at') // Only needed columns
+            ->select('id', 'nama', 'alamat', 'harga', 'jarak', 'jumlah_kamar', 'created_at') // Only needed columns
             ->take(5)
             ->get();
 
@@ -86,15 +86,15 @@ public function index()
                 ->selectRaw('
                     AVG(harga) as avg_harga,
                     AVG(jarak) as avg_jarak,
-                    AVG(luas) as avg_luas,
+                    AVG(jumlah_kamar) as avg_kamar,
                     MIN(harga) as min_harga,
                     MAX(harga) as max_harga
                 ')
                 ->first();
             
-            // 5. Top Kontrakan by Luas
-            $topKontrakan = Kontrakan::select('nama', 'harga', 'luas', 'jarak')
-                ->orderBy('luas', 'desc')
+            // 5. Top Kontrakan by Harga
+            $topKontrakan = Kontrakan::select('nama', 'harga', 'jumlah_kamar', 'jarak')
+                ->orderBy('harga', 'desc')
                 ->take(5)
                 ->get();
             
@@ -136,7 +136,7 @@ public function index()
                 ],
                 'avgHargaKontrakan' => $kontrakanStats->avg_harga ?? 0,
                 'avgJarakKontrakan' => $kontrakanStats->avg_jarak ?? 0,
-                'avgLuasKontrakan' => $kontrakanStats->avg_luas ?? 0,
+                'avgKamarKontrakan' => $kontrakanStats->avg_kamar ?? 0,
                 'minHargaKontrakan' => $kontrakanStats->min_harga ?? 0,
                 'maxHargaKontrakan' => $kontrakanStats->max_harga ?? 0,
                 'topKontrakan' => $topKontrakan,
diff --git a/spk_kontrakan/app/Http/Controllers/ExportController.php b/spk_kontrakan/app/Http/Controllers/ExportController.php
index 99558b8..1cb238f 100644
--- a/spk_kontrakan/app/Http/Controllers/ExportController.php
+++ b/spk_kontrakan/app/Http/Controllers/ExportController.php
@@ -176,20 +176,20 @@ public function laundryExcel(Request $request)
             }
             
             // Filter harga
-            if ($request->filled('harga_min')) {
+            if ($request->filled('harga_min') || $request->filled('harga_max')) {
                 $query->whereHas('layanan', function($q) use ($request) {
-                    $q->where('harga', '>=', $request->harga_min);
-                });
-            }
-            if ($request->filled('harga_max')) {
-                $query->whereHas('layanan', function($q) use ($request) {
-                    $q->where('harga', '<=', $request->harga_max);
+                    if ($request->filled('harga_min')) {
+                        $q->where('harga', '>=', $request->harga_min);
+                    }
+                    if ($request->filled('harga_max')) {
+                        $q->where('harga', '<=', $request->harga_max);
+                    }
                 });
             }
             
             // Filter jarak
-            if ($request->filled('jarak')) {
-                $jarakMeter = $request->jarak * 1000;
+            if ($request->filled('jarak_max')) {
+                $jarakMeter = $request->jarak_max * 1000;
                 $query->where('jarak', '<=', $jarakMeter);
             }
             
@@ -254,12 +254,16 @@ public function laundryPDF(Request $request)
                 });
             }
             
-            // Filter harga
-            if ($request->filled('harga_min')) {
-                $query->where('harga', '>=', $request->harga_min);
-            }
-            if ($request->filled('harga_max')) {
-                $query->where('harga', '<=', $request->harga_max);
+            // Filter harga (harga ada di tabel layanan_laundry, bukan laundry)
+            if ($request->filled('harga_min') || $request->filled('harga_max')) {
+                $query->whereHas('layanan', function($q) use ($request) {
+                    if ($request->filled('harga_min')) {
+                        $q->where('harga', '>=', $request->harga_min);
+                    }
+                    if ($request->filled('harga_max')) {
+                        $q->where('harga', '<=', $request->harga_max);
+                    }
+                });
             }
             
             $laundry = $query->get();
diff --git a/spk_kontrakan/app/Http/Controllers/GaleriController.php b/spk_kontrakan/app/Http/Controllers/GaleriController.php
index b660f9e..2ab2719 100644
--- a/spk_kontrakan/app/Http/Controllers/GaleriController.php
+++ b/spk_kontrakan/app/Http/Controllers/GaleriController.php
@@ -106,6 +106,11 @@ public function setPrimaryKontrakan($id)
     {
         $galeri = Galeri::findOrFail($id);
 
+        // Pastikan galeri ini memang bertipe kontrakan
+        if ($galeri->type !== 'kontrakan') {
+            return back()->with('error', 'Foto ini bukan milik kontrakan');
+        }
+
         // Reset semua foto di kontrakan yang sama jadi bukan primary
         Galeri::where('type', 'kontrakan')
               ->where('item_id', $galeri->item_id)
@@ -124,6 +129,11 @@ public function setPrimaryLaundry($id)
     {
         $galeri = Galeri::findOrFail($id);
 
+        // Pastikan galeri ini memang bertipe laundry
+        if ($galeri->type !== 'laundry') {
+            return back()->with('error', 'Foto ini bukan milik laundry');
+        }
+
         // Reset semua foto di laundry yang sama jadi bukan primary
         Galeri::where('type', 'laundry')
               ->where('item_id', $galeri->item_id)
diff --git a/spk_kontrakan/app/Http/Controllers/KontrakanController.php b/spk_kontrakan/app/Http/Controllers/KontrakanController.php
index 3b582cc..73356ea 100644
--- a/spk_kontrakan/app/Http/Controllers/KontrakanController.php
+++ b/spk_kontrakan/app/Http/Controllers/KontrakanController.php
@@ -223,7 +223,7 @@ public function store(Request $request)
             'jarak' => $request->jarak,
             'fasilitas' => $request->fasilitas,
             'jumlah_kamar' => $request->jumlah_kamar,
-            'luas' => $request->luas ?? 0, // Default 0 jika tidak diisi
+            'bathroom_count' => $request->bathroom_count ?? 1,
             'foto' => $filename,
         ]);
 
@@ -333,7 +333,7 @@ public function update(Request $request, $id)
             'jarak' => $request->jarak,
             'fasilitas' => $request->fasilitas,
             'jumlah_kamar' => $request->jumlah_kamar,
-            'luas' => $request->luas ?? $kontrakan->luas ?? 0, // Gunakan nilai lama jika tidak diisi
+            'bathroom_count' => $request->bathroom_count ?? $kontrakan->bathroom_count ?? 1,
             'foto' => $filename,
         ]);
 
diff --git a/spk_kontrakan/app/Http/Controllers/KriteriaController.php b/spk_kontrakan/app/Http/Controllers/KriteriaController.php
index 162b141..09c5d46 100644
--- a/spk_kontrakan/app/Http/Controllers/KriteriaController.php
+++ b/spk_kontrakan/app/Http/Controllers/KriteriaController.php
@@ -112,7 +112,7 @@ public function store(Request $request)
             'tipe' => 'required|in:Benefit,Cost',
         ]);
 
-        Kriteria::create($request->all());
+        Kriteria::create($request->only(['tipe_bisnis', 'nama_kriteria', 'bobot', 'tipe']));
         
         // Redirect dengan parameter filter
         return redirect()
@@ -139,7 +139,7 @@ public function update(Request $request, Kriteria $kriterium)
             'tipe' => 'required|in:Benefit,Cost',
         ]);
 
-        $kriterium->update($request->all());
+        $kriterium->update($request->only(['tipe_bisnis', 'nama_kriteria', 'bobot', 'tipe']));
         
         // Redirect dengan parameter filter
         return redirect()
diff --git a/spk_kontrakan/app/Http/Controllers/LaundryController.php b/spk_kontrakan/app/Http/Controllers/LaundryController.php
index 8250829..cffd321 100644
--- a/spk_kontrakan/app/Http/Controllers/LaundryController.php
+++ b/spk_kontrakan/app/Http/Controllers/LaundryController.php
@@ -36,15 +36,14 @@ public function index(Request $request)
         }
         
         // ========== FILTER: RANGE HARGA (Min & Max dengan Slider) ==========
-        if ($request->filled('harga_min')) {
+        if ($request->filled('harga_min') || $request->filled('harga_max')) {
             $query->whereHas('layanan', function($q) use ($request) {
-                $q->where('harga', '>=', $request->harga_min);
-            });
-        }
-        
-        if ($request->filled('harga_max')) {
-            $query->whereHas('layanan', function($q) use ($request) {
-                $q->where('harga', '<=', $request->harga_max);
+                if ($request->filled('harga_min')) {
+                    $q->where('harga', '>=', $request->harga_min);
+                }
+                if ($request->filled('harga_max')) {
+                    $q->where('harga', '<=', $request->harga_max);
+                }
             });
         }
         
diff --git a/spk_kontrakan/app/Http/Controllers/ReviewController.php b/spk_kontrakan/app/Http/Controllers/ReviewController.php
index 5c19268..4411110 100644
--- a/spk_kontrakan/app/Http/Controllers/ReviewController.php
+++ b/spk_kontrakan/app/Http/Controllers/ReviewController.php
@@ -149,8 +149,8 @@ public function destroy($id)
     {
         $review = Review::findOrFail($id);
 
-        // Cek apakah user adalah pemilik review atau admin
-        if ($review->user_id !== Auth::id() && Auth::user()->role !== 'admin') {
+        // Cek apakah user adalah pemilik review atau admin/super_admin
+        if ($review->user_id !== Auth::id() && !in_array(Auth::user()->role, ['admin', 'super_admin'])) {
             return back()->with('error', 'Anda tidak memiliki akses untuk menghapus review ini');
         }
 
diff --git a/spk_kontrakan/app/Http/Controllers/SAWController.php b/spk_kontrakan/app/Http/Controllers/SAWController.php
index f47e083..7273c70 100644
--- a/spk_kontrakan/app/Http/Controllers/SAWController.php
+++ b/spk_kontrakan/app/Http/Controllers/SAWController.php
@@ -222,10 +222,7 @@ private function processData($data, $tipe, $jenisLayanan, $refLat, $refLng)
                     }
                     
                     $item->harga_value = $layanan->harga ?? 0;
-                    $item->kecepatan_value = $this->convertToHours(
-                        $layanan->kecepatan ?? 0, 
-                        $layanan->satuan_kecepatan ?? 'jam'
-                    );
+                    $item->kecepatan_value = $layanan->estimasi_selesai ?? 0; // sudah dalam satuan jam
                     
                     // LAUNDRY: Hitung jarak dari LOKASI USER
                     if ($item->latitude && $item->longitude) {
@@ -389,20 +386,4 @@ private function normalize($nilai, $maxMin, $tipe)
         }
     }
     
-    // Convert kecepatan ke jam
-    private function convertToHours($kecepatan, $satuan)
-    {
-        try {
-            $kecepatan = floatval($kecepatan);
-            
-            if ($satuan == 'hari') {
-                return $kecepatan * 24;
-            }
-            return $kecepatan;
-            
-        } catch (Exception $e) {
-            Log::error('Error convertToHours: ' . $e->getMessage());
-            return 0;
-        }
-    }
 }
\ No newline at end of file
diff --git a/spk_kontrakan/app/Http/Controllers/UserManagementController.php b/spk_kontrakan/app/Http/Controllers/UserManagementController.php
index 2b51d9b..68ed274 100644
--- a/spk_kontrakan/app/Http/Controllers/UserManagementController.php
+++ b/spk_kontrakan/app/Http/Controllers/UserManagementController.php
@@ -33,7 +33,7 @@ public function index(Request $request)
             if ($request->status === 'active') {
                 $query->whereNull('deleted_at');
             } else {
-                $query->whereNotNull('deleted_at');
+                $query->onlyTrashed();
             }
         }
 
@@ -91,15 +91,17 @@ public function update(Request $request, User $user)
 
         $oldValues = $user->toArray();
 
-        if ($request->filled('password')) {
-            $user->password = Hash::make($request->password);
-        }
-
-        $user->update([
+        $updateData = [
             'name' => $validated['name'],
             'email' => $validated['email'],
             'role' => $validated['role'],
-        ]);
+        ];
+
+        if ($request->filled('password')) {
+            $updateData['password'] = Hash::make($request->password);
+        }
+
+        $user->update($updateData);
 
         ActivityLog::log('update', "Memperbarui user: {$user->name}", 'User', $user->id, $oldValues, $user->toArray());
 
diff --git a/spk_kontrakan/app/Http/Middleware/AdminAuth.php b/spk_kontrakan/app/Http/Middleware/AdminAuth.php
index 8e420af..094fc43 100644
--- a/spk_kontrakan/app/Http/Middleware/AdminAuth.php
+++ b/spk_kontrakan/app/Http/Middleware/AdminAuth.php
@@ -9,7 +9,7 @@ class AdminAuth
 {
     public function handle($request, Closure $next)
     {
-        if (! Auth::guard('admin')->check()) {
+        if (! Auth::check()) {
             return redirect()->route('admin.login');
         }
 
diff --git a/spk_kontrakan/app/Models/ActivityLog.php b/spk_kontrakan/app/Models/ActivityLog.php
index a62c2e5..c3e96b5 100644
--- a/spk_kontrakan/app/Models/ActivityLog.php
+++ b/spk_kontrakan/app/Models/ActivityLog.php
@@ -146,13 +146,13 @@ public static function archiveOldLogs($keepDays = 365)
     // Dashboard Statistics
     public static function getSummaryStats($userId = null)
     {
-        $query = $userId ? self::where('user_id', $userId) : self::query();
+        $baseQuery = $userId ? self::where('user_id', $userId) : self::query();
         
         return [
-            'total_actions' => $query->count(),
-            'today_actions' => $query->whereDate('created_at', today())->count(),
-            'this_week_actions' => $query->where('created_at', '>=', now()->startOfWeek())->count(),
-            'this_month_actions' => $query->whereMonth('created_at', now()->month)->count(),
+            'total_actions' => (clone $baseQuery)->count(),
+            'today_actions' => (clone $baseQuery)->whereDate('created_at', today())->count(),
+            'this_week_actions' => (clone $baseQuery)->where('created_at', '>=', now()->startOfWeek())->count(),
+            'this_month_actions' => (clone $baseQuery)->whereMonth('created_at', now()->month)->count(),
             'most_common_action' => self::select('action')
                 ->groupBy('action')
                 ->orderByRaw('count(*) desc')
@@ -162,7 +162,7 @@ public static function getSummaryStats($userId = null)
                 ->groupBy('action')
                 ->orderByRaw('count(*) desc')
                 ->pluck('count', 'action'),
-            'recent_activity' => $query->with('user')
+            'recent_activity' => (clone $baseQuery)->with('user')
                 ->latest()
                 ->limit(10)
                 ->get()
diff --git a/spk_kontrakan/app/Models/Galeri.php b/spk_kontrakan/app/Models/Galeri.php
index 9d89306..4ce8fc9 100644
--- a/spk_kontrakan/app/Models/Galeri.php
+++ b/spk_kontrakan/app/Models/Galeri.php
@@ -30,7 +30,7 @@ class Galeri extends Model
      */
     public function kontrakan()
     {
-        return $this->belongsTo(Kontrakan::class, 'item_id')->where('type', 'kontrakan');
+        return $this->belongsTo(Kontrakan::class, 'item_id');
     }
 
     /**
@@ -38,7 +38,7 @@ public function kontrakan()
      */
     public function laundry()
     {
-        return $this->belongsTo(Laundry::class, 'item_id')->where('type', 'laundry');
+        return $this->belongsTo(Laundry::class, 'item_id');
     }
 
     /**
diff --git a/spk_kontrakan/app/Models/Review.php b/spk_kontrakan/app/Models/Review.php
index 2ca0a04..8a46906 100644
--- a/spk_kontrakan/app/Models/Review.php
+++ b/spk_kontrakan/app/Models/Review.php
@@ -34,7 +34,7 @@ public function user()
      */
     public function kontrakan()
     {
-        return $this->belongsTo(Kontrakan::class, 'item_id')->where('type', 'kontrakan');
+        return $this->belongsTo(Kontrakan::class, 'item_id');
     }
 
     /**
@@ -42,7 +42,7 @@ public function kontrakan()
      */
     public function laundry()
     {
-        return $this->belongsTo(Laundry::class, 'item_id')->where('type', 'laundry');
+        return $this->belongsTo(Laundry::class, 'item_id');
     }
 
     /**
diff --git a/spk_kontrakan/app/Models/User.php b/spk_kontrakan/app/Models/User.php
index 1597699..ec4c1cb 100644
--- a/spk_kontrakan/app/Models/User.php
+++ b/spk_kontrakan/app/Models/User.php
@@ -97,4 +97,28 @@ public function activityLogs()
     {
         return $this->hasMany(ActivityLog::class);
     }
+
+    /**
+     * Relationship ke Booking
+     */
+    public function bookings()
+    {
+        return $this->hasMany(Booking::class);
+    }
+
+    /**
+     * Relationship ke Review
+     */
+    public function reviews()
+    {
+        return $this->hasMany(Review::class);
+    }
+
+    /**
+     * Relationship ke Favorite
+     */
+    public function favorites()
+    {
+        return $this->hasMany(Favorite::class);
+    }
 }
\ No newline at end of file
diff --git a/spk_kontrakan/public/uploads/Kontrakan/1772135532_69a0a46c03fc2.png b/spk_kontrakan/public/uploads/Kontrakan/1772135532_69a0a46c03fc2.png
new file mode 100644
index 0000000..615d2c2
Binary files /dev/null and b/spk_kontrakan/public/uploads/Kontrakan/1772135532_69a0a46c03fc2.png differ
diff --git a/spk_kontrakan/public/uploads/Kontrakan/1772137717_69a0acf58a28e.png b/spk_kontrakan/public/uploads/Kontrakan/1772137717_69a0acf58a28e.png
new file mode 100644
index 0000000..78e1526
Binary files /dev/null and b/spk_kontrakan/public/uploads/Kontrakan/1772137717_69a0acf58a28e.png differ
diff --git a/spk_kontrakan/public/uploads/Kontrakan/1772137812_69a0ad54559b7.png b/spk_kontrakan/public/uploads/Kontrakan/1772137812_69a0ad54559b7.png
new file mode 100644
index 0000000..78e1526
Binary files /dev/null and b/spk_kontrakan/public/uploads/Kontrakan/1772137812_69a0ad54559b7.png differ
diff --git a/spk_kontrakan/public/uploads/galeri/kontrakan/1772137680_69a0acd03b536.png b/spk_kontrakan/public/uploads/galeri/kontrakan/1772137680_69a0acd03b536.png
new file mode 100644
index 0000000..e0b1a5d
Binary files /dev/null and b/spk_kontrakan/public/uploads/galeri/kontrakan/1772137680_69a0acd03b536.png differ
diff --git a/spk_kontrakan/resources/views/Kontrakan/create.blade.php b/spk_kontrakan/resources/views/Kontrakan/create.blade.php
index 7b1e091..b1f879b 100644
--- a/spk_kontrakan/resources/views/Kontrakan/create.blade.php
+++ b/spk_kontrakan/resources/views/Kontrakan/create.blade.php
@@ -416,10 +416,6 @@ class="form-control border-start-0 @error('jumlah_kamar') is-invalid @enderror"
                                     </div>
                                     <small class="text-muted">Jumlah kamar tidur yang tersedia</small>
                                 </div>
-                                        <i class="bi bi-info-circle me-1"></i>
-                                        Total kamar mandi (sistem akan otomatis menghitung kenyamanan)
-                                    </small>
-                                </div>
 
                                 <!-- Jarak - AUTO CALCULATED! -->
                                 <div class="col-md-6">
diff --git a/spk_kontrakan/resources/views/Kontrakan/show.blade.php b/spk_kontrakan/resources/views/Kontrakan/show.blade.php
index c1fc907..e3659ac 100644
--- a/spk_kontrakan/resources/views/Kontrakan/show.blade.php
+++ b/spk_kontrakan/resources/views/Kontrakan/show.blade.php
@@ -568,21 +568,6 @@ class="btn btn-outline-secondary btn-sm"
                             </div>
                         </div>
 
-                        <!-- Luas -->
-                        <div class="col-md-6">
-                            <div class="d-flex align-items-start">
-                                <div class="bg-warning bg-opacity-10 rounded p-3 me-3">
-                                    <i class="bi bi-rulers text-warning fs-4"></i>
-                                </div>
-                                <div class="flex-grow-1">
-                                    <small class="text-muted d-block mb-1">Luas Bangunan</small>
-                                    <h5 class="mb-0 fw-semibold text-warning">
-                                        {{ $kontrakan->luas }} m²
-                                    </h5>
-                                </div>
-                            </div>
-                        </div>
-
                         <!-- Jumlah Kamar Tidur -->
                         <div class="col-md-6">
                             <div class="d-flex align-items-start">
@@ -728,8 +713,8 @@ class="btn btn-light w-100 fw-semibold"
                     <strong>Rp {{ number_format($kontrakan->harga / 12, 0, ',', '.') }}</strong>
                 </div>
                 <div class="d-flex justify-content-between align-items-center mb-3 pb-3 border-bottom">
-                    <span class="text-muted">Harga/m²</span>
-                    <strong>Rp {{ number_format($kontrakan->harga / $kontrakan->jumlah_kamar, 0, ',', '.') }}</strong>
+                    <span class="text-muted">Harga/Kamar</span>
+                    <strong>Rp {{ number_format($kontrakan->jumlah_kamar > 0 ? $kontrakan->harga / $kontrakan->jumlah_kamar : 0, 0, ',', '.') }}</strong>
                 </div>
                 <div class="d-flex justify-content-between align-items-center mb-3 pb-3 border-bottom">
                     <span class="text-muted">Status</span>
diff --git a/spk_kontrakan/resources/views/Laundry/edit.blade.php b/spk_kontrakan/resources/views/Laundry/edit.blade.php
index ee0a056..f942da0 100644
--- a/spk_kontrakan/resources/views/Laundry/edit.blade.php
+++ b/spk_kontrakan/resources/views/Laundry/edit.blade.php
@@ -512,22 +512,41 @@ class="form-control"
 
                                                 <div class="col-md-6">
                                                     <label class="form-label fw-semibold">
-                                                        Kecepatan <span class="text-danger">*</span>
+                                                        Nama Paket <span class="text-danger">*</span>
                                                     </label>
-                                                    <div class="input-group">
-                                                        <input 
-                                                            type="number" 
-                                                            name="layanan[0][kecepatan]" 
-                                                            class="form-control" 
-                                                            placeholder="24"
-                                                            min="1"
-                                                            required
-                                                        >
-                                                        <select name="layanan[0][satuan_kecepatan]" class="form-select" style="max-width: 100px;">
-                                                            <option value="jam">Jam</option>
-                                                            <option value="hari">Hari</option>
-                                                        </select>
-                                                    </div>
+                                                    <input 
+                                                        type="text" 
+                                                        name="layanan[0][nama_paket]" 
+                                                        class="form-control" 
+                                                        placeholder="Paket Reguler"
+                                                        required
+                                                    >
+                                                </div>
+
+                                                <div class="col-md-6">
+                                                    <label class="form-label fw-semibold">
+                                                        Estimasi Selesai (Jam) <span class="text-danger">*</span>
+                                                    </label>
+                                                    <input 
+                                                        type="number" 
+                                                        name="layanan[0][estimasi_selesai]" 
+                                                        class="form-control" 
+                                                        placeholder="24"
+                                                        min="1"
+                                                        required
+                                                    >
+                                                </div>
+
+                                                <div class="col-md-12">
+                                                    <label class="form-label fw-semibold">
+                                                        Deskripsi <span class="text-muted">(Opsional)</span>
+                                                    </label>
+                                                    <textarea 
+                                                        name="layanan[0][deskripsi]" 
+                                                        class="form-control" 
+                                                        rows="2"
+                                                        placeholder="Deskripsi singkat paket ini..."
+                                                    ></textarea>
                                                 </div>
                                             </div>
                                         </div>
diff --git a/spk_kontrakan/resources/views/Laundry/show.blade.php b/spk_kontrakan/resources/views/Laundry/show.blade.php
index 3abea36..577b17a 100644
--- a/spk_kontrakan/resources/views/Laundry/show.blade.php
+++ b/spk_kontrakan/resources/views/Laundry/show.blade.php
@@ -113,7 +113,7 @@
                         <!-- FOTO ADA -->
                         <div class="position-relative" style="height: 400px; overflow: hidden;">
                             <img 
-                                src="{{ asset('uploads/laundry/' . $laundry->foto) }}" 
+                                src="{{ asset('uploads/Laundry/' . $laundry->foto) }}" 
                                 alt="{{ $laundry->nama }}" 
                                 class="w-100 h-100"
                                 style="object-fit: cover; cursor: pointer;"
@@ -232,9 +232,9 @@ class="btn btn-sm btn-danger">
                                             <table class="table table-sm table-bordered">
                                                 <thead class="table-light">
                                                     <tr>
-                                                        <th>Jenis Layanan</th>
-                                                        <th>Harga/kg</th>
-                                                        <th>Kecepatan</th>
+                                                        <th>Nama Paket</th>
+                                                        <th>Harga</th>
+                                                        <th>Estimasi Selesai</th>
                                                     </tr>
                                                 </thead>
                                                 <tbody>
@@ -242,7 +242,7 @@ class="btn btn-sm btn-danger">
                                                     <tr>
                                                         <td>
                                                             <span class="badge bg-primary">
-                                                                {{ ucfirst($layanan->jenis_layanan) }}
+                                                                {{ $layanan->nama_paket ?? ucfirst($layanan->jenis_layanan ?? '-') }}
                                                             </span>
                                                         </td>
                                                         <td>
@@ -252,7 +252,7 @@ class="btn btn-sm btn-danger">
                                                         </td>
                                                         <td>
                                                             <span class="badge bg-warning text-dark">
-                                                                {{ $layanan->kecepatan }} {{ $layanan->satuan_kecepatan }}
+                                                                {{ $layanan->estimasi_selesai ? $layanan->estimasi_selesai . ' jam' : '-' }}
                                                             </span>
                                                         </td>
                                                     </tr>
@@ -318,7 +318,7 @@ class="btn btn-sm btn-danger">
                     @endif
                     <div class="d-flex justify-content-between align-items-center mb-3 pb-3 border-bottom">
                         <span class="text-muted">Status</span>
-                        <span class="badge bg-success">Buka</span>
+                        <span class="badge bg-{{ ($laundry->status ?? 'buka') === 'buka' ? 'success' : 'danger' }}">{{ ($laundry->status ?? 'buka') === 'buka' ? 'Buka' : 'Tutup' }}</span>
                     </div>
                     <div class="d-flex justify-content-between align-items-center">
                         <span class="text-muted">Kategori</span>
diff --git a/spk_kontrakan/resources/views/Layouts/admin.blade.php b/spk_kontrakan/resources/views/Layouts/admin.blade.php
index 0e796e2..7794d8b 100644
--- a/spk_kontrakan/resources/views/Layouts/admin.blade.php
+++ b/spk_kontrakan/resources/views/Layouts/admin.blade.php
@@ -54,6 +54,21 @@
             --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
             --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
             --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+
+            /* Shared color variables for views */
+            --primary-color: #667eea;
+            --primary-color-rgb: 102, 126, 234;
+            --secondary-color: #764ba2;
+            --secondary-color-rgb: 118, 75, 162;
+            --info-color: #17a2b8;
+            --info-color-rgb: 23, 162, 184;
+            --success-color: #28a745;
+            --success-color-rgb: 40, 167, 69;
+            --warning-color: #ffc107;
+            --warning-color-rgb: 255, 193, 7;
+            --danger-color: #dc3545;
+            --danger-color-rgb: 220, 53, 69;
+            --text-muted: #6c757d;
         }
 
         * {
diff --git a/spk_kontrakan/resources/views/SAW/hasil.blade.php b/spk_kontrakan/resources/views/SAW/hasil.blade.php
index 38fe2a0..86b3f91 100644
--- a/spk_kontrakan/resources/views/SAW/hasil.blade.php
+++ b/spk_kontrakan/resources/views/SAW/hasil.blade.php
@@ -1036,7 +1036,6 @@ class="btn btn-sm btn-success rounded-pill px-3 py-1"
                         <h6 class="mb-0 fw-bold" style="color: var(--text-primary);">Rekomendasi Terbaik</h6>
                     </div>
                 </div>
-                </div>
                 <div class="card-body text-center p-3 p-md-4">
                     @if(count($hasil) > 0)
                         @if(isset($hasil[0]['foto']) && $hasil[0]['foto'])
diff --git a/spk_kontrakan/resources/views/auth/admin-login.blade.php b/spk_kontrakan/resources/views/auth/admin-login.blade.php
index ba014f1..5141d76 100644
--- a/spk_kontrakan/resources/views/auth/admin-login.blade.php
+++ b/spk_kontrakan/resources/views/auth/admin-login.blade.php
@@ -173,7 +173,6 @@
 
         <div class="auth-footer">
             <p>Belum punya akun bisnis? <a href="{{ route('admin.register') }}">Daftar Sebagai Pemilik</a></p>
-            <p><a href="{{ route('admin.portal') }}">← Kembali ke Portal Pemilik</a></p>
         </div>
     </div>
 </div>
diff --git a/spk_kontrakan/resources/views/auth/admin-register.blade.php b/spk_kontrakan/resources/views/auth/admin-register.blade.php
index f5a96e5..a6cdd03 100644
--- a/spk_kontrakan/resources/views/auth/admin-register.blade.php
+++ b/spk_kontrakan/resources/views/auth/admin-register.blade.php
@@ -31,7 +31,7 @@
         }
 
         .auth-header {
-            background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
             color: white;
             padding: 30px 20px;
             text-align: center;
@@ -197,7 +197,6 @@
 
         <div class="auth-footer">
             <p>Sudah punya akun? <a href="{{ route('admin.login') }}">Login di sini</a></p>
-            <p><a href="{{ route('admin.portal') }}">← Kembali ke Portal Pemilik</a></p>
         </div>
     </div>
 </div>
diff --git a/spk_kontrakan/resources/views/favorites/index.blade.php b/spk_kontrakan/resources/views/favorites/index.blade.php
index 0c72280..1429b75 100644
--- a/spk_kontrakan/resources/views/favorites/index.blade.php
+++ b/spk_kontrakan/resources/views/favorites/index.blade.php
@@ -567,7 +567,7 @@
                         @endif
                     @else
                         @if($item->foto)
-                            <img src="{{ asset('uploads/laundry/' . $item->foto) }}" alt="{{ $item->nama }}">
+                            <img src="{{ asset('uploads/Laundry/' . $item->foto) }}" alt="{{ $item->nama }}">
                         @else
                             <img src="https://via.placeholder.com/400x200/4facfe/ffffff?text={{ urlencode($item->nama) }}" alt="{{ $item->nama }}">
                         @endif
diff --git a/spk_kontrakan/routes/web.php b/spk_kontrakan/routes/web.php
index 319a55d..02e4bd6 100644
--- a/spk_kontrakan/routes/web.php
+++ b/spk_kontrakan/routes/web.php
@@ -17,35 +17,15 @@
 use App\Http\Controllers\BookingController;     // ← BOOKING SYSTEM (ADMIN)
 
 // -------------------------------------------------
-// LANDING PAGE - Redirect ke Admin Portal
+// LANDING PAGE - Langsung ke Login
 // -------------------------------------------------
 Route::get('/', function () {
-    return redirect()->route('admin.portal');
+    return redirect()->route('admin.login');
 })->name('welcome');
 
-// -------------------------------------------------
-// ADMIN PORTAL - Landing page khusus untuk pemilik/admin
-// -------------------------------------------------
-Route::get('/admin-portal', function () {
-    // Hitung statistik real-time
-    $totalAdmins = \App\Models\User::where('role', 'admin')->count();
-    $totalKontrakan = \App\Models\Kontrakan::count();
-    $totalLaundry = \App\Models\Laundry::count();
-    $totalProperti = $totalKontrakan + $totalLaundry;
-    $totalBookings = \App\Models\Booking::where('status', 'confirmed')->count();
-    $avgRating = \App\Models\Review::avg('rating') ?? 4.8;
-    
-    return view('admin-portal', [
-        'totalAdmins' => $totalAdmins,
-        'totalProperti' => $totalProperti,
-        'totalBookings' => $totalBookings,
-        'avgRating' => round($avgRating, 1)
-    ]);
-})->name('admin.portal');
-
 // Shortcut URL - lebih mudah diingat
 Route::get('/pemilik', function () {
-    return redirect()->route('admin.portal');
+    return redirect()->route('admin.login');
 });
 
 // -------------------------------------------------
@@ -85,15 +65,15 @@
 
     // ========== 🆕 ACTIVITY LOG ROUTES ==========
     Route::prefix('admin')->name('admin.')->group(function () {
-        Route::resource('activity-logs', ActivityLogController::class)->only(['index', 'show']);
         Route::get('/activity-logs/export', [ActivityLogController::class, 'export'])->name('activity-logs.export');
         Route::post('/activity-logs/clear', [ActivityLogController::class, 'clear'])->name('activity-logs.clear');
+        Route::resource('activity-logs', ActivityLogController::class)->only(['index', 'show']);
     });
 
     // ========== 🆕 USER MANAGEMENT ROUTES ==========
     Route::prefix('admin')->name('admin.')->group(function () {
         Route::resource('users', UserManagementController::class);
-        Route::post('/users/{user}/restore', [UserManagementController::class, 'restore'])->name('users.restore');
+        Route::post('/users/{user}/restore', [UserManagementController::class, 'restore'])->name('users.restore')->withTrashed();
         Route::post('/users/bulk-delete', [UserManagementController::class, 'bulkDelete'])->name('users.bulk-delete');
     });
 
@@ -186,7 +166,7 @@
     });
 
     // Legacy favorite routes (untuk kompatibilitas)
-    Route::post('/favorite', [FavoriteController::class, 'toggleOld'])->name('favorite.toggle');
+    Route::post('/favorite/{type}/{id}', [FavoriteController::class, 'toggle'])->name('favorite.toggle');
 
     Route::post('/admin/logout', [AdminAuthController::class, 'logout'])->name('admin.logout');
 });
\ No newline at end of file
diff --git a/spk_kontrakan/start-backend-network.bat b/spk_kontrakan/start-backend-network.bat
new file mode 100644
index 0000000..d29a7e5
--- /dev/null
+++ b/spk_kontrakan/start-backend-network.bat
@@ -0,0 +1,42 @@
+@echo off
+REM ============================================================================
+REM Script untuk memulai Laravel Backend dengan Network Access
+REM Tujuan: Agar Flutter Mobile Device bisa terhubung dari network
+REM ============================================================================
+
+cls
+echo.
+echo ╔════════════════════════════════════════════════════════╗
+echo ║  🚀 SPK Backend - Network Accessible Mode              ║
+echo ╚════════════════════════════════════════════════════════╝
+echo.
+
+REM Dapatkan IP address komputer
+echo Mendeteksi IP Address komputer...
+for /f "tokens=2 delims=:" %%A in ('ipconfig ^| findstr /i "IPv4" ^| findstr /i "192.168"') do set IP=%%A
+set IP=%IP: =%
+
+if "%IP%"=="" (
+    echo ❌ ERROR: Tidak bisa menemukan IP Address!
+    echo Pastikan komputer terhubung ke network.
+    pause
+    exit /b 1
+)
+
+echo ✅ IP Address terdeteksi: %IP%
+echo.
+echo 📱 Backend akan accessible dari:
+echo    • Local: http://localhost:8000
+echo    • Network: http://%IP%:8000
+echo    • API: http://%IP%:8000/api
+echo.
+echo ⚙️  Starting Laravel Backend...
+echo.
+
+REM Pindah ke directory project
+cd /d "%~dp0"
+
+REM Jalankan Laravel serve dengan host 0.0.0.0
+php artisan serve --host=0.0.0.0 --port=8000
+
+pause
diff --git a/spk_kontrakan/storage/framework/views/0549a80dc062eecdcc8efbf8312e4fd5.php b/spk_kontrakan/storage/framework/views/0549a80dc062eecdcc8efbf8312e4fd5.php
deleted file mode 100644
index bf4c0e6..0000000
--- a/spk_kontrakan/storage/framework/views/0549a80dc062eecdcc8efbf8312e4fd5.php
+++ /dev/null
@@ -1,1297 +0,0 @@
-
-
-<?php $__env->startSection('title', 'Detail Kontrakan'); ?>
-
-<?php $__env->startSection('content'); ?>
-<div class="container-fluid px-4">
-    <style>
-        .breadcrumb {
-            background: transparent;
-            border-radius: 8px;
-            padding: 0;
-            margin-bottom: 2rem;
-        }
-        
-        .breadcrumb-item a {
-            color: #667eea;
-            font-weight: 500;
-        }
-        
-        .breadcrumb-item.active {
-            color: #764ba2;
-            font-weight: 600;
-        }
-        
-        .detail-header {
-            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-            color: white;
-            padding: 2rem;
-            border-radius: 12px;
-            margin-bottom: 2rem;
-            box-shadow: 0 8px 20px rgba(102, 126, 234, 0.15);
-        }
-        
-        .detail-header h2 {
-            font-size: 2rem;
-            font-weight: 700;
-            margin-bottom: 0.5rem;
-        }
-        
-        .detail-card {
-            border: none;
-            border-radius: 12px;
-            box-shadow: 0 4px 15px rgba(0,0,0,0.08);
-            overflow: hidden;
-            margin-bottom: 1.5rem;
-        }
-        
-        .detail-card-header {
-            color: #667eea;
-            font-size: 1.1rem;
-            font-weight: 700;
-            padding: 1.25rem;
-            border-bottom: 2px solid #667eea;
-            background: #f8f9fa;
-        }
-        
-        .btn-edit {
-            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-            border: none;
-            color: white;
-            font-weight: 600;
-            padding: 0.6rem 1.2rem;
-            border-radius: 8px;
-            transition: all 0.3s ease;
-        }
-        
-        .btn-edit:hover {
-            transform: translateY(-2px);
-            box-shadow: 0 8px 15px rgba(102, 126, 234, 0.4);
-            color: white;
-        }
-    </style>
-    
-    <!-- Breadcrumb -->
-    <nav aria-label="breadcrumb" class="mb-4">
-        <ol class="breadcrumb">
-            <li class="breadcrumb-item"><a href="<?php echo e(route('dashboard')); ?>">Dashboard</a></li>
-            <li class="breadcrumb-item"><a href="<?php echo e(route('kontrakan.index')); ?>">Kontrakan</a></li>
-            <li class="breadcrumb-item active">Detail</li>
-        </ol>
-    </nav>
-
-    <!-- Detail Header -->
-    <div class="detail-header mb-4">
-        <div class="row align-items-center">
-            <div class="col-md-8">
-                <h2 class="mb-2">
-                    <i class="bi bi-houses me-2"></i><?php echo e($kontrakan->nama); ?>
-
-                    <span class="badge <?php echo e($kontrakan->status_badge_class); ?> fs-6 ms-2"><?php echo e($kontrakan->status_label); ?></span>
-                </h2>
-                <p class="mb-0 fs-6">Informasi lengkap dan detil kontrakan</p>
-            </div>
-            <div class="col-md-4 text-md-end mt-3 mt-md-0">
-                <a href="<?php echo e(route('admin.bookings.kontrakan-history', $kontrakan->id)); ?>" class="btn btn-outline-light me-2">
-                    <i class="bi bi-calendar-check me-2"></i>Riwayat Booking
-                </a>
-                <a href="<?php echo e(route('kontrakan.edit', $kontrakan->id)); ?>" class="btn btn-edit me-2">
-                    <i class="bi bi-pencil me-2"></i>Edit
-                </a>
-                <a href="<?php echo e(route('kontrakan.index')); ?>" class="btn btn-outline-light">
-                    <i class="bi bi-arrow-left me-2"></i>Kembali
-                </a>
-            </div>
-        </div>
-    </div>
-
-    
-    <?php if(session('success')): ?>
-    <div class="alert alert-success alert-dismissible fade show mx-4" role="alert">
-        <i class="bi bi-check-circle me-2"></i><?php echo e(session('success')); ?>
-
-        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
-    </div>
-    <?php endif; ?>
-
-    
-    <div class="mx-4 mb-4">
-        <div class="card border-0 shadow-sm">
-            <div class="card-body">
-                <div class="row align-items-center">
-                    <div class="col-md-4">
-                        <h6 class="mb-0"><i class="bi bi-toggle-on me-2"></i>Update Status Cepat</h6>
-                        <small class="text-muted">Tandai status ketersediaan kontrakan</small>
-                    </div>
-                    <div class="col-md-8">
-                        <div class="d-flex gap-2 flex-wrap justify-content-md-end">
-                            <form action="<?php echo e(route('kontrakan.update-status', $kontrakan->id)); ?>" method="POST" class="d-inline">
-                                <?php echo csrf_field(); ?>
-                                <input type="hidden" name="status" value="available">
-                                <button type="submit" class="btn btn-<?php echo e($kontrakan->status === 'available' ? 'success' : 'outline-success'); ?> btn-sm" <?php echo e($kontrakan->status === 'available' ? 'disabled' : ''); ?>>
-                                    <i class="bi bi-check-circle me-1"></i>Tersedia
-                                </button>
-                            </form>
-                            <form action="<?php echo e(route('kontrakan.update-status', $kontrakan->id)); ?>" method="POST" class="d-inline">
-                                <?php echo csrf_field(); ?>
-                                <input type="hidden" name="status" value="booked">
-                                <button type="submit" class="btn btn-<?php echo e($kontrakan->status === 'booked' ? 'warning' : 'outline-warning'); ?> btn-sm" <?php echo e($kontrakan->status === 'booked' ? 'disabled' : ''); ?>>
-                                    <i class="bi bi-clock me-1"></i>Dipesan
-                                </button>
-                            </form>
-                            <form action="<?php echo e(route('kontrakan.update-status', $kontrakan->id)); ?>" method="POST" class="d-inline">
-                                <?php echo csrf_field(); ?>
-                                <input type="hidden" name="status" value="occupied">
-                                <button type="submit" class="btn btn-<?php echo e($kontrakan->status === 'occupied' ? 'danger' : 'outline-danger'); ?> btn-sm" <?php echo e($kontrakan->status === 'occupied' ? 'disabled' : ''); ?>>
-                                    <i class="bi bi-house-fill me-1"></i>Ditempati
-                                </button>
-                            </form>
-                            <form action="<?php echo e(route('kontrakan.update-status', $kontrakan->id)); ?>" method="POST" class="d-inline">
-                                <?php echo csrf_field(); ?>
-                                <input type="hidden" name="status" value="maintenance">
-                                <button type="submit" class="btn btn-<?php echo e($kontrakan->status === 'maintenance' ? 'secondary' : 'outline-secondary'); ?> btn-sm" <?php echo e($kontrakan->status === 'maintenance' ? 'disabled' : ''); ?>>
-                                    <i class="bi bi-tools me-1"></i>Pemeliharaan
-                                </button>
-                            </form>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-
-    <div class="row g-4">
-        <!-- Main Content -->
-        <div class="col-lg-9">
-            <!-- FOTO SECTION -->
-            <?php if($kontrakan->foto): ?>
-            <div class="detail-card">
-                <div class="detail-card-header">
-                    <i class="bi bi-camera me-2"></i>Foto Kontrakan
-                </div>
-                <div class="card-body p-0">
-                    <div class="position-relative" style="height: 400px; overflow: hidden;">
-                        <img 
-                            src="<?php echo e(asset('uploads/kontrakan/' . $kontrakan->foto)); ?>" 
-                            alt="<?php echo e($kontrakan->nama); ?>" 
-                            class="w-100 h-100"
-                            style="object-fit: cover; cursor: pointer;"
-                            onclick="openImageModal(this.src)"
-                        >
-                        <div class="position-absolute bottom-0 start-0 end-0 bg-dark bg-opacity-50 text-white p-3">
-                            <small>
-                                <i class="bi bi-info-circle me-2"></i>
-                                Klik foto untuk melihat ukuran penuh
-                            </small>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <?php else: ?>
-            <div class="detail-card">
-                <div class="detail-card-header">
-                    <i class="bi bi-camera me-2"></i>Foto Kontrakan
-                </div>
-                <div class="card-body p-0">
-                    <div class="position-relative foto-placeholder" style="height: 400px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); display: flex; align-items: center; justify-content: center; overflow: hidden;">
-                        <div class="decorative-circle" style="position: absolute; width: 200px; height: 200px; border-radius: 50%; background: rgba(255,255,255,0.1); top: -50px; left: -50px;"></div>
-                        <div class="decorative-circle" style="position: absolute; width: 150px; height: 150px; border-radius: 50%; background: rgba(255,255,255,0.1); bottom: -30px; right: -30px;"></div>
-                        
-                        <div class="text-center position-relative" style="z-index: 2;">
-                            <div class="mb-3" style="animation: float 3s ease-in-out infinite;">
-                                <i class="bi bi-image" style="font-size: 5rem; color: rgba(255,255,255,0.9); filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1));"></i>
-                            </div>
-                            <h5 class="text-white mb-2 fw-bold">Foto Tidak Tersedia</h5>
-                            <p class="text-white-50 small mb-0">
-                                <i class="bi bi-info-circle me-1"></i>
-                                Belum ada foto yang diupload untuk kontrakan ini
-                            </p>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <?php endif; ?>
-
-            <!-- ========================================
-                 SECTION 1: GALERI MULTIPLE FOTO 
-                 ======================================== -->
-            <div class="detail-card">
-                <div class="detail-card-header d-flex justify-content-between align-items-center">
-                    <span>
-                        <i class="bi bi-images me-2"></i>Galeri Foto
-                    </span>
-                    <button type="button" class="btn btn-sm" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white;" data-bs-toggle="modal" data-bs-target="#uploadGaleriModal">
-                        <i class="bi bi-upload me-1"></i>Upload
-                    </button>
-                </div>
-                <div class="card-body">
-                    <?php if($kontrakan->galeri->count() > 0): ?>
-                        <div class="row g-3">
-                            <?php $__currentLoopData = $kontrakan->galeri; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $foto): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
-                            <div class="col-6 col-md-4 col-lg-3">
-                                <div class="position-relative galeri-item">
-                                    <img 
-                                        src="<?php echo e(asset('uploads/galeri/kontrakan/' . $foto->foto)); ?>" 
-                                        alt="Foto <?php echo e($kontrakan->nama); ?>"
-                                        class="img-fluid rounded shadow-sm"
-                                        style="width: 100%; height: 200px; object-fit: cover; cursor: pointer;"
-                                        onclick="openImageModal(this.src)"
-                                    >
-                                    
-                                    <?php if($foto->is_primary): ?>
-                                    <span class="position-absolute top-0 start-0 m-2 badge bg-warning">
-                                        <i class="bi bi-star-fill"></i> Utama
-                                    </span>
-                                    <?php endif; ?>
-
-                                    <div class="position-absolute top-0 end-0 m-2">
-                                        <div class="btn-group-vertical" role="group">
-                                            <?php if(!$foto->is_primary): ?>
-                                            <form action="<?php echo e(route('galeri.set-primary', $foto->id)); ?>" method="POST" class="d-inline">
-                                                <?php echo csrf_field(); ?>
-                                                <button type="submit" class="btn btn-sm btn-warning" title="Jadikan foto utama">
-                                                    <i class="bi bi-star"></i>
-                                                </button>
-                                            </form>
-                                            <?php endif; ?>
-                                            
-                                            <form action="<?php echo e(route('galeri.delete', $foto->id)); ?>" method="POST" 
-                                                  onsubmit="return confirm('Yakin hapus foto ini?')" class="d-inline">
-                                                <?php echo csrf_field(); ?>
-                                                <?php echo method_field('DELETE'); ?>
-                                                <button type="submit" class="btn btn-sm btn-danger" title="Hapus foto">
-                                                    <i class="bi bi-trash"></i>
-                                                </button>
-                                            </form>
-                                        </div>
-                                    </div>
-
-                                    <span class="position-absolute bottom-0 start-0 m-2 badge bg-dark bg-opacity-75">
-                                        #<?php echo e($foto->urutan); ?>
-
-                                    </span>
-                                </div>
-                            </div>
-                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
-                        </div>
-                    <?php else: ?>
-                        <div class="text-center py-5">
-                            <i class="bi bi-images text-muted" style="font-size: 4rem;"></i>
-                            <h5 class="text-muted mt-3">Belum ada foto di galeri</h5>
-                            <p class="text-muted">Upload foto untuk menampilkan galeri</p>
-                            <button type="button" class="btn" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white;" data-bs-toggle="modal" data-bs-target="#uploadGaleriModal">
-                                <i class="bi bi-upload me-1"></i>Upload Foto Pertama
-                            </button>
-                        </div>
-                    <?php endif; ?>
-                </div>
-            </div>
-
-            <!-- Modal Upload Galeri -->
-            <div class="modal fade" id="uploadGaleriModal" tabindex="-1">
-                <div class="modal-dialog">
-                    <div class="modal-content">
-                        <div class="modal-header">
-                            <h5 class="modal-title">
-                                <i class="bi bi-upload me-2"></i>Upload Foto Galeri
-                            </h5>
-                            <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
-                        </div>
-                        <form action="<?php echo e(route('galeri.upload', $kontrakan->id)); ?>" 
-                              method="POST" enctype="multipart/form-data">
-                            <?php echo csrf_field(); ?>
-                            <div class="modal-body">
-                                <div class="mb-3">
-                                    <label class="form-label fw-semibold">Pilih Foto (bisa multiple)</label>
-                                    <input type="file" name="fotos[]" id="galeriFileInput" class="form-control" multiple accept="image/*" required>
-                                    <small class="text-muted">
-                                        <i class="bi bi-info-circle me-1"></i>
-                                        Format: JPG, JPEG, PNG. Maksimal 2MB per foto
-                                    </small>
-                                </div>
-                                
-                                <div id="imagePreview" class="row g-2 mt-2"></div>
-                            </div>
-                            <div class="modal-footer">
-                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
-                                <button type="submit" class="btn" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white;">
-                                    <i class="bi bi-upload me-1"></i>Upload
-                                </button>
-                            </div>
-                        </form>
-                    </div>
-                </div>
-            </div>
-
-            <!-- ========================================
-                 SECTION 2: REVIEW & RATING 
-                 ======================================== -->
-            <div class="detail-card">
-                <div class="detail-card-header">
-                    <div class="d-flex justify-content-between align-items-center flex-wrap gap-2">
-                        <div>
-                            <span>
-                                <i class="bi bi-star-fill me-2"></i>Review & Rating
-                            </span>
-                            <div class="d-flex align-items-center gap-3 mt-2">
-                                <div class="d-flex align-items-center">
-                                    <span class="fs-4 fw-bold me-2"><?php echo e($kontrakan->average_rating); ?></span>
-                                    <div>
-                                        <?php for($i = 1; $i <= 5; $i++): ?>
-                                            <?php if($i <= $kontrakan->average_rating): ?>
-                                                <i class="bi bi-star-fill text-warning"></i>
-                                            <?php else: ?>
-                                                <i class="bi bi-star text-muted"></i>
-                                            <?php endif; ?>
-                                        <?php endfor; ?>
-                                    </div>
-                                </div>
-                                <span class="text-muted">(<?php echo e($kontrakan->total_reviews); ?> review)</span>
-                            </div>
-                        </div>
-                        <button type="button" class="btn btn-warning btn-sm" data-bs-toggle="modal" data-bs-target="#reviewModal">
-                            <i class="bi bi-pencil me-1"></i>Tulis Review
-                        </button>
-                    </div>
-                </div>
-                <div class="card-body">
-                    <?php if($kontrakan->reviews->count() > 0): ?>
-                        <div class="review-list">
-                            <?php $__currentLoopData = $kontrakan->reviews; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $review): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
-                            <div class="review-item border-bottom pb-3 mb-3">
-                                <div class="d-flex justify-content-between align-items-start mb-2">
-                                    <div class="d-flex align-items-center">
-                                        <div class="bg-primary text-white rounded-circle d-flex align-items-center justify-content-center me-2" 
-                                             style="width: 40px; height: 40px; font-weight: bold;">
-                                            <?php echo e(strtoupper(substr($review->user->name, 0, 1))); ?>
-
-                                        </div>
-                                        <div>
-                                            <h6 class="mb-0"><?php echo e($review->user->name); ?></h6>
-                                            <small class="text-muted"><?php echo e($review->created_at->diffForHumans()); ?></small>
-                                        </div>
-                                    </div>
-                                    <div class="text-end">
-                                        <div class="mb-1">
-                                            <?php for($i = 1; $i <= 5; $i++): ?>
-                                                <?php if($i <= $review->rating): ?>
-                                                    <i class="bi bi-star-fill text-warning"></i>
-                                                <?php else: ?>
-                                                    <i class="bi bi-star text-muted"></i>
-                                                <?php endif; ?>
-                                            <?php endfor; ?>
-                                        </div>
-                                        <?php if(auth()->id() === $review->user_id): ?>
-                                        <div class="btn-group btn-group-sm">
-                                            <button type="button" class="btn btn-outline-secondary" 
-                                                    onclick="editReview(<?php echo e($review->id); ?>, <?php echo e($review->rating); ?>, '<?php echo e(addslashes($review->review ?? '')); ?>')">
-                                                <i class="bi bi-pencil"></i>
-                                            </button>
-                                            <form action="<?php echo e(route('reviews.destroy', $review->id)); ?>" method="POST" 
-                                                  onsubmit="return confirm('Yakin hapus review ini?')" class="d-inline">
-                                                <?php echo csrf_field(); ?>
-                                                <?php echo method_field('DELETE'); ?>
-                                                <button type="submit" class="btn btn-outline-danger">
-                                                    <i class="bi bi-trash"></i>
-                                                </button>
-                                            </form>
-                                        </div>
-                                        <?php endif; ?>
-                                    </div>
-                                </div>
-                                <?php if($review->review): ?>
-                                <p class="mb-0 ms-5"><?php echo e($review->review); ?></p>
-                                <?php endif; ?>
-                            </div>
-                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
-                        </div>
-                    <?php else: ?>
-                        <div class="text-center py-4">
-                            <i class="bi bi-chat-left-text text-muted" style="font-size: 3rem;"></i>
-                            <h6 class="text-muted mt-3">Belum ada review</h6>
-                            <p class="text-muted">Jadilah yang pertama memberikan review!</p>
-                        </div>
-                    <?php endif; ?>
-                </div>
-            </div>
-
-            <!-- Modal Review -->
-            <div class="modal fade" id="reviewModal" tabindex="-1">
-                <div class="modal-dialog">
-                    <div class="modal-content">
-                        <div class="modal-header">
-                            <h5 class="modal-title">
-                                <i class="bi bi-star me-2"></i>
-                                <span id="reviewModalTitle">Tulis Review</span>
-                            </h5>
-                            <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
-                        </div>
-                        <form id="reviewForm" method="POST">
-                            <?php echo csrf_field(); ?>
-                            <input type="hidden" name="_method" id="reviewMethod" value="POST">
-                            <div class="modal-body">
-                                <div class="mb-3">
-                                    <label class="form-label fw-semibold">Rating</label>
-                                    <div class="star-rating">
-                                        <input type="radio" name="rating" value="5" id="star5" required>
-                                        <label for="star5"><i class="bi bi-star-fill"></i></label>
-                                        
-                                        <input type="radio" name="rating" value="4" id="star4">
-                                        <label for="star4"><i class="bi bi-star-fill"></i></label>
-                                        
-                                        <input type="radio" name="rating" value="3" id="star3">
-                                        <label for="star3"><i class="bi bi-star-fill"></i></label>
-                                        
-                                        <input type="radio" name="rating" value="2" id="star2">
-                                        <label for="star2"><i class="bi bi-star-fill"></i></label>
-                                        
-                                        <input type="radio" name="rating" value="1" id="star1">
-                                        <label for="star1"><i class="bi bi-star-fill"></i></label>
-                                    </div>
-                                </div>
-                                
-                                <div class="mb-3">
-                                    <label class="form-label fw-semibold">Komentar (opsional)</label>
-                                    <textarea name="review" id="reviewTextarea" class="form-control" rows="4" 
-                                              placeholder="Ceritakan pengalaman Anda..." maxlength="1000"></textarea>
-                                    <small class="text-muted">Maksimal 1000 karakter</small>
-                                </div>
-                            </div>
-                            <div class="modal-footer">
-                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
-                                <button type="submit" class="btn btn-warning">
-                                    <i class="bi bi-send me-1"></i>Kirim Review
-                                </button>
-                            </div>
-                        </form>
-                    </div>
-                </div>
-            </div>
-
-            <!-- MAPS SECTION -->
-            <?php if($kontrakan->latitude && $kontrakan->longitude): ?>
-            <div class="detail-card">
-                <div class="detail-card-header d-flex flex-column flex-sm-row justify-content-between align-items-start align-items-sm-center gap-2">
-                    <span>
-                        <i class="bi bi-map me-2"></i>Lokasi di Peta
-                    </span>
-                    <a href="https://www.google.com/maps?q=<?php echo e($kontrakan->latitude); ?>,<?php echo e($kontrakan->longitude); ?>" 
-                       target="_blank" 
-                       class="btn btn-sm" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white;">
-                        <i class="bi bi-box-arrow-up-right me-1"></i>Google Maps
-                    </a>
-                </div>
-                <div class="card-body p-0">
-                    <div id="map" style="height: 400px; width: 100%;"></div>
-                </div>
-            </div>
-            <?php endif; ?>
-
-            <!-- Informasi Utama Card -->
-            <div class="detail-card">
-                <div class="detail-card-header">
-                    <i class="bi bi-info-circle me-2"></i>Informasi Utama
-                </div>
-                <div class="card-body p-4">
-                    <div class="row g-4">
-                        <!-- Nama -->
-                        <div class="col-md-12">
-                            <div class="d-flex align-items-start">
-                                <div class="rounded p-3 me-3" style="background: rgba(102, 126, 234, 0.1);">
-                                    <i class="bi bi-building fs-4" style="color: #667eea;"></i>
-                                </div>
-                                <div class="flex-grow-1">
-                                    <small class="text-muted d-block mb-1">Nama Kontrakan</small>
-                                    <h5 class="mb-0 fw-semibold"><?php echo e($kontrakan->nama); ?></h5>
-                                </div>
-                            </div>
-                        </div>
-
-                        <!-- Alamat -->
-                        <div class="col-md-12">
-                            <div class="d-flex align-items-start">
-                                <div class="bg-danger bg-opacity-10 rounded p-3 me-3">
-                                    <i class="bi bi-geo-alt text-danger fs-4"></i>
-                                </div>
-                                <div class="flex-grow-1">
-                                    <small class="text-muted d-block mb-1">Alamat Lengkap</small>
-                                    <p class="mb-0"><?php echo e($kontrakan->alamat); ?></p>
-                                </div>
-                            </div>
-                        </div>
-
-                        <!-- WhatsApp Section -->
-                        <?php if($kontrakan->no_whatsapp): ?>
-                        <div class="col-md-12">
-                            <div class="d-flex align-items-start">
-                                <div class="bg-success bg-opacity-10 rounded p-3 me-3">
-                                    <i class="bi bi-whatsapp text-success fs-4"></i>
-                                </div>
-                                <div class="flex-grow-1">
-                                    <small class="text-muted d-block mb-1">Kontak WhatsApp</small>
-                                    <h5 class="mb-2 fw-semibold text-success"><?php echo e($kontrakan->no_whatsapp); ?></h5>
-                                    <div class="d-flex flex-wrap gap-2">
-                                        <a 
-                                            href="https://wa.me/<?php echo e(preg_replace('/[^0-9]/', '', $kontrakan->no_whatsapp)); ?>" 
-                                            target="_blank"
-                                            class="btn btn-success btn-sm"
-                                        >
-                                            <i class="bi bi-whatsapp me-1"></i>Chat WhatsApp
-                                        </a>
-                                        <a 
-                                            href="tel:<?php echo e(preg_replace('/[^0-9]/', '', $kontrakan->no_whatsapp)); ?>" 
-                                            class="btn btn-outline-success btn-sm"
-                                        >
-                                            <i class="bi bi-telephone me-1"></i>Telepon
-                                        </a>
-                                        <button 
-                                            type="button"
-                                            class="btn btn-outline-secondary btn-sm"
-                                            onclick="copyWhatsApp('<?php echo e($kontrakan->no_whatsapp); ?>')"
-                                        >
-                                            <i class="bi bi-clipboard me-1"></i>Salin Nomor
-                                        </button>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <?php endif; ?>
-
-                        <!-- Harga -->
-                        <div class="col-md-6">
-                            <div class="d-flex align-items-start">
-                                <div class="bg-success bg-opacity-10 rounded p-3 me-3">
-                                    <i class="bi bi-currency-dollar text-success fs-4"></i>
-                                </div>
-                                <div class="flex-grow-1">
-                                    <small class="text-muted d-block mb-1">Harga Sewa/Tahun</small>
-                                    <h5 class="mb-0 fw-semibold text-success">
-                                        Rp <?php echo e(number_format($kontrakan->harga, 0, ',', '.')); ?>
-
-                                    </h5>
-                                </div>
-                            </div>
-                        </div>
-
-                        <!-- Luas -->
-                        <div class="col-md-6">
-                            <div class="d-flex align-items-start">
-                                <div class="bg-warning bg-opacity-10 rounded p-3 me-3">
-                                    <i class="bi bi-rulers text-warning fs-4"></i>
-                                </div>
-                                <div class="flex-grow-1">
-                                    <small class="text-muted d-block mb-1">Luas Bangunan</small>
-                                    <h5 class="mb-0 fw-semibold text-warning">
-                                        <?php echo e($kontrakan->luas); ?> m²
-                                    </h5>
-                                </div>
-                            </div>
-                        </div>
-
-                        <!-- Jumlah Kamar Tidur -->
-                        <div class="col-md-6">
-                            <div class="d-flex align-items-start">
-                                <div class="bg-purple bg-opacity-10 rounded p-3 me-3" style="background-color: rgba(102, 126, 234, 0.1) !important;">
-                                    <i class="bi bi-door-closed fs-4" style="color: #667eea;"></i>
-                                </div>
-                                <div class="flex-grow-1">
-                                    <small class="text-muted d-block mb-1">Jumlah Kamar Tidur</small>
-                                    <h5 class="mb-0 fw-semibold" style="color: #667eea;">
-                                        <?php echo e($kontrakan->jumlah_kamar ?? 1); ?> kamar
-                                    </h5>
-                                </div>
-                            </div>
-                        </div>
-
-                        <!-- Jumlah Kamar Mandi -->
-                        <div class="col-md-6">
-                            <div class="d-flex align-items-start">
-                                <div class="bg-cyan bg-opacity-10 rounded p-3 me-3" style="background-color: rgba(23, 162, 184, 0.1) !important;">
-                                    <i class="bi bi-droplet fs-4" style="color: #17a2b8;"></i>
-                                </div>
-                                <div class="flex-grow-1">
-                                    <small class="text-muted d-block mb-1">Jumlah Kamar Mandi</small>
-                                    <h5 class="mb-0 fw-semibold" style="color: #17a2b8;">
-                                        <?php echo e($kontrakan->bathroom_count ?? 1); ?> kamar
-                                    </h5>
-                                </div>
-                            </div>
-                        </div>
-
-                        <!-- Jarak -->
-                        <div class="col-md-6">
-                            <div class="d-flex align-items-start">
-                                <div class="bg-info bg-opacity-10 rounded p-3 me-3">
-                                    <i class="bi bi-pin-map text-info fs-4"></i>
-                                </div>
-                                <div class="flex-grow-1">
-                                    <small class="text-muted d-block mb-1">Jarak ke Kampus</small>
-                                    <h5 class="mb-0 fw-semibold text-info">
-                                        <?php echo e(number_format($kontrakan->jarak, 0, ',', '.')); ?> meter
-                                    </h5>
-                                    <small class="text-muted">≈ <?php echo e(round($kontrakan->jarak / 1000, 2)); ?> km</small>
-                                </div>
-                            </div>
-                        </div>
-
-                        <!-- Fasilitas -->
-                        <div class="col-md-6">
-                            <div class="d-flex align-items-start">
-                                <div class="bg-secondary bg-opacity-10 rounded p-3 me-3">
-                                    <i class="bi bi-star text-secondary fs-4"></i>
-                                </div>
-                                <div class="flex-grow-1">
-                                    <small class="text-muted d-block mb-1">Fasilitas</small>
-                                    <?php if($kontrakan->fasilitas): ?>
-                                        <div class="d-flex flex-wrap gap-2 mt-2">
-                                            <?php $__currentLoopData = explode(',', $kontrakan->fasilitas); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $fasilitas): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
-                                                <span class="badge bg-secondary bg-opacity-10 text-dark px-3 py-2">
-                                                    <i class="bi bi-check-circle me-1"></i><?php echo e(trim($fasilitas)); ?>
-
-                                                </span>
-                                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
-                                        </div>
-                                    <?php else: ?>
-                                        <p class="mb-0 text-muted">-</p>
-                                    <?php endif; ?>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <!-- Side Info -->
-        <div class="col-lg-3">
-            <!-- WhatsApp Quick Contact Card -->
-            <?php if($kontrakan->no_whatsapp): ?>
-            <div class="detail-card" style="background: linear-gradient(135deg, #25D366 0%, #128C7E 100%); border: none !important; color: white;">
-                <div class="card-body p-4">
-                    <div class="text-center mb-3">
-                        <div class="bg-white bg-opacity-20 rounded-circle d-inline-flex p-3 mb-3">
-                            <i class="bi bi-whatsapp" style="font-size: 2.5rem;"></i>
-                        </div>
-                        <h5 class="fw-bold mb-2">Hubungi Pemilik</h5>
-                        <p class="mb-0 small opacity-75">Tanya langsung via WhatsApp</p>
-                    </div>
-                    <div class="bg-white bg-opacity-20 rounded p-3 mb-3 text-center">
-                        <small class="d-block mb-1 opacity-75">Nomor WhatsApp</small>
-                        <h4 class="mb-0 fw-bold"><?php echo e($kontrakan->no_whatsapp); ?></h4>
-                    </div>
-                    <a 
-                        href="https://wa.me/<?php echo e(preg_replace('/[^0-9]/', '', $kontrakan->no_whatsapp)); ?>?text=Halo,%20saya%20tertarik%20dengan%20kontrakan%20*<?php echo e(urlencode($kontrakan->nama)); ?>*%20yang%20terletak%20di%20<?php echo e(urlencode($kontrakan->alamat)); ?>.%20Apakah%20masih%20tersedia?" 
-                        target="_blank"
-                        class="btn btn-light w-100 fw-semibold"
-                    >
-                        <i class="bi bi-whatsapp me-2"></i>Chat Sekarang
-                    </a>
-                </div>
-            </div>
-            <?php endif; ?>
-
-            <!-- ========================================
-                 SECTION 3: FAVORITE BUTTON 
-                 ======================================== -->
-            <div class="detail-card">
-                <div class="card-body p-4 text-center">
-                    <h6 class="fw-bold mb-3">
-                        <i class="bi bi-heart me-2"></i>Simpan Favorit
-                    </h6>
-                    <p class="text-muted small mb-3">
-                        Simpan kontrakan ini ke daftar favorit Anda untuk akses cepat
-                    </p>
-                    
-                    <?php
-                        $isFavorited = auth()->check() && $kontrakan->isFavoritedBy(auth()->id());
-                    ?>
-                    
-                    <form action="<?php echo e(route('favorites.kontrakan.toggle', $kontrakan->id)); ?>" 
-      method="POST" id="favoriteForm">
-    <?php echo csrf_field(); ?>
-    <button type="submit" class="btn <?php echo e($isFavorited ? 'btn-danger' : 'btn-outline-danger'); ?> w-100" 
-            id="favoriteBtn">
-        <i class="bi bi-heart<?php echo e($isFavorited ? '-fill' : ''); ?> me-2" id="favoriteIcon"></i>
-        <span id="favoriteBtnText"><?php echo e($isFavorited ? 'Hapus dari Favorit' : 'Tambah ke Favorit'); ?></span>
-    </button>
-</form>
-
-<small class="text-muted d-block mt-2">
-                    <i class="bi bi-people me-1"></i>
-                    <span id="totalFavorites"><?php echo e($kontrakan->total_favorites); ?></span> orang menyukai ini
-                </small>
-            </div>
-        </div>
-
-        <!-- Quick Stats -->
-        <div class="detail-card">
-            <div class="card-body p-4">
-                <h6 class="fw-bold mb-3">
-                    <i class="bi bi-graph-up me-2"></i>Ringkasan
-                </h6>
-                <div class="d-flex justify-content-between align-items-center mb-3 pb-3 border-bottom">
-                    <span class="text-muted">Harga/Bulan</span>
-                    <strong>Rp <?php echo e(number_format($kontrakan->harga / 12, 0, ',', '.')); ?></strong>
-                </div>
-                <div class="d-flex justify-content-between align-items-center mb-3 pb-3 border-bottom">
-                    <span class="text-muted">Harga/m²</span>
-                    <strong>Rp <?php echo e(number_format($kontrakan->harga / $kontrakan->jumlah_kamar, 0, ',', '.')); ?></strong>
-                </div>
-                <div class="d-flex justify-content-between align-items-center mb-3 pb-3 border-bottom">
-                    <span class="text-muted">Status</span>
-                    <span class="badge bg-success">Tersedia</span>
-                </div>
-                <div class="d-flex justify-content-between align-items-center">
-                    <span class="text-muted">Kategori</span>
-                    <strong>Kontrakan</strong>
-                </div>
-            </div>
-        </div>
-
-        <!-- Timestamp Info -->
-        <div class="card border-0 bg-light mb-4">
-            <div class="card-body p-4">
-                <h6 class="fw-bold mb-3">
-                    <i class="bi bi-clock-history me-2" style="color: #667eea;"></i>Riwayat
-                </h6>
-                <div class="mb-3">
-                    <small class="text-muted d-block">Dibuat</small>
-                    <strong><?php echo e($kontrakan->created_at->format('d M Y, H:i')); ?> WIB</strong>
-                </div>
-                <?php if($kontrakan->updated_at != $kontrakan->created_at): ?>
-                <div>
-                    <small class="text-muted d-block">Terakhir Diupdate</small>
-                    <strong><?php echo e($kontrakan->updated_at->format('d M Y, H:i')); ?> WIB</strong>
-                    <small class="text-muted d-block mt-1">
-                        (<?php echo e($kontrakan->updated_at->diffForHumans()); ?>)
-                    </small>
-                </div>
-                <?php endif; ?>
-            </div>
-        </div>
-
-        <!-- Actions -->
-        <div class="card border-0 shadow-sm">
-            <div class="card-body p-4">
-                <h6 class="fw-bold mb-3">
-                    <i class="bi bi-gear text-secondary me-2"></i>Aksi
-                </h6>
-                <div class="d-grid gap-2">
-                    <a href="<?php echo e(route('kontrakan.edit', $kontrakan->id)); ?>" class="btn btn-warning">
-                        <i class="bi bi-pencil me-2"></i>Edit Data
-                    </a>
-                    
-                    <?php if(auth()->user()->role == 'super_admin'): ?>
-                    <form action="<?php echo e(route('kontrakan.destroy', $kontrakan->id)); ?>" method="POST" onsubmit="return confirm('Yakin ingin menghapus kontrakan <?php echo e($kontrakan->nama); ?>?')">
-                        <?php echo csrf_field(); ?>
-                        <?php echo method_field('DELETE'); ?>
-                        <button type="submit" class="btn btn-danger w-100">
-                            <i class="bi bi-trash me-2"></i>Hapus Data
-                        </button>
-                    </form>
-                    <?php else: ?>
-                    <button type="button" class="btn btn-secondary w-100" disabled title="Hanya Super Admin yang dapat menghapus data">
-                        <i class="bi bi-lock me-2"></i>Hapus Data (Terbatas)
-                    </button>
-                    <?php endif; ?>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
-</div>
-<!-- Modal untuk Zoom Foto -->
-<div id="imageModal" class="modal-fullscreen" style="display: none;">
-    <span class="modal-close" onclick="closeImageModal()">&times;</span>
-    <img id="modalImage" class="modal-content-img" src="">
-    <div class="modal-caption" id="modalCaption"></div>
-</div>
-<!-- Toast Notification untuk Copy WhatsApp -->
-<div id="copyToast" class="position-fixed bottom-0 end-0 p-3" style="z-index: 11; display: none;">
-    <div class="toast show" role="alert">
-        <div class="toast-header bg-success text-white">
-            <i class="bi bi-check-circle-fill me-2"></i>
-            <strong class="me-auto">Berhasil!</strong>
-            <button type="button" class="btn-close btn-close-white" onclick="hideToast()"></button>
-        </div>
-        <div class="toast-body">
-            Nomor WhatsApp berhasil disalin ke clipboard!
-        </div>
-    </div>
-</div>
-<!-- Leaflet CSS -->
-<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
-<!-- Leaflet JS -->
-<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
-<script>
-<?php if($kontrakan->latitude && $kontrakan->longitude): ?>
-// Initialize map
-document.addEventListener('DOMContentLoaded', function() {
-    const lat = <?php echo e($kontrakan->latitude); ?>;
-    const lng = <?php echo e($kontrakan->longitude); ?>;
-    
-    const map = L.map('map').setView([lat, lng], 15);
-    
-    L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
-        attribution: '© OpenStreetMap contributors',
-        maxZoom: 19
-    }).addTo(map);
-    
-    const customIcon = L.divIcon({
-        className: 'custom-marker',
-        html: `
-            <div style="position: relative;">
-                <div style="
-                    background-color: #dc3545;
-                    width: 32px;
-                    height: 32px;
-                    border-radius: 50%;
-                    border: 3px solid white;
-                    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
-                    display: flex;
-                    align-items: center;
-                    justify-content: center;
-                    font-size: 16px;
-                ">🏠</div>
-                <div style="
-                    position: absolute;
-                    bottom: -8px;
-                    left: 50%;
-                    transform: translateX(-50%);
-                    width: 0;
-                    height: 0;
-                    border-left: 8px solid transparent;
-                    border-right: 8px solid transparent;
-                    border-top: 8px solid #dc3545;
-                "></div>
-            </div>
-        `,
-        iconSize: [32, 40],
-        iconAnchor: [16, 40],
-        popupAnchor: [0, -40]
-    });
-    
-    const marker = L.marker([lat, lng], { icon: customIcon }).addTo(map);
-    
-    const popupContent = `
-        <div class="p-2" style="min-width: 200px;">
-            <h6 class="fw-bold mb-2"><?php echo e($kontrakan->nama); ?></h6>
-            <p class="small text-muted mb-2">
-                <i class="bi bi-geo-alt me-1"></i><?php echo e(Str::limit($kontrakan->alamat, 50)); ?>
-
-            </p>
-            <div class="d-grid">
-                <a href="https://www.google.com/maps/dir/?api=1&destination=${lat},${lng}" 
-                   target="_blank" 
-                   class="btn btn-sm btn-danger">
-                    <i class="bi bi-box-arrow-up-right me-1"></i>Buka di Google Maps
-                </a>
-            </div>
-        </div>
-    `;
-    
-    marker.bindPopup(popupContent, {
-        maxWidth: 300,
-        className: 'custom-popup'
-    }).openPopup();
-});
-<?php endif; ?>
-
-// Image modal functions
-function openImageModal(src) {
-    const modal = document.getElementById('imageModal');
-    const modalImg = document.getElementById('modalImage');
-    const caption = document.getElementById('modalCaption');
-    
-    modal.style.display = 'block';
-    modalImg.src = src;
-    caption.innerHTML = '<?php echo e($kontrakan->nama); ?>';
-    document.body.style.overflow = 'hidden';
-}
-
-function closeImageModal() {
-    const modal = document.getElementById('imageModal');
-    modal.style.display = 'none';
-    document.body.style.overflow = 'auto';
-}
-
-document.getElementById('imageModal')?.addEventListener('click', function(e) {
-    if (e.target === this) {
-        closeImageModal();
-    }
-});
-
-document.addEventListener('keydown', function(e) {
-    if (e.key === 'Escape') {
-        closeImageModal();
-    }
-});
-
-// Copy WhatsApp number function
-function copyWhatsApp(number) {
-    navigator.clipboard.writeText(number).then(function() {
-        showToast();
-    }, function(err) {
-        console.error('Gagal menyalin: ', err);
-        alert('Gagal menyalin nomor WhatsApp');
-    });
-}
-
-function showToast() {
-    const toast = document.getElementById('copyToast');
-    toast.style.display = 'block';
-    setTimeout(function() {
-        hideToast();
-    }, 3000);
-}
-
-function hideToast() {
-    const toast = document.getElementById('copyToast');
-    toast.style.display = 'none';
-}
-
-// ========================================
-// GALERI: Preview multiple images
-// ========================================
-document.getElementById('galeriFileInput')?.addEventListener('change', function(e) {
-    const preview = document.getElementById('imagePreview');
-    preview.innerHTML = '';
-    
-    [...e.target.files].forEach(file => {
-        const reader = new FileReader();
-        reader.onload = function(e) {
-            const col = document.createElement('div');
-            col.className = 'col-4';
-            col.innerHTML = `<img src="${e.target.result}" class="img-fluid rounded" style="height: 100px; object-fit: cover;">`;
-            preview.appendChild(col);
-        }
-        reader.readAsDataURL(file);
-    });
-});
-
-// ========================================
-// REVIEW: Form handler
-// ========================================
-const reviewForm = document.getElementById('reviewForm');
-const reviewModal = document.getElementById('reviewModal');
-let bsReviewModal;
-
-if(reviewModal) {
-    bsReviewModal = new bootstrap.Modal(reviewModal);
-    reviewForm.action = "<?php echo e(route('reviews.kontrakan.store', $kontrakan->id)); ?>";
-}
-
-function editReview(id, rating, review) {
-    document.getElementById('reviewModalTitle').textContent = 'Edit Review';
-    document.getElementById('reviewMethod').value = 'PUT';
-    reviewForm.action = `/review/${id}`;
-    
-    // Set rating
-    document.getElementById(`star${rating}`).checked = true;
-    
-    // Set review text
-    document.getElementById('reviewTextarea').value = review || '';
-    
-    bsReviewModal.show();
-}
-
-// Reset form when modal closed
-reviewModal?.addEventListener('hidden.bs.modal', function() {
-    document.getElementById('reviewModalTitle').textContent = 'Tulis Review';
-    document.getElementById('reviewMethod').value = 'POST';
-    reviewForm.action = "<?php echo e(route('reviews.kontrakan.store', $kontrakan->id)); ?>";
-    reviewForm.reset();
-});
-
-// ========================================
-// FAVORITE: Toggle with AJAX
-// ========================================
-document.getElementById('favoriteForm')?.addEventListener('submit', function(e) {
-    e.preventDefault();
-    
-    const btn = document.getElementById('favoriteBtn');
-    const icon = document.getElementById('favoriteIcon');
-    const text = document.getElementById('favoriteBtnText');
-    const total = document.getElementById('totalFavorites');
-    
-    // Disable button sementara
-    btn.disabled = true;
-    
-    fetch(this.action, {
-        method: 'POST',
-        headers: {
-            'X-CSRF-TOKEN': '<?php echo e(csrf_token()); ?>',
-            'Accept': 'application/json',
-            'Content-Type': 'application/json'
-        }
-    })
-    .then(response => response.json())
-    .then(data => {
-        if(data.success) {
-            if(data.status === 'added') {
-                btn.classList.remove('btn-outline-danger');
-                btn.classList.add('btn-danger');
-                icon.classList.add('bi-heart-fill');
-                icon.classList.remove('bi-heart');
-                text.textContent = 'Hapus dari Favorit';
-            } else {
-                btn.classList.remove('btn-danger');
-                btn.classList.add('btn-outline-danger');
-                icon.classList.remove('bi-heart-fill');
-                icon.classList.add('bi-heart');
-                text.textContent = 'Tambah ke Favorit';
-            }
-            
-            total.textContent = data.total_favorites;
-            
-            // Show success message
-            showToast();
-        }
-    })
-    .catch(error => {
-        console.error('Error:', error);
-        // Fallback: submit form normally
-        btn.disabled = false;
-        this.submit();
-    })
-    .finally(() => {
-        btn.disabled = false;
-    });
-});
-</script>
-<style>
-    /* Float animation for empty photo state */
-    @keyframes float {
-        0%, 100% { transform: translateY(0px); }
-        50% { transform: translateY(-10px); }
-    }
-    
-    .foto-placeholder {
-        position: relative;
-        animation: gradientShift 10s ease infinite;
-        background-size: 200% 200%;
-    }
-    
-    @keyframes gradientShift {
-        0% { background-position: 0% 50%; }
-        50% { background-position: 100% 50%; }
-        100% { background-position: 0% 50%; }
-    }
-    
-    .decorative-circle {
-        animation: pulse 4s ease-in-out infinite;
-    }
-    
-    @keyframes pulse {
-        0%, 100% {
-            transform: scale(1);
-            opacity: 0.3;
-        }
-        50% {
-            transform: scale(1.1);
-            opacity: 0.5;
-        }
-    }
-
-    /* Card hover effects */
-    .card {
-        transition: transform 0.3s ease, box-shadow 0.3s ease;
-    }
-    
-    .card:hover {
-        transform: translateY(-2px);
-        box-shadow: 0 8px 16px rgba(0,0,0,0.1) !important;
-    }
-
-    /* Image modal styles */
-    .modal-fullscreen {
-        position: fixed;
-        z-index: 9999;
-        left: 0;
-        top: 0;
-        width: 100%;
-        height: 100%;
-        overflow: auto;
-        background-color: rgba(0, 0, 0, 0.95);
-        animation: fadeIn 0.3s;
-    }
-
-    .modal-close {
-        position: absolute;
-        top: 20px;
-        right: 40px;
-        color: #fff;
-        font-size: 40px;
-        font-weight: bold;
-        cursor: pointer;
-        z-index: 10000;
-        transition: 0.3s;
-    }
-
-    .modal-close:hover,
-    .modal-close:focus {
-        color: #bbb;
-    }
-
-    .modal-content-img {
-        margin: auto;
-        display: block;
-        max-width: 90%;
-        max-height: 90%;
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        transform: translate(-50%, -50%);
-        animation: zoomIn 0.3s;
-    }
-
-    .modal-caption {
-        margin: auto;
-        display: block;
-        width: 80%;
-        max-width: 700px;
-        text-align: center;
-        color: #ccc;
-        padding: 10px 0;
-        position: absolute;
-        bottom: 20px;
-        left: 50%;
-        transform: translateX(-50%);
-    }
-
-    @keyframes fadeIn {
-        from {opacity: 0;}
-        to {opacity: 1;}
-    }
-
-    @keyframes zoomIn {
-        from {transform: translate(-50%, -50%) scale(0.5);}
-        to {transform: translate(-50%, -50%) scale(1);}
-    }
-
-    /* Custom Leaflet popup */
-    .custom-popup .leaflet-popup-content-wrapper {
-        border-radius: 8px;
-        padding: 0;
-    }
-
-    .custom-popup .leaflet-popup-content {
-        margin: 0;
-    }
-
-    .custom-marker {
-        background: none;
-        border: none;
-    }
-
-    /* Toast notification */
-    .toast {
-        min-width: 300px;
-    }
-
-    /* Responsive adjustments */
-    @media (max-width: 767px) {
-        .modal-close {
-            top: 10px;
-            right: 20px;
-            font-size: 30px;
-        }
-
-        .modal-content-img {
-            max-width: 95%;
-            max-height: 85%;
-        }
-
-        .modal-caption {
-            bottom: 10px;
-            width: 90%;
-            font-size: 0.9rem;
-        }
-
-        #map {
-            height: 300px !important;
-        }
-    }
-
-    /* Button hover effects */
-    .btn {
-        transition: all 0.2s ease;
-    }
-
-    .btn:hover:not(:disabled) {
-        transform: translateY(-2px);
-        box-shadow: 0 4px 8px rgba(0,0,0,0.15);
-    }
-
-    /* ========================================
-       GALERI STYLES
-       ======================================== */
-    .galeri-item {
-        overflow: hidden;
-        border-radius: 8px;
-        transition: transform 0.3s;
-    }
-
-    .galeri-item:hover {
-        transform: scale(1.05);
-    }
-
-    .galeri-item img {
-        transition: transform 0.3s;
-    }
-
-    .galeri-item:hover img {
-        transform: scale(1.1);
-    }
-
-    /* ========================================
-       REVIEW STAR RATING
-       ======================================== */
-    .star-rating {
-        display: flex;
-        flex-direction: row-reverse;
-        justify-content: center;
-        gap: 5px;
-    }
-
-    .star-rating input {
-        display: none;
-    }
-
-    .star-rating label {
-        cursor: pointer;
-        font-size: 2rem;
-        color: #ddd;
-        transition: color 0.2s;
-    }
-
-    .star-rating input:checked ~ label,
-    .star-rating label:hover,
-    .star-rating label:hover ~ label {
-        color: #ffc107;
-    }
-
-    .review-item:last-child {
-        border-bottom: none !important;
-        padding-bottom: 0 !important;
-        margin-bottom: 0 !important;
-    }
-
-    /* ========================================
-       FAVORITE BUTTON ANIMATION
-       ======================================== */
-    #favoriteBtn {
-        transition: all 0.3s ease;
-    }
-
-    #favoriteBtn:hover:not(:disabled) {
-        transform: scale(1.05);
-    }
-
-    #favoriteIcon {
-        transition: all 0.3s ease;
-    }
-</style>
-<?php $__env->stopSection(); ?>
-
-<?php echo $__env->make('layouts.admin', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH C:\laragon\www\TA\spk_kontrakan\resources\views/kontrakan/show.blade.php ENDPATH**/ ?>
\ No newline at end of file
diff --git a/spk_kontrakan/storage/framework/views/0bb244dbd77bcee4d52a59bb59147721.php b/spk_kontrakan/storage/framework/views/0bb244dbd77bcee4d52a59bb59147721.php
deleted file mode 100644
index 6398fcc..0000000
--- a/spk_kontrakan/storage/framework/views/0bb244dbd77bcee4d52a59bb59147721.php
+++ /dev/null
@@ -1,117 +0,0 @@
-<?php if($paginator->hasPages()): ?>
-    <nav role="navigation" aria-label="<?php echo e(__('Pagination Navigation')); ?>" class="flex items-center justify-between">
-        <div class="flex justify-between flex-1 sm:hidden">
-            <?php if($paginator->onFirstPage()): ?>
-                <span class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 rounded-md dark:text-gray-600 dark:bg-gray-800 dark:border-gray-600">
-                    <?php echo __('pagination.previous'); ?>
-
-                </span>
-            <?php else: ?>
-                <a href="<?php echo e($paginator->previousPageUrl()); ?>" class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 rounded-md hover:text-gray-500 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-300 dark:focus:border-blue-700 dark:active:bg-gray-700 dark:active:text-gray-300">
-                    <?php echo __('pagination.previous'); ?>
-
-                </a>
-            <?php endif; ?>
-
-            <?php if($paginator->hasMorePages()): ?>
-                <a href="<?php echo e($paginator->nextPageUrl()); ?>" class="relative inline-flex items-center px-4 py-2 ml-3 text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 rounded-md hover:text-gray-500 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-300 dark:focus:border-blue-700 dark:active:bg-gray-700 dark:active:text-gray-300">
-                    <?php echo __('pagination.next'); ?>
-
-                </a>
-            <?php else: ?>
-                <span class="relative inline-flex items-center px-4 py-2 ml-3 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 rounded-md dark:text-gray-600 dark:bg-gray-800 dark:border-gray-600">
-                    <?php echo __('pagination.next'); ?>
-
-                </span>
-            <?php endif; ?>
-        </div>
-
-        <div class="hidden sm:flex-1 sm:flex sm:items-center sm:justify-between">
-            <div>
-                <p class="text-sm text-gray-700 leading-5 dark:text-gray-400">
-                    <?php echo __('Showing'); ?>
-
-                    <?php if($paginator->firstItem()): ?>
-                        <span class="font-medium"><?php echo e($paginator->firstItem()); ?></span>
-                        <?php echo __('to'); ?>
-
-                        <span class="font-medium"><?php echo e($paginator->lastItem()); ?></span>
-                    <?php else: ?>
-                        <?php echo e($paginator->count()); ?>
-
-                    <?php endif; ?>
-                    <?php echo __('of'); ?>
-
-                    <span class="font-medium"><?php echo e($paginator->total()); ?></span>
-                    <?php echo __('results'); ?>
-
-                </p>
-            </div>
-
-            <div>
-                <span class="relative z-0 inline-flex rtl:flex-row-reverse shadow-sm rounded-md">
-                    
-                    <?php if($paginator->onFirstPage()): ?>
-                        <span aria-disabled="true" aria-label="<?php echo e(__('pagination.previous')); ?>">
-                            <span class="relative inline-flex items-center px-2 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default rounded-l-md leading-5 dark:bg-gray-800 dark:border-gray-600" aria-hidden="true">
-                                <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
-                                    <path fill-rule="evenodd" d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" clip-rule="evenodd" />
-                                </svg>
-                            </span>
-                        </span>
-                    <?php else: ?>
-                        <a href="<?php echo e($paginator->previousPageUrl()); ?>" rel="prev" class="relative inline-flex items-center px-2 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 rounded-l-md leading-5 hover:text-gray-400 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-500 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="<?php echo e(__('pagination.previous')); ?>">
-                            <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
-                                <path fill-rule="evenodd" d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                    <?php endif; ?>
-
-                    
-                    <?php $__currentLoopData = $elements; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $element): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
-                        
-                        <?php if(is_string($element)): ?>
-                            <span aria-disabled="true">
-                                <span class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 cursor-default leading-5 dark:bg-gray-800 dark:border-gray-600"><?php echo e($element); ?></span>
-                            </span>
-                        <?php endif; ?>
-
-                        
-                        <?php if(is_array($element)): ?>
-                            <?php $__currentLoopData = $element; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $page => $url): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
-                                <?php if($page == $paginator->currentPage()): ?>
-                                    <span aria-current="page">
-                                        <span class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 dark:bg-gray-800 dark:border-gray-600"><?php echo e($page); ?></span>
-                                    </span>
-                                <?php else: ?>
-                                    <a href="<?php echo e($url); ?>" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="<?php echo e(__('Go to page :page', ['page' => $page])); ?>">
-                                        <?php echo e($page); ?>
-
-                                    </a>
-                                <?php endif; ?>
-                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
-                        <?php endif; ?>
-                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
-
-                    
-                    <?php if($paginator->hasMorePages()): ?>
-                        <a href="<?php echo e($paginator->nextPageUrl()); ?>" rel="next" class="relative inline-flex items-center px-2 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 rounded-r-md leading-5 hover:text-gray-400 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-500 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="<?php echo e(__('pagination.next')); ?>">
-                            <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
-                                <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                    <?php else: ?>
-                        <span aria-disabled="true" aria-label="<?php echo e(__('pagination.next')); ?>">
-                            <span class="relative inline-flex items-center px-2 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default rounded-r-md leading-5 dark:bg-gray-800 dark:border-gray-600" aria-hidden="true">
-                                <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
-                                    <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd" />
-                                </svg>
-                            </span>
-                        </span>
-                    <?php endif; ?>
-                </span>
-            </div>
-        </div>
-    </nav>
-<?php endif; ?>
-<?php /**PATH C:\laragon\www\TA\spk_kontrakan\vendor\laravel\framework\src\Illuminate\Pagination/resources/views/tailwind.blade.php ENDPATH**/ ?>
\ No newline at end of file
diff --git a/spk_kontrakan/storage/framework/views/15adb941f057c688df2ceb4a9c21ef52.php b/spk_kontrakan/storage/framework/views/15adb941f057c688df2ceb4a9c21ef52.php
deleted file mode 100644
index 2c2727c..0000000
--- a/spk_kontrakan/storage/framework/views/15adb941f057c688df2ceb4a9c21ef52.php
+++ /dev/null
@@ -1,163 +0,0 @@
-
-
-<?php $__env->startSection('title', 'Activity Log'); ?>
-
-<?php $__env->startSection('content'); ?>
-<div class="container-fluid px-4">
-    <style>
-        .action-badge {
-            font-size: 0.8rem;
-            padding: 0.35rem 0.65rem;
-            border-radius: 6px;
-        }
-
-        .action-create { background: #d4edda; color: #155724; }
-        .action-update { background: #d1ecf1; color: #0c5460; }
-        .action-delete { background: #f8d7da; color: #721c24; }
-        .action-export { background: #fff3cd; color: #856404; }
-        .action-login { background: #cfe2ff; color: #084298; }
-    </style>
-
-    <!-- Header -->
-    <div style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 12px; padding: 2rem; color: white; margin-bottom: 2rem;">
-        <h2 class="mb-2">
-            <i class="bi bi-clock-history me-3"></i>Activity Log
-        </h2>
-        <p class="mb-0 fs-6">Riwayat semua aktivitas user dalam sistem</p>
-    </div>
-
-    <!-- Filter Card -->
-    <div class="card border-0 shadow-sm mb-4">
-        <div class="card-body p-4">
-            <form action="<?php echo e(route('admin.activity-logs.index')); ?>" method="GET" class="row g-3">
-                <div class="col-md-3">
-                    <label class="form-label fw-semibold mb-2">User</label>
-                    <select name="user_id" class="form-select">
-                        <option value="">Semua User</option>
-                        <?php $__currentLoopData = \App\Models\User::all(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $u): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
-                            <option value="<?php echo e($u->id); ?>" <?php echo e(request('user_id') == $u->id ? 'selected' : ''); ?>><?php echo e($u->name); ?></option>
-                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
-                    </select>
-                </div>
-
-                <div class="col-md-3">
-                    <label class="form-label fw-semibold mb-2">Action</label>
-                    <select name="action" class="form-select">
-                        <option value="">Semua Action</option>
-                        <option value="create" <?php echo e(request('action') == 'create' ? 'selected' : ''); ?>>Create</option>
-                        <option value="update" <?php echo e(request('action') == 'update' ? 'selected' : ''); ?>>Update</option>
-                        <option value="delete" <?php echo e(request('action') == 'delete' ? 'selected' : ''); ?>>Delete</option>
-                        <option value="export" <?php echo e(request('action') == 'export' ? 'selected' : ''); ?>>Export</option>
-                    </select>
-                </div>
-
-                <div class="col-md-3">
-                    <label class="form-label fw-semibold mb-2">Model Type</label>
-                    <select name="model_type" class="form-select">
-                        <option value="">Semua</option>
-                        <option value="Kontrakan" <?php echo e(request('model_type') == 'Kontrakan' ? 'selected' : ''); ?>>Kontrakan</option>
-                        <option value="Laundry" <?php echo e(request('model_type') == 'Laundry' ? 'selected' : ''); ?>>Laundry</option>
-                        <option value="Kriteria" <?php echo e(request('model_type') == 'Kriteria' ? 'selected' : ''); ?>>Kriteria</option>
-                        <option value="User" <?php echo e(request('model_type') == 'User' ? 'selected' : ''); ?>>User</option>
-                    </select>
-                </div>
-
-                <div class="col-md-3 d-flex align-items-end gap-2">
-                    <button type="submit" class="btn w-100" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white;">
-                        <i class="bi bi-funnel me-2"></i>Filter
-                    </button>
-                    <a href="<?php echo e(route('admin.activity-logs.index')); ?>" class="btn btn-outline-secondary w-100">
-                        <i class="bi bi-arrow-clockwise me-2"></i>Reset
-                    </a>
-                </div>
-            </form>
-        </div>
-    </div>
-
-    <!-- Activity Table -->
-    <div class="card border-0 shadow-sm">
-        <div class="card-header bg-white border-0 py-3">
-            <div class="d-flex justify-content-between align-items-center">
-                <h5 class="mb-0 fw-semibold">
-                    <i class="bi bi-list-ul me-2"></i>Daftar Aktivitas (<?php echo e($logs->total()); ?>)
-                </h5>
-                <a href="<?php echo e(route('admin.activity-logs.export', request()->query())); ?>" class="btn btn-sm" style="border: 2px solid #667eea; color: #667eea; background: transparent;">
-                    <i class="bi bi-download me-1"></i>Export CSV
-                </a>
-            </div>
-        </div>
-
-        <div class="card-body p-0">
-            <?php if($logs->isEmpty()): ?>
-                <div class="text-center py-5">
-                    <i class="bi bi-inbox text-muted" style="font-size: 3rem;"></i>
-                    <h5 class="text-muted mt-3">Tidak ada aktivitas ditemukan</h5>
-                </div>
-            <?php else: ?>
-            <div class="table-responsive">
-                <table class="table table-hover mb-0">
-                    <thead class="table-light">
-                        <tr>
-                            <th>Waktu</th>
-                            <th>User</th>
-                            <th>Action</th>
-                            <th>Deskripsi</th>
-                            <th>Model</th>
-                            <th>IP Address</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <?php $__currentLoopData = $logs; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $log): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
-                        <tr class="align-middle">
-                            <td>
-                                <small><?php echo e($log->created_at->format('d M Y H:i')); ?></small>
-                            </td>
-                            <td>
-                                <strong><?php echo e($log->user->name ?? 'Unknown'); ?></strong><br>
-                                <small class="text-muted"><?php echo e($log->user->email ?? ''); ?></small>
-                            </td>
-                            <td>
-                                <span class="action-badge action-<?php echo e(strtolower($log->action)); ?>">
-                                    <i class="bi bi-circle-fill" style="font-size: 0.5rem;"></i> <?php echo e(ucfirst($log->action)); ?>
-
-                                </span>
-                            </td>
-                            <td>
-                                <?php echo e($log->description); ?>
-
-                            </td>
-                            <td>
-                                <?php if($log->model_type): ?>
-                                    <small class="text-muted">
-                                        <?php echo e($log->model_type); ?>
-
-                                        <?php if($log->model_id): ?>
-                                            #<?php echo e($log->model_id); ?>
-
-                                        <?php endif; ?>
-                                    </small>
-                                <?php else: ?>
-                                    <span class="text-muted">-</span>
-                                <?php endif; ?>
-                            </td>
-                            <td>
-                                <small class="text-muted font-monospace"><?php echo e($log->ip_address); ?></small>
-                            </td>
-                        </tr>
-                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
-                    </tbody>
-                </table>
-            </div>
-            <?php endif; ?>
-        </div>
-    </div>
-
-    <!-- Pagination -->
-    <div class="d-flex justify-content-center mt-4">
-        <?php echo e($logs->links()); ?>
-
-    </div>
-</div>
-<?php $__env->stopSection(); ?>
-
-<?php echo $__env->make('layouts.admin', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH C:\laragon\www\TA\spk_kontrakan\resources\views/admin/activity-logs/index.blade.php ENDPATH**/ ?>
\ No newline at end of file
diff --git a/spk_kontrakan/storage/framework/views/2487b2a216139ea38383fd97d51e2280.php b/spk_kontrakan/storage/framework/views/2487b2a216139ea38383fd97d51e2280.php
deleted file mode 100644
index 6d90947..0000000
--- a/spk_kontrakan/storage/framework/views/2487b2a216139ea38383fd97d51e2280.php
+++ /dev/null
@@ -1,231 +0,0 @@
-
-
-<?php $__env->startSection('title', 'Kelola Booking'); ?>
-
-<?php $__env->startSection('content'); ?>
-<div class="container-fluid py-4">
-    
-    <div class="d-flex justify-content-between align-items-center mb-4">
-        <div>
-            <h2 class="fw-bold mb-1">
-                <i class="bi bi-calendar-check me-2" style="color: #667eea;"></i>Kelola Booking
-            </h2>
-            <nav aria-label="breadcrumb">
-                <ol class="breadcrumb mb-0">
-                    <li class="breadcrumb-item"><a href="<?php echo e(route('dashboard')); ?>" style="color: #667eea;">Dashboard</a></li>
-                    <li class="breadcrumb-item active">Booking</li>
-                </ol>
-            </nav>
-        </div>
-        <a href="<?php echo e(route('admin.bookings.create')); ?>" class="btn" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white;">
-            <i class="bi bi-plus-lg me-1"></i>Booking Baru
-        </a>
-    </div>
-
-    
-    <?php if(session('success')): ?>
-    <div class="alert alert-success alert-dismissible fade show" role="alert">
-        <i class="bi bi-check-circle me-2"></i><?php echo e(session('success')); ?>
-
-        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
-    </div>
-    <?php endif; ?>
-
-    <?php if(session('error')): ?>
-    <div class="alert alert-danger alert-dismissible fade show" role="alert">
-        <i class="bi bi-exclamation-circle me-2"></i><?php echo e(session('error')); ?>
-
-        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
-    </div>
-    <?php endif; ?>
-
-    
-    <div class="card border-0 shadow-sm mb-4">
-        <div class="card-body">
-            <form method="GET" class="row g-3">
-                <div class="col-md-4">
-                    <label class="form-label small text-muted">Status</label>
-                    <select name="status" class="form-select">
-                        <option value="">Semua Status</option>
-                        <option value="pending" <?php echo e(request('status') == 'pending' ? 'selected' : ''); ?>>Menunggu Konfirmasi</option>
-                        <option value="confirmed" <?php echo e(request('status') == 'confirmed' ? 'selected' : ''); ?>>Dikonfirmasi</option>
-                        <option value="checked_in" <?php echo e(request('status') == 'checked_in' ? 'selected' : ''); ?>>Sedang Ditempati</option>
-                        <option value="completed" <?php echo e(request('status') == 'completed' ? 'selected' : ''); ?>>Selesai</option>
-                        <option value="cancelled" <?php echo e(request('status') == 'cancelled' ? 'selected' : ''); ?>>Dibatalkan</option>
-                    </select>
-                </div>
-                <div class="col-md-4">
-                    <label class="form-label small text-muted">Kontrakan</label>
-                    <select name="kontrakan_id" class="form-select">
-                        <option value="">Semua Kontrakan</option>
-                        <?php $__currentLoopData = $kontrakans; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $k): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
-                        <option value="<?php echo e($k->id); ?>" <?php echo e(request('kontrakan_id') == $k->id ? 'selected' : ''); ?>><?php echo e($k->nama); ?></option>
-                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
-                    </select>
-                </div>
-                <div class="col-md-4 d-flex align-items-end">
-                    <button type="submit" class="btn me-2" style="border: 2px solid #667eea; color: #667eea; background: transparent;">
-                        <i class="bi bi-filter me-1"></i>Filter
-                    </button>
-                    <a href="<?php echo e(route('admin.bookings.index')); ?>" class="btn btn-outline-secondary">
-                        <i class="bi bi-x-lg"></i>
-                    </a>
-                </div>
-            </form>
-        </div>
-    </div>
-
-    
-    <div class="row g-3 mb-4">
-        <?php
-            $stats = [
-                ['status' => 'pending', 'label' => 'Menunggu', 'color' => 'warning', 'icon' => 'hourglass-split'],
-                ['status' => 'confirmed', 'label' => 'Dikonfirmasi', 'color' => 'info', 'icon' => 'check-circle'],
-                ['status' => 'checked_in', 'label' => 'Ditempati', 'color' => 'success', 'icon' => 'house-door'],
-                ['status' => 'completed', 'label' => 'Selesai', 'color' => 'secondary', 'icon' => 'check-all'],
-            ];
-        ?>
-        <?php $__currentLoopData = $stats; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $stat): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
-        <div class="col-6 col-md-3">
-            <div class="card border-0 shadow-sm h-100">
-                <div class="card-body text-center">
-                    <i class="bi bi-<?php echo e($stat['icon']); ?> text-<?php echo e($stat['color']); ?> fs-3"></i>
-                    <h4 class="fw-bold mb-0 mt-2">
-                        <?php echo e(\App\Models\Booking::where('status', $stat['status'])->count()); ?>
-
-                    </h4>
-                    <small class="text-muted"><?php echo e($stat['label']); ?></small>
-                </div>
-            </div>
-        </div>
-        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
-    </div>
-
-    
-    <div class="card border-0 shadow-sm">
-        <div class="card-body p-0">
-            <div class="table-responsive">
-                <table class="table table-hover align-middle mb-0">
-                    <thead class="bg-light">
-                        <tr>
-                            <th class="ps-3">ID</th>
-                            <th>Kontrakan</th>
-                            <th>Penyewa</th>
-                            <th>Periode</th>
-                            <th>Biaya</th>
-                            <th>Status</th>
-                            <th>Pembayaran</th>
-                            <th class="text-end pe-3">Aksi</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <?php $__empty_1 = true; $__currentLoopData = $bookings; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $booking): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
-                        <tr>
-                            <td class="ps-3">
-                                <span class="badge bg-light text-dark">#<?php echo e($booking->id); ?></span>
-                            </td>
-                            <td>
-                                <a href="<?php echo e(route('kontrakan.show', $booking->kontrakan_id)); ?>" class="text-decoration-none fw-semibold">
-                                    <?php echo e($booking->kontrakan->nama ?? '-'); ?>
-
-                                </a>
-                            </td>
-                            <td>
-                                <div class="fw-semibold"><?php echo e($booking->tenant_name); ?></div>
-                                <small class="text-muted"><?php echo e($booking->tenant_phone); ?></small>
-                            </td>
-                            <td>
-                                <div><?php echo e($booking->start_date->format('d M Y')); ?></div>
-                                <small class="text-muted">s/d <?php echo e($booking->end_date->format('d M Y')); ?></small>
-                                <br>
-                                <span class="badge bg-light text-dark"><?php echo e($booking->duration_days); ?> hari</span>
-                            </td>
-                            <td>
-                                <span class="fw-semibold">Rp <?php echo e(number_format($booking->amount, 0, ',', '.')); ?></span>
-                            </td>
-                            <td>
-                                <span class="badge <?php echo e($booking->status_badge_class); ?>">
-                                    <?php echo e($booking->status_label); ?>
-
-                                </span>
-                            </td>
-                            <td>
-                                <span class="badge <?php echo e($booking->payment_status == 'paid' ? 'bg-success' : 'bg-secondary'); ?>">
-                                    <?php echo e($booking->payment_status_label); ?>
-
-                                </span>
-                                <?php if($booking->payment_proof): ?>
-                                <a href="<?php echo e(asset('storage/' . $booking->payment_proof)); ?>" target="_blank" class="btn btn-sm btn-outline-success ms-1" title="Lihat Bukti Transfer">
-                                    <i class="bi bi-image"></i>
-                                </a>
-                                <?php endif; ?>
-                                <?php if($booking->booking_source == 'user'): ?>
-                                <span class="badge bg-info ms-1" title="Booking dari User">
-                                    <i class="bi bi-person"></i>
-                                </span>
-                                <?php endif; ?>
-                            </td>
-                            <td class="text-end pe-3">
-                                <div class="btn-group">
-                                    <a href="<?php echo e(route('admin.bookings.show', $booking->id)); ?>" class="btn btn-sm btn-outline-primary" title="Detail">
-                                        <i class="bi bi-eye"></i>
-                                    </a>
-                                    <?php if($booking->status == 'pending'): ?>
-                                    <form action="<?php echo e(route('admin.bookings.confirm', $booking->id)); ?>" method="POST" class="d-inline">
-                                        <?php echo csrf_field(); ?>
-                                        <button type="submit" class="btn btn-sm btn-success" title="Konfirmasi" onclick="return confirm('Konfirmasi booking ini?')">
-                                            <i class="bi bi-check-lg"></i>
-                                        </button>
-                                    </form>
-                                    <?php endif; ?>
-                                    <?php if($booking->status == 'confirmed'): ?>
-                                    <form action="<?php echo e(route('admin.bookings.check-in', $booking->id)); ?>" method="POST" class="d-inline">
-                                        <?php echo csrf_field(); ?>
-                                        <button type="submit" class="btn btn-sm btn-info" title="Check-in" onclick="return confirm('Penyewa check-in?')">
-                                            <i class="bi bi-box-arrow-in-right"></i>
-                                        </button>
-                                    </form>
-                                    <?php endif; ?>
-                                    <?php if($booking->status == 'checked_in'): ?>
-                                    <form action="<?php echo e(route('admin.bookings.check-out', $booking->id)); ?>" method="POST" class="d-inline">
-                                        <?php echo csrf_field(); ?>
-                                        <button type="submit" class="btn btn-sm btn-warning" title="Check-out" onclick="return confirm('Penyewa check-out?')">
-                                            <i class="bi bi-box-arrow-right"></i>
-                                        </button>
-                                    </form>
-                                    <?php endif; ?>
-                                    <?php if(auth()->user()->role == 'super_admin' || $booking->status == 'pending'): ?>
-                                    <form action="<?php echo e(route('admin.bookings.destroy', $booking->id)); ?>" method="POST" class="d-inline">
-                                        <?php echo csrf_field(); ?>
-                                        <?php echo method_field('DELETE'); ?>
-                                        <button type="submit" class="btn btn-sm btn-danger" title="Hapus" onclick="return confirm('Yakin ingin menghapus booking ini? Tindakan ini tidak dapat dibatalkan!')">
-                                            <i class="bi bi-trash"></i>
-                                        </button>
-                                    </form>
-                                    <?php endif; ?>
-                                </div>
-                            </td>
-                        </tr>
-                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
-                        <tr>
-                            <td colspan="8" class="text-center py-5 text-muted">
-                                <i class="bi bi-calendar-x fs-1 d-block mb-2"></i>
-                                Belum ada data booking
-                            </td>
-                        </tr>
-                        <?php endif; ?>
-                    </tbody>
-                </table>
-            </div>
-        </div>
-        <?php if($bookings->hasPages()): ?>
-        <div class="card-footer bg-transparent">
-            <?php echo e($bookings->withQueryString()->links()); ?>
-
-        </div>
-        <?php endif; ?>
-    </div>
-</div>
-<?php $__env->stopSection(); ?>
-
-<?php echo $__env->make('layouts.admin', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH C:\laragon\www\TA\spk_kontrakan\resources\views/admin/bookings/index.blade.php ENDPATH**/ ?>
\ No newline at end of file
diff --git a/spk_kontrakan/storage/framework/views/2d5c12915a62c546cdaee770c4190ebb.php b/spk_kontrakan/storage/framework/views/2d5c12915a62c546cdaee770c4190ebb.php
deleted file mode 100644
index 1e5b340..0000000
--- a/spk_kontrakan/storage/framework/views/2d5c12915a62c546cdaee770c4190ebb.php
+++ /dev/null
@@ -1,1495 +0,0 @@
-
-
-<?php $__env->startSection('title', 'Tambah Kontrakan'); ?>
-
-<?php $__env->startSection('content'); ?>
-<div class="container-fluid px-4">
-    <style>
-        .breadcrumb {
-            background: transparent;
-            border-radius: 8px;
-            padding: 0;
-            margin-bottom: 2rem;
-        }
-        
-        .breadcrumb-item a {
-            color: #667eea;
-            font-weight: 500;
-        }
-        
-        .breadcrumb-item.active {
-            color: #764ba2;
-            font-weight: 600;
-        }
-        
-        .page-header {
-            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-            color: white;
-            padding: 2rem;
-            border-radius: 12px;
-            margin-bottom: 2rem;
-            box-shadow: 0 8px 20px rgba(102, 126, 234, 0.15);
-        }
-        
-        .page-header h2 {
-            font-size: 2rem;
-            font-weight: 700;
-            margin-bottom: 0.5rem;
-        }
-        
-        .form-card {
-            border: none;
-            border-radius: 12px;
-            box-shadow: 0 4px 15px rgba(0,0,0,0.08);
-            overflow: hidden;
-        }
-        
-        .section-header {
-            color: #667eea;
-            font-size: 1.1rem;
-            font-weight: 700;
-            padding-bottom: 1rem;
-            border-bottom: 2px solid #667eea;
-            margin-bottom: 1.5rem;
-        }
-        
-        .form-label {
-            font-weight: 600;
-            color: #333;
-            margin-bottom: 0.5rem;
-        }
-        
-        .input-group-text {
-            border: 1px solid #dee2e6;
-            background-color: #f8f9fa;
-        }
-        
-        .form-control:focus {
-            border-color: #667eea;
-            box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25);
-        }
-        
-        .btn-submit {
-            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-            border: none;
-            color: white;
-            font-weight: 600;
-            padding: 0.75rem 1.75rem;
-            border-radius: 8px;
-            transition: all 0.3s ease;
-        }
-        
-        .btn-submit:hover {
-            transform: translateY(-2px);
-            box-shadow: 0 8px 20px rgba(102, 126, 234, 0.4);
-            color: white;
-        }
-        
-        .info-card {
-            background: linear-gradient(135deg, rgba(102, 126, 234, 0.1), rgba(118, 75, 162, 0.1));
-            border: 1px solid #667eea;
-            border-radius: 10px;
-            padding: 1.5rem;
-            margin-top: 2rem;
-        }
-    </style>
-    
-    <!-- Breadcrumb -->
-    <nav aria-label="breadcrumb" class="mb-4">
-        <ol class="breadcrumb">
-            <li class="breadcrumb-item"><a href="<?php echo e(route('dashboard')); ?>">Dashboard</a></li>
-            <li class="breadcrumb-item"><a href="<?php echo e(route('kontrakan.index')); ?>">Kontrakan</a></li>
-            <li class="breadcrumb-item active">Tambah Data</li>
-        </ol>
-    </nav>
-
-    <!-- Page Header -->
-    <div class="page-header mb-4">
-        <h2 class="mb-2">
-            <i class="bi bi-plus-circle me-2"></i>Tambah Kontrakan Baru
-        </h2>
-        <p class="mb-0 fs-6">Lengkapi formulir di bawah untuk menambahkan data kontrakan ke sistem</p>
-    </div>
-
-    <!-- Form Card -->
-    <div class="row">
-        <div class="col-12">
-            <div class="card form-card">
-                <div class="card-body p-4">
-                    <form action="<?php echo e(route('kontrakan.store')); ?>" method="POST" enctype="multipart/form-data" id="kontrakanForm">
-                        <?php echo csrf_field(); ?>
-                        
-                        <!-- Informasi Dasar Section -->
-                        <div class="mb-4">
-                            <h5 class="section-header">
-                                <i class="bi bi-info-circle me-2"></i>Informasi Dasar
-                            </h5>
-                            
-                            <div class="row g-3">
-                                <!-- Nama Kontrakan -->
-                                <div class="col-md-12">
-                                    <label for="nama" class="form-label fw-semibold">
-                                        Nama Kontrakan <span class="text-danger">*</span>
-                                    </label>
-                                    <div class="input-group">
-                                        <span class="input-group-text bg-light border-end-0">
-                                            <i class="bi bi-building" style="color: #667eea;"></i>
-                                        </span>
-                                        <input 
-                                            type="text" 
-                                            name="nama" 
-                                            class="form-control border-start-0 <?php $__errorArgs = ['nama'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>" 
-                                            id="nama" 
-                                            placeholder="Contoh: Kontrakan Melati Residence"
-                                            value="<?php echo e(old('nama')); ?>"
-                                            required
-                                        >
-                                        <?php $__errorArgs = ['nama'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?>
-                                        <div class="invalid-feedback"><?php echo e($message); ?></div>
-                                        <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>
-                                    </div>
-                                    <small class="text-muted">Masukkan nama kontrakan yang mudah dikenali</small>
-                                </div>
-
-                                <!-- Alamat -->
-                                <div class="col-md-12">
-                                    <label for="alamat" class="form-label fw-semibold">
-                                        Alamat Lengkap <span class="text-danger">*</span>
-                                    </label>
-                                    <div class="input-group">
-                                        <span class="input-group-text bg-light border-end-0 align-items-start pt-2">
-                                            <i class="bi bi-geo-alt text-danger"></i>
-                                        </span>
-                                        <textarea 
-                                            name="alamat" 
-                                            class="form-control border-start-0 <?php $__errorArgs = ['alamat'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>" 
-                                            id="alamat" 
-                                            rows="3"
-                                            placeholder="Contoh: Jl. Kaliurang KM 5, Sleman, Yogyakarta"
-                                            required
-                                        ><?php echo e(old('alamat')); ?></textarea>
-                                        <?php $__errorArgs = ['alamat'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?>
-                                        <div class="invalid-feedback"><?php echo e($message); ?></div>
-                                        <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>
-                                    </div>
-                                    <small class="text-muted">Alamat lengkap beserta RT/RW jika ada. Alamat akan auto-update saat klik peta.</small>
-                                </div>
-
-                                <!-- WhatsApp -->
-                                <div class="col-md-12">
-                                    <label for="no_whatsapp" class="form-label fw-semibold">
-                                        <i class="bi bi-whatsapp text-success"></i> Nomor WhatsApp Pemilik <span class="text-muted">(Opsional)</span>
-                                    </label>
-                                    <div class="input-group">
-                                        <span class="input-group-text bg-light border-end-0">
-                                            <i class="bi bi-telephone text-success"></i>
-                                        </span>
-                                        <input 
-                                            type="text" 
-                                            name="no_whatsapp" 
-                                            class="form-control border-start-0 <?php $__errorArgs = ['no_whatsapp'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>" 
-                                            id="no_whatsapp" 
-                                            placeholder="Contoh: 081234567890"
-                                            value="<?php echo e(old('no_whatsapp')); ?>"
-                                            maxlength="20"
-                                        >
-                                        <?php $__errorArgs = ['no_whatsapp'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?>
-                                        <div class="invalid-feedback"><?php echo e($message); ?></div>
-                                        <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>
-                                    </div>
-                                    <small class="text-muted">
-                                        <i class="bi bi-info-circle me-1"></i>
-                                        Format: 08xxx atau 628xxx (untuk kemudahan calon penyewa menghubungi)
-                                    </small>
-                                </div>
-                            </div>
-                        </div>
-
-                        <!-- ========== LOKASI & KOORDINAT SECTION - UPDATED! ========== -->
-                        <div class="mb-4">
-                            <h5 class="section-header">
-                                <i class="bi bi-pin-map-fill me-2"></i>Lokasi & Koordinat
-                            </h5>
-                            
-                            <!-- Alert Info - UPDATED -->
-                            <div class="alert alert-info border-info">
-                                    <div class="d-flex">
-                                        <i class="bi bi-info-circle me-2 mt-1"></i>
-                                        <div>
-                                            <strong>⭐ Cara Menentukan Lokasi (PILIH SALAH SATU):</strong>
-                                            <ul class="mb-0 mt-2 small">
-                                                <li class="mb-2">
-                                                    <strong class="text-success">🎯 REKOMENDASI #1: Klik di Peta</strong>
-                                                    <div class="text-muted" style="font-size: 0.85rem;">
-                                                        Klik pada peta di lokasi kontrakan → Alamat & koordinat <strong>otomatis terisi</strong><br>
-                                                        <span class="badge bg-success bg-opacity-10 text-success mt-1">Paling Akurat & Mudah!</span>
-                                                    </div>
-                                                </li>
-                                                <li class="mb-2">
-                                                    <strong style="color: #667eea;">📍 Deteksi GPS</strong>
-                                                    <div class="text-muted" style="font-size: 0.85rem;">
-                                                        Klik "Deteksi Lokasi Saya" <strong>HANYA jika Anda sedang berada di lokasi kontrakan</strong>
-                                                    </div>
-                                                </li>
-                                                <li class="mb-2">
-                                                    <strong class="text-warning">⌨️ Input Manual Koordinat</strong>
-                                                    <div class="text-muted" style="font-size: 0.85rem;">
-                                                        Ketik latitude & longitude dari Google Maps → Marker otomatis pindah
-                                                    </div>
-                                                </li>
-                                                <li>
-                                                    <strong class="text-secondary">🔍 Cari dari Alamat</strong>
-                                                    <div class="text-muted" style="font-size: 0.85rem;">
-                                                        <span class="text-danger">⚠️ Hanya untuk alamat umum</span> (contoh: "Sumbersari, Jember")<br>
-                                                        <span class="text-danger">❌ TIDAK untuk nama perumahan/kontrakan spesifik</span>
-                                                    </div>
-                                                </li>
-                                            </ul>
-                                            <div class="alert alert-warning bg-opacity-10 border-warning mt-2 mb-0 py-2 px-3">
-                                                <small class="mb-0">
-                                                    <strong>💡 Tips:</strong> Jika alamat berisi nama perumahan/gang (contoh: "Perumahan Melati, Gang Mawar"), 
-                                                    <strong class="text-danger">gunakan cara KLIK PETA atau INPUT KOORDINAT manual</strong>, 
-                                                    jangan gunakan tombol "Cari dari Alamat"
-                                                </small>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-
-                            <!-- Tombol Geocoding & Deteksi Lokasi -->
-                            <div class="row g-2 mb-3">
-                                <div class="col-12 col-md-6">
-                                    <button type="button" id="geocodeBtn" class="btn btn-secondary w-100">
-                                        <i class="bi bi-search me-2"></i>Cari dari Alamat Umum
-                                    </button>
-                                    <small class="text-danger d-block mt-1">
-                                        <i class="bi bi-exclamation-triangle me-1"></i>
-                                        Hanya untuk alamat umum (Kota/Kecamatan), bukan nama perumahan!
-                                    </small>
-                                </div>
-                                <div class="col-12 col-md-6">
-                                    <button type="button" id="detectLocation" class="btn w-100" style="border: 2px solid #667eea; color: #667eea; background: transparent;">
-                                        <i class="bi bi-crosshair me-2"></i>Deteksi Lokasi Saya
-                                    </button>
-                                    <small class="text-muted d-block mt-1">
-                                        <i class="bi bi-geo-alt me-1"></i>Gunakan GPS Anda (harus di lokasi)
-                                    </small>
-                                </div>
-                            </div>
-
-                            <div class="row g-3">
-                                <!-- Latitude - UPDATED: Bisa Input Manual -->
-                                <div class="col-md-6">
-                                    <label for="latitude" class="form-label fw-semibold">
-                                        Latitude <span class="text-danger">*</span>
-                                        <span class="badge bg-warning bg-opacity-10 text-warning ms-2 small">
-                                            <i class="bi bi-pencil me-1"></i>Bisa input manual
-                                        </span>
-                                    </label>
-                                    <div class="input-group">
-                                        <span class="input-group-text bg-light">
-                                            <i class="bi bi-geo text-danger"></i>
-                                        </span>
-                                        <input 
-                                            type="number" 
-                                            name="latitude" 
-                                            class="form-control <?php $__errorArgs = ['latitude'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>" 
-                                            id="latitude" 
-                                            placeholder="-6.966667"
-                                            value="<?php echo e(old('latitude')); ?>"
-                                            step="0.00000001"
-                                            min="-90"
-                                            max="90"
-                                            required
-                                        >
-                                        <?php $__errorArgs = ['latitude'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?>
-                                        <div class="invalid-feedback"><?php echo e($message); ?></div>
-                                        <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>
-                                    </div>
-                                    <small class="text-muted">Range: -90 sampai 90</small>
-                                </div>
-
-                                <!-- Longitude - UPDATED: Bisa Input Manual -->
-                                <div class="col-md-6">
-                                    <label for="longitude" class="form-label fw-semibold">
-                                        Longitude <span class="text-danger">*</span>
-                                        <span class="badge bg-warning bg-opacity-10 text-warning ms-2 small">
-                                            <i class="bi bi-pencil me-1"></i>Bisa input manual
-                                        </span>
-                                    </label>
-                                    <div class="input-group">
-                                        <span class="input-group-text bg-light">
-                                            <i class="bi bi-geo text-danger"></i>
-                                        </span>
-                                        <input 
-                                            type="number" 
-                                            name="longitude" 
-                                            class="form-control <?php $__errorArgs = ['longitude'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>" 
-                                            id="longitude" 
-                                            placeholder="110.416664"
-                                            value="<?php echo e(old('longitude')); ?>"
-                                            step="0.00000001"
-                                            min="-180"
-                                            max="180"
-                                            required
-                                        >
-                                        <?php $__errorArgs = ['longitude'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?>
-                                        <div class="invalid-feedback"><?php echo e($message); ?></div>
-                                        <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>
-                                    </div>
-                                    <small class="text-muted">Range: -180 sampai 180</small>
-                                </div>
-
-                                <!-- Map Container -->
-                                <div class="col-12">
-                                    <div id="map" style="height: 400px; border-radius: 8px; border: 2px solid #dee2e6;"></div>
-                                    <small class="text-muted d-block mt-2">
-                                        <i class="bi bi-hand-index me-1"></i>Klik pada peta → alamat & koordinat otomatis terisi | Drag marker untuk ubah posisi
-                                    </small>
-                                </div>
-                            </div>
-                        </div>
-
-                        <!-- Detail Properti Section -->
-                        <div class="mb-4">
-                            <h5 class="section-header">
-                                <i class="bi bi-house me-2"></i>Detail Properti
-                            </h5>
-                            
-                            <div class="row g-3">
-                                <!-- Harga -->
-                                <div class="col-md-6">
-                                    <label for="harga" class="form-label fw-semibold">
-                                        Harga Sewa/Tahun <span class="text-danger">*</span>
-                                    </label>
-                                    <div class="input-group">
-                                        <span class="input-group-text bg-light border-end-0">
-                                            <i class="bi bi-currency-dollar text-success"></i>
-                                        </span>
-                                        <input 
-                                            type="number" 
-                                            name="harga" 
-                                            class="form-control border-start-0 <?php $__errorArgs = ['harga'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>" 
-                                            id="harga" 
-                                            placeholder="500000"
-                                            value="<?php echo e(old('harga')); ?>"
-                                            min="0"
-                                            required
-                                        >
-                                        <?php $__errorArgs = ['harga'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?>
-                                        <div class="invalid-feedback"><?php echo e($message); ?></div>
-                                        <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>
-                                    </div>
-                                    <small class="text-muted">Harga dalam Rupiah per tahun</small>
-                                    <div id="harga_preview" class="mt-1" style="display:none;">
-                                        <span class="badge bg-success-subtle text-success border border-success-subtle" style="font-size:0.82rem; padding: 4px 10px;">
-                                            <i class="bi bi-info-circle me-1"></i>
-                                            <span id="harga_preview_text"></span>
-                                        </span>
-                                    </div>
-                                </div>
-
-                                <!-- jumlah_kamar -->
-                                <div class="col-md-6">
-                                    <label for="jumlah_kamar" class="form-label fw-semibold">
-                                        Jumlah Kamar Tidur <span class="text-danger">*</span>
-                                    </label>
-                                    <div class="input-group">
-                                        <span class="input-group-text bg-light border-end-0">
-                                            <i class="bi bi-door-closed" style="color: #667eea;"></i>
-                                        </span>
-                                        <input 
-                                            type="number" 
-                                            name="jumlah_kamar" 
-                                            class="form-control border-start-0 <?php $__errorArgs = ['jumlah_kamar'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>" 
-                                            id="jumlah_kamar" 
-                                            placeholder="Contoh: 3"
-                                            value="<?php echo e(old('jumlah_kamar')); ?>"
-                                            min="1"
-                                            step="1"
-                                            required
-                                        >
-                                        <span class="input-group-text bg-light">kamar</span>
-                                        <?php $__errorArgs = ['jumlah_kamar'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?>
-                                        <div class="invalid-feedback"><?php echo e($message); ?></div>
-                                        <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>
-                                    </div>
-                                    <small class="text-muted">Jumlah kamar tidur yang tersedia</small>
-                                </div>
-                                        <i class="bi bi-info-circle me-1"></i>
-                                        Total kamar mandi (sistem akan otomatis menghitung kenyamanan)
-                                    </small>
-                                </div>
-
-                                <!-- Jarak - AUTO CALCULATED! -->
-                                <div class="col-md-6">
-                                    <label for="jarak" class="form-label fw-semibold">
-                                        Jarak ke Kampus <span class="text-danger">*</span>
-                                        <span class="badge bg-info bg-opacity-10 text-info ms-2">
-                                            <i class="bi bi-calculator me-1"></i>Auto-calculated
-                                        </span>
-                                    </label>
-                                    <div class="input-group">
-                                        <span class="input-group-text bg-light border-end-0">
-                                            <i class="bi bi-pin-map text-info"></i>
-                                        </span>
-                                        <input 
-                                            type="number" 
-                                            name="jarak" 
-                                            class="form-control border-start-0 <?php $__errorArgs = ['jarak'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>" 
-                                            id="jarak" 
-                                            placeholder="Otomatis dihitung"
-                                            value="<?php echo e(old('jarak')); ?>"
-                                            min="0"
-                                            readonly
-                                            required
-                                        >
-                                        <span class="input-group-text bg-light">meter</span>
-                                        <?php $__errorArgs = ['jarak'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?>
-                                        <div class="invalid-feedback"><?php echo e($message); ?></div>
-                                        <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>
-                                    </div>
-                                    <small class="text-muted">
-                                        <i class="bi bi-info-circle me-1"></i>
-                                        Jarak otomatis dihitung dari koordinat kontrakan ke kampus
-                                    </small>
-                                </div>
-
-                                <!-- Fasilitas -->
-                                <div class="col-md-6">
-                                    <label for="fasilitas" class="form-label fw-semibold">
-                                        Fasilitas
-                                    </label>
-                                    <div class="input-group">
-                                        <span class="input-group-text bg-light border-end-0">
-                                            <i class="bi bi-star text-warning"></i>
-                                        </span>
-                                        <input 
-                                            type="text" 
-                                            name="fasilitas" 
-                                            class="form-control border-start-0 <?php $__errorArgs = ['fasilitas'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>" 
-                                            id="fasilitas" 
-                                            placeholder="Contoh: WiFi, AC, Kasur, Lemari"
-                                            value="<?php echo e(old('fasilitas')); ?>"
-                                        >
-                                        <?php $__errorArgs = ['fasilitas'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?>
-                                        <div class="invalid-feedback"><?php echo e($message); ?></div>
-                                        <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>
-                                    </div>
-                                    <small class="text-muted">Pisahkan dengan koma (,) untuk fasilitas lebih dari satu</small>
-                                </div>
-                            </div>
-                        </div>
-
-                        <!-- Upload Foto Section -->
-                        <div class="mb-4">
-                            <h5 class="section-header">
-                                <i class="bi bi-camera me-2"></i>Upload Foto
-                            </h5>
-                            
-                            <div class="row g-3">
-                                <!-- Input Upload Foto -->
-                                <div class="col-md-12">
-                                    <label for="foto" class="form-label fw-semibold">
-                                        Foto Kontrakan <span class="text-muted">(Opsional)</span>
-                                    </label>
-                                    <div class="input-group">
-                                        <span class="input-group-text bg-light border-end-0">
-                                            <i class="bi bi-image" style="color: #667eea;"></i>
-                                        </span>
-                                        <input 
-                                            type="file" 
-                                            name="foto" 
-                                            class="form-control border-start-0 <?php $__errorArgs = ['foto'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>" 
-                                            id="foto" 
-                                            accept="image/jpeg,image/png,image/jpg"
-                                        >
-                                        <?php $__errorArgs = ['foto'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?>
-                                        <div class="invalid-feedback"><?php echo e($message); ?></div>
-                                        <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>
-                                    </div>
-                                    <small class="text-muted">Format: JPG, PNG, JPEG. Maksimal 2MB</small>
-                                </div>
-
-                                <!-- Preview Foto -->
-                                <div class="col-md-12">
-                                    <div id="preview-foto-container" style="display: none;">
-                                        <label class="form-label fw-semibold">Preview Foto:</label>
-                                        <div class="border rounded p-2 bg-light position-relative">
-                                            <img id="preview-foto" src="" alt="Preview" style="max-width: 100%; max-height: 300px; border-radius: 8px; display: block; margin: 0 auto;">
-                                            <button type="button" class="btn btn-sm btn-danger mt-2" onclick="removeImage()">
-                                                <i class="bi bi-x-circle me-1"></i>Hapus Foto
-                                            </button>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-
-                        <!-- Preview Section -->
-                        <div class="alert alert-light border mb-4" id="previewSection" style="display: none;">
-                            <h6 class="fw-bold mb-3">
-                                <i class="bi bi-eye me-2" style="color: #667eea;"></i>Preview Data
-                            </h6>
-                            <div class="row">
-                                <div class="col-md-6">
-                                    <p class="mb-1"><small class="text-muted">Nama:</small> <span id="previewNama" class="fw-semibold">-</span></p>
-                                    <p class="mb-1"><small class="text-muted">Harga:</small> <span id="previewHarga" class="fw-semibold">-</span></p>
-                                </div>
-                                <div class="col-md-6">
-                                    <p class="mb-1"><small class="text-muted">Kamar Tidur:</small> <span id="previewjumlah_kamar" class="fw-semibold">-</span></p>
-                                    <p class="mb-1"><small class="text-muted">Kamar Mandi:</small> <span id="previewBathroomCount" class="fw-semibold">-</span></p>
-                                    <p class="mb-1"><small class="text-muted">Jarak:</small> <span id="previewJarak" class="fw-semibold">-</span></p>
-                                </div>
-                            </div>
-                        </div>
-
-                        <!-- Action Buttons -->
-                        <div class="d-flex gap-2 justify-content-end pt-3 border-top">
-                            <a href="<?php echo e(route('kontrakan.index')); ?>" class="btn btn-outline-secondary px-4">
-                                <i class="bi bi-arrow-left me-2"></i>Batal
-                            </a>
-                            <button type="submit" class="btn btn-submit px-4">
-                                <i class="bi bi-check-circle me-2"></i>Simpan Data
-                            </button>
-                        </div>
-                    </form>
-                </div>
-            </div>
-
-            <!-- Info Card -->
-            <div class="info-card">
-                <div class="d-flex">
-                    <div class="me-3">
-                        <i class="bi bi-lightbulb text-warning" style="font-size: 1.5rem;"></i>
-                    </div>
-                    <div>
-                        <h6 class="fw-bold mb-2">Tips Pengisian Data:</h6>
-                            <ul class="mb-0 small">
-                                <li class="mb-2">Pastikan semua data yang ditandai <span class="text-danger">(*)</span> wajib diisi</li>
-                                <li class="mb-2"><strong class="text-success">CARA TERBAIK:</strong> Klik langsung pada peta untuk menentukan lokasi! Alamat akan otomatis terisi.</li>
-                                <li class="mb-2"><strong class="text-warning">PENTING:</strong> Tombol "Cari dari Alamat" HANYA untuk alamat umum seperti "Jember" atau "Sumbersari", BUKAN untuk nama perumahan spesifik.</li>
-                                <li class="mb-2"><strong>Alternatif:</strong> Copy koordinat dari Google Maps, lalu ketik manual di form (marker otomatis pindah)</li>
-                                <li class="mb-2">Koordinat bisa input manual, marker otomatis pindah!</li>
-                                <li class="mb-2">Jarak ke kampus akan otomatis dihitung setelah koordinat terisi</li>
-                                <li>Nomor WhatsApp memudahkan calon penyewa untuk menghubungi</li>
-                            </ul>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
-
-<!-- Leaflet CSS -->
-<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
-<!-- Leaflet JS -->
-<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
-
-<!-- JavaScript -->
-<script>
-document.addEventListener('DOMContentLoaded', function() {
-    // ========== KOORDINAT KAMPUS POLIJE ==========
-    const KAMPUS_LAT = -8.15981;
-    const KAMPUS_LNG = 113.72312;
-    
-    // ========== MAP INITIALIZATION ==========
-    const map = L.map('map').setView([KAMPUS_LAT, KAMPUS_LNG], 13);
-    
-    L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
-        attribution: '© OpenStreetMap contributors',
-        maxZoom: 19
-    }).addTo(map);
-    
-    // Marker kampus (optional - untuk referensi)
-    const kampusIcon = L.divIcon({
-        className: 'custom-marker',
-        html: '<div style="background: #dc3545; color: white; padding: 5px 10px; border-radius: 5px; font-weight: bold; box-shadow: 0 2px 5px rgba(0,0,0,0.3);">🏫 KAMPUS</div>',
-        iconSize: [80, 30],
-        iconAnchor: [40, 15]
-    });
-    L.marker([KAMPUS_LAT, KAMPUS_LNG], { icon: kampusIcon }).addTo(map);
-    
-    let marker;
-    let isUpdatingFromInput = false; // Flag untuk prevent loop
-    
-    // ========== FUNCTION: REVERSE GEOCODING (KOORDINAT → ALAMAT) - BARU! ==========
-    function reverseGeocode(lat, lng) {
-        const reverseGeocodeURL = `https://nominatim.openstreetmap.org/reverse?format=json&lat=${lat}&lon=${lng}&zoom=18&addressdetails=1`;
-        
-        fetch(reverseGeocodeURL)
-            .then(response => response.json())
-            .then(data => {
-                if (data && data.display_name) {
-                    document.getElementById('alamat').value = data.display_name;
-                    console.log('✅ Alamat berhasil di-update:', data.display_name);
-                }
-            })
-            .catch(error => {
-                console.error('⚠️ Reverse geocoding error:', error);
-            });
-    }
-    
-    // ========== FUNCTION: ADD/UPDATE MARKER ==========
-    function addMarker(lat, lng, shouldReverseGeocode = true) {
-        if (marker) {
-            marker.setLatLng([lat, lng]);
-        } else {
-            marker = L.marker([lat, lng], {
-                draggable: true
-            }).addTo(map);
-            
-            // Event: Drag marker
-            marker.on('dragend', function(e) {
-                const position = marker.getLatLng();
-                updateCoordinates(position.lat, position.lng);
-                calculateDistance(position.lat, position.lng);
-                reverseGeocode(position.lat, position.lng); // Auto update alamat
-            });
-        }
-        
-        map.setView([lat, lng], 15);
-        updateCoordinates(lat, lng);
-        calculateDistance(lat, lng);
-        
-        // Reverse geocoding (koordinat → alamat)
-        if (shouldReverseGeocode) {
-            reverseGeocode(lat, lng);
-        }
-    }
-    
-    // ========== FUNCTION: UPDATE COORDINATES INPUT ==========
-    function updateCoordinates(lat, lng) {
-        if (!isUpdatingFromInput) {
-            document.getElementById('latitude').value = lat.toFixed(8);
-            document.getElementById('longitude').value = lng.toFixed(8);
-        }
-    }
-    
-    // ========== FUNCTION: VALIDATE COORDINATES - BARU! ==========
-    function validateCoordinates(lat, lng) {
-        lat = parseFloat(lat);
-        lng = parseFloat(lng);
-        
-        if (isNaN(lat) || isNaN(lng)) {
-            return { valid: false, message: '❌ Koordinat harus berupa angka!' };
-        }
-        
-        if (lat < -90 || lat > 90) {
-            return { valid: false, message: '❌ Latitude harus antara -90 sampai 90!' };
-        }
-        
-        if (lng < -180 || lng > 180) {
-            return { valid: false, message: '❌ Longitude harus antara -180 sampai 180!' };
-        }
-        
-        return { valid: true, lat: lat, lng: lng };
-    }
-    
-    // ========== FUNCTION: CALCULATE DISTANCE (HAVERSINE FORMULA) ==========
-    function calculateDistance(lat, lng) {
-        const R = 6371e3; // Earth radius in meters
-        const φ1 = KAMPUS_LAT * Math.PI / 180;
-        const φ2 = lat * Math.PI / 180;
-        const Δφ = (lat - KAMPUS_LAT) * Math.PI / 180;
-        const Δλ = (lng - KAMPUS_LNG) * Math.PI / 180;
-        
-        const a = Math.sin(Δφ/2) * Math.sin(Δφ/2) +
-                  Math.cos(φ1) * Math.cos(φ2) *
-                  Math.sin(Δλ/2) * Math.sin(Δλ/2);
-        const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1-a));
-        
-        const distance = Math.round(R * c); // Distance in meters
-        document.getElementById('jarak').value = distance;
-        
-        // Update preview
-        updatePreview();
-    }
-    
-    // ========== INPUT MANUAL KOORDINAT → UPDATE PETA (FITUR BARU!) ==========
-    const latInput = document.getElementById('latitude');
-    const lngInput = document.getElementById('longitude');
-    
-    let inputTimeout;
-    
-    function handleCoordinateInput() {
-        clearTimeout(inputTimeout);
-        
-        inputTimeout = setTimeout(() => {
-            const lat = latInput.value;
-            const lng = lngInput.value;
-            
-            if (lat && lng) {
-                const validation = validateCoordinates(lat, lng);
-                
-                if (validation.valid) {
-                    isUpdatingFromInput = true;
-                    addMarker(validation.lat, validation.lng, true); // true = reverse geocode
-                    isUpdatingFromInput = false;
-                    
-                    console.log('✅ Marker dipindahkan ke:', validation.lat, validation.lng);
-                } else {
-                    alert(validation.message);
-                }
-            }
-        }, 800); // Delay 800ms untuk avoid spam
-    }
-    
-    latInput.addEventListener('input', handleCoordinateInput);
-    lngInput.addEventListener('input', handleCoordinateInput);
-    
-   // ========== GEOCODING: ALAMAT → KOORDINAT (IMPROVED!) ==========
-document.getElementById('geocodeBtn').addEventListener('click', function() {
-    const alamat = document.getElementById('alamat').value.trim();
-    
-    if (!alamat) {
-        alert('⚠️ Mohon isi alamat lengkap terlebih dahulu!');
-        document.getElementById('alamat').focus();
-        return;
-    }
-    
-    const button = this;
-    const originalHTML = button.innerHTML;
-    
-    button.disabled = true;
-    button.innerHTML = '<span class="spinner-border spinner-border-sm me-2"></span>Mencari koordinat...';
-    
-    // Fungsi untuk mencari koordinat
-    function tryGeocode(searchQuery) {
-        const geocodeURL = `https://nominatim.openstreetmap.org/search?format=json&q=${encodeURIComponent(searchQuery)}&limit=5&countrycodes=id`;
-        
-        return fetch(geocodeURL)
-            .then(response => response.json())
-            .then(data => {
-                if (data && data.length > 0) {
-                    // Filter hasil yang paling relevan (prioritaskan yang ada "jember")
-                    let bestMatch = data[0];
-                    const jemberMatch = data.find(item => 
-                        item.display_name.toLowerCase().includes('jember')
-                    );
-                    if (jemberMatch) bestMatch = jemberMatch;
-                    
-                    return bestMatch;
-                }
-                return null;
-            });
-    }
-    
-    // STRATEGI 1: Cari dengan alamat lengkap
-    tryGeocode(alamat)
-        .then(result => {
-            if (result) {
-                return result;
-            }
-            
-            // STRATEGI 2: Ambil kata kunci penting (kecamatan + kota)
-            const parts = alamat.split(',').map(s => s.trim());
-            if (parts.length >= 2) {
-                // Coba: Kecamatan, Kota
-                const simplifiedQuery = `${parts[parts.length - 2]}, ${parts[parts.length - 1]}`;
-                return tryGeocode(simplifiedQuery);
-            }
-            return null;
-        })
-        .then(result => {
-            if (result) {
-                return result;
-            }
-            
-            // STRATEGI 3: Cari hanya nama kota/kabupaten
-            const cityMatch = alamat.match(/jember|sumbersari/i);
-            if (cityMatch) {
-                return tryGeocode('Jember, Jawa Timur, Indonesia');
-            }
-            return null;
-        })
-        .then(result => {
-            button.disabled = false;
-            button.innerHTML = originalHTML;
-            
-            if (result) {
-                const lat = parseFloat(result.lat);
-                const lng = parseFloat(result.lon);
-                
-                addMarker(lat, lng, false);
-                
-                // Success notification dengan info lengkap
-                alert('✅ Koordinat berhasil ditemukan!\n\n' +
-                      '📍 Lokasi ditemukan: ' + result.display_name + '\n' +
-                      '🌍 Koordinat: ' + lat.toFixed(6) + ', ' + lng.toFixed(6) + '\n' +
-                      '📏 Jarak ke kampus: ' + document.getElementById('jarak').value + ' meter\n\n' +
-                      '💡 Anda bisa drag marker untuk penyesuaian lokasi yang lebih tepat!');
-            } else {
-                // Gagal semua strategi
-                alert('❌ Alamat tidak ditemukan di peta!\n\n' +
-                      '💡 Solusi Alternatif:\n\n' +
-                      '1️⃣ CARA TERMUDAH: Klik langsung pada PETA di lokasi yang Anda inginkan\n' +
-                      '   → Alamat akan otomatis terisi!\n\n' +
-                      '2️⃣ Sederhanakan alamat:\n' +
-                      '   • Dari: "' + alamat + '"\n' +
-                      '   • Jadi: "Sumbersari, Jember, Jawa Timur"\n' +
-                      '   • Atau: "Jember, Jawa Timur"\n\n' +
-                      '3️⃣ Gunakan GPS:\n' +
-                      '   • Klik "Deteksi Lokasi Saya" jika Anda di lokasi\n\n' +
-                      '4️⃣ Input Manual:\n' +
-                      '   • Ketik koordinat latitude & longitude langsung\n' +
-                      '   • Contoh: Latitude: -8.159917, Longitude: 113.722750');
-            }
-        })
-        .catch(error => {
-            button.disabled = false;
-            button.innerHTML = originalHTML;
-            
-            console.error('Geocoding error:', error);
-            alert('⚠️ Terjadi kesalahan saat mencari koordinat.\n\n' +
-                  '🎯 SOLUSI CEPAT:\n' +
-                  '• Klik langsung pada PETA (paling mudah!)\n' +
-                  '• Atau gunakan "Deteksi Lokasi Saya"\n' +
-                  '• Atau ketik koordinat manual');
-        });
-});
-    
-    // ========== DETECT USER LOCATION (GPS) ==========
-    document.getElementById('detectLocation').addEventListener('click', function() {
-        const button = this;
-        const originalHTML = button.innerHTML;
-        
-        button.disabled = true;
-        button.innerHTML = '<span class="spinner-border spinner-border-sm me-2"></span>Mendeteksi lokasi...';
-        
-        if (navigator.geolocation) {
-            navigator.geolocation.getCurrentPosition(
-                function(position) {
-                    const lat = position.coords.latitude;
-                    const lng = position.coords.longitude;
-                    
-                    addMarker(lat, lng, true); // true = reverse geocode
-                    
-                    button.disabled = false;
-                    button.innerHTML = originalHTML;
-                    
-                    alert('✅ Lokasi GPS berhasil terdeteksi!\n\n' +
-                          '🌍 Koordinat: ' + lat.toFixed(6) + ', ' + lng.toFixed(6) + '\n' +
-                          '📏 Jarak ke kampus: ' + document.getElementById('jarak').value + ' meter\n' +
-                          '📍 Alamat otomatis di-update!');
-                },
-                function(error) {
-                    button.disabled = false;
-                    button.innerHTML = originalHTML;
-                    
-                    let errorMsg = '❌ Gagal mendeteksi lokasi GPS.\n\n';
-                    switch(error.code) {
-                        case error.PERMISSION_DENIED:
-                            errorMsg += '🚫 Izin lokasi ditolak.\n\n' +
-                                       '💡 Solusi:\n' +
-                                       '1. Klik ikon gembok/info di address bar\n' +
-                                       '2. Izinkan akses lokasi\n' +
-                                       '3. Refresh halaman dan coba lagi';
-                            break;
-                        case error.POSITION_UNAVAILABLE:
-                            errorMsg += '📡 Informasi lokasi tidak tersedia.\n\n' +
-                                       '💡 Coba gunakan "Cari dari Alamat" sebagai gantinya.';
-                            break;
-                        case error.TIMEOUT:
-                            errorMsg += '⏱️ Waktu permintaan habis.\n\n' +
-                                       '💡 Coba lagi atau gunakan cara lain.';
-                            break;
-                        default:
-                            errorMsg += '⚠️ Terjadi kesalahan yang tidak diketahui.';
-                    }
-                    alert(errorMsg);
-                }
-            );
-        } else {
-            button.disabled = false;
-            button.innerHTML = originalHTML;
-            alert('❌ Browser Anda tidak mendukung Geolocation.\n\n' +
-                  '💡 Gunakan "Cari dari Alamat" atau klik pada peta.');
-        }
-    });
-    
-    // ========== CLICK ON MAP → AUTO UPDATE ALAMAT (FITUR BARU!) ==========
-    map.on('click', function(e) {
-        addMarker(e.latlng.lat, e.latlng.lng, true); // true = reverse geocode
-    });
-    
-    // ========== WHATSAPP VALIDATION ==========
-    const whatsappInput = document.getElementById('no_whatsapp');
-    
-    whatsappInput.addEventListener('input', function(e) {
-        this.value = this.value.replace(/[^0-9]/g, '');
-        if (this.value.length > 20) {
-            this.value = this.value.substring(0, 20);
-        }
-    });
-    
-    whatsappInput.addEventListener('blur', function() {
-        const value = this.value.trim();
-        if (value) {
-            if (!value.startsWith('08') && !value.startsWith('628') && !value.startsWith('62')) {
-                alert('⚠️ Format nomor WhatsApp tidak valid.\n\nGunakan format: 08xxx atau 628xxx');
-                this.focus();
-            }
-            if (value.length < 10) {
-                alert('⚠️ Nomor WhatsApp terlalu pendek.\n\nMinimal 10 digit.');
-                this.focus();
-            }
-        }
-    });
-    
-    // ========== LIVE PREVIEW ==========
-    const form = document.getElementById('kontrakanForm');
-    const previewSection = document.getElementById('previewSection');
-    
-    const namaInput = document.getElementById('nama');
-    const hargaInput = document.getElementById('harga');
-    const jumlah_kamarInput = document.getElementById('jumlah_kamar');
-    const bathroomCountInput = document.getElementById('bathroom_count');
-    const jarakInput = document.getElementById('jarak');
-    
-    function updatePreview() {
-        const nama = namaInput ? namaInput.value : '';
-        const harga = hargaInput ? hargaInput.value : '';
-        const jumlah_kamar = jumlah_kamarInput ? jumlah_kamarInput.value : '';
-        const bathroomCount = bathroomCountInput ? bathroomCountInput.value : '';
-        const jarak = jarakInput ? jarakInput.value : '';
-        
-        if (nama || harga || jumlah_kamar || bathroomCount || jarak) {
-            previewSection.style.display = 'block';
-            
-            document.getElementById('previewNama').textContent = nama || '-';
-            document.getElementById('previewHarga').textContent = harga ? 'Rp ' + parseInt(harga).toLocaleString('id-ID') + '/tahun' : '-';
-            document.getElementById('previewjumlah_kamar').textContent = jumlah_kamar ? jumlah_kamar + ' kamar' : '-';
-            document.getElementById('previewBathroomCount').textContent = bathroomCount ? bathroomCount + ' kamar mandi' : '-';
-            document.getElementById('previewJarak').textContent = jarak ? jarak + ' meter (' + (jarak/1000).toFixed(2) + ' km)' : '-';
-        } else {
-            previewSection.style.display = 'none';
-        }
-    }
-    
-    if (namaInput) namaInput.addEventListener('input', updatePreview);
-    if (hargaInput) hargaInput.addEventListener('input', updatePreview);
-    if (jumlah_kamarInput) jumlah_kamarInput.addEventListener('input', updatePreview);
-    if (bathroomCountInput) bathroomCountInput.addEventListener('input', updatePreview);
-    if (jarakInput) jarakInput.addEventListener('input', updatePreview);
-    
-    // ========== FOTO PREVIEW ==========
-    const fotoInput = document.getElementById('foto');
-    const previewFoto = document.getElementById('preview-foto');
-    const previewContainer = document.getElementById('preview-foto-container');
-    
-    fotoInput.addEventListener('change', function(e) {
-        const file = e.target.files[0];
-        
-        if (file) {
-            if (file.size > 2097152) {
-                alert('❌ Ukuran file maksimal 2MB!');
-                this.value = '';
-                previewContainer.style.display = 'none';
-                return;
-            }
-            
-            const allowedTypes = ['image/jpeg', 'image/jpg', 'image/png'];
-            if (!allowedTypes.includes(file.type)) {
-                alert('❌ Hanya file JPG, PNG, dan JPEG yang diperbolehkan!');
-                this.value = '';
-                previewContainer.style.display = 'none';
-                return;
-            }
-            
-            const reader = new FileReader();
-            reader.onload = function(e) {
-                previewFoto.src = e.target.result;
-                previewContainer.style.display = 'block';
-            }
-            reader.readAsDataURL(file);
-        } else {
-            previewContainer.style.display = 'none';
-        }
-    });
-    
-    window.removeImage = function() {
-        fotoInput.value = '';
-        previewContainer.style.display = 'none';
-        previewFoto.src = '';
-    }
-    
-    // ========== FORM VALIDATION ==========
-    form.addEventListener('submit', function(e) {
-        const lat = parseFloat(latInput.value);
-        const lng = parseFloat(lngInput.value);
-        
-        // Validasi koordinat
-        const validation = validateCoordinates(lat, lng);
-        if (!validation.valid) {
-            e.preventDefault();
-            alert(validation.message);
-            return;
-        }
-        
-        // Validasi WhatsApp
-        const waValue = whatsappInput.value.trim();
-        if (waValue) {
-            if (waValue.length < 10) {
-                e.preventDefault();
-                alert('❌ Nomor WhatsApp minimal 10 digit!');
-                whatsappInput.focus();
-                return;
-            }
-            if (!waValue.startsWith('08') && !waValue.startsWith('628') && !waValue.startsWith('62')) {
-                e.preventDefault();
-                alert('❌ Format nomor WhatsApp tidak valid.\n\nGunakan: 08xxx atau 628xxx');
-                whatsappInput.focus();
-                return;
-            }
-        }
-        
-        if (!form.checkValidity()) {
-            e.preventDefault();
-            e.stopPropagation();
-        }
-        form.classList.add('was-validated');
-    });
-    
-    // ========== LIVE PREVIEW HARGA ==========
-    const hargaPreview = document.getElementById('harga_preview');
-    const hargaPreviewText = document.getElementById('harga_preview_text');
-
-    function terbilangSingkat(angka) {
-        if (!angka || angka <= 0) return '';
-        const m = Math.floor(angka / 1000000);
-        const rb = Math.floor((angka % 1000000) / 1000);
-        const s = angka % 1000;
-        let parts = [];
-        if (m > 0) parts.push(m + ' Juta');
-        if (rb > 0) parts.push(rb + ' Ribu');
-        if (s > 0) parts.push(s + ' Rupiah');
-        return parts.join(' ') || '0';
-    }
-
-    function formatRibu(angka) {
-        return parseInt(angka).toLocaleString('id-ID');
-    }
-
-    function updateHargaPreview() {
-        const val = parseInt(hargaInput.value);
-        if (val > 0) {
-            hargaPreviewText.textContent = 'Rp ' + formatRibu(val) + ' — ' + terbilangSingkat(val);
-            hargaPreview.style.display = 'block';
-        } else {
-            hargaPreview.style.display = 'none';
-        }
-    }
-
-    if (hargaInput) hargaInput.addEventListener('input', updateHargaPreview);
-    // Tampilkan saat load jika sudah ada nilai
-    if (hargaInput && hargaInput.value) updateHargaPreview();
-});
-</script>
-<style>
-    .form-control:focus,
-    .form-select:focus {
-        border-color: #86b7fe;
-        box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.15);
-    }
-    
-    .input-group-text {
-        transition: all 0.3s ease;
-    }
-    
-    .form-control:focus + .input-group-text,
-    .input-group:focus-within .input-group-text {
-        border-color: #86b7fe;
-        background-color: #e7f1ff;
-    }
-    
-    .card {
-        transition: box-shadow 0.3s ease;
-    }
-    
-    .was-validated .form-control:invalid {
-        border-color: #dc3545;
-    }
-    
-    .was-validated .form-control:valid {
-        border-color: #198754;
-    }
-    
-    #preview-foto-container {
-        animation: fadeIn 0.3s ease-in;
-    }
-    
-    @keyframes fadeIn {
-        from { opacity: 0; transform: translateY(-10px); }
-        to { opacity: 1; transform: translateY(0); }
-    }
-    
-    .leaflet-container {
-        font-family: inherit;
-    }
-    
-    .leaflet-popup-content-wrapper {
-        border-radius: 8px;
-    }
-    
-    #no_whatsapp:focus {
-        border-color: #25D366 !important;
-        box-shadow: 0 0 0 0.25rem rgba(37, 211, 102, 0.15) !important;
-    }
-    
-    #no_whatsapp.is-valid {
-        border-color: #25D366;
-        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2325D366' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
-    }
-    
-    /* Loading animation */
-    .spinner-border {
-        width: 1rem;
-        height: 1rem;
-        border-width: 0.15em;
-    }
-    
-    /* Custom marker kampus */
-    .custom-marker {
-        background: none;
-        border: none;
-    }
-    
-    /* Input koordinat style - BARU! */
-    #latitude:focus,
-    #longitude:focus {
-        border-color: #ffc107 !important;
-        box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.15) !important;
-    }
-    
-    /* Highlight saat input manual aktif - BARU! */
-    #latitude:not([readonly]):hover,
-    #longitude:not([readonly]):hover {
-        background-color: #fffbf0;
-        cursor: text;
-    }
-    
-    /* Badge animation */
-    .badge {
-        animation: pulse 2s ease-in-out infinite;
-    }
-    
-    @keyframes pulse {
-        0%, 100% { opacity: 1; }
-        50% { opacity: 0.7; }
-    }
-    
-    /* Smooth transitions */
-    .form-control,
-    .btn {
-        transition: all 0.3s ease;
-    }
-    
-    /* Alert styling */
-    .alert-info {
-        background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
-        border-left: 4px solid #2196f3;
-    }
-    
-    /* Map container styling */
-    #map {
-        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-        transition: box-shadow 0.3s ease;
-    }
-    
-    #map:hover {
-        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
-    }
-    
-    /* Button hover effects */
-    #geocodeBtn:hover {
-        transform: translateY(-2px);
-        box-shadow: 0 4px 8px rgba(25, 135, 84, 0.3);
-    }
-    
-    #detectLocation:hover {
-        transform: translateY(-2px);
-        box-shadow: 0 4px 8px rgba(13, 110, 253, 0.3);
-    }
-    
-    /* Responsive adjustments */
-    @media (max-width: 768px) {
-        #map {
-            height: 300px !important;
-        }
-        
-        .alert ul {
-            padding-left: 1.2rem;
-        }
-        
-        .badge {
-            font-size: 0.7rem;
-        }
-    }
-    
-    /* Input number remove spinner arrows (optional) */
-    input[type="number"]::-webkit-inner-spin-button,
-    input[type="number"]::-webkit-outer-spin-button {
-        opacity: 0.5;
-    }
-    
-    input[type="number"]:hover::-webkit-inner-spin-button,
-    input[type="number"]:hover::-webkit-outer-spin-button {
-        opacity: 1;
-    }
-    
-    /* Success state for coordinates */
-    #latitude.is-valid,
-    #longitude.is-valid {
-        border-color: #198754;
-        background-color: #f0fff4;
-    }
-    
-    /* Warning state for manual input */
-    #latitude:not([readonly]),
-    #longitude:not([readonly]) {
-        border-left: 3px solid #ffc107;
-    }
-    
-    /* Tooltip style */
-    small.text-muted {
-        font-size: 0.8rem;
-        display: block;
-        margin-top: 0.25rem;
-    }
-    
-    /* Preview section animation */
-    #previewSection {
-        animation: slideDown 0.3s ease-out;
-    }
-    
-    @keyframes slideDown {
-        from {
-            opacity: 0;
-            max-height: 0;
-            transform: translateY(-10px);
-        }
-        to {
-            opacity: 1;
-            max-height: 200px;
-            transform: translateY(0);
-        }
-    }
-    
-    /* Button loading state */
-    .btn:disabled {
-        cursor: not-allowed;
-        opacity: 0.6;
-    }
-    
-    /* Card info styling */
-    .card.bg-light {
-        border-left: 4px solid #0d6efd;
-    }
-    
-    /* Input group icon colors */
-    .input-group-text i.bi-building {
-        color: #0d6efd;
-    }
-    
-    .input-group-text i.bi-geo-alt {
-        color: #dc3545;
-    }
-    
-    .input-group-text i.bi-geo {
-        color: #dc3545;
-    }
-    
-    .input-group-text i.bi-telephone {
-        color: #25D366;
-    }
-    
-    .input-group-text i.bi-currency-dollar {
-        color: #198754;
-    }
-    
-    .input-group-text i.bi-rulers {
-        color: #ffc107;
-    }
-    
-    .input-group-text i.bi-pin-map {
-        color: #0dcaf0;
-    }
-    
-    .input-group-text i.bi-star {
-        color: #ffc107;
-    }
-    
-    .input-group-text i.bi-image {
-        color: #0d6efd;
-    }
-    
-    /* Smooth scroll behavior */
-    html {
-        scroll-behavior: smooth;
-    }
-    
-    /* Focus visible for accessibility */
-    *:focus-visible {
-        outline: 2px solid #0d6efd;
-        outline-offset: 2px;
-    }
-    
-    /* Print styles */
-    @media print {
-        .btn,
-        .breadcrumb,
-        nav,
-        #map {
-            display: none !important;
-        }
-        
-        .card {
-            box-shadow: none !important;
-            border: 1px solid #dee2e6 !important;
-        }
-    }
-</style>
-<?php $__env->stopSection(); ?>
-
-<?php echo $__env->make('layouts.admin', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH C:\laragon\www\TA\spk_kontrakan\resources\views/kontrakan/create.blade.php ENDPATH**/ ?>
\ No newline at end of file
diff --git a/spk_kontrakan/storage/framework/views/3e2a756e698ea84296e208d7b9a94af0.php b/spk_kontrakan/storage/framework/views/3e2a756e698ea84296e208d7b9a94af0.php
deleted file mode 100644
index 0eafb89..0000000
--- a/spk_kontrakan/storage/framework/views/3e2a756e698ea84296e208d7b9a94af0.php
+++ /dev/null
@@ -1,427 +0,0 @@
-
-
-<?php $__env->startSection('title', 'Portal Pemilik - Kelola Kontrakan & Laundry Anda'); ?>
-
-<?php $__env->startSection('content'); ?>
-<style>
-    /* ===== ADMIN PORTAL STYLES - Professional & Corporate ===== */
-    
-    .admin-portal-hero {
-        background: linear-gradient(135deg, #1e3c72 0%, #2a5298 50%, #7e22ce 100%);
-        background-size: 200% 200%;
-        animation: gradient-shift 15s ease infinite;
-        color: white;
-        padding: 80px 40px 120px;
-        margin: 0;
-        margin-left: calc(-50vw + 50%);
-        margin-right: calc(-50vw + 50%);
-        width: 100vw;
-        position: relative;
-        overflow: hidden;
-        box-shadow: 0 20px 60px rgba(30, 60, 114, 0.4);
-    }
-    
-    @keyframes gradient-shift {
-        0% { background-position: 0% 50%; }
-        50% { background-position: 100% 50%; }
-        100% { background-position: 0% 50%; }
-    }
-
-    .admin-portal-hero::before {
-        content: '';
-        position: absolute;
-        top: 0;
-        left: 0;
-        right: 0;
-        bottom: 0;
-        background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
-    }
-
-    .admin-portal-hero::after {
-        content: '';
-        position: absolute;
-        bottom: 0;
-        left: 0;
-        right: 0;
-        height: 150px;
-        background: linear-gradient(to top, rgba(255,255,255,0.1) 0%, transparent 100%);
-    }
-
-    .portal-content {
-        position: relative;
-        z-index: 1;
-        max-width: 1200px;
-        margin: 0 auto;
-    }
-
-    .portal-badge {
-        display: inline-block;
-        background: rgba(255, 255, 255, 0.2);
-        backdrop-filter: blur(10px);
-        padding: 8px 20px;
-        border-radius: 30px;
-        font-size: 14px;
-        font-weight: 600;
-        margin-bottom: 20px;
-        border: 1px solid rgba(255, 255, 255, 0.3);
-    }
-
-    .portal-title {
-        font-size: 3.5rem;
-        font-weight: 800;
-        margin-bottom: 25px;
-        line-height: 1.2;
-        text-shadow: 2px 2px 20px rgba(0,0,0,0.3);
-    }
-
-    .portal-subtitle {
-        font-size: 1.4rem;
-        margin-bottom: 40px;
-        opacity: 0.95;
-        font-weight: 300;
-        max-width: 700px;
-    }
-
-    .portal-buttons {
-        display: flex;
-        gap: 20px;
-        flex-wrap: wrap;
-    }
-
-    .btn-portal-primary {
-        background: white;
-        color: #1e3c72;
-        padding: 16px 40px;
-        border-radius: 12px;
-        font-weight: 700;
-        font-size: 1.1rem;
-        border: none;
-        box-shadow: 0 10px 30px rgba(0,0,0,0.2);
-        transition: all 0.3s ease;
-        text-decoration: none;
-        display: inline-block;
-    }
-
-    .btn-portal-primary:hover {
-        transform: translateY(-3px);
-        box-shadow: 0 15px 40px rgba(0,0,0,0.3);
-        color: #1e3c72;
-    }
-
-    .btn-portal-secondary {
-        background: transparent;
-        color: white;
-        padding: 16px 40px;
-        border-radius: 12px;
-        font-weight: 700;
-        font-size: 1.1rem;
-        border: 2px solid white;
-        transition: all 0.3s ease;
-        text-decoration: none;
-        display: inline-block;
-    }
-
-    .btn-portal-secondary:hover {
-        background: white;
-        color: #1e3c72;
-        transform: translateY(-3px);
-    }
-
-    /* Features Section */
-    .features-admin {
-        padding: 80px 0;
-        background: #f8fafc;
-    }
-
-    .features-grid {
-        display: grid;
-        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
-        gap: 30px;
-        margin-top: 50px;
-    }
-
-    .feature-card-admin {
-        background: white;
-        padding: 40px;
-        border-radius: 20px;
-        box-shadow: 0 10px 30px rgba(0,0,0,0.08);
-        transition: all 0.3s ease;
-        border: 1px solid #e2e8f0;
-    }
-
-    .feature-card-admin:hover {
-        transform: translateY(-10px);
-        box-shadow: 0 20px 40px rgba(0,0,0,0.15);
-    }
-
-    .feature-icon {
-        width: 70px;
-        height: 70px;
-        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-        border-radius: 16px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        margin-bottom: 25px;
-        font-size: 2rem;
-    }
-
-    .feature-title {
-        font-size: 1.5rem;
-        font-weight: 700;
-        margin-bottom: 15px;
-        color: #1e293b;
-    }
-
-    .feature-description {
-        color: #64748b;
-        line-height: 1.7;
-        font-size: 1rem;
-    }
-
-    /* Stats Section */
-    .stats-section {
-        padding: 80px 0;
-        background: white;
-    }
-
-    .stats-grid {
-        display: grid;
-        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-        gap: 40px;
-        margin-top: 50px;
-    }
-
-    .stat-card {
-        text-align: center;
-        padding: 30px;
-        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-        border-radius: 20px;
-        color: white;
-        box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);
-    }
-
-    .stat-number {
-        font-size: 3rem;
-        font-weight: 800;
-        margin-bottom: 10px;
-    }
-
-    .stat-label {
-        font-size: 1.1rem;
-        opacity: 0.9;
-    }
-
-    /* CTA Section */
-    .cta-section {
-        padding: 100px 40px;
-        background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
-        margin-left: calc(-50vw + 50%);
-        margin-right: calc(-50vw + 50%);
-        width: 100vw;
-        color: white;
-        text-align: center;
-    }
-
-    .cta-title {
-        font-size: 2.5rem;
-        font-weight: 800;
-        margin-bottom: 20px;
-    }
-
-    .cta-subtitle {
-        font-size: 1.3rem;
-        margin-bottom: 40px;
-        opacity: 0.9;
-    }
-
-    @media (max-width: 768px) {
-        .portal-title {
-            font-size: 2.5rem;
-        }
-        
-        .portal-subtitle {
-            font-size: 1.1rem;
-        }
-        
-        .portal-buttons {
-            flex-direction: column;
-        }
-        
-        .btn-portal-primary,
-        .btn-portal-secondary {
-            width: 100%;
-            text-align: center;
-        }
-    }
-</style>
-
-<!-- Hero Section -->
-<div class="admin-portal-hero">
-    <div class="portal-content">
-        <span class="portal-badge">
-            🏢 Portal Khusus Pemilik
-        </span>
-        <h1 class="portal-title">
-            Kelola Properti Anda<br>dengan Mudah & Efisien
-        </h1>
-        <p class="portal-subtitle">
-            Platform manajemen kontrakan dan laundry yang profesional. Pantau bisnis Anda, kelola pemesanan, dan tingkatkan pendapatan dengan sistem yang terintegrasi.
-        </p>
-        <div class="portal-buttons">
-            <a href="<?php echo e(route('admin.login')); ?>" class="btn-portal-primary">
-                🔐 Login Pemilik
-            </a>
-            <a href="<?php echo e(route('admin.register')); ?>" class="btn-portal-secondary">
-                📝 Daftar Sebagai Pemilik
-            </a>
-        </div>
-    </div>
-</div>
-
-<div class="container">
-    <!-- Features Section -->
-    <section class="features-admin">
-        <div class="text-center">
-            <h2 style="font-size: 2.5rem; font-weight: 800; color: #1e293b; margin-bottom: 15px;">
-                Fitur Lengkap untuk Pemilik
-            </h2>
-            <p style="font-size: 1.2rem; color: #64748b;">
-                Semua yang Anda butuhkan untuk mengelola bisnis properti Anda
-            </p>
-        </div>
-
-        <div class="features-grid">
-            <div class="feature-card-admin">
-                <div class="feature-icon">🏠</div>
-                <h3 class="feature-title">Manajemen Kontrakan</h3>
-                <p class="feature-description">
-                    Kelola data kontrakan, upload foto, atur harga, dan update informasi dengan mudah. Sistem lengkap dengan galeri foto.
-                </p>
-            </div>
-
-            <div class="feature-card-admin">
-                <div class="feature-icon">👕</div>
-                <h3 class="feature-title">Kelola Laundry</h3>
-                <p class="feature-description">
-                    Tambahkan layanan laundry, atur harga per layanan, dan kelola pesanan pelanggan secara real-time.
-                </p>
-            </div>
-
-            <div class="feature-card-admin">
-                <div class="feature-icon">📅</div>
-                <h3 class="feature-title">Sistem Booking</h3>
-                <p class="feature-description">
-                    Pantau pemesanan masuk, konfirmasi booking, dan kelola jadwal ketersediaan properti Anda.
-                </p>
-            </div>
-
-            <div class="feature-card-admin">
-                <div class="feature-icon">⭐</div>
-                <h3 class="feature-title">Review & Rating</h3>
-                <p class="feature-description">
-                    Lihat ulasan pelanggan, tingkatkan kualitas layanan, dan bangun reputasi bisnis yang lebih baik.
-                </p>
-            </div>
-
-            <div class="feature-card-admin">
-                <div class="feature-icon">📊</div>
-                <h3 class="feature-title">Dashboard Analytics</h3>
-                <p class="feature-description">
-                    Pantau performa bisnis dengan statistik lengkap, grafik penjualan, dan laporan yang detail.
-                </p>
-            </div>
-
-            <div class="feature-card-admin">
-                <div class="feature-icon">📱</div>
-                <h3 class="feature-title">Responsive Design</h3>
-                <p class="feature-description">
-                    Kelola bisnis dari mana saja, kapan saja. Akses dashboard dari smartphone, tablet, atau komputer.
-                </p>
-            </div>
-        </div>
-    </section>
-
-    <!-- Stats Section -->
-    <section class="stats-section">
-        <div class="text-center">
-            <h2 style="font-size: 2.5rem; font-weight: 800; color: #1e293b; margin-bottom: 15px;">
-                Platform Terpercaya
-            </h2>
-            <p style="font-size: 1.2rem; color: #64748b;">
-                Bergabunglah dengan pemilik lainnya yang sudah merasakan kemudahan
-            </p>
-        </div>
-
-        <div class="stats-grid">
-            <div class="stat-card">
-                <div class="stat-number" id="stat-owners"><?php echo e($totalAdmins); ?>+</div>
-                <div class="stat-label">Pemilik Terdaftar</div>
-            </div>
-            <div class="stat-card">
-                <div class="stat-number" id="stat-properties"><?php echo e($totalProperti); ?>+</div>
-                <div class="stat-label">Properti Dikelola</div>
-            </div>
-            <div class="stat-card">
-                <div class="stat-number" id="stat-bookings"><?php echo e($totalBookings); ?>+</div>
-                <div class="stat-label">Booking Sukses</div>
-            </div>
-            <div class="stat-card">
-                <div class="stat-number"><?php echo e($avgRating); ?>⭐</div>
-                <div class="stat-label">Rating Rata-rata</div>
-            </div>
-        </div>
-    </section>
-</div>
-
-<!-- CTA Section -->
-<section class="cta-section">
-    <div style="max-width: 800px; margin: 0 auto;">
-        <h2 class="cta-title">Siap Memulai?</h2>
-        <p class="cta-subtitle">
-            Daftar sekarang dan dapatkan akses penuh ke dashboard manajemen properti
-        </p>
-        <a href="<?php echo e(route('admin.register')); ?>" class="btn-portal-primary" style="display: inline-block;">
-            Daftar Gratis Sekarang
-        </a>
-    </div>
-</section>
-
-<script>
-    // Animate numbers on scroll - UPDATED WITH REAL DATA
-    const animateValue = (element, start, end, duration, suffix = '+') => {
-        let startTimestamp = null;
-        const step = (timestamp) => {
-            if (!startTimestamp) startTimestamp = timestamp;
-            const progress = Math.min((timestamp - startTimestamp) / duration, 1);
-            const value = Math.floor(progress * (end - start) + start);
-            element.textContent = value + suffix;
-            if (progress < 1) {
-                window.requestAnimationFrame(step);
-            }
-        };
-        window.requestAnimationFrame(step);
-    };
-
-    // Observer for stats animation
-    const statsObserver = new IntersectionObserver((entries) => {
-        entries.forEach(entry => {
-            if (entry.isIntersecting) {
-                // Gunakan data real dari backend
-                animateValue(document.getElementById('stat-owners'), 0, <?php echo e($totalAdmins); ?>, 2000);
-                animateValue(document.getElementById('stat-properties'), 0, <?php echo e($totalProperti); ?>, 2000);
-                animateValue(document.getElementById('stat-bookings'), 0, <?php echo e($totalBookings); ?>, 2000);
-                statsObserver.unobserve(entry.target);
-            }
-        });
-    });
-
-    const statsSection = document.querySelector('.stats-section');
-    if (statsSection) {
-        statsObserver.observe(statsSection);
-    }
-</script>
-
-<?php $__env->stopSection(); ?>
-
-<?php echo $__env->make('layouts.app', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH C:\laragon\www\TA\spk_kontrakan\resources\views/admin-portal.blade.php ENDPATH**/ ?>
\ No newline at end of file
diff --git a/spk_kontrakan/storage/framework/views/585ad336c34df32b9792eabb80ba9a63.php b/spk_kontrakan/storage/framework/views/585ad336c34df32b9792eabb80ba9a63.php
deleted file mode 100644
index 43a35e3..0000000
--- a/spk_kontrakan/storage/framework/views/585ad336c34df32b9792eabb80ba9a63.php
+++ /dev/null
@@ -1,1680 +0,0 @@
-
-
-<?php $__env->startSection('title', 'Edit Kontrakan'); ?>
-
-<?php $__env->startSection('content'); ?>
-<div class="container-fluid px-4">
-    <style>
-        .breadcrumb {
-            background: transparent;
-            border-radius: 8px;
-            padding: 0;
-            margin-bottom: 2rem;
-        }
-        
-        .breadcrumb-item a {
-            color: #667eea;
-            font-weight: 500;
-        }
-        
-        .breadcrumb-item.active {
-            color: #764ba2;
-            font-weight: 600;
-        }
-        
-        .page-header {
-            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-            color: white;
-            padding: 2rem;
-            border-radius: 12px;
-            margin-bottom: 2rem;
-            box-shadow: 0 8px 20px rgba(102, 126, 234, 0.15);
-        }
-        
-        .page-header h2 {
-            font-size: 2rem;
-            font-weight: 700;
-            margin-bottom: 0.5rem;
-        }
-        
-        .form-card {
-            border: none;
-            border-radius: 12px;
-            box-shadow: 0 4px 15px rgba(0,0,0,0.08);
-            overflow: hidden;
-        }
-        
-        .section-header {
-            color: #667eea;
-            font-size: 1.1rem;
-            font-weight: 700;
-            padding-bottom: 1rem;
-            border-bottom: 2px solid #667eea;
-            margin-bottom: 1.5rem;
-        }
-        
-        .form-label {
-            font-weight: 600;
-            color: #333;
-            margin-bottom: 0.5rem;
-        }
-        
-        .input-group-text {
-            border: 1px solid #dee2e6;
-            background-color: #f8f9fa;
-        }
-        
-        .form-control:focus {
-            border-color: #667eea;
-            box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25);
-        }
-        
-        .btn-submit {
-            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-            border: none;
-            color: white;
-            font-weight: 600;
-            padding: 0.75rem 1.75rem;
-            border-radius: 8px;
-            transition: all 0.3s ease;
-        }
-        
-        .btn-submit:hover {
-            transform: translateY(-2px);
-            box-shadow: 0 8px 20px rgba(102, 126, 234, 0.4);
-            color: white;
-        }
-        
-        .info-card {
-            background: linear-gradient(135deg, rgba(102, 126, 234, 0.1), rgba(118, 75, 162, 0.1));
-            border: 1px solid #667eea;
-            border-radius: 10px;
-            padding: 1.5rem;
-            margin-top: 2rem;
-        }
-    </style>
-    
-    <!-- Breadcrumb -->
-    <nav aria-label="breadcrumb" class="mb-4">
-        <ol class="breadcrumb">
-            <li class="breadcrumb-item"><a href="<?php echo e(route('dashboard')); ?>">Dashboard</a></li>
-            <li class="breadcrumb-item"><a href="<?php echo e(route('kontrakan.index')); ?>">Kontrakan</a></li>
-            <li class="breadcrumb-item active">Edit Data</li>
-        </ol>
-    </nav>
-
-    <!-- Page Header -->
-    <div class="page-header mb-4">
-        <h2 class="mb-2">
-            <i class="bi bi-pencil-square me-2"></i>Edit Kontrakan
-        </h2>
-        <p class="mb-0 fs-6">Update informasi kontrakan <strong><?php echo e($kontrakan->nama); ?></strong></p>
-    </div>
-
-    <!-- Form Card -->
-    <div class="row">
-        <div class="col-12">
-            <div class="card form-card">
-                <div class="card-body p-4">
-                    <form action="<?php echo e(route('kontrakan.update', $kontrakan->id)); ?>" method="POST" enctype="multipart/form-data" id="kontrakanForm">
-                        <?php echo csrf_field(); ?>
-                        <?php echo method_field('PUT'); ?>
-                        
-                        <!-- Informasi Dasar Section -->
-                        <div class="mb-4">
-                            <h5 class="section-header">
-                                <i class="bi bi-info-circle me-2"></i>Informasi Dasar
-                            </h5>
-                            
-                            <div class="row g-3">
-                                <!-- Nama Kontrakan -->
-                                <div class="col-md-12">
-                                    <label for="nama" class="form-label fw-semibold">
-                                        Nama Kontrakan <span class="text-danger">*</span>
-                                    </label>
-                                    <div class="input-group">
-                                        <span class="input-group-text bg-light border-end-0">
-                                            <i class="bi bi-building text-primary"></i>
-                                        </span>
-                                        <input 
-                                            type="text" 
-                                            name="nama" 
-                                            class="form-control border-start-0 <?php $__errorArgs = ['nama'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>" 
-                                            id="nama" 
-                                            placeholder="Contoh: Kontrakan Melati Residence"
-                                            value="<?php echo e(old('nama', $kontrakan->nama)); ?>"
-                                            required
-                                        >
-                                        <?php $__errorArgs = ['nama'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?>
-                                        <div class="invalid-feedback"><?php echo e($message); ?></div>
-                                        <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>
-                                    </div>
-                                    <small class="text-muted">Masukkan nama kontrakan yang mudah dikenali</small>
-                                </div>
-
-                                <!-- Alamat -->
-                                <div class="col-md-12">
-                                    <label for="alamat" class="form-label fw-semibold">
-                                        Alamat Lengkap <span class="text-danger">*</span>
-                                    </label>
-                                    <div class="input-group">
-                                        <span class="input-group-text bg-light border-end-0 align-items-start pt-2">
-                                            <i class="bi bi-geo-alt text-danger"></i>
-                                        </span>
-                                        <textarea 
-                                            name="alamat" 
-                                            class="form-control border-start-0 <?php $__errorArgs = ['alamat'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>" 
-                                            id="alamat" 
-                                            rows="3"
-                                            placeholder="Contoh: Jl. Kaliurang KM 5, Sleman, Yogyakarta"
-                                            required
-                                        ><?php echo e(old('alamat', $kontrakan->alamat)); ?></textarea>
-                                        <?php $__errorArgs = ['alamat'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?>
-                                        <div class="invalid-feedback"><?php echo e($message); ?></div>
-                                        <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>
-                                    </div>
-                                    <small class="text-muted">Alamat lengkap beserta RT/RW jika ada. Alamat akan auto-update saat klik peta.</small>
-                                </div>
-
-                                <!-- WhatsApp -->
-                                <div class="col-md-12">
-                                    <label for="no_whatsapp" class="form-label fw-semibold">
-                                        <i class="bi bi-whatsapp text-success"></i> Nomor WhatsApp Pemilik <span class="text-muted">(Opsional)</span>
-                                    </label>
-                                    <div class="input-group">
-                                        <span class="input-group-text bg-light border-end-0">
-                                            <i class="bi bi-telephone text-success"></i>
-                                        </span>
-                                        <input 
-                                            type="text" 
-                                            name="no_whatsapp" 
-                                            class="form-control border-start-0 <?php $__errorArgs = ['no_whatsapp'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>" 
-                                            id="no_whatsapp" 
-                                            placeholder="Contoh: 081234567890"
-                                            value="<?php echo e(old('no_whatsapp', $kontrakan->no_whatsapp)); ?>"
-                                            maxlength="20"
-                                        >
-                                        <?php $__errorArgs = ['no_whatsapp'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?>
-                                        <div class="invalid-feedback"><?php echo e($message); ?></div>
-                                        <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>
-                                    </div>
-                                    <small class="text-muted">
-                                        <i class="bi bi-info-circle me-1"></i>
-                                        Format: 08xxx atau 628xxx (untuk kemudahan calon penyewa menghubungi)
-                                    </small>
-                                </div>
-                            </div>
-                        </div>
-
-                        <!-- ========== LOKASI & KOORDINAT SECTION - UPDATED! ========== -->
-                        <div class="mb-4">
-                            <h5 class="section-header">
-                                <i class="bi bi-pin-map-fill me-2"></i>Lokasi & Koordinat
-                            </h5>
-                            
-                            <!-- Alert Info - UPDATED -->
-                            <div class="alert alert-info border-info">
-                                <div class="d-flex">
-                                    <i class="bi bi-info-circle me-2 mt-1"></i>
-                                    <div>
-                                        <strong>⭐ Cara Menentukan Lokasi (PILIH SALAH SATU):</strong>
-                                        <ul class="mb-0 mt-2 small">
-                                            <li class="mb-2">
-                                                <strong class="text-success">🎯 REKOMENDASI #1: Klik di Peta</strong>
-                                                <div class="text-muted" style="font-size: 0.85rem;">
-                                                    Klik pada peta di lokasi kontrakan → Alamat & koordinat <strong>otomatis terisi</strong><br>
-                                                    <span class="badge bg-success bg-opacity-10 text-success mt-1">Paling Akurat & Mudah!</span>
-                                                </div>
-                                            </li>
-                                            <li class="mb-2">
-                                                <strong class="text-primary">📍 Deteksi GPS</strong>
-                                                <div class="text-muted" style="font-size: 0.85rem;">
-                                                    Klik "Deteksi Lokasi Saya" <strong>HANYA jika Anda sedang berada di lokasi kontrakan</strong>
-                                                </div>
-                                            </li>
-                                            <li class="mb-2">
-                                                <strong class="text-warning">⌨️ Input Manual Koordinat</strong>
-                                                <div class="text-muted" style="font-size: 0.85rem;">
-                                                    Ketik latitude & longitude dari Google Maps → Marker otomatis pindah
-                                                </div>
-                                            </li>
-                                            <li>
-                                                <strong class="text-secondary">🔍 Cari dari Alamat</strong>
-                                                <div class="text-muted" style="font-size: 0.85rem;">
-                                                    <span class="text-danger">⚠️ Hanya untuk alamat umum</span> (contoh: "Sumbersari, Jember")<br>
-                                                    <span class="text-danger">❌ TIDAK untuk nama perumahan/kontrakan spesifik</span>
-                                                </div>
-                                            </li>
-                                        </ul>
-                                        <div class="alert alert-warning bg-opacity-10 border-warning mt-2 mb-0 py-2 px-3">
-                                            <small class="mb-0">
-                                                <strong>💡 Tips:</strong> Jika alamat berisi nama perumahan/gang (contoh: "Perumahan Melati, Gang Mawar"), 
-                                                <strong class="text-danger">gunakan cara KLIK PETA atau INPUT KOORDINAT manual</strong>, 
-                                                jangan gunakan tombol "Cari dari Alamat"
-                                            </small>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-
-                            <!-- Tombol Geocoding & Deteksi Lokasi -->
-                            <div class="row g-2 mb-3">
-                                <div class="col-12 col-md-6">
-                                    <button type="button" id="geocodeBtn" class="btn btn-secondary w-100">
-                                        <i class="bi bi-search me-2"></i>Cari dari Alamat Umum
-                                    </button>
-                                    <small class="text-danger d-block mt-1">
-                                        <i class="bi bi-exclamation-triangle me-1"></i>
-                                        Hanya untuk alamat umum (Kota/Kecamatan), bukan nama perumahan!
-                                    </small>
-                                </div>
-                                <div class="col-12 col-md-6">
-                                    <button type="button" id="detectLocation" class="btn btn-outline-primary w-100">
-                                        <i class="bi bi-crosshair me-2"></i>Deteksi Lokasi Saya
-                                    </button>
-                                    <small class="text-muted d-block mt-1">
-                                        <i class="bi bi-geo-alt me-1"></i>Gunakan GPS Anda (harus di lokasi)
-                                    </small>
-                                </div>
-                            </div>
-
-                            <div class="row g-3">
-                                <!-- Latitude - UPDATED: Bisa Input Manual -->
-                                <div class="col-md-6">
-                                    <label for="latitude" class="form-label fw-semibold">
-                                        Latitude <span class="text-danger">*</span>
-                                        <span class="badge bg-warning bg-opacity-10 text-warning ms-2 small">
-                                            <i class="bi bi-pencil me-1"></i>Bisa input manual
-                                        </span>
-                                    </label>
-                                    <div class="input-group">
-                                        <span class="input-group-text bg-light">
-                                            <i class="bi bi-geo text-danger"></i>
-                                        </span>
-                                        <input 
-                                            type="number" 
-                                            name="latitude" 
-                                            class="form-control <?php $__errorArgs = ['latitude'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>" 
-                                            id="latitude" 
-                                            placeholder="-6.966667"
-                                            value="<?php echo e(old('latitude', $kontrakan->latitude)); ?>"
-                                            step="0.00000001"
-                                            min="-90"
-                                            max="90"
-                                            required
-                                        >
-                                        <?php $__errorArgs = ['latitude'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?>
-                                        <div class="invalid-feedback"><?php echo e($message); ?></div>
-                                        <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>
-                                    </div>
-                                    <small class="text-muted">Range: -90 sampai 90</small>
-                                </div>
-
-                                <!-- Longitude - UPDATED: Bisa Input Manual -->
-                                <div class="col-md-6">
-                                    <label for="longitude" class="form-label fw-semibold">
-                                        Longitude <span class="text-danger">*</span>
-                                        <span class="badge bg-warning bg-opacity-10 text-warning ms-2 small">
-                                            <i class="bi bi-pencil me-1"></i>Bisa input manual
-                                        </span>
-                                    </label>
-                                    <div class="input-group">
-                                        <span class="input-group-text bg-light">
-                                            <i class="bi bi-geo text-danger"></i>
-                                        </span>
-                                        <input 
-                                            type="number" 
-                                            name="longitude" 
-                                            class="form-control <?php $__errorArgs = ['longitude'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>" 
-                                            id="longitude" 
-                                            placeholder="110.416664"
-                                            value="<?php echo e(old('longitude', $kontrakan->longitude)); ?>"
-                                            step="0.00000001"
-                                            min="-180"
-                                            max="180"
-                                            required
-                                        >
-                                        <?php $__errorArgs = ['longitude'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?>
-                                        <div class="invalid-feedback"><?php echo e($message); ?></div>
-                                        <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>
-                                    </div>
-                                    <small class="text-muted">Range: -180 sampai 180</small>
-                                </div>
-
-                                <!-- Map Container -->
-                                <div class="col-12">
-                                    <div id="map" style="height: 400px; border-radius: 8px; border: 2px solid #dee2e6;"></div>
-                                    <small class="text-muted d-block mt-2">
-                                        <i class="bi bi-hand-index me-1"></i>Klik pada peta → alamat & koordinat otomatis terisi | Drag marker untuk ubah posisi
-                                    </small>
-                                </div>
-                            </div>
-                        </div>
-
-                        <!-- Detail Properti Section -->
-                        <div class="mb-4">
-                            <h5 class="section-header">
-                                <i class="bi bi-house me-2"></i>Detail Properti
-                            </h5>
-                            
-                            <div class="row g-3">
-                                <!-- Harga -->
-                                <div class="col-md-6">
-                                    <label for="harga" class="form-label fw-semibold">
-                                        Harga Sewa/Tahun <span class="text-danger">*</span>
-                                    </label>
-                                    <div class="input-group">
-                                        <span class="input-group-text bg-light border-end-0">
-                                            <i class="bi bi-currency-dollar text-success"></i>
-                                        </span>
-                                        <input 
-                                            type="number" 
-                                            name="harga" 
-                                            class="form-control border-start-0 <?php $__errorArgs = ['harga'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>" 
-                                            id="harga" 
-                                            placeholder="500000"
-                                            value="<?php echo e(old('harga', $kontrakan->harga)); ?>"
-                                            min="0"
-                                            required
-                                        >
-                                        <?php $__errorArgs = ['harga'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?>
-                                        <div class="invalid-feedback"><?php echo e($message); ?></div>
-                                        <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>
-                                    </div>
-                                    <small class="text-muted">Harga dalam Rupiah per tahun</small>
-                                    <div id="harga_preview" class="mt-1" style="display:none;">
-                                        <span class="badge bg-success-subtle text-success border border-success-subtle" style="font-size:0.82rem; padding: 4px 10px;">
-                                            <i class="bi bi-info-circle me-1"></i>
-                                            <span id="harga_preview_text"></span>
-                                        </span>
-                                    </div>
-                                </div>
-
-                                <!-- jumlah_kamar -->
-                                <div class="col-md-6">
-                                    <label for="jumlah_kamar" class="form-label fw-semibold">
-                                        Jumlah Kamar Tidur <span class="text-danger">*</span>
-                                    </label>
-                                    <div class="input-group">
-                                        <span class="input-group-text bg-light border-end-0">
-                                            <i class="bi bi-door-closed text-primary"></i>
-                                        </span>
-                                        <input 
-                                            type="number" 
-                                            name="jumlah_kamar" 
-                                            class="form-control border-start-0 <?php $__errorArgs = ['jumlah_kamar'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>" 
-                                            id="jumlah_kamar" 
-                                            placeholder="Contoh: 3"
-                                            value="<?php echo e(old('jumlah_kamar', $kontrakan->jumlah_kamar)); ?>"
-                                            min="1"
-                                            step="1"
-                                            required
-                                        >
-                                        <span class="input-group-text bg-light">kamar</span>
-                                        <?php $__errorArgs = ['jumlah_kamar'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?>
-                                        <div class="invalid-feedback"><?php echo e($message); ?></div>
-                                        <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>
-                                    </div>
-                                    <small class="text-muted">Jumlah kamar tidur yang tersedia</small>
-                                </div>
-
-                                <!-- bathroom_count -->
-                                <div class="col-md-6">
-                                    <label for="bathroom_count" class="form-label fw-semibold">
-                                        Jumlah Kamar Mandi
-                                    </label>
-                                    <div class="input-group">
-                                        <span class="input-group-text bg-light border-end-0">
-                                            <i class="bi bi-droplet text-info"></i>
-                                        </span>
-                                        <input 
-                                            type="number" 
-                                            name="bathroom_count" 
-                                            class="form-control border-start-0 <?php $__errorArgs = ['bathroom_count'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>" 
-                                            id="bathroom_count" 
-                                            placeholder="Contoh: 1"
-                                            value="<?php echo e(old('bathroom_count', $kontrakan->bathroom_count ?? 1)); ?>"
-                                            min="0"
-                                            step="1"
-                                        >
-                                        <span class="input-group-text bg-light">kamar</span>
-                                        <?php $__errorArgs = ['bathroom_count'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?>
-                                        <div class="invalid-feedback"><?php echo e($message); ?></div>
-                                        <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>
-                                    </div>
-                                    <small class="text-muted">Informasi kamar mandi untuk detail kontrakan</small>
-                                </div>
-
-                                <!-- Jarak - AUTO CALCULATED! -->
-                                <div class="col-md-6">
-                                    <label for="jarak" class="form-label fw-semibold">
-                                        Jarak ke Kampus <span class="text-danger">*</span>
-                                        <span class="badge bg-info bg-opacity-10 text-info ms-2">
-                                            <i class="bi bi-calculator me-1"></i>Auto-calculated
-                                        </span>
-                                    </label>
-                                    <div class="input-group">
-                                        <span class="input-group-text bg-light border-end-0">
-                                            <i class="bi bi-pin-map text-info"></i>
-                                        </span>
-                                        <input 
-                                            type="number" 
-                                            name="jarak" 
-                                            class="form-control border-start-0 <?php $__errorArgs = ['jarak'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>" 
-                                            id="jarak" 
-                                            placeholder="Otomatis dihitung"
-                                            value="<?php echo e(old('jarak', $kontrakan->jarak)); ?>"
-                                            min="0"
-                                            readonly
-                                            required
-                                        >
-                                        <span class="input-group-text bg-light">meter</span>
-                                        <?php $__errorArgs = ['jarak'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?>
-                                        <div class="invalid-feedback"><?php echo e($message); ?></div>
-                                        <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>
-                                    </div>
-                                    <small class="text-muted">
-                                        <i class="bi bi-info-circle me-1"></i>
-                                        Jarak otomatis dihitung dari koordinat kontrakan ke kampus
-                                    </small>
-                                </div>
-
-                                <!-- Fasilitas -->
-                                <div class="col-md-6">
-                                    <label for="fasilitas" class="form-label fw-semibold">
-                                        Fasilitas
-                                    </label>
-                                    <div class="input-group">
-                                        <span class="input-group-text bg-light border-end-0">
-                                            <i class="bi bi-star text-warning"></i>
-                                        </span>
-                                        <input 
-                                            type="text" 
-                                            name="fasilitas" 
-                                            class="form-control border-start-0 <?php $__errorArgs = ['fasilitas'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>" 
-                                            id="fasilitas" 
-                                            placeholder="Contoh: WiFi, AC, Kasur, Lemari"
-                                            value="<?php echo e(old('fasilitas', $kontrakan->fasilitas)); ?>"
-                                        >
-                                        <?php $__errorArgs = ['fasilitas'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?>
-                                        <div class="invalid-feedback"><?php echo e($message); ?></div>
-                                        <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>
-                                    </div>
-                                    <small class="text-muted">Pisahkan dengan koma (,) untuk fasilitas lebih dari satu</small>
-                                </div>
-                            </div>
-                        </div>
-
-                        <!-- Upload Foto Section -->
-                        <div class="mb-4">
-                            <h5 class="section-header">
-                                <i class="bi bi-camera me-2"></i>Foto Kontrakan
-                            </h5>
-                            
-                            <div class="row g-3">
-                                <div class="col-md-12">
-                                    <div class="border rounded p-3 bg-light">
-                                        <div class="row align-items-center">
-                                            <!-- Foto Preview (Kiri) -->
-                                            <div class="col-md-4 text-center mb-3 mb-md-0">
-                                                <?php if($kontrakan->foto): ?>
-                                                    <img 
-                                                        src="<?php echo e(asset('uploads/kontrakan/' . $kontrakan->foto)); ?>" 
-                                                        alt="<?php echo e($kontrakan->nama); ?>" 
-                                                        class="img-fluid rounded"
-                                                        style="max-height: 150px; cursor: pointer;"
-                                                        onclick="openImageModal(this.src)"
-                                                        id="current-foto"
-                                                    >
-                                                <?php else: ?>
-                                                    <div class="py-3">
-                                                        <i class="bi bi-image text-muted" style="font-size: 3rem;"></i>
-                                                        <p class="text-muted mb-0 small">Belum ada foto</p>
-                                                    </div>
-                                                <?php endif; ?>
-                                                
-                                                <div id="preview-foto-container" style="display: none;">
-                                                    <img id="preview-foto" src="" alt="Preview" class="img-fluid rounded" style="max-height: 150px;">
-                                                    <p class="text-success mb-0 small mt-1">
-                                                        <i class="bi bi-check-circle me-1"></i>Foto baru
-                                                    </p>
-                                                </div>
-                                            </div>
-                                            
-                                            <!-- Input & Actions (Kanan) -->
-                                            <div class="col-md-8">
-                                                <label for="foto" class="form-label fw-semibold mb-2">
-                                                    <i class="bi bi-upload me-1"></i>Upload / Ganti Foto
-                                                </label>
-                                                <input 
-                                                    type="file" 
-                                                    name="foto" 
-                                                    class="form-control form-control-sm <?php $__errorArgs = ['foto'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>" 
-                                                    id="foto" 
-                                                    accept="image/jpeg,image/png,image/jpg"
-                                                >
-                                                <small class="text-muted d-block mt-1">Format: JPG, PNG, JPEG (Max 2MB)</small>
-                                                <?php $__errorArgs = ['foto'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?>
-                                                <div class="invalid-feedback"><?php echo e($message); ?></div>
-                                                <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>
-                                                
-                                                <?php if($kontrakan->foto): ?>
-                                                <div class="form-check mt-3">
-                                                    <input 
-                                                        class="form-check-input border-danger" 
-                                                        type="checkbox" 
-                                                        name="hapus_foto" 
-                                                        value="1" 
-                                                        id="hapus_foto"
-                                                    >
-                                                    <label class="form-check-label text-danger fw-semibold" for="hapus_foto">
-                                                        <i class="bi bi-trash me-1"></i>Hapus foto ini
-                                                    </label>
-                                                </div>
-                                                <?php endif; ?>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-
-                        <!-- Info Perubahan -->
-                        <div class="alert alert-info border-info border-2 mb-4">
-                            <h6 class="fw-bold mb-2">
-                                <i class="bi bi-info-circle me-2"></i>Info Perubahan
-                            </h6>
-                            <p class="mb-0 small">
-                                Anda sedang mengedit data kontrakan <strong><?php echo e($kontrakan->nama); ?></strong>. 
-                                Pastikan semua perubahan sudah benar sebelum menyimpan.
-                            </p>
-                        </div>
-
-                        <!-- Action Buttons -->
-                        <div class="d-flex gap-2 justify-content-end pt-3 border-top">
-                            <a href="<?php echo e(route('kontrakan.index')); ?>" class="btn btn-outline-secondary px-4">
-                                <i class="bi bi-arrow-left me-2"></i>Batal
-                            </a>
-                            <button type="submit" class="btn btn-submit px-4">
-                                <i class="bi bi-save me-2"></i>Simpan Perubahan
-                            </button>
-                        </div>
-                    </form>
-                </div>
-            </div>
-
-            <!-- Data History Card -->
-            <div class="info-card">
-                <div class="d-flex">
-                    <div class="me-3">
-                        <i class="bi bi-clock-history text-primary" style="font-size: 1.5rem;"></i>
-                    </div>
-                    <div>
-                        <h6 class="fw-bold mb-2">Riwayat Data:</h6>
-                        <p class="mb-1 small">
-                            <strong>Dibuat:</strong> <?php echo e($kontrakan->created_at->format('d M Y, H:i')); ?> WIB
-                        </p>
-                        <?php if($kontrakan->updated_at != $kontrakan->created_at): ?>
-                        <p class="mb-0 small">
-                            <strong>Terakhir diupdate:</strong> <?php echo e($kontrakan->updated_at->format('d M Y, H:i')); ?> WIB
-                        </p>
-                        <?php endif; ?>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
-
-<!-- Leaflet CSS -->
-<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
-<!-- Leaflet JS -->
-<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
-<!-- JavaScript -->
-<script>
-document.addEventListener('DOMContentLoaded', function() {
-    // ========== KOORDINAT KAMPUS POLIJE ==========
-    const KAMPUS_LAT = -8.15981;
-    const KAMPUS_LNG = 113.72312;
-    
-    // ========== GET EXISTING DATA ==========
-    const existingLat = <?php echo e($kontrakan->latitude ?? 'null'); ?>;
-    const existingLng = <?php echo e($kontrakan->longitude ?? 'null'); ?>;
-    
-    // ========== MAP INITIALIZATION ==========
-    const initialLat = existingLat || KAMPUS_LAT;
-    const initialLng = existingLng || KAMPUS_LNG;
-    
-    const map = L.map('map').setView([initialLat, initialLng], existingLat ? 15 : 13);
-    
-    L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
-        attribution: '© OpenStreetMap contributors',
-        maxZoom: 19
-    }).addTo(map);
-    
-    // Marker kampus (optional - untuk referensi)
-    const kampusIcon = L.divIcon({
-        className: 'custom-marker',
-        html: '<div style="background: #dc3545; color: white; padding: 5px 10px; border-radius: 5px; font-weight: bold; box-shadow: 0 2px 5px rgba(0,0,0,0.3);">🏫 KAMPUS</div>',
-        iconSize: [80, 30],
-        iconAnchor: [40, 15]
-    });
-    L.marker([KAMPUS_LAT, KAMPUS_LNG], { icon: kampusIcon }).addTo(map);
-    
-    let marker;
-    let isUpdatingFromInput = false; // Flag untuk prevent loop
-    
-    // ========== FUNCTION: REVERSE GEOCODING (KOORDINAT → ALAMAT) ==========
-    function reverseGeocode(lat, lng) {
-        const reverseGeocodeURL = `https://nominatim.openstreetmap.org/reverse?format=json&lat=${lat}&lon=${lng}&zoom=18&addressdetails=1`;
-        
-        fetch(reverseGeocodeURL)
-            .then(response => response.json())
-            .then(data => {
-                if (data && data.display_name) {
-                    document.getElementById('alamat').value = data.display_name;
-                    console.log('✅ Alamat berhasil di-update:', data.display_name);
-                }
-            })
-            .catch(error => {
-                console.error('⚠️ Reverse geocoding error:', error);
-            });
-    }
-    
-    // ========== FUNCTION: ADD/UPDATE MARKER ==========
-    function addMarker(lat, lng, shouldReverseGeocode = true) {
-        if (marker) {
-            marker.setLatLng([lat, lng]);
-        } else {
-            marker = L.marker([lat, lng], {
-                draggable: true
-            }).addTo(map);
-            
-            // Event: Drag marker
-            marker.on('dragend', function(e) {
-                const position = marker.getLatLng();
-                updateCoordinates(position.lat, position.lng);
-                calculateDistance(position.lat, position.lng);
-                reverseGeocode(position.lat, position.lng); // Auto update alamat
-            });
-        }
-        
-        map.setView([lat, lng], 15);
-        updateCoordinates(lat, lng);
-        calculateDistance(lat, lng);
-        
-        // Reverse geocoding (koordinat → alamat)
-        if (shouldReverseGeocode) {
-            reverseGeocode(lat, lng);
-        }
-    }
-    
-    // ========== INITIALIZE MARKER WITH EXISTING DATA ==========
-    if (existingLat && existingLng) {
-        addMarker(existingLat, existingLng, false); // false = don't reverse geocode on load
-    }
-    
-    // ========== FUNCTION: UPDATE COORDINATES INPUT ==========
-    function updateCoordinates(lat, lng) {
-        if (!isUpdatingFromInput) {
-            document.getElementById('latitude').value = lat.toFixed(8);
-            document.getElementById('longitude').value = lng.toFixed(8);
-        }
-    }
-    
-    // ========== FUNCTION: VALIDATE COORDINATES ==========
-    function validateCoordinates(lat, lng) {
-        lat = parseFloat(lat);
-        lng = parseFloat(lng);
-        
-        if (isNaN(lat) || isNaN(lng)) {
-            return { valid: false, message: '❌ Koordinat harus berupa angka!' };
-        }
-        
-        if (lat < -90 || lat > 90) {
-            return { valid: false, message: '❌ Latitude harus antara -90 sampai 90!' };
-        }
-        
-        if (lng < -180 || lng > 180) {
-            return { valid: false, message: '❌ Longitude harus antara -180 sampai 180!' };
-        }
-        
-        return { valid: true, lat: lat, lng: lng };
-    }
-    
-    // ========== FUNCTION: CALCULATE DISTANCE (HAVERSINE FORMULA) ==========
-    function calculateDistance(lat, lng) {
-        const R = 6371e3; // Earth radius in meters
-        const φ1 = KAMPUS_LAT * Math.PI / 180;
-        const φ2 = lat * Math.PI / 180;
-        const Δφ = (lat - KAMPUS_LAT) * Math.PI / 180;
-        const Δλ = (lng - KAMPUS_LNG) * Math.PI / 180;
-        
-        const a = Math.sin(Δφ/2) * Math.sin(Δφ/2) +
-                  Math.cos(φ1) * Math.cos(φ2) *
-                  Math.sin(Δλ/2) * Math.sin(Δλ/2);
-        const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1-a));
-        
-        const distance = Math.round(R * c); // Distance in meters
-        document.getElementById('jarak').value = distance;
-        
-        console.log('📏 Jarak ke kampus:', distance, 'meter');
-    }
-    
-    // ========== INPUT MANUAL KOORDINAT → UPDATE PETA ==========
-    const latInput = document.getElementById('latitude');
-    const lngInput = document.getElementById('longitude');
-    
-    let inputTimeout;
-    
-    function handleCoordinateInput() {
-        clearTimeout(inputTimeout);
-        
-        inputTimeout = setTimeout(() => {
-            const lat = latInput.value;
-            const lng = lngInput.value;
-            
-            if (lat && lng) {
-                const validation = validateCoordinates(lat, lng);
-                
-                if (validation.valid) {
-                    isUpdatingFromInput = true;
-                    addMarker(validation.lat, validation.lng, true); // true = reverse geocode
-                    isUpdatingFromInput = false;
-                    
-                    console.log('✅ Marker dipindahkan ke:', validation.lat, validation.lng);
-                } else {
-                    alert(validation.message);
-                }
-            }
-        }, 800); // Delay 800ms untuk avoid spam
-    }
-    
-    latInput.addEventListener('input', handleCoordinateInput);
-    lngInput.addEventListener('input', handleCoordinateInput);
-    
-    // ========== GEOCODING: ALAMAT → KOORDINAT ==========
-    document.getElementById('geocodeBtn').addEventListener('click', function() {
-        const alamat = document.getElementById('alamat').value.trim();
-        
-        if (!alamat) {
-            alert('⚠️ Mohon isi alamat lengkap terlebih dahulu!');
-            document.getElementById('alamat').focus();
-            return;
-        }
-        
-        const button = this;
-        const originalHTML = button.innerHTML;
-        
-        button.disabled = true;
-        button.innerHTML = '<span class="spinner-border spinner-border-sm me-2"></span>Mencari koordinat...';
-        
-        // Fungsi untuk mencari koordinat
-        function tryGeocode(searchQuery) {
-            const geocodeURL = `https://nominatim.openstreetmap.org/search?format=json&q=${encodeURIComponent(searchQuery)}&limit=5&countrycodes=id`;
-            
-            return fetch(geocodeURL)
-                .then(response => response.json())
-                .then(data => {
-                    if (data && data.length > 0) {
-                        // Filter hasil yang paling relevan (prioritaskan yang ada "jember")
-                        let bestMatch = data[0];
-                        const jemberMatch = data.find(item => 
-                            item.display_name.toLowerCase().includes('jember')
-                        );
-                        if (jemberMatch) bestMatch = jemberMatch;
-                        
-                        return bestMatch;
-                    }
-                    return null;
-                });
-        }
-        
-        // STRATEGI 1: Cari dengan alamat lengkap
-        tryGeocode(alamat)
-            .then(result => {
-                if (result) {
-                    return result;
-                }
-                
-                // STRATEGI 2: Ambil kata kunci penting (kecamatan + kota)
-                const parts = alamat.split(',').map(s => s.trim());
-                if (parts.length >= 2) {
-                    // Coba: Kecamatan, Kota
-                    const simplifiedQuery = `${parts[parts.length - 2]}, ${parts[parts.length - 1]}`;
-                    return tryGeocode(simplifiedQuery);
-                }
-                return null;
-            })
-            .then(result => {
-                if (result) {
-                    return result;
-                }
-                
-                // STRATEGI 3: Cari hanya nama kota/kabupaten
-                const cityMatch = alamat.match(/jember|sumbersari/i);
-                if (cityMatch) {
-                    return tryGeocode('Jember, Jawa Timur, Indonesia');
-                }
-                return null;
-            })
-            .then(result => {
-                button.disabled = false;
-                button.innerHTML = originalHTML;
-                
-                if (result) {
-                    const lat = parseFloat(result.lat);
-                    const lng = parseFloat(result.lon);
-                    
-                    addMarker(lat, lng, false);
-                    
-                    // Success notification
-                    alert('✅ Koordinat berhasil ditemukan!\n\n' +
-                          '📍 Lokasi ditemukan: ' + result.display_name + '\n' +
-                          '🌍 Koordinat: ' + lat.toFixed(6) + ', ' + lng.toFixed(6) + '\n' +
-                          '📏 Jarak ke kampus: ' + document.getElementById('jarak').value + ' meter\n\n' +
-                          '💡 Anda bisa drag marker untuk penyesuaian lokasi yang lebih tepat!');
-                } else {
-                    // Gagal semua strategi
-                    alert('❌ Alamat tidak ditemukan di peta!\n\n' +
-                          '💡 Solusi Alternatif:\n\n' +
-                          '1️⃣ CARA TERMUDAH: Klik langsung pada PETA di lokasi yang Anda inginkan\n' +
-                          '   → Alamat akan otomatis terisi!\n\n' +
-                          '2️⃣ Sederhanakan alamat:\n' +
-                          '   • Dari: "' + alamat + '"\n' +
-                          '   • Jadi: "Sumbersari, Jember, Jawa Timur"\n' +
-                          '   • Atau: "Jember, Jawa Timur"\n\n' +
-                          '3️⃣ Gunakan GPS:\n' +
-                          '   • Klik "Deteksi Lokasi Saya" jika Anda di lokasi\n\n' +
-                          '4️⃣ Input Manual:\n' +
-                          '   • Ketik koordinat latitude & longitude langsung\n' +
-                          '   • Contoh: Latitude: -8.159917, Longitude: 113.722750');
-                }
-            })
-            .catch(error => {
-                button.disabled = false;
-                button.innerHTML = originalHTML;
-                
-                console.error('Geocoding error:', error);
-                alert('⚠️ Terjadi kesalahan saat mencari koordinat.\n\n' +
-                      '🎯 SOLUSI CEPAT:\n' +
-                      '• Klik langsung pada PETA (paling mudah!)\n' +
-                      '• Atau gunakan "Deteksi Lokasi Saya"\n' +
-                      '• Atau ketik koordinat manual');
-            });
-    });
-    
-    // ========== DETECT USER LOCATION (GPS) ==========
-    document.getElementById('detectLocation').addEventListener('click', function() {
-        const button = this;
-        const originalHTML = button.innerHTML;
-        
-        button.disabled = true;
-        button.innerHTML = '<span class="spinner-border spinner-border-sm me-2"></span>Mendeteksi lokasi...';
-        
-        if (navigator.geolocation) {
-            navigator.geolocation.getCurrentPosition(
-                function(position) {
-                    const lat = position.coords.latitude;
-                    const lng = position.coords.longitude;
-                    
-                    addMarker(lat, lng, true); // true = reverse geocode
-                    
-                    button.disabled = false;
-                    button.innerHTML = originalHTML;
-                    
-                    alert('✅ Lokasi GPS berhasil terdeteksi!\n\n' +
-                          '🌍 Koordinat: ' + lat.toFixed(6) + ', ' + lng.toFixed(6) + '\n' +
-                          '📏 Jarak ke kampus: ' + document.getElementById('jarak').value + ' meter\n' +
-                          '📍 Alamat otomatis di-update!');
-                },
-                function(error) {
-                    button.disabled = false;
-                    button.innerHTML = originalHTML;
-                    
-                    let errorMsg = '❌ Gagal mendeteksi lokasi GPS.\n\n';
-                    switch(error.code) {
-                        case error.PERMISSION_DENIED:
-                            errorMsg += '🚫 Izin lokasi ditolak.\n\n' +
-                                       '💡 Solusi:\n' +
-                                       '1. Klik ikon gembok/info di address bar\n' +
-                                       '2. Izinkan akses lokasi\n' +
-                                       '3. Refresh halaman dan coba lagi';
-                            break;
-                        case error.POSITION_UNAVAILABLE:
-                            errorMsg += '📡 Informasi lokasi tidak tersedia.\n\n' +
-                                       '💡 Coba gunakan "Cari dari Alamat" sebagai gantinya.';
-                            break;
-                        case error.TIMEOUT:
-                            errorMsg += '⏱️ Waktu permintaan habis.\n\n' +
-                                       '💡 Coba lagi atau gunakan cara lain.';
-                            break;
-                        default:
-                            errorMsg += '⚠️ Terjadi kesalahan yang tidak diketahui.';
-                    }
-                    alert(errorMsg);
-                }
-            );
-        } else {
-            button.disabled = false;
-            button.innerHTML = originalHTML;
-            alert('❌ Browser Anda tidak mendukung Geolocation.\n\n' +
-                  '💡 Gunakan "Cari dari Alamat" atau klik pada peta.');
-        }
-    });
-    
-    // ========== CLICK ON MAP → AUTO UPDATE ALAMAT ==========
-    map.on('click', function(e) {
-        addMarker(e.latlng.lat, e.latlng.lng, true); // true = reverse geocode
-    });
-    
-    // ========== WHATSAPP VALIDATION ==========
-    const whatsappInput = document.getElementById('no_whatsapp');
-    
-    whatsappInput.addEventListener('input', function(e) {
-        this.value = this.value.replace(/[^0-9]/g, '');
-        if (this.value.length > 20) {
-            this.value = this.value.substring(0, 20);
-        }
-    });
-    
-    whatsappInput.addEventListener('blur', function() {
-        const value = this.value.trim();
-        if (value) {
-            if (!value.startsWith('08') && !value.startsWith('628') && !value.startsWith('62')) {
-                alert('⚠️ Format nomor WhatsApp tidak valid.\n\nGunakan format: 08xxx atau 628xxx');
-                this.focus();
-            }
-            if (value.length < 10) {
-                alert('⚠️ Nomor WhatsApp terlalu pendek.\n\nMinimal 10 digit.');
-                this.focus();
-            }
-        }
-    });
-    
-    // ========== FOTO PREVIEW ==========
-    const fotoInput = document.getElementById('foto');
-    const previewFoto = document.getElementById('preview-foto');
-    const previewContainer = document.getElementById('preview-foto-container');
-    
-    fotoInput.addEventListener('change', function(e) {
-        const file = e.target.files[0];
-        const currentFoto = document.getElementById('current-foto');
-        
-        if (file) {
-            if (file.size > 2097152) {
-                alert('❌ Ukuran file maksimal 2MB!');
-                this.value = '';
-                previewContainer.style.display = 'none';
-                if (currentFoto) currentFoto.style.display = 'block';
-                return;
-            }
-            
-            const allowedTypes = ['image/jpeg', 'image/jpg', 'image/png'];
-            if (!allowedTypes.includes(file.type)) {
-                alert('❌ Hanya file JPG, PNG, dan JPEG yang diperbolehkan!');
-                this.value = '';
-                previewContainer.style.display = 'none';
-                if (currentFoto) currentFoto.style.display = 'block';
-                return;
-            }
-            
-            if (currentFoto) currentFoto.style.display = 'none';
-            
-            const reader = new FileReader();
-            reader.onload = function(e) {
-                previewFoto.src = e.target.result;
-                previewContainer.style.display = 'block';
-            }
-            reader.readAsDataURL(file);
-        } else {
-            previewContainer.style.display = 'none';
-            if (currentFoto) currentFoto.style.display = 'block';
-        }
-    });
-    
-    // ========== FORM VALIDATION ==========
-    const form = document.getElementById('kontrakanForm');
-    
-    form.addEventListener('submit', function(e) {
-        const lat = parseFloat(latInput.value);
-        const lng = parseFloat(lngInput.value);
-        
-        // Validasi koordinat
-        const validation = validateCoordinates(lat, lng);
-        if (!validation.valid) {
-            e.preventDefault();
-            alert(validation.message);
-            return;
-        }
-        
-        // Validasi WhatsApp
-        const waValue = whatsappInput.value.trim();
-        if (waValue) {
-            if (waValue.length < 10) {
-                e.preventDefault();
-                alert('❌ Nomor WhatsApp minimal 10 digit!');
-                whatsappInput.focus();
-                return;
-            }
-            if (!waValue.startsWith('08') && !waValue.startsWith('628') && !waValue.startsWith('62')) {
-                e.preventDefault();
-                alert('❌ Format nomor WhatsApp tidak valid.\n\nGunakan: 08xxx atau 628xxx');
-                whatsappInput.focus();
-                return;
-            }
-        }
-        
-        if (!form.checkValidity()) {
-            e.preventDefault();
-            e.stopPropagation();
-        }
-        form.classList.add('was-validated');
-    });
-
-    // ========== LIVE PREVIEW HARGA ==========
-    const hargaInput = document.getElementById('harga');
-    const hargaPreview = document.getElementById('harga_preview');
-    const hargaPreviewText = document.getElementById('harga_preview_text');
-
-    function terbilangSingkat(angka) {
-        if (!angka || angka <= 0) return '';
-        const m = Math.floor(angka / 1000000);
-        const rb = Math.floor((angka % 1000000) / 1000);
-        const s = angka % 1000;
-        let parts = [];
-        if (m > 0) parts.push(m + ' Juta');
-        if (rb > 0) parts.push(rb + ' Ribu');
-        if (s > 0) parts.push(s + ' Rupiah');
-        return parts.join(' ') || '0';
-    }
-
-    function formatRibu(angka) {
-        return parseInt(angka).toLocaleString('id-ID');
-    }
-
-    function updateHargaPreview() {
-        const val = parseInt(hargaInput.value);
-        if (val > 0) {
-            hargaPreviewText.textContent = 'Rp ' + formatRibu(val) + ' — ' + terbilangSingkat(val);
-            hargaPreview.style.display = 'block';
-        } else {
-            hargaPreview.style.display = 'none';
-        }
-    }
-
-    if (hargaInput) hargaInput.addEventListener('input', updateHargaPreview);
-    // Tampilkan saat load jika sudah ada nilai
-    if (hargaInput && hargaInput.value) updateHargaPreview();
-});
-
-// ========== MODAL FUNCTIONS ==========
-function openImageModal(src) {
-    const modal = document.getElementById('imageModal');
-    const modalImg = document.getElementById('modalImage');
-    
-    modal.style.display = 'block';
-    modalImg.src = src;
-    document.body.style.overflow = 'hidden';
-}
-
-function closeImageModal() {
-    const modal = document.getElementById('imageModal');
-    modal.style.display = 'none';
-    document.body.style.overflow = 'auto';
-}
-
-document.getElementById('imageModal').addEventListener('click', function(e) {
-    if (e.target === this) {
-        closeImageModal();
-    }
-});
-
-document.addEventListener('keydown', function(e) {
-    if (e.key === 'Escape') {
-        closeImageModal();
-    }
-});
-</script>
-<style>
-    .form-control:focus,
-    .form-select:focus {
-        border-color: #86b7fe;
-        box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.15);
-    }
-    
-    .input-group-text {
-        transition: all 0.3s ease;
-    }
-    
-    .form-control:focus + .input-group-text,
-    .input-group:focus-within .input-group-text {
-        border-color: #86b7fe;
-        background-color: #e7f1ff;
-    }
-    
-    .card {
-        transition: box-shadow 0.3s ease;
-    }
-    
-    .was-validated .form-control:invalid {
-        border-color: #dc3545;
-    }
-    
-    .was-validated .form-control:valid {
-        border-color: #198754;
-    }
-
-    /* Modal Styles */
-    .modal-fullscreen {
-        position: fixed;
-        z-index: 9999;
-        left: 0;
-        top: 0;
-        width: 100%;
-        height: 100%;
-        background-color: rgba(0, 0, 0, 0.95);
-        animation: fadeIn 0.3s;
-    }
-
-    .modal-close {
-        position: absolute;
-        top: 20px;
-        right: 40px;
-        color: #fff;
-        font-size: 40px;
-        font-weight: bold;
-        cursor: pointer;
-        z-index: 10000;
-    }
-
-    .modal-close:hover {
-        color: #bbb;
-    }
-
-    .modal-content-img {
-        max-width: 90%;
-        max-height: 90%;
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        transform: translate(-50%, -50%);
-        animation: zoomIn 0.3s;
-    }
-
-    @keyframes fadeIn {
-        from {opacity: 0;}
-        to {opacity: 1;}
-    }
-
-    @keyframes zoomIn {
-        from {transform: translate(-50%, -50%) scale(0.5);}
-        to {transform: translate(-50%, -50%) scale(1);}
-    }
-    
-    /* Leaflet Map Custom Styles */
-    .leaflet-container {
-        font-family: inherit;
-    }
-    
-    .leaflet-popup-content-wrapper {
-        border-radius: 8px;
-    }
-    
-    /* WhatsApp input styling */
-    #no_whatsapp:focus {
-        border-color: #25D366 !important;
-        box-shadow: 0 0 0 0.25rem rgba(37, 211, 102, 0.15) !important;
-    }
-    
-    #no_whatsapp.is-valid {
-        border-color: #25D366;
-        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2325D366' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
-    }
-    
-    /* Loading animation */
-    .spinner-border {
-        width: 1rem;
-        height: 1rem;
-        border-width: 0.15em;
-    }
-    
-    /* Custom marker kampus */
-    .custom-marker {
-        background: none;
-        border: none;
-    }
-    
-    /* Input koordinat style */
-    #latitude:focus,
-    #longitude:focus {
-        border-color: #ffc107 !important;
-        box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.15) !important;
-    }
-    
-    /* Highlight saat input manual aktif */
-    #latitude:not([readonly]):hover,
-    #longitude:not([readonly]):hover {
-        background-color: #fffbf0;
-        cursor: text;
-    }
-    
-    /* Badge animation */
-    .badge {
-        animation: pulse 2s ease-in-out infinite;
-    }
-    
-    @keyframes pulse {
-        0%, 100% { opacity: 1; }
-        50% { opacity: 0.7; }
-    }
-    
-    /* Smooth transitions */
-    .form-control,
-    .btn {
-        transition: all 0.3s ease;
-    }
-    
-    /* Alert styling */
-    .alert-info {
-        background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
-        border-left: 4px solid #2196f3;
-    }
-    
-    /* Map container styling */
-    #map {
-        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-        transition: box-shadow 0.3s ease;
-    }
-    
-    #map:hover {
-        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
-    }
-    
-    /* Button hover effects */
-    #geocodeBtn:hover {
-        transform: translateY(-2px);
-        box-shadow: 0 4px 8px rgba(108, 117, 125, 0.3);
-    }
-    
-    #detectLocation:hover {
-        transform: translateY(-2px);
-        box-shadow: 0 4px 8px rgba(13, 110, 253, 0.3);
-    }
-    
-    /* Responsive adjustments */
-    @media (max-width: 768px) {
-        #map {
-            height: 300px !important;
-        }
-        
-        .alert ul {
-            padding-left: 1.2rem;
-        }
-        
-        .badge {
-            font-size: 0.7rem;
-        }
-    }
-    
-    /* Input number remove spinner arrows (optional) */
-    input[type="number"]::-webkit-inner-spin-button,
-    input[type="number"]::-webkit-outer-spin-button {
-        opacity: 0.5;
-    }
-    
-    input[type="number"]:hover::-webkit-inner-spin-button,
-    input[type="number"]:hover::-webkit-outer-spin-button {
-        opacity: 1;
-    }
-    
-    /* Success state for coordinates */
-    #latitude.is-valid,
-    #longitude.is-valid {
-        border-color: #198754;
-        background-color: #f0fff4;
-    }
-    
-    /* Warning state for manual input */
-    #latitude:not([readonly]),
-    #longitude:not([readonly]) {
-        border-left: 3px solid #ffc107;
-    }
-    
-    /* Tooltip style */
-    small.text-muted {
-        font-size: 0.8rem;
-        display: block;
-        margin-top: 0.25rem;
-    }
-    
-    /* Button loading state */
-    .btn:disabled {
-        cursor: not-allowed;
-        opacity: 0.6;
-    }
-    
-    /* Card info styling */
-    .card.bg-light {
-        border-left: 4px solid #0d6efd;
-    }
-    
-    /* Input group icon colors */
-    .input-group-text i.bi-building {
-        color: #0d6efd;
-    }
-    
-    .input-group-text i.bi-geo-alt {
-        color: #dc3545;
-    }
-    
-    .input-group-text i.bi-geo {
-        color: #dc3545;
-    }
-    
-    .input-group-text i.bi-telephone {
-        color: #25D366;
-    }
-    
-    .input-group-text i.bi-currency-dollar {
-        color: #198754;
-    }
-    
-    .input-group-text i.bi-rulers {
-        color: #ffc107;
-    }
-    
-    .input-group-text i.bi-pin-map {
-        color: #0dcaf0;
-    }
-    
-    .input-group-text i.bi-star {
-        color: #ffc107;
-    }
-    
-    .input-group-text i.bi-image {
-        color: #0d6efd;
-    }
-    
-    /* Smooth scroll behavior */
-    html {
-        scroll-behavior: smooth;
-    }
-    
-    /* Focus visible for accessibility */
-    *:focus-visible {
-        outline: 2px solid #0d6efd;
-        outline-offset: 2px;
-    }
-    
-    /* Print styles */
-    @media print {
-        .btn,
-        .breadcrumb,
-        nav,
-        #map {
-            display: none !important;
-        }
-        
-        .card {
-            box-shadow: none !important;
-            border: 1px solid #dee2e6 !important;
-        }
-    }
-    
-    /* Animation for loading */
-    @keyframes spin {
-        0% { transform: rotate(0deg); }
-        100% { transform: rotate(360deg); }
-    }
-    
-    .spinner-border {
-        animation: spin 0.75s linear infinite;
-    }
-    
-    /* Hover effect for current foto */
-    #current-foto {
-        transition: transform 0.3s ease, box-shadow 0.3s ease;
-    }
-    
-    #current-foto:hover {
-        transform: scale(1.05);
-        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
-    }
-    
-    /* Preview foto animation */
-    #preview-foto-container {
-        animation: fadeIn 0.3s ease-in;
-    }
-    
-    /* Breadcrumb styling */
-    .breadcrumb-item + .breadcrumb-item::before {
-        color: #6c757d;
-    }
-    
-    .breadcrumb-item.active {
-        color: #0d6efd;
-        font-weight: 500;
-    }
-    
-    /* Form section headers */
-    .border-bottom {
-        border-bottom: 2px solid #e9ecef !important;
-    }
-    
-    h5.fw-bold {
-        color: #2c3e50;
-    }
-    
-    /* Action buttons hover */
-    .btn-light:hover {
-        background-color: #e9ecef;
-        border-color: #dee2e6;
-    }
-    
-    .btn-primary:hover {
-        background-color: #0b5ed7;
-        border-color: #0a58ca;
-        transform: translateY(-1px);
-        box-shadow: 0 4px 8px rgba(13, 110, 253, 0.3);
-    }
-    
-    /* Alert animations */
-    .alert {
-        animation: slideInDown 0.4s ease-out;
-    }
-    
-    @keyframes slideInDown {
-        from {
-            opacity: 0;
-            transform: translateY(-20px);
-        }
-        to {
-            opacity: 1;
-            transform: translateY(0);
-        }
-    }
-    
-    /* Checkbox styling for "Hapus foto" */
-    .form-check-input:checked[type="checkbox"] {
-        background-color: #dc3545;
-        border-color: #dc3545;
-    }
-    
-    .form-check-input:focus {
-        border-color: #dc3545;
-        box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
-    }
-    
-    /* Timeline styling for history */
-    .bi-clock-history {
-        color: #0d6efd;
-    }
-    
-    /* Improved map marker */
-    .leaflet-marker-icon {
-        transition: transform 0.3s ease;
-    }
-    
-    .leaflet-marker-icon:hover {
-        transform: scale(1.1);
-    }
-</style>
-
-<?php $__env->stopSection(); ?>
-
-<?php echo $__env->make('layouts.admin', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH C:\laragon\www\TA\spk_kontrakan\resources\views/kontrakan/edit.blade.php ENDPATH**/ ?>
\ No newline at end of file
diff --git a/spk_kontrakan/storage/framework/views/62b47ba91414543ff7e2fb59fd5405ad.php b/spk_kontrakan/storage/framework/views/62b47ba91414543ff7e2fb59fd5405ad.php
index 05055c5..dd6fbb1 100644
--- a/spk_kontrakan/storage/framework/views/62b47ba91414543ff7e2fb59fd5405ad.php
+++ b/spk_kontrakan/storage/framework/views/62b47ba91414543ff7e2fb59fd5405ad.php
@@ -762,7 +762,7 @@
                         <?php $__currentLoopData = $recentLaundry; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $l): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                         <div class="list-group-item px-0 py-2">
                             <div class="d-flex w-100 justify-content-between align-items-start">
-                                <div class="flex-grow-1 me-2">
+                                <div class="flex-grow-1 me-2">   
                                     <h6 class="mb-1 fw-semibold" style="font-size: 0.875rem;"><?php echo e($l->nama); ?></h6>
                                     <p class="mb-0 text-muted" style="font-size: 0.75rem;">
                                         <i class="bi bi-geo-alt me-1"></i><?php echo e(Str::limit($l->alamat ?? '-', 25)); ?>
diff --git a/spk_kontrakan/storage/framework/views/6b304950f45ce77007f7b02d78cabc42.php b/spk_kontrakan/storage/framework/views/6b304950f45ce77007f7b02d78cabc42.php
deleted file mode 100644
index 1ab3ff8..0000000
--- a/spk_kontrakan/storage/framework/views/6b304950f45ce77007f7b02d78cabc42.php
+++ /dev/null
@@ -1,176 +0,0 @@
-
-
-<?php $__env->startSection('title', 'Backup & Restore Database'); ?>
-
-<?php $__env->startSection('content'); ?>
-<div class="container-fluid px-4">
-    <style>
-        .backup-card {
-            border: none;
-            border-radius: 12px;
-            box-shadow: 0 4px 15px rgba(0,0,0,0.08);
-            transition: all 0.3s ease;
-        }
-
-        .backup-card:hover {
-            transform: translateY(-4px);
-            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
-        }
-    </style>
-
-    <!-- Header -->
-    <div style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 12px; padding: 2rem; color: white; margin-bottom: 2rem;">
-        <div class="d-flex justify-content-between align-items-center flex-wrap gap-3">
-            <div>
-                <h2 class="mb-2">
-                    <i class="bi bi-cloud-arrow-down me-3"></i>Backup & Restore Database
-                </h2>
-                <p class="mb-0 fs-6">Kelola backup database untuk keamanan data</p>
-            </div>
-            <form action="<?php echo e(route('admin.backup.create')); ?>" method="POST">
-                <?php echo csrf_field(); ?>
-                <button type="submit" class="btn btn-light fw-semibold" onclick="return confirm('Mulai backup database?')">
-                    <i class="bi bi-cloud-check me-2"></i>Buat Backup Baru
-                </button>
-            </form>
-        </div>
-    </div>
-
-    <!-- Alert -->
-    <?php if(session('success')): ?>
-    <div class="alert alert-success alert-dismissible fade show" role="alert">
-        <i class="bi bi-check-circle-fill me-2"></i><?php echo e(session('success')); ?>
-
-        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
-    </div>
-    <?php endif; ?>
-
-    <?php if(session('error')): ?>
-    <div class="alert alert-danger alert-dismissible fade show" role="alert">
-        <i class="bi bi-exclamation-triangle-fill me-2"></i><?php echo e(session('error')); ?>
-
-        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
-    </div>
-    <?php endif; ?>
-
-    <!-- Info Card -->
-    <div class="alert alert-info border-0 rounded-3 mb-4">
-        <i class="bi bi-info-circle me-2"></i>
-        <strong>Tips:</strong> Lakukan backup secara berkala untuk mengamankan data. Backup dibuat dalam format ZIP dan dapat di-download.
-    </div>
-
-    <!-- Backups List -->
-    <div class="card border-0 shadow-sm">
-        <div class="card-header bg-white border-0 py-3">
-            <h5 class="mb-0 fw-semibold">
-                <i class="bi bi-archive me-2"></i>Daftar Backup (<?php echo e(count($backups)); ?>)
-            </h5>
-        </div>
-
-        <div class="card-body p-0">
-            <?php if(empty($backups)): ?>
-                <div class="text-center py-5">
-                    <i class="bi bi-inbox text-muted" style="font-size: 3rem;"></i>
-                    <h5 class="text-muted mt-3">Tidak ada backup ditemukan</h5>
-                    <p class="text-muted mb-4">Klik tombol "Buat Backup Baru" untuk membuat backup pertama Anda</p>
-                </div>
-            <?php else: ?>
-            <div class="row g-3 p-4">
-                <?php $__currentLoopData = $backups; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $backup): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
-                <div class="col-12">
-                    <div class="backup-card card">
-                        <div class="card-body p-4">
-                            <div class="row align-items-center">
-                                <div class="col-md-6">
-                                    <div class="d-flex align-items-center gap-3">
-                                        <div style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); width: 50px; height: 50px; border-radius: 8px; display: flex; align-items: center; justify-content: center; color: white;">
-                                            <i class="bi bi-file-zip" style="font-size: 1.5rem;"></i>
-                                        </div>
-                                        <div>
-                                            <h6 class="mb-1 fw-semibold"><?php echo e($backup['name']); ?></h6>
-                                            <small class="text-muted">
-                                                <i class="bi bi-calendar me-1"></i>
-                                                <?php echo e(date('d M Y H:i', $backup['date'])); ?>
-
-                                                <span class="mx-2">•</span>
-                                                <i class="bi bi-file-size me-1"></i>
-                                                <?php echo e(number_format($backup['size'] / 1024 / 1024, 2)); ?> MB
-                                            </small>
-                                        </div>
-                                    </div>
-                                </div>
-
-                                <div class="col-md-6">
-                                    <div class="d-flex gap-2 justify-content-md-end mt-3 mt-md-0">
-                                        <a href="<?php echo e(route('admin.backup.download', $backup['name'])); ?>" class="btn btn-sm btn-primary">
-                                            <i class="bi bi-download me-1"></i>Download
-                                        </a>
-
-                                        <form action="<?php echo e(route('admin.backup.restore', $backup['name'])); ?>" method="POST" style="display: inline;" onsubmit="return confirm('Restore dari backup ini? Data saat ini akan ditimpa!');">
-                                            <?php echo csrf_field(); ?>
-                                            <button type="submit" class="btn btn-sm btn-warning">
-                                                <i class="bi bi-arrow-counterclockwise me-1"></i>Restore
-                                            </button>
-                                        </form>
-
-                                        <form action="<?php echo e(route('admin.backup.delete', $backup['name'])); ?>" method="POST" style="display: inline;" onsubmit="return confirm('Hapus backup ini?');">
-                                            <?php echo csrf_field(); ?>
-                                            <?php echo method_field('DELETE'); ?>
-                                            <button type="submit" class="btn btn-sm btn-danger">
-                                                <i class="bi bi-trash me-1"></i>Hapus
-                                            </button>
-                                        </form>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
-            </div>
-            <?php endif; ?>
-        </div>
-    </div>
-
-    <!-- Backup Statistics -->
-    <div class="row g-3 mt-4">
-        <div class="col-md-6">
-            <div class="card border-0 shadow-sm">
-                <div class="card-body p-4">
-                    <h6 class="fw-semibold mb-3">
-                        <i class="bi bi-shield-check me-2" style="color: #667eea;"></i>Backup Information
-                    </h6>
-                    <small class="text-muted d-block mb-2">
-                        <strong>Total Backups:</strong> <?php echo e(count($backups)); ?>
-
-                    </small>
-                    <small class="text-muted d-block mb-2">
-                        <strong>Total Size:</strong> <?php echo e(number_format(array_sum(array_column($backups, 'size')) / 1024 / 1024, 2)); ?> MB
-                    </small>
-                    <?php if(count($backups) > 0): ?>
-                    <small class="text-muted d-block">
-                        <strong>Latest:</strong> <?php echo e(date('d M Y H:i', $backups[0]['date'])); ?>
-
-                    </small>
-                    <?php endif; ?>
-                </div>
-            </div>
-        </div>
-
-        <div class="col-md-6">
-            <div class="card border-0 shadow-sm border-warning">
-                <div class="card-body p-4 bg-warning bg-opacity-10">
-                    <h6 class="fw-semibold mb-3">
-                        <i class="bi bi-exclamation-triangle me-2"></i>Reminder
-                    </h6>
-                    <small class="text-muted d-block">
-                        ⚠️ Backup database secara rutin (minimal 1x sehari) untuk mencegah kehilangan data yang tidak dapat dipulihkan.
-                    </small>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
-<?php $__env->stopSection(); ?>
-
-<?php echo $__env->make('layouts.admin', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH C:\laragon\www\TA\spk_kontrakan\resources\views/admin/backup/index.blade.php ENDPATH**/ ?>
\ No newline at end of file
diff --git a/spk_kontrakan/storage/framework/views/750ed3e845a2f0e93cc431f7924de6f1.php b/spk_kontrakan/storage/framework/views/750ed3e845a2f0e93cc431f7924de6f1.php
deleted file mode 100644
index 7a13def..0000000
--- a/spk_kontrakan/storage/framework/views/750ed3e845a2f0e93cc431f7924de6f1.php
+++ /dev/null
@@ -1,1383 +0,0 @@
-
-
-<?php $__env->startSection('title', 'Kelola Kriteria SAW'); ?>
-
-<?php $__env->startSection('content'); ?>
-<div class="container-fluid px-2 px-md-4 page-kriteria">
-    <!-- Enhanced Mobile-First Styling -->
-    <style>
-        /* Page Background & Pattern */
-        .page-kriteria {
-            position: relative;
-            min-height: 100vh;
-            background: linear-gradient(135deg, #f8f9ff 0%, #f0f4ff 50%, #faf5ff 100%);
-        }
-        
-        .page-kriteria::before {
-            content: '';
-            position: fixed;
-            top: 0;
-            left: 0;
-            right: 0;
-            bottom: 0;
-            background-image: 
-                radial-gradient(circle at 15% 40%, rgba(251, 146, 60, 0.08) 0%, transparent 40%),
-                radial-gradient(circle at 85% 60%, rgba(102, 126, 234, 0.06) 0%, transparent 40%),
-                radial-gradient(circle at 50% 80%, rgba(118, 75, 162, 0.04) 0%, transparent 50%);
-            pointer-events: none;
-            z-index: -1;
-        }
-        
-        /* Floating Decorations */
-        .floating-decoration {
-            position: fixed;
-            pointer-events: none;
-            z-index: 0;
-            opacity: 0.5;
-        }
-        
-        .floating-decoration.deco-1 {
-            top: 12%;
-            right: 10%;
-            width: 130px;
-            height: 130px;
-            background: linear-gradient(135deg, rgba(251, 146, 60, 0.15) 0%, rgba(102, 126, 234, 0.05) 100%);
-            border-radius: 50%;
-            filter: blur(28px);
-            animation: kritFloat 8s ease-in-out infinite;
-        }
-        
-        .floating-decoration.deco-2 {
-            bottom: 30%;
-            left: 8%;
-            width: 160px;
-            height: 160px;
-            background: linear-gradient(135deg, rgba(118, 75, 162, 0.12) 0%, rgba(251, 146, 60, 0.05) 100%);
-            border-radius: 50%;
-            filter: blur(35px);
-            animation: kritFloat 10s ease-in-out infinite reverse;
-        }
-        
-        .floating-decoration.deco-3 {
-            top: 65%;
-            right: 18%;
-            width: 80px;
-            height: 80px;
-            background: linear-gradient(135deg, rgba(40, 167, 69, 0.12) 0%, transparent 100%);
-            border-radius: 50%;
-            filter: blur(20px);
-            animation: kritFloat 6s ease-in-out infinite 1s;
-        }
-        
-        @keyframes kritFloat {
-            0%, 100% { transform: translateY(0px); }
-            50% { transform: translateY(-15px); }
-        }
-
-        /* Stats Cards */
-        .stats-overview {
-            display: grid;
-            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-            gap: 1rem;
-            margin-bottom: 1.5rem;
-        }
-        
-        .stat-card {
-            background: rgba(255, 255, 255, 0.95);
-            backdrop-filter: blur(10px);
-            border-radius: 16px;
-            padding: 1.25rem;
-            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
-            border: 1px solid rgba(255, 255, 255, 0.8);
-            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-            position: relative;
-            overflow: hidden;
-        }
-        
-        .stat-card::before {
-            content: '';
-            position: absolute;
-            top: 0;
-            left: 0;
-            right: 0;
-            height: 4px;
-            background: linear-gradient(90deg, var(--stat-color), transparent);
-        }
-        
-        .stat-card:hover {
-            transform: translateY(-5px);
-            box-shadow: 0 8px 30px rgba(251, 146, 60, 0.15);
-        }
-        
-        .stat-card .stat-icon {
-            width: 48px;
-            height: 48px;
-            border-radius: 12px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            font-size: 1.4rem;
-            margin-bottom: 0.75rem;
-        }
-        
-        .stat-card .stat-value {
-            font-size: 1.6rem;
-            font-weight: 800;
-            color: var(--stat-color);
-            line-height: 1.2;
-        }
-        
-        .stat-card .stat-label {
-            font-size: 0.82rem;
-            color: #6c757d;
-            font-weight: 500;
-        }
-
-        /* Enhanced Content Card */
-        .main-content-card {
-            background: rgba(255, 255, 255, 0.98);
-            backdrop-filter: blur(20px);
-            border-radius: 20px;
-            box-shadow: 0 8px 40px rgba(0, 0, 0, 0.08);
-            border: 1px solid rgba(255, 255, 255, 0.9);
-            overflow: hidden;
-            position: relative;
-        }
-        
-        .main-content-card::before {
-            content: '';
-            position: absolute;
-            top: 0;
-            left: 0;
-            right: 0;
-            height: 5px;
-            background: linear-gradient(90deg, #818cf8 0%, #667eea 50%, #764ba2 100%);
-            background-size: 200% 100%;
-            animation: gradientMove 3s ease infinite;
-        }
-        
-        @keyframes gradientMove {
-            0%, 100% { background-position: 0% 50%; }
-            50% { background-position: 100% 50%; }
-        }
-
-        .kriteria-header {
-            background: linear-gradient(135deg, #818cf8 0%, #667eea 50%, #764ba2 100%);
-            border-radius: 1rem;
-            padding: 1.5rem;
-            color: white;
-            margin-bottom: 1.5rem;
-            box-shadow: 0 10px 30px rgba(251, 146, 60, 0.25);
-            position: relative;
-            overflow: hidden;
-        }
-        
-        .kriteria-header::before {
-            content: '';
-            position: absolute;
-            top: -50%;
-            right: -50%;
-            width: 200%;
-            height: 200%;
-            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
-            animation: kriteriaFloat 8s ease-in-out infinite;
-        }
-        
-        @keyframes kriteriaFloat {
-            0%, 100% { transform: translateY(0px) rotate(0deg); }
-            50% { transform: translateY(-15px) rotate(3deg); }
-        }
-        
-        .btn-kriteria {
-            background: rgba(255,255,255,0.95);
-            color: #818cf8;
-            font-weight: 600;
-            border: 2px solid rgba(255,255,255,0.3);
-            padding: 0.6rem 1rem;
-            border-radius: 0.75rem;
-            transition: all 0.3s ease;
-            backdrop-filter: blur(10px);
-        }
-        
-        .btn-kriteria:hover {
-            transform: translateY(-3px);
-            box-shadow: 0 8px 25px rgba(0,0,0,0.2);
-            background: white;
-            color: #667eea;
-        }
-        
-        .enhanced-kriteria-card {
-            background: rgba(255,255,255,0.9);
-            backdrop-filter: blur(10px);
-            border: none;
-            border-radius: 1rem;
-            box-shadow: 0 8px 25px rgba(251, 146, 60, 0.1);
-            transition: all 0.3s ease;
-            overflow: hidden;
-        }
-        
-        .enhanced-kriteria-card:hover {
-            transform: translateY(-5px);
-            box-shadow: 0 15px 35px rgba(251, 146, 60, 0.15);
-        }
-
-        /* Enhanced Table */
-        .enhanced-table thead {
-            background: linear-gradient(135deg, #818cf8 0%, #667eea 100%);
-        }
-        
-        .enhanced-table thead th {
-            color: white;
-            font-weight: 600;
-            text-transform: uppercase;
-            font-size: 0.75rem;
-            letter-spacing: 0.5px;
-            padding: 1rem 0.75rem;
-            border: none;
-        }
-        
-        .enhanced-table tbody tr {
-            background: rgba(255, 255, 255, 0.7);
-            transition: all 0.3s ease;
-        }
-        
-        .enhanced-table tbody tr:nth-child(even) {
-            background: rgba(251, 146, 60, 0.03);
-        }
-        
-        .enhanced-table tbody tr:hover {
-            background: rgba(251, 146, 60, 0.08);
-            transform: scale(1.005);
-        }
-        
-        .enhanced-table tbody td {
-            padding: 1rem 0.75rem;
-            vertical-align: middle;
-            border-bottom: 1px solid rgba(0, 0, 0, 0.04);
-        }
-        
-        @media (max-width: 768px) {
-            .kriteria-header {
-                padding: 1rem;
-                margin-bottom: 1rem;
-            }
-            .btn-kriteria {
-                width: 100%;
-                margin-bottom: 0.5rem;
-            }
-            .stats-overview {
-                grid-template-columns: repeat(2, 1fr);
-            }
-            .stat-card {
-                padding: 1rem;
-            }
-            .stat-card .stat-value {
-                font-size: 1.35rem;
-            }
-        }
-        
-        @media (max-width: 576px) {
-            .stats-overview {
-                grid-template-columns: 1fr 1fr;
-                gap: 0.75rem;
-            }
-        }
-        
-        .glass-card {
-            background: rgba(255, 255, 255, 0.95);
-            backdrop-filter: blur(10px);
-            border: 1px solid rgba(255, 255, 255, 0.8);
-            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
-        }
-        
-        .glass-card-light {
-            background: rgba(255, 255, 255, 0.7);
-            backdrop-filter: blur(5px);
-            border: 1px solid rgba(0, 0, 0, 0.05);
-            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
-        }
-    </style>
-    
-    <!-- Floating Decorations -->
-    <div class="floating-decoration deco-1"></div>
-    <div class="floating-decoration deco-2"></div>
-    <div class="floating-decoration deco-3"></div>
-    
-    <!-- Enhanced Header Section -->
-    <div class="kriteria-header">
-        <div class="row align-items-center position-relative" style="z-index: 2;">
-            <div class="col-12 col-md-8">
-                <h2 class="mb-2 fw-bold">
-                    <i class="bi bi-diagram-3 me-2 me-md-3"></i>
-                    <span class="d-none d-sm-inline">📊 Kelola Kriteria SAW</span>
-                    <span class="d-sm-none">📊 Kriteria</span>
-                </h2>
-                <p class="mb-0 opacity-90">
-                    <span class="d-none d-md-inline">Atur dan kelola kriteria penilaian untuk metode Simple Additive Weighting</span>
-                    <span class="d-md-none">Kelola kriteria SAW</span>
-                </p>
-            </div>
-            <div class="col-12 col-md-4 text-md-end mt-3 mt-md-0">
-                <a href="<?php echo e(route('kriteria.create')); ?>" class="btn btn-kriteria">
-                    <i class="bi bi-plus-circle me-2"></i>
-                    <span class="d-none d-sm-inline">Tambah Kriteria</span>
-                    <span class="d-sm-none">Tambah</span>
-                </a>
-            </div>
-        </div>
-    </div>
-
-    <!-- Enhanced Alert Success -->
-    <?php if(session('success')): ?>
-    <div class="alert alert-success alert-dismissible fade show shadow-lg rounded-3 border-0" role="alert" style="background: linear-gradient(135deg, var(--success-color), #20c997); color: white; border-left: 4px solid white;">
-        <i class="bi bi-check-circle-fill me-2"></i>
-        <strong>Berhasil!</strong> 
-        <span class="small"><?php echo e(session('success')); ?></span>
-        <button type="button" class="btn-close btn-close-white" data-bs-dismiss="alert"></button>
-    </div>
-    <?php endif; ?>
-
-    <!-- Enhanced Alert Error -->
-    <?php if(session('error')): ?>
-    <div class="alert alert-danger alert-dismissible fade show shadow-lg rounded-3 border-0" role="alert" style="background: linear-gradient(135deg, var(--danger-color), #e74c3c); color: white; border-left: 4px solid white;">
-        <i class="bi bi-exclamation-triangle-fill me-2"></i>
-        <strong>Terjadi Kesalahan!</strong> 
-        <span class="small"><?php echo e(session('error')); ?></span>
-        <button type="button" class="btn-close btn-close-white" data-bs-dismiss="alert"></button>
-    </div>
-    <?php endif; ?>
-
-    <!-- Enhanced Alert Validasi Bobot -->
-    <?php if(!empty($bobotWarnings)): ?>
-    <div class="alert alert-dismissible fade show shadow-lg rounded-3 border-0 mb-4" role="alert" style="background: linear-gradient(135deg, var(--warning-color), #f39c12); color: white; border-left: 4px solid white;">
-        <div class="d-flex align-items-start">
-            <div class="me-3">
-                <i class="bi bi-exclamation-triangle-fill" style="font-size: 1.8rem; opacity: 0.9;"></i>
-            </div>
-            <div class="flex-grow-1">
-                <h6 class="fw-bold mb-2">⚠️ Peringatan Total Bobot!</h6>
-                <ul class="mb-3 ps-3" style="line-height: 1.6;">
-                    <?php $__currentLoopData = $bobotWarnings; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $warning): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
-                        <li class="mb-1"><?php echo e($warning); ?></li>
-                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
-                </ul>
-                <div class="p-2 rounded" style="background: rgba(255,255,255,0.2); backdrop-filter: blur(5px);">
-                    <small class="d-block">
-                        <i class="bi bi-info-circle me-1"></i>
-                        <span class="d-none d-md-inline">Total bobot untuk setiap tipe bisnis harus = 1.00 (atau 100%) agar perhitungan SAW valid dan akurat.</span>
-                        <span class="d-md-none">Total bobot tiap tipe bisnis harus = 1.00 (100%)</span>
-                    </small>
-                </div>
-            </div>
-        </div>
-        <button type="button" class="btn-close btn-close-white" data-bs-dismiss="alert"></button>
-    </div>
-    <?php endif; ?>
-
-    <!-- Enhanced Main Card -->
-    <div class="glass-card border-0 shadow-lg">
-        <!-- Enhanced Search & Filter Section -->
-        <div class="card-header border-0 py-3 py-md-4" style="border-radius: 1rem 1rem 0 0; background: rgba(255,255,255,0.95); backdrop-filter: blur(10px);">
-            <form action="<?php echo e(route('kriteria.index')); ?>" method="GET" id="filterForm">
-                <!-- Hidden inputs untuk maintain sorting saat filter -->
-                <input type="hidden" name="sort_by" id="hiddenSortBy" value="<?php echo e($sortBy ?? ''); ?>">
-                <input type="hidden" name="sort_order" id="hiddenSortOrder" value="<?php echo e($sortOrder ?? ''); ?>">
-                
-                <div class="row g-3 align-items-center">
-                    <!-- Enhanced Search Input -->
-                    <div class="col-12 col-md-4">
-                        <label class="form-label fw-bold mb-2 d-block d-md-none">
-                            <i class="bi bi-search me-1" style="color: var(--primary-color);"></i>Cari Kriteria
-                        </label>
-                        <div class="input-group">
-                            <span class="input-group-text bg-light border-end-0" style="border-color: var(--border-color);">
-                                <i class="bi bi-search" style="color: var(--primary-color);"></i>
-                            </span>
-                            <input 
-                                type="text" 
-                                class="form-control border-start-0" 
-                                id="searchInput"
-                                placeholder="Cari nama kriteria..."
-                                style="border-color: var(--border-color);"
-                            >
-                        </div>
-                    </div>
-                    
-                    <!-- Enhanced Filter Dropdown -->
-                    <div class="col-12 col-md-3">
-                        <label class="form-label fw-bold mb-2 d-block d-md-none">
-                            <i class="bi bi-funnel me-1" style="color: var(--secondary-color);"></i>Filter Tipe
-                        </label>
-                        <select class="form-select" id="filterTipeBisnis" name="filter" onchange="this.form.submit()" style="border-color: var(--border-color);">
-                            <option value="" <?php echo e(empty($filterTipeBisnis) ? 'selected' : ''); ?>>🔍 Semua Tipe Bisnis</option>
-                            <option value="kontrakan" <?php echo e($filterTipeBisnis == 'kontrakan' ? 'selected' : ''); ?>>🏠 Kontrakan</option>
-                            <option value="laundry" <?php echo e($filterTipeBisnis == 'laundry' ? 'selected' : ''); ?>>👕 Laundry</option>
-                        </select>
-                    </div>
-                    
-                    <!-- Enhanced Count Badges -->
-                    <div class="col-12 col-md-5">
-                        <div class="d-flex flex-column flex-md-row gap-2 justify-content-md-end">
-                            <span class="badge px-3 py-2 rounded-3" style="background: rgba(var(--primary-color-rgb), 0.1); color: var(--primary-color); font-size: 0.85rem; font-weight: 600;">
-                                🏠 Kontrakan: <strong id="countKontrakan"><?php echo e(isset($allKriteria) ? $allKriteria->where('tipe_bisnis', 'kontrakan')->count() : 0); ?></strong>
-                            </span>
-                            <span class="badge px-3 py-2 rounded-3" style="background: rgba(var(--success-color-rgb), 0.1); color: var(--success-color); font-size: 0.85rem; font-weight: 600;">
-                                👕 Laundry: <strong id="countLaundry"><?php echo e(isset($allKriteria) ? $allKriteria->where('tipe_bisnis', 'laundry')->count() : 0); ?></strong>
-                            </span>
-                        </div>
-                    </div>
-                </div>
-            </form>
-        </div>
-
-        <!-- Enhanced Card Body -->
-        <div class="card-body p-0" style="background: rgba(255,255,255,0.98); backdrop-filter: blur(5px);">
-            <?php if($kriteria->isEmpty()): ?>
-                <!-- Enhanced Empty State -->
-                <div class="text-center py-5 px-3">
-                    <div class="mb-4" style="animation: pulse 2s infinite;">
-                        <div class="d-inline-flex align-items-center justify-content-center" 
-                             style="width: 100px; height: 100px; background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)); border-radius: 50%; opacity: 0.1;">
-                            <i class="bi bi-list-check" style="font-size: 3rem; color: var(--primary-color);"></i>
-                        </div>
-                    </div>
-                    <h5 class="mb-3" style="color: var(--text-secondary); font-weight: 600;">Belum ada kriteria</h5>
-                    <p class="text-muted mb-4 px-md-5">Mulai tambahkan kriteria untuk penilaian SAW (Simple Additive Weighting) agar dapat melakukan perhitungan rekomendasi yang akurat.</p>
-                    <a href="<?php echo e(route('kriteria.create')); ?>" class="btn btn-primary btn-lg rounded-3 px-4" style="box-shadow: 0 6px 20px rgba(var(--primary-color-rgb), 0.3); border: none; background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));">
-                        <i class="bi bi-plus-circle me-2"></i>Tambah Kriteria Pertama
-                    </a>
-                </div>
-            <?php else: ?>
-                <!-- Mobile Card View (Hidden on desktop) -->
-                <div class="d-block d-lg-none">
-                    <div class="p-3 p-md-4">
-                        <?php $__currentLoopData = $kriteria; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $index => $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
-                        <div class="card border-0 mb-3 glass-card-light" 
-                             data-tipe-bisnis="<?php echo e($item->tipe_bisnis); ?>" 
-                             data-bobot="<?php echo e($item->bobot); ?>" 
-                             data-tipe="<?php echo e(strtolower($item->tipe)); ?>"
-                             style="transition: all 0.3s ease; cursor: pointer;"
-                             onmouseover="this.style.transform='translateY(-2px)'; this.style.boxShadow='0 8px 25px rgba(0,0,0,0.15)'"
-                             onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 2px 10px rgba(0,0,0,0.1)'">
-                            <div class="card-body p-3">
-                                <!-- Header Row -->
-                                <div class="d-flex justify-content-between align-items-start mb-3">
-                                    <div class="d-flex align-items-center">
-                                        <div class="badge bg-light text-primary rounded-circle me-2" style="width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 0.8rem;"><?php echo e($index + 1); ?></div>
-                                        <?php if($item->tipe_bisnis == 'kontrakan'): ?>
-                                            <span class="badge px-3 py-2 rounded-3" style="background: rgba(var(--primary-color-rgb), 0.15); color: var(--primary-color); font-weight: 600;">
-                                                🏠 Kontrakan
-                                            </span>
-                                        <?php else: ?>
-                                            <span class="badge px-3 py-2 rounded-3" style="background: rgba(var(--success-color-rgb), 0.15); color: var(--success-color); font-weight: 600;">
-                                                👕 Laundry
-                                            </span>
-                                        <?php endif; ?>
-                                    </div>
-                                </div>
-                                
-                                <!-- Kriteria Name -->
-                                <h6 class="fw-bold mb-3" style="color: var(--text-primary); line-height: 1.4;"><?php echo e($item->nama_kriteria); ?></h6>
-                                
-                                <!-- Details Grid -->
-                                <div class="row g-3 mb-3">
-                                    <div class="col-6">
-                                        <div class="d-flex flex-column">
-                                            <small class="text-muted fw-bold mb-1">BOBOT</small>
-                                            <div class="d-flex align-items-center">
-                                                <span class="badge px-2 py-1 rounded-3 me-2" style="background: rgba(var(--warning-color-rgb), 0.15); color: var(--warning-color); font-weight: 700; font-size: 0.9rem;"><?php echo e($item->bobot); ?></span>
-                                                <small class="text-muted">(<?php echo e(number_format($item->bobot * 100, 1)); ?>%)</small>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="col-6">
-                                        <div class="d-flex flex-column">
-                                            <small class="text-muted fw-bold mb-1">TIPE</small>
-                                            <?php if(strtolower($item->tipe) == 'benefit'): ?>
-                                                <span class="badge px-2 py-1 rounded-3" style="background: rgba(var(--success-color-rgb), 0.15); color: var(--success-color); font-weight: 600; font-size: 0.85rem;">
-                                                    📈 <?php echo e(ucfirst($item->tipe)); ?>
-
-                                                </span>
-                                            <?php else: ?>
-                                                <span class="badge px-2 py-1 rounded-3" style="background: rgba(var(--danger-color-rgb), 0.15); color: var(--danger-color); font-weight: 600; font-size: 0.85rem;">
-                                                    📉 <?php echo e(ucfirst($item->tipe)); ?>
-
-                                                </span>
-                                            <?php endif; ?>
-                                        </div>
-                                    </div>
-                                </div>
-                                
-                                <!-- Description -->
-                                <?php if($item->keterangan): ?>
-                                <div class="mb-3">
-                                    <small class="text-muted fw-bold d-block mb-1">KETERANGAN</small>
-                                    <p class="small mb-0" style="color: var(--text-secondary); line-height: 1.5;"><?php echo e($item->keterangan); ?></p>
-                                </div>
-                                <?php endif; ?>
-                                
-                                <!-- Action Buttons -->
-                                <div class="d-flex gap-2">
-                                    <a href="<?php echo e(route('kriteria.edit', $item->id)); ?>" class="btn btn-sm rounded-3 flex-fill" style="background: rgba(var(--warning-color-rgb), 0.15); color: var(--warning-color); border: 1px solid rgba(var(--warning-color-rgb), 0.3); font-weight: 600;">
-                                        <i class="bi bi-pencil-square me-1"></i>Edit
-                                    </a>
-                                    <button type="button" class="btn btn-sm rounded-3 flex-fill" 
-                                            onclick="confirmDelete('<?php echo e($item->id); ?>', '<?php echo e(addslashes($item->nama_kriteria)); ?>')"
-                                            style="background: rgba(var(--danger-color-rgb), 0.15); color: var(--danger-color); border: 1px solid rgba(var(--danger-color-rgb), 0.3); font-weight: 600;">
-                                        <i class="bi bi-trash me-1"></i>Hapus
-                                    </button>
-                                </div>
-                            </div>
-                        </div>
-                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
-                    </div>
-                </div>
-                
-                <!-- Desktop Table View (Hidden on mobile) -->
-                <div class="d-none d-lg-block">
-                    <div class="table-responsive">
-                        <table class="table table-hover align-middle mb-0" id="kriteriaTable">
-                            <thead style="background: rgba(248, 249, 250, 0.8); backdrop-filter: blur(5px);">
-                                <tr>
-                                    <th class="border-0 px-4 py-3" style="border-radius: 0;">
-                                        <small class="text-uppercase fw-bold" style="color: var(--text-muted); letter-spacing: 0.5px;">No</small>
-                                    </th>
-                                    <th class="border-0 py-3 sortable" data-sort="tipe_bisnis" style="cursor: pointer; transition: all 0.2s ease;">
-                                        <small class="text-uppercase fw-bold d-flex align-items-center" style="color: var(--text-muted); letter-spacing: 0.5px;">
-                                            Tipe Bisnis
-                                            <i class="bi bi-arrow-down-up ms-2 sort-icon" style="opacity: 0.6;"></i>
-                                        </small>
-                                    </th>
-                                    <th class="border-0 py-3 sortable" data-sort="nama_kriteria" style="cursor: pointer; transition: all 0.2s ease;">
-                                        <small class="text-uppercase fw-bold d-flex align-items-center" style="color: var(--text-muted); letter-spacing: 0.5px;">
-                                            Nama Kriteria
-                                            <i class="bi bi-arrow-down-up ms-2 sort-icon" style="opacity: 0.6;"></i>
-                                        </small>
-                                    </th>
-                                    <th class="border-0 py-3 text-center sortable" data-sort="bobot" style="cursor: pointer; transition: all 0.2s ease;">
-                                        <small class="text-uppercase fw-bold d-flex align-items-center justify-content-center" style="color: var(--text-muted); letter-spacing: 0.5px;">
-                                            Bobot
-                                            <i class="bi bi-arrow-down-up ms-2 sort-icon" style="opacity: 0.6;"></i>
-                                        </small>
-                                    </th>
-                                    <th class="border-0 py-3 text-center sortable" data-sort="tipe" style="cursor: pointer; transition: all 0.2s ease;">
-                                        <small class="text-uppercase fw-bold d-flex align-items-center justify-content-center" style="color: var(--text-muted); letter-spacing: 0.5px;">
-                                            Tipe
-                                            <i class="bi bi-arrow-down-up ms-2 sort-icon" style="opacity: 0.6;"></i>
-                                        </small>
-                                    </th>
-                                    <th class="border-0 py-3">
-                                        <small class="text-uppercase fw-bold" style="color: var(--text-muted); letter-spacing: 0.5px;">Keterangan</small>
-                                    </th>
-                                    <th class="border-0 py-3 text-center">
-                                        <small class="text-uppercase fw-bold" style="color: var(--text-muted); letter-spacing: 0.5px;">Aksi</small>
-                                    </th>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <?php $__currentLoopData = $kriteria; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $index => $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
-                                <tr data-tipe-bisnis="<?php echo e($item->tipe_bisnis); ?>" data-bobot="<?php echo e($item->bobot); ?>" data-tipe="<?php echo e(strtolower($item->tipe)); ?>" style="transition: all 0.2s ease;">
-                                    <td class="px-4">
-                                        <div class="badge bg-light rounded-circle d-flex align-items-center justify-content-center" style="width: 32px; height: 32px; color: var(--primary-color); font-weight: 600;"><?php echo e($index + 1); ?></div>
-                                    </td>
-                                    <td>
-                                        <?php if($item->tipe_bisnis == 'kontrakan'): ?>
-                                            <span class="badge px-3 py-2 rounded-3" style="background: rgba(var(--primary-color-rgb), 0.15); color: var(--primary-color); font-weight: 600;">
-                                                🏠 Kontrakan
-                                            </span>
-                                        <?php else: ?>
-                                            <span class="badge px-3 py-2 rounded-3" style="background: rgba(var(--success-color-rgb), 0.15); color: var(--success-color); font-weight: 600;">
-                                                👕 Laundry
-                                            </span>
-                                        <?php endif; ?>
-                                    </td>
-                                    <td>
-                                        <div class="d-flex align-items-center">
-                                            <div class="avatar-sm d-flex align-items-center justify-content-center me-3 rounded-3" style="width: 42px; height: 42px; background: rgba(var(--primary-color-rgb), 0.1); color: var(--primary-color);">
-                                                <i class="bi bi-star-fill" style="font-size: 1.2rem;"></i>
-                                            </div>
-                                            <div>
-                                                <h6 class="mb-1 fw-bold" style="color: var(--text-primary); font-size: 0.95rem;"><?php echo e($item->nama_kriteria); ?></h6>
-                                                <small style="color: var(--text-muted);">Kriteria <?php echo e($index + 1); ?></small>
-                                            </div>
-                                        </div>
-                                    </td>
-                                    <td class="text-center">
-                                        <div class="d-flex flex-column align-items-center">
-                                            <span class="badge px-3 py-2 rounded-3 mb-1" style="background: rgba(var(--info-color-rgb), 0.15); color: var(--info-color); font-weight: 700; font-size: 1rem;"><?php echo e($item->bobot); ?></span>
-                                            <small style="color: var(--text-muted); font-size: 0.75rem;">(<?php echo e(number_format($item->bobot * 100, 1)); ?>%)</small>
-                                        </div>
-                                    </td>
-                                    <td class="text-center">
-                                        <?php if(strtolower($item->tipe) == 'benefit'): ?>
-                                            <span class="badge px-3 py-2 rounded-3" style="background: rgba(var(--success-color-rgb), 0.15); color: var(--success-color); font-weight: 600;">
-                                                <i class="bi bi-arrow-up-circle me-1"></i>📈 Benefit
-                                            </span>
-                                        <?php else: ?>
-                                            <span class="badge px-3 py-2 rounded-3" style="background: rgba(var(--danger-color-rgb), 0.15); color: var(--danger-color); font-weight: 600;">
-                                                <i class="bi bi-arrow-down-circle me-1"></i>📉 Cost
-                                            </span>
-                                        <?php endif; ?>
-                                    </td>
-                                    <td>
-                                        <div style="max-width: 200px;">
-                                            <small style="color: var(--text-secondary); line-height: 1.4;">
-                                                <?php echo e($item->keterangan ? Str::limit($item->keterangan, 60) : '-'); ?>
-
-                                            </small>
-                                        </div>
-                                    </td>
-                                    <td class="text-center">
-                                        <div class="btn-group" role="group">
-                                            <a href="<?php echo e(route('kriteria.edit', $item->id)); ?>" 
-                                               class="btn btn-sm rounded-3 me-2" 
-                                               style="background: rgba(var(--warning-color-rgb), 0.15); color: var(--warning-color); border: 1px solid rgba(var(--warning-color-rgb), 0.3); font-weight: 600; transition: all 0.2s ease;"
-                                               data-bs-toggle="tooltip" title="Edit Kriteria"
-                                               onmouseover="this.style.background='var(--warning-color)'; this.style.color='white';"
-                                               onmouseout="this.style.background='rgba(var(--warning-color-rgb), 0.15)'; this.style.color='var(--warning-color)';">
-                                                <i class="bi bi-pencil-square"></i>
-                                            </a>
-                                            
-                                            <?php if(auth()->user()->role == 'super_admin'): ?>
-                                            <button type="button" 
-                                                    onclick="confirmDelete('<?php echo e($item->id); ?>', '<?php echo e(addslashes($item->nama_kriteria)); ?>')"
-                                                    class="btn btn-sm rounded-3" 
-                                                    style="background: rgba(var(--danger-color-rgb), 0.15); color: var(--danger-color); border: 1px solid rgba(var(--danger-color-rgb), 0.3); font-weight: 600; transition: all 0.2s ease;"
-                                                    data-bs-toggle="tooltip" title="Hapus Kriteria"
-                                                    onmouseover="this.style.background='var(--danger-color)'; this.style.color='white';"
-                                                    onmouseout="this.style.background='rgba(var(--danger-color-rgb), 0.15)'; this.style.color='var(--danger-color)';">
-                                                <i class="bi bi-trash"></i>
-                                            </button>
-                                            <?php else: ?>
-                                            <button type="button" 
-                                                    class="btn btn-sm rounded-3" 
-                                                    disabled
-                                                    style="background: rgba(108, 117, 125, 0.15); color: #6c757d; border: 1px solid rgba(108, 117, 125, 0.3);"
-                                                    data-bs-toggle="tooltip" title="Hanya Super Admin yang dapat menghapus">
-                                                <i class="bi bi-lock"></i>
-                                            </button>
-                                            <?php endif; ?>
-                                        </div>
-                                    </td>
-                                </tr>
-                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
-                            </tbody>
-                            
-                            <!-- Enhanced Table Footer dengan Validasi Bobot -->
-                            <tfoot style="background: rgba(248, 249, 250, 0.9); backdrop-filter: blur(5px); border-top: 2px solid rgba(var(--primary-color-rgb), 0.1);">
-                                <tr>
-                                    <td colspan="3" class="px-4 py-4">
-                                        <div class="d-flex flex-column gap-3">
-                                            <h6 class="mb-0 fw-bold" style="color: var(--text-primary);">📊 Validasi Total Bobot</h6>
-                                            <div class="d-flex gap-4">
-                                                <!-- Bobot Kontrakan -->
-                                                <span id="labelBobotKontrakan" class="d-flex align-items-center">
-                                                    <span class="badge px-3 py-2 rounded-3 me-2" style="background: rgba(var(--primary-color-rgb), 0.15); color: var(--primary-color); font-weight: 700;">🏠</span>
-                                                    <strong style="color: var(--text-primary);">Kontrakan:</strong>
-                                                    <span class="ms-2 badge px-2 py-1 rounded-3" id="totalBobotKontrakan" style="font-weight: 700;"></span>
-                                                </span>
-                                                
-                                                <!-- Bobot Laundry -->
-                                                <span id="labelBobotLaundry" class="d-flex align-items-center">
-                                                    <span class="badge px-3 py-2 rounded-3 me-2" style="background: rgba(var(--success-color-rgb), 0.15); color: var(--success-color); font-weight: 700;">👕</span>
-                                                    <strong style="color: var(--text-primary);">Laundry:</strong>
-                                                    <span class="ms-2 badge px-2 py-1 rounded-3" id="totalBobotLaundry" style="font-weight: 700;"></span>
-                                                </span>
-                                            </div>
-                                        </div>
-                                    </td>
-                                    <td colspan="4" class="py-4 text-end">
-                                        <div class="d-flex align-items-center justify-content-end">
-                                            <div class="p-3 rounded-3" style="background: rgba(var(--info-color-rgb), 0.1); border: 1px solid rgba(var(--info-color-rgb), 0.2);">
-                                                <small style="color: var(--text-muted); line-height: 1.5;">
-                                                    <i class="bi bi-info-circle me-1" style="color: var(--info-color);"></i>
-                                                    <strong>Catatan:</strong> Total bobot untuk setiap tipe bisnis harus <span class="fw-bold" style="color: var(--success-color);">= 1.00 (100%)</span><br>
-                                                    agar perhitungan SAW (Simple Additive Weighting) memberikan hasil yang akurat.
-                                                </small>
-                                            </div>
-                                        </div>
-                                    </td>
-                                </tr>
-                            </tfoot>
-                        </table>
-                    </div>
-                </div>
-                                            Total Bobot Kontrakan: 
-                                            <?php if(isset($bobotKontrakanValid) && $bobotKontrakanValid): ?>
-                                                <span class="badge bg-success" data-bs-toggle="tooltip" title="Total bobot sudah sesuai (1.00)">
-                                                    <i class="bi bi-check-circle me-1"></i><?php echo e(number_format($bobotKontrakan ?? 0, 2)); ?>
-
-                                                </span>
-                                            <?php else: ?>
-                                                <span class="badge bg-danger" data-bs-toggle="tooltip" title="Total bobot harus = 1.00">
-                                                    <i class="bi bi-exclamation-triangle me-1"></i><?php echo e(number_format($bobotKontrakan ?? 0, 2)); ?>
-
-                                                </span>
-                                            <?php endif; ?>
-                                        </span>
-                                        
-                                        <!-- ✅ VALIDASI BOBOT LAUNDRY -->
-                                        <span id="labelBobotLaundry">
-                                            Total Bobot Laundry: 
-                                            <?php if(isset($bobotLaundryValid) && $bobotLaundryValid): ?>
-                                                <span class="badge bg-success" data-bs-toggle="tooltip" title="Total bobot sudah sesuai (1.00)">
-                                                    <i class="bi bi-check-circle me-1"></i><?php echo e(number_format($bobotLaundry ?? 0, 2)); ?>
-
-                                                </span>
-                                            <?php else: ?>
-                                                <span class="badge bg-danger" data-bs-toggle="tooltip" title="Total bobot harus = 1.00">
-                                                    <i class="bi bi-exclamation-triangle me-1"></i><?php echo e(number_format($bobotLaundry ?? 0, 2)); ?>
-
-                                                </span>
-                                            <?php endif; ?>
-                                        </span>
-                                    </div>
-                                </td>
-                                <td class="text-center py-3">
-                                    <span class="badge bg-info px-3 py-2 fs-6" id="totalBobotKeseluruhan">
-                                        Total: <span id="totalBobotValue"><?php echo e(number_format($kriteria->sum('bobot'), 2)); ?></span>
-                                    </span>
-                                </td>
-                                <td colspan="3"></td>
-                            </tr>
-                        </tfoot>
-                    </table>
-            <?php endif; ?>
-        </div>
-    </div>
-
-    <!-- Enhanced Info Cards -->
-    <?php if($kriteria->count() > 0): ?>
-    <div class="row mt-4 g-4">
-        <div class="col-lg-6">
-            <div class="glass-card border-0">
-                <div class="card-body p-4">
-                    <div class="d-flex align-items-center mb-3">
-                        <div class="avatar-sm d-flex align-items-center justify-content-center me-3 rounded-3" style="background: rgba(var(--info-color-rgb), 0.15); color: var(--info-color);">
-                            <i class="bi bi-info-circle-fill" style="font-size: 1.2rem;"></i>
-                        </div>
-                        <h6 class="mb-0 fw-bold" style="color: var(--text-primary);">📋 Informasi Kriteria SAW</h6>
-                    </div>
-                    <div class="ps-3 border-start border-3" style="border-color: var(--info-color) !important;">
-                        <ul class="mb-0 small" style="color: var(--text-secondary); line-height: 1.6;">
-                            <li class="mb-2"><strong style="color: var(--success-color);">📈 Benefit:</strong> Semakin tinggi nilai, semakin baik <br><small class="text-muted">(contoh: Fasilitas, Kualitas Layanan)</small></li>
-                            <li class="mb-2"><strong style="color: var(--danger-color);">📉 Cost:</strong> Semakin rendah nilai, semakin baik <br><small class="text-muted">(contoh: Harga, Jarak, Biaya)</small></li>
-                            <li><strong style="color: var(--warning-color);">⚖️ Total Bobot:</strong> Harus = 1.00 (100%) untuk setiap tipe bisnis <br><small class="text-muted">agar perhitungan SAW akurat dan valid</small></li>
-                        </ul>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div class="col-lg-6">
-            <div class="glass-card border-0">
-                <div class="card-body p-4">
-                    <div class="d-flex align-items-center mb-3">
-                        <div class="avatar-sm d-flex align-items-center justify-content-center me-3 rounded-3" style="background: rgba(var(--success-color-rgb), 0.15); color: var(--success-color);">
-                            <i class="bi bi-graph-up-arrow" style="font-size: 1.2rem;"></i>
-                        </div>
-                        <h6 class="mb-0 fw-bold" style="color: var(--text-primary);">📊 Statistik Kriteria</h6>
-                    </div>
-                    <div class="row text-center g-3">
-                        <div class="col-4">
-                            <div class="p-3 rounded-3" style="background: rgba(var(--primary-color-rgb), 0.1);">
-                                <div class="fw-bold fs-4" style="color: var(--primary-color);" id="statTotalKriteria"><?php echo e($kriteria->count()); ?></div>
-                                <small style="color: var(--text-muted); font-weight: 600;">Total Kriteria</small>
-                            </div>
-                        </div>
-                        <div class="col-4">
-                            <div class="p-3 rounded-3" style="background: rgba(var(--success-color-rgb), 0.1);">
-                                <div class="fw-bold fs-4" style="color: var(--success-color);" id="statBenefit"><?php echo e($totalBenefit ?? 0); ?></div>
-                                <small style="color: var(--text-muted); font-weight: 600;">Benefit</small>
-                            </div>
-                        </div>
-                        <div class="col-4">
-                            <div class="p-3 rounded-3" style="background: rgba(var(--danger-color-rgb), 0.1);">
-                                <div class="fw-bold fs-4" style="color: var(--danger-color);" id="statCost"><?php echo e($totalCost ?? 0); ?></div>
-                                <small style="color: var(--text-muted); font-weight: 600;">Cost</small>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <?php endif; ?>
-</div>
-
-<!-- Enhanced Bootstrap Modal Delete Confirmation -->
-<div class="modal fade" id="deleteModal" tabindex="-1" aria-labelledby="deleteModalLabel" aria-hidden="true">
-    <div class="modal-dialog modal-dialog-centered">
-        <div class="modal-content border-0" style="border-radius: 1rem; overflow: hidden; box-shadow: 0 20px 40px rgba(0,0,0,0.15);">
-            <div class="modal-header border-0 py-4" style="background: linear-gradient(135deg, var(--danger-color), #e74c3c); color: white;">
-                <h5 class="modal-title fw-bold d-flex align-items-center" id="deleteModalLabel">
-                    <div class="avatar-sm d-flex align-items-center justify-content-center me-3 rounded-circle" style="background: rgba(255,255,255,0.2); backdrop-filter: blur(5px);">
-                        <i class="bi bi-exclamation-triangle-fill" style="font-size: 1.2rem;"></i>
-                    </div>
-                    Konfirmasi Hapus Kriteria
-                </h5>
-                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
-            </div>
-            <div class="modal-body p-4 p-md-5">
-                <div class="text-center mb-4">
-                    <div class="d-inline-flex align-items-center justify-content-center rounded-circle mb-3" style="width: 80px; height: 80px; background: linear-gradient(135deg, rgba(var(--danger-color-rgb), 0.1), rgba(231, 76, 60, 0.1)); animation: pulse 2s infinite;">
-                        <i class="bi bi-trash" style="font-size: 2.5rem; color: var(--danger-color);"></i>
-                    </div>
-                    <h6 class="fw-bold mb-2" style="color: var(--text-primary);">Apakah Anda yakin?</h6>
-                </div>
-                <p class="text-center mb-3" style="color: var(--text-secondary); line-height: 1.6;">
-                    Kriteria <strong id="deleteKriteriaName" style="color: var(--danger-color);"></strong> akan dihapus secara permanen.
-                </p>
-                <div class="alert border-0 rounded-3 mb-0" style="background: rgba(var(--warning-color-rgb), 0.1); color: var(--warning-color);">
-                    <div class="d-flex align-items-start">
-                        <i class="bi bi-info-circle-fill me-2 mt-1" style="font-size: 1rem;"></i>
-                        <small style="line-height: 1.5;">
-                            <strong>Peringatan:</strong> Tindakan ini tidak dapat dibatalkan. Data kriteria yang dihapus akan hilang selamanya dan dapat mempengaruhi perhitungan SAW.
-                        </small>
-                    </div>
-                </div>
-            </div>
-            <div class="modal-footer border-0 justify-content-center pt-0 pb-4">
-                <div class="d-flex gap-3 w-100">
-                    <button type="button" class="btn btn-light border rounded-3 flex-fill py-2" data-bs-dismiss="modal" style="font-weight: 600;">
-                        <i class="bi bi-x-circle me-2"></i>Batal
-                    </button>
-                    <button type="button" class="btn rounded-3 flex-fill py-2" id="confirmDeleteBtn" 
-                            style="background: linear-gradient(135deg, var(--danger-color), #e74c3c); color: white; border: none; font-weight: 600;">
-                        <i class="bi bi-trash me-2"></i>Ya, Hapus Kriteria
-                    </button>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
-<!-- Enhanced Search, Filter & Sorting Script with Mobile Optimization -->
-<script>
-document.addEventListener('DOMContentLoaded', function() {
-    const searchInput = document.getElementById('searchInput');
-    const table = document.getElementById('kriteriaTable');
-    const mobileCards = document.querySelectorAll('.d-block.d-lg-none .card');
-    const sortableHeaders = document.querySelectorAll('.sortable');
-    
-    // ========== ENHANCED MOBILE INTERACTIONS ==========
-    // Touch animations for mobile cards
-    mobileCards.forEach(card => {
-        // Touch start effect
-        card.addEventListener('touchstart', function() {
-            this.style.transition = 'all 0.1s ease';
-            this.style.transform = 'scale(0.98)';
-            this.style.opacity = '0.9';
-        });
-        
-        // Touch end effect
-        card.addEventListener('touchend', function() {
-            this.style.transition = 'all 0.3s ease';
-            this.style.transform = 'scale(1)';
-            this.style.opacity = '1';
-        });
-        
-        // Cancel touch effect if moved
-        card.addEventListener('touchcancel', function() {
-            this.style.transition = 'all 0.3s ease';
-            this.style.transform = 'scale(1)';
-            this.style.opacity = '1';
-        });
-    });
-    
-    // ========== ENHANCED SORTING FUNCTIONALITY ==========
-    let currentSortBy = '<?php echo e($sortBy ?? ''); ?>';
-    let currentSortOrder = '<?php echo e($sortOrder ?? 'asc'); ?>';
-    
-    // Update sort icons dengan enhanced styling
-    updateSortIcons();
-    
-    function updateSortIcons() {
-        sortableHeaders.forEach(header => {
-            const sortField = header.getAttribute('data-sort');
-            const icon = header.querySelector('.sort-icon');
-            
-            if (sortField === currentSortBy) {
-                // Active header dengan enhanced styling
-                if (currentSortOrder === 'asc') {
-                    icon.className = 'bi bi-sort-up ms-2 sort-icon';
-                    icon.style.color = 'var(--primary-color)';
-                } else {
-                    icon.className = 'bi bi-sort-down ms-2 sort-icon';
-                    icon.style.color = 'var(--primary-color)';
-                }
-                header.style.color = 'var(--primary-color)';
-                header.style.fontWeight = '700';
-            } else {
-                // Inactive header
-                icon.className = 'bi bi-arrow-down-up ms-2 sort-icon';
-                icon.style.color = '';
-                header.style.color = '';
-                header.style.fontWeight = '';
-            }
-        });
-    }
-    
-    // Enhanced sorting dengan feedback visual
-    sortableHeaders.forEach(header => {
-        header.addEventListener('click', function() {
-            // Loading effect
-            const icon = this.querySelector('.sort-icon');
-            const originalClass = icon.className;
-            icon.className = 'bi bi-arrow-clockwise ms-2 sort-icon';
-            icon.style.animation = 'spin 0.5s linear';
-            
-            const sortField = this.getAttribute('data-sort');
-            
-            // Toggle order logic
-            if (currentSortBy === sortField) {
-                currentSortOrder = currentSortOrder === 'asc' ? 'desc' : 'asc';
-            } else {
-                currentSortBy = sortField;
-                currentSortOrder = 'asc';
-            }
-            
-            // Update hidden inputs
-            document.getElementById('hiddenSortBy').value = currentSortBy;
-            document.getElementById('hiddenSortOrder').value = currentSortOrder;
-            
-            // Submit dengan delay untuk animation
-            setTimeout(() => {
-                document.getElementById('filterForm').submit();
-            }, 300);
-        });
-        
-        // Enhanced hover effects
-        header.addEventListener('mouseenter', function() {
-            if (this.style.color !== 'var(--primary-color)') {
-                this.style.background = 'rgba(var(--primary-color-rgb), 0.05)';
-                this.style.color = 'var(--primary-color)';
-                this.style.transition = 'all 0.2s ease';
-            }
-        });
-        
-        header.addEventListener('mouseleave', function() {
-            if (this.getAttribute('data-sort') !== currentSortBy) {
-                this.style.background = '';
-                this.style.color = '';
-            }
-        });
-    });
-    
-    // ========== ENHANCED SEARCH FUNCTIONALITY ==========
-    function filterTable() {
-        if (!table) return;
-        
-        const searchTerm = searchInput.value.toLowerCase().trim();
-        
-        // Filter desktop table
-        const rows = table.getElementsByTagName('tbody')[0].getElementsByTagName('tr');
-        let visibleCount = 0;
-        
-        Array.from(rows).forEach(row => {
-            const text = row.textContent.toLowerCase();
-            const matchSearch = !searchTerm || text.includes(searchTerm);
-            
-            if (matchSearch) {
-                row.style.display = '';
-                row.style.animation = 'fadeIn 0.3s ease';
-                visibleCount++;
-            } else {
-                row.style.display = 'none';
-            }
-        });
-        
-        // Filter mobile cards
-        mobileCards.forEach(card => {
-            const text = card.textContent.toLowerCase();
-            const matchSearch = !searchTerm || text.includes(searchTerm);
-            
-            if (matchSearch) {
-                card.style.display = '';
-                card.style.animation = 'fadeIn 0.3s ease';
-            } else {
-                card.style.display = 'none';
-            }
-        });
-        
-        // Update nomor urut untuk desktop
-        let visibleIndex = 1;
-        Array.from(rows).forEach(row => {
-            if (row.style.display !== 'none') {
-                const badge = row.querySelector('.badge.bg-light');
-                if (badge) {
-                    badge.textContent = visibleIndex++;
-                    badge.style.animation = 'pulse 0.3s ease';
-                }
-            }
-        });
-        
-        // Update count badges
-        updateCountBadges();
-        
-        // Show no results message if needed
-        showNoResultsMessage(visibleCount === 0 && mobileCards.length === 0);
-    }
-    
-    // Enhanced search dengan debounce untuk performance
-    let searchTimeout;
-    if (searchInput) {
-        searchInput.addEventListener('input', function() {
-            clearTimeout(searchTimeout);
-            searchTimeout = setTimeout(filterTable, 150);
-        });
-        
-        // Clear button untuk mobile
-        if (this.value) {
-            addClearButton();
-        }
-    }
-    
-    function addClearButton() {
-        if (!document.querySelector('.search-clear-btn')) {
-            const clearBtn = document.createElement('button');
-            clearBtn.type = 'button';
-            clearBtn.className = 'btn btn-sm search-clear-btn';
-            clearBtn.innerHTML = '<i class="bi bi-x"></i>';
-            clearBtn.style.cssText = 'position: absolute; right: 10px; top: 50%; transform: translateY(-50%); z-index: 10; background: none; border: none; color: var(--text-muted);';
-            
-            const inputGroup = searchInput.closest('.input-group');
-            inputGroup.style.position = 'relative';
-            inputGroup.appendChild(clearBtn);
-            
-            clearBtn.addEventListener('click', () => {
-                searchInput.value = '';
-                filterTable();
-                clearBtn.remove();
-                searchInput.focus();
-            });
-        }
-    }
-    
-    function updateCountBadges() {
-        const kontrakanCount = Array.from(document.querySelectorAll('[data-tipe-bisnis="kontrakan"]')).filter(el => el.style.display !== 'none').length;
-        const laundryCount = Array.from(document.querySelectorAll('[data-tipe-bisnis="laundry"]')).filter(el => el.style.display !== 'none').length;
-        
-        const kontrakanBadge = document.getElementById('countKontrakan');
-        const laundryBadge = document.getElementById('countLaundry');
-        
-        if (kontrakanBadge) kontrakanBadge.textContent = kontrakanCount;
-        if (laundryBadge) laundryBadge.textContent = laundryCount;
-    }
-    
-    function showNoResultsMessage(show) {
-        let noResultsDiv = document.getElementById('noResultsMessage');
-        
-        if (show && !noResultsDiv) {
-            noResultsDiv = document.createElement('div');
-            noResultsDiv.id = 'noResultsMessage';
-            noResultsDiv.className = 'text-center py-5';
-            noResultsDiv.innerHTML = `
-                <div class="mb-3">
-                    <i class="bi bi-search text-muted" style="font-size: 3rem; opacity: 0.5;"></i>
-                </div>
-                <h6 class="text-muted mb-2">Tidak ada kriteria ditemukan</h6>
-                <small class="text-muted">Coba ubah kata kunci pencarian Anda</small>
-            `;
-            
-            const cardBody = document.querySelector('.card-body');
-            if (cardBody) cardBody.appendChild(noResultsDiv);
-        } else if (!show && noResultsDiv) {
-            noResultsDiv.remove();
-        }
-    }
-    
-    // ========== ENHANCED TOOLTIPS ==========
-    const tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
-    tooltipTriggerList.map(function (tooltipTriggerEl) {
-        return new bootstrap.Tooltip(tooltipTriggerEl, {
-            animation: true,
-            delay: { show: 300, hide: 100 }
-        });
-    });
-    
-    // ========== ENHANCED BOBOT VALIDATION ==========
-    function updateBobotValidation() {
-        // Hanya ambil rows dari desktop table (visible) atau mobile cards
-        const isMobile = window.innerWidth < 992; // Bootstrap lg breakpoint
-        
-        let kontrakanRows, laundryRows;
-        
-        if (isMobile) {
-            // Mobile view: ambil dari card
-            kontrakanRows = document.querySelectorAll('.d-block.d-lg-none [data-tipe-bisnis="kontrakan"]');
-            laundryRows = document.querySelectorAll('.d-block.d-lg-none [data-tipe-bisnis="laundry"]');
-        } else {
-            // Desktop view: ambil dari table tbody
-            kontrakanRows = document.querySelectorAll('table tbody tr[data-tipe-bisnis="kontrakan"]');
-            laundryRows = document.querySelectorAll('table tbody tr[data-tipe-bisnis="laundry"]');
-        }
-        
-        let totalKontrakan = 0;
-        let totalLaundry = 0;
-        
-        kontrakanRows.forEach(row => {
-            const bobot = parseFloat(row.getAttribute('data-bobot') || 0);
-            totalKontrakan += bobot;
-        });
-        
-        laundryRows.forEach(row => {
-            const bobot = parseFloat(row.getAttribute('data-bobot') || 0);
-            totalLaundry += bobot;
-        });
-        
-        updateBobotDisplay('totalBobotKontrakan', totalKontrakan);
-        updateBobotDisplay('totalBobotLaundry', totalLaundry);
-    }
-    
-    function updateBobotDisplay(elementId, total) {
-        const element = document.getElementById(elementId);
-        if (!element) return;
-        
-        const isValid = Math.abs(total - 1.00) < 0.01;
-        const percentage = (total * 100).toFixed(1);
-        
-        if (isValid) {
-            element.style.background = 'rgba(var(--success-color-rgb), 0.15)';
-            element.style.color = 'var(--success-color)';
-            element.innerHTML = `<i class="bi bi-check-circle me-1"></i>${total.toFixed(2)} (${percentage}%)`;
-        } else {
-            element.style.background = 'rgba(var(--danger-color-rgb), 0.15)';
-            element.style.color = 'var(--danger-color)';
-            element.innerHTML = `<i class="bi bi-exclamation-triangle me-1"></i>${total.toFixed(2)} (${percentage}%)`;
-        }
-    }
-    
-    // Initialize bobot validation
-    updateBobotValidation();
-});
-
-// ========== ENHANCED DELETE CONFIRMATION ==========
-function confirmDelete(id, namaKriteria) {
-    // Animate button yang diklik
-    const clickedButton = event.target.closest('button');
-    if (clickedButton) {
-        clickedButton.style.transform = 'scale(0.95)';
-        setTimeout(() => {
-            clickedButton.style.transform = 'scale(1)';
-        }, 150);
-    }
-    
-    document.getElementById('deleteKriteriaName').textContent = '"' + namaKriteria + '"';
-    
-    const modalElement = document.getElementById('deleteModal');
-    const deleteModal = new bootstrap.Modal(modalElement, {
-        backdrop: 'static',
-        keyboard: false
-    });
-    
-    deleteModal.show();
-    
-    // Setup delete action
-    const confirmBtn = document.getElementById('confirmDeleteBtn');
-    confirmBtn.onclick = function() {
-        // Loading state
-        const originalContent = this.innerHTML;
-        this.innerHTML = '<i class="bi bi-arrow-clockwise me-2" style="animation: spin 1s linear infinite;"></i>Menghapus...';
-        this.disabled = true;
-        
-        // Create and submit form
-        const form = document.createElement('form');
-        form.method = 'POST';
-        form.action = `/kriteria/${id}`;
-        
-        const csrfInput = document.createElement('input');
-        csrfInput.type = 'hidden';
-        csrfInput.name = '_token';
-        csrfInput.value = document.querySelector('meta[name="csrf-token"]').content;
-        
-        const methodInput = document.createElement('input');
-        methodInput.type = 'hidden';
-        methodInput.name = '_method';
-        methodInput.value = 'DELETE';
-        
-        form.appendChild(csrfInput);
-        form.appendChild(methodInput);
-        document.body.appendChild(form);
-        
-        setTimeout(() => {
-            form.submit();
-        }, 800);
-    };
-}
-
-// ========== CSS ANIMATIONS ==========
-const style = document.createElement('style');
-style.textContent = `
-    @keyframes spin {
-        0% { transform: rotate(0deg); }
-        100% { transform: rotate(360deg); }
-    }
-    
-    @keyframes fadeIn {
-        from { opacity: 0; transform: translateY(10px); }
-        to { opacity: 1; transform: translateY(0); }
-    }
-    
-    @keyframes pulse {
-        0%, 100% { transform: scale(1); }
-        50% { transform: scale(1.05); }
-    }
-    
-    .glass-card-light {
-        background: rgba(255, 255, 255, 0.95);
-        backdrop-filter: blur(10px);
-        border: 1px solid rgba(255, 255, 255, 0.2);
-        border-radius: 1rem;
-        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
-    }
-    
-    .sortable:hover {
-        background: rgba(var(--primary-color-rgb), 0.05) !important;
-        cursor: pointer;
-    }
-    
-    /* Mobile optimizations */
-    @media (max-width: 768px) {
-        .table-responsive {
-            border-radius: 1rem;
-        }
-        
-        .modal-dialog {
-            margin: 1rem;
-        }
-        
-        .glass-card {
-            margin-left: -15px;
-            margin-right: -15px;
-            border-radius: 0 0 1rem 1rem;
-        }
-    }
-`;
-document.head.appendChild(style);
-</script>
-
-<style>
-    .modal-content {
-        border-radius: 12px;
-        animation: modalFadeIn 0.3s ease;
-    }
-    
-    @keyframes modalFadeIn {
-        from {
-            opacity: 0;
-            transform: scale(0.9) translateY(-20px);
-        }
-        to {
-            opacity: 1;
-            transform: scale(1) translateY(0);
-        }
-    }
-    
-    .modal-header.bg-danger {
-        background: linear-gradient(135deg, #dc3545 0%, #c82333 100%);
-    }
-    
-    .btn:hover {
-        transform: translateY(-1px);
-        box-shadow: 0 4px 8px rgba(0,0,0,0.15);
-        transition: all 0.2s ease;
-    }
-    
-    .table tbody tr {
-        transition: all 0.3s ease;
-    }
-    
-    .table tbody tr:hover {
-        background-color: #f8f9fa;
-        transform: scale(1.01);
-        box-shadow: 0 2px 4px rgba(0,0,0,0.05);
-    }
-    
-    .btn-group .btn {
-        border-radius: 0;
-    }
-    
-    .btn-group .btn:first-child {
-        border-top-left-radius: 0.25rem;
-        border-bottom-left-radius: 0.25rem;
-    }
-    
-    .btn-group .btn:last-child {
-        border-top-right-radius: 0.25rem;
-        border-bottom-right-radius: 0.25rem;
-    }
-
-    .avatar-sm {
-        flex-shrink: 0;
-    }
-    
-    .form-select {
-        cursor: pointer;
-    }
-    
-    /* ========== SORTING STYLES ========== */
-    .sortable {
-        transition: all 0.2s ease;
-        user-select: none;
-        position: relative;
-    }
-    
-    .sortable:hover {
-        background-color: #f8f9fa !important;
-    }
-    
-    .sortable:active {
-        background-color: #e9ecef !important;
-    }
-    
-    .sortable.text-primary {
-        font-weight: 700;
-    }
-    
-    .sort-icon {
-        font-size: 0.8rem;
-        transition: all 0.2s ease;
-    }
-    
-    .sortable:hover .sort-icon {
-        transform: scale(1.2);
-    }
-    
-    .text-primary .sort-icon {
-        animation: sortPulse 1.5s ease-in-out infinite;
-    }
-    
-    @keyframes sortPulse {
-        0%, 100% {
-            opacity: 1;
-        }
-        50% {
-            opacity: 0.6;
-        }
-    }
-    
-    /* Sort indicator animation */
-    @keyframes sortIndicator {
-        from {
-            opacity: 0;
-            transform: translateY(-5px);
-        }
-        to {
-            opacity: 1;
-            transform: translateY(0);
-        }
-    }
-    
-    .sortable.text-primary::after {
-        content: '';
-        position: absolute;
-        bottom: 0;
-        left: 0;
-        right: 0;
-        height: 3px;
-        background: linear-gradient(90deg, transparent, #0d6efd, transparent);
-        animation: sortIndicator 0.3s ease;
-    }
-</style>
-<?php $__env->stopSection(); ?>
-
-<?php echo $__env->make('layouts.admin', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH C:\laragon\www\TA\spk_kontrakan\resources\views/kriteria/index.blade.php ENDPATH**/ ?>
\ No newline at end of file
diff --git a/spk_kontrakan/storage/framework/views/81aca8525ebe1474a20ec791c32c9770.php b/spk_kontrakan/storage/framework/views/81aca8525ebe1474a20ec791c32c9770.php
index 09cd931..2006fca 100644
--- a/spk_kontrakan/storage/framework/views/81aca8525ebe1474a20ec791c32c9770.php
+++ b/spk_kontrakan/storage/framework/views/81aca8525ebe1474a20ec791c32c9770.php
@@ -54,6 +54,21 @@
             --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
             --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
             --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+
+            /* Shared color variables for views */
+            --primary-color: #667eea;
+            --primary-color-rgb: 102, 126, 234;
+            --secondary-color: #764ba2;
+            --secondary-color-rgb: 118, 75, 162;
+            --info-color: #17a2b8;
+            --info-color-rgb: 23, 162, 184;
+            --success-color: #28a745;
+            --success-color-rgb: 40, 167, 69;
+            --warning-color: #ffc107;
+            --warning-color-rgb: 255, 193, 7;
+            --danger-color: #dc3545;
+            --danger-color-rgb: 220, 53, 69;
+            --text-muted: #6c757d;
         }
 
         * {
diff --git a/spk_kontrakan/storage/framework/views/84dd4efe61f3c815daff24c589049140.php b/spk_kontrakan/storage/framework/views/84dd4efe61f3c815daff24c589049140.php
deleted file mode 100644
index 1ab64ab..0000000
--- a/spk_kontrakan/storage/framework/views/84dd4efe61f3c815daff24c589049140.php
+++ /dev/null
@@ -1,2309 +0,0 @@
-
-
-<?php $__env->startSection('title', 'Daftar Kontrakan'); ?>
-
-<?php $__env->startSection('content'); ?>
-<div class="container-fluid px-2 px-md-3 page-kontrakan" style="padding-top: 0.5rem; padding-bottom: 1rem;">
-    <style>
-        /* CSS Variables for Kontrakan Theme - Purple Theme */
-        :root {
-            --danger-color: #dc3545;
-            --danger-color-rgb: 220, 53, 69;
-            --text-primary: #212529;
-            --text-secondary: #6c757d;
-            --kontrakan-primary: #667eea;
-            --kontrakan-secondary: #764ba2;
-            --kontrakan-accent: #5b21b6;
-            --kontrakan-light: #e0e7ff;
-        }
-        
-        /* Page Background & Pattern - Purple Theme */
-        .page-kontrakan {
-            position: relative;
-            min-height: 100vh;
-            background: linear-gradient(135deg, #f8f7ff 0%, #f3f1ff 50%, #ede9fe 100%);
-        }
-        
-        .page-kontrakan::before {
-            content: '';
-            position: fixed;
-            top: 0;
-            left: 0;
-            right: 0;
-            bottom: 0;
-            background-image: 
-                radial-gradient(circle at 20% 30%, rgba(102, 126, 234, 0.08) 0%, transparent 40%),
-                radial-gradient(circle at 80% 70%, rgba(102, 126, 234, 0.06) 0%, transparent 40%),
-                radial-gradient(circle at 50% 50%, rgba(118, 75, 162, 0.04) 0%, transparent 60%);
-            pointer-events: none;
-            z-index: -1;
-        }
-        
-        /* Floating Decorations - Purple Theme */
-        .floating-decoration {
-            position: fixed;
-            pointer-events: none;
-            z-index: 0;
-            opacity: 0.5;
-        }
-        
-        .floating-decoration.deco-1 {
-            top: 15%;
-            right: 5%;
-            width: 150px;
-            height: 150px;
-            background: linear-gradient(135deg, rgba(102, 126, 234, 0.12) 0%, rgba(102, 126, 234, 0.05) 100%);
-            border-radius: 50%;
-            filter: blur(30px);
-            animation: float 8s ease-in-out infinite;
-        }
-        
-        .floating-decoration.deco-2 {
-            bottom: 20%;
-            left: 10%;
-            width: 200px;
-            height: 200px;
-            background: linear-gradient(135deg, rgba(118, 75, 162, 0.1) 0%, rgba(102, 126, 234, 0.05) 100%);
-            border-radius: 50%;
-            filter: blur(40px);
-            animation: float 10s ease-in-out infinite reverse;
-        }
-        
-        .floating-decoration.deco-3 {
-            top: 60%;
-            right: 15%;
-            width: 100px;
-            height: 100px;
-            background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, transparent 100%);
-            border-radius: 50%;
-            filter: blur(25px);
-            animation: float 6s ease-in-out infinite 1s;
-        }
-
-        /* Stats Cards */
-        .stats-overview {
-            display: grid;
-            grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
-            gap: 0.75rem;
-            margin-bottom: 1rem;
-        }
-        
-        .stat-card {
-            background: rgba(255, 255, 255, 0.95);
-            backdrop-filter: blur(10px);
-            border-radius: 12px;
-            padding: 0.75rem;
-            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
-            border: 1px solid rgba(255, 255, 255, 0.8);
-            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-            position: relative;
-            overflow: hidden;
-        }
-        
-        .stat-card::before {
-            content: '';
-            position: absolute;
-            top: 0;
-            left: 0;
-            right: 0;
-            height: 4px;
-            background: linear-gradient(90deg, var(--stat-color), transparent);
-        }
-        
-        .stat-card:hover {
-            transform: translateY(-5px);
-            box-shadow: 0 8px 30px rgba(102, 126, 234, 0.15);
-        }
-        
-        .stat-card .stat-icon {
-            width: 35px;
-            height: 35px;
-            border-radius: 12px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            font-size: 1rem;
-            margin-bottom: 0.5rem;
-        }
-        
-        .stat-card .stat-value {
-            font-size: 1.5rem;
-            font-weight: 800;
-            color: var(--stat-color);
-            line-height: 1.2;
-        }
-        
-        .stat-card .stat-label {
-            font-size: 0.75rem;
-            color: #6c757d;
-            font-weight: 500;
-        }
-
-        /* Enhanced Table Card */
-        .main-content-card {
-            background: rgba(255, 255, 255, 0.98);
-            backdrop-filter: blur(20px);
-            border-radius: 20px;
-            box-shadow: 0 8px 40px rgba(0, 0, 0, 0.08);
-            border: 1px solid rgba(255, 255, 255, 0.9);
-            overflow: hidden;
-            position: relative;
-        }
-        
-        .main-content-card::before {
-            content: '';
-            position: absolute;
-            top: 0;
-            left: 0;
-            right: 0;
-            height: 5px;
-            background: linear-gradient(90deg, #667eea 0%, #764ba2 50%, #667eea 100%);
-            background-size: 200% 100%;
-            animation: gradientMove 3s ease infinite;
-        }
-        
-        @keyframes gradientMove {
-            0%, 100% { background-position: 0% 50%; }
-            50% { background-position: 100% 50%; }
-        }
-
-        /* Table Enhancements */
-        .enhanced-table {
-            background: transparent;
-        }
-        
-        .enhanced-table thead {
-            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-        }
-        
-        .enhanced-table thead th {
-            color: white;
-            font-weight: 600;
-            text-transform: uppercase;
-            font-size: 0.7rem;
-            letter-spacing: 0.3px;
-            padding: 0.75rem 0.5rem;
-            border: none;
-        }
-        
-        .enhanced-table tbody tr {
-            background: rgba(255, 255, 255, 0.7);
-            transition: all 0.3s ease;
-        }
-        
-        .enhanced-table tbody tr:nth-child(even) {
-            background: rgba(102, 126, 234, 0.03);
-        }
-        
-        .enhanced-table tbody tr:hover {
-            background: rgba(102, 126, 234, 0.08);
-            transform: scale(1.002);
-        }
-        
-        .enhanced-table tbody td {
-            padding: 0.6rem 0.5rem;
-            vertical-align: middle;
-            border-bottom: 1px solid rgba(0, 0, 0, 0.04);
-        }
-        
-        /* Card Header with Gradient Border */
-        .card-header-enhanced {
-            background: linear-gradient(135deg, rgba(255,255,255,0.98) 0%, rgba(248,249,255,0.98) 100%);
-            border-bottom: 2px solid transparent;
-            background-clip: padding-box;
-            position: relative;
-        }
-        
-        .card-header-enhanced::after {
-            content: '';
-            position: absolute;
-            bottom: 0;
-            left: 0;
-            right: 0;
-            height: 2px;
-            background: linear-gradient(90deg, #667eea, #764ba2, #667eea);
-            opacity: 0.3;
-        }
-
-        @media (max-width: 768px) {
-            .stats-overview {
-                grid-template-columns: repeat(2, 1fr);
-                gap: 0.5rem;
-            }
-            
-            .stat-card {
-                padding: 0.75rem;
-            }
-            
-            .stat-card .stat-value {
-                font-size: 1.25rem;
-            }
-            
-            .stat-card .stat-icon {
-                width: 32px;
-                height: 32px;
-                font-size: 1rem;
-            }
-            
-            .stat-card .stat-label {
-                font-size: 0.7rem;
-            }
-            
-            .main-content-card {
-                border-radius: 12px;
-                margin: 0 -0.5rem;
-            }
-            
-            .card-header-enhanced {
-                padding: 0.75rem 1rem;
-            }
-            
-            /* Floating decorations reduced on mobile */
-            .floating-decoration {
-                opacity: 0.3;
-                transform: scale(0.5);
-            }
-        }
-        
-        @media (max-width: 576px) {
-            .stats-overview {
-                grid-template-columns: 1fr 1fr;
-                gap: 0.4rem;
-            }
-            
-            .stat-card {
-                padding: 0.6rem;
-            }
-            
-            .stat-card .stat-value {
-                font-size: 1.1rem;
-            }
-            
-            .stat-card .stat-icon {
-                width: 28px;
-                height: 28px;
-                font-size: 0.85rem;
-                margin-bottom: 0.4rem;
-            }
-            
-            .stat-card .stat-label {
-                font-size: 0.65rem;
-            }
-            
-            /* Hide some decorations on small mobile */
-            .floating-decoration.deco-2,
-            .floating-decoration.deco-3 {
-                display: none;
-            }
-        }
-        
-        @media (max-width: 380px) {
-            .stat-card .stat-value {
-                font-size: 1rem;
-            }
-            
-            .stat-card .stat-label {
-                font-size: 0.6rem;
-            }
-        }
-        .header-kontrakan {
-            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-            border-radius: 0.75rem;
-            padding: 1rem;
-            color: white;
-            margin-bottom: 1rem;
-            box-shadow: 0 4px 15px rgba(102, 126, 234, 0.2);
-            position: relative;
-            overflow: hidden;
-        }
-        
-        .header-kontrakan::before {
-            content: '';
-            position: absolute;
-            top: -50%;
-            right: -10%;
-            width: 300px;
-            height: 300px;
-            background: rgba(255,255,255,0.1);
-            border-radius: 50%;
-            animation: float 6s ease-in-out infinite;
-        }
-        
-        @keyframes float {
-            0%, 100% { transform: translateY(0px); }
-            50% { transform: translateY(-20px); }
-        }
-        
-        .header-kontrakan h2 {
-            font-size: clamp(1.5rem, 4vw, 2rem);
-            font-weight: 800;
-            margin-bottom: 0.5rem;
-            position: relative;
-            z-index: 1;
-        }
-        
-        .header-kontrakan p {
-            opacity: 0.95;
-            margin-bottom: 0;
-            position: relative;
-            z-index: 1;
-            font-size: clamp(0.9rem, 2vw, 1rem);
-        }
-        
-        .btn-tambah-kontrakan {
-            background: rgba(255,255,255,0.95);
-            color: #667eea;
-            font-weight: 700;
-            border: none;
-            padding: 0.875rem 1.75rem;
-            border-radius: 12px;
-            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-            backdrop-filter: blur(10px);
-            position: relative;
-            z-index: 1;
-        }
-        
-        .btn-tambah-kontrakan:hover {
-            transform: translateY(-2px) scale(1.02);
-            box-shadow: 0 12px 25px rgba(0,0,0,0.15);
-            color: #764ba2;
-            background: white;
-        }
-        
-        .filter-card {
-            border: none;
-            border-radius: 12px;
-            box-shadow: 0 2px 8px rgba(0,0,0,0.06);
-            margin-bottom: 1rem;
-            overflow: hidden;
-            backdrop-filter: blur(10px);
-        }
-        
-        .filter-card-header {
-            background: linear-gradient(135deg, rgba(102, 126, 234, 0.9) 0%, rgba(118, 75, 162, 0.9) 100%);
-            color: white;
-            padding: 0.75rem;
-            font-weight: 700;
-        }
-        
-        .kontrakan-grid {
-            display: grid;
-            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
-            gap: 1.5rem;
-        }
-        
-        .kontrakan-card {
-            border: none;
-            border-radius: 16px;
-            box-shadow: 0 4px 20px rgba(0,0,0,0.08);
-            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
-            overflow: hidden;
-            background: white;
-        }
-        
-        .kontrakan-card:hover {
-            transform: translateY(-8px) scale(1.02);
-            box-shadow: 0 20px 40px rgba(102, 126, 234, 0.15);
-        }
-        
-        /* Mobile Responsive */
-        @media (max-width: 768px) {
-            .header-kontrakan {
-                padding: 1rem 0.75rem;
-                margin-bottom: 0.75rem;
-                border-radius: 0.5rem;
-            }
-            
-            .header-kontrakan::before {
-                width: 150px;
-                height: 150px;
-                right: -20%;
-            }
-            
-            .btn-tambah-kontrakan {
-                padding: 0.65rem 1rem;
-                font-size: 0.85rem;
-                width: 100%;
-                margin-top: 0.75rem;
-                border-radius: 8px;
-            }
-            
-            .kontrakan-grid {
-                grid-template-columns: 1fr;
-                gap: 0.75rem;
-            }
-            
-            .filter-card-header {
-                padding: 0.75rem 1rem;
-            }
-            
-            .kontrakan-card:hover {
-                transform: translateY(-4px);
-            }
-            
-            /* Better touch targets */
-            .btn {
-                min-height: 44px;
-            }
-            
-            /* Filter section improvements */
-            .range-slider {
-                padding: 0.75rem !important;
-            }
-            
-            .range-value {
-                font-size: 0.8rem !important;
-            }
-        }
-        
-        @media (max-width: 576px) {
-            .header-kontrakan {
-                padding: 0.75rem 0.5rem;
-                margin-bottom: 0.5rem;
-            }
-            
-            .header-kontrakan h2 {
-                font-size: 1.25rem;
-            }
-            
-            .header-kontrakan p {
-                font-size: 0.8rem;
-            }
-            
-            .kontrakan-grid {
-                gap: 0.5rem;
-            }
-            
-            .btn-tambah-kontrakan {
-                padding: 0.6rem 0.75rem;
-                font-size: 0.8rem;
-            }
-            
-            /* Mobile card optimizations */
-            .glass-card.mb-3 {
-                margin-left: 0.5rem !important;
-                margin-right: 0.5rem !important;
-            }
-        }
-        
-        @media (max-width: 380px) {
-            .header-kontrakan h2 {
-                font-size: 1.1rem;
-            }
-            
-            .header-kontrakan h2 i {
-                font-size: 1rem;
-            }
-        }
-    </style>
-    
-    <!-- Floating Decorations -->
-    <div class="floating-decoration deco-1"></div>
-    <div class="floating-decoration deco-2"></div>
-    <div class="floating-decoration deco-3"></div>
-
-    <!-- Header Section -->
-    <div class="header-kontrakan">
-        <div class="row align-items-center">
-            <div class="col-12 col-md-8">
-                <h2 class="mb-2">
-                    <i class="bi bi-houses me-2 me-md-3"></i><span class="d-none d-sm-inline">Kelola Kontrakan</span><span class="d-sm-none">Kontrakan</span>
-                </h2>
-                <p class="mb-0"><span class="d-none d-md-inline">Informasi lengkap dan manajemen data kontrakan yang tersedia</span><span class="d-md-none">Manajemen data kontrakan</span></p>
-            </div>
-            <div class="col-12 col-md-4 text-md-end mt-3 mt-md-0">
-                <a href="<?php echo e(route('kontrakan.create')); ?>" class="btn btn-tambah-kontrakan">
-                    <i class="bi bi-plus-circle me-2"></i><span class="d-none d-sm-inline">Tambah Kontrakan Baru</span><span class="d-sm-none">Tambah</span>
-                </a>
-            </div>
-        </div>
-    </div>
-
-    <!-- Quick Stats Overview -->
-    <div class="stats-overview">
-        <div class="stat-card" style="--stat-color: #667eea;">
-            <div class="stat-icon" style="background: linear-gradient(135deg, rgba(102, 126, 234, 0.2), rgba(118, 75, 162, 0.1));">
-                <i class="bi bi-house-fill" style="color: #667eea;"></i>
-            </div>
-            <div class="stat-value"><?php echo e($kontrakan->total() ?? 0); ?></div>
-            <div class="stat-label">Total Kontrakan</div>
-        </div>
-        <div class="stat-card" style="--stat-color: #28a745;">
-            <div class="stat-icon" style="background: linear-gradient(135deg, rgba(40, 167, 69, 0.2), rgba(40, 167, 69, 0.1));">
-                <i class="bi bi-currency-dollar" style="color: #28a745;"></i>
-            </div>
-            <div class="stat-value"><?php echo e(isset($hargaMin) ? 'Rp ' . number_format($hargaMin / 1000000, 1) . 'jt' : '-'); ?></div>
-            <div class="stat-label">Harga Terendah</div>
-        </div>
-        <div class="stat-card" style="--stat-color: #dc3545;">
-            <div class="stat-icon" style="background: linear-gradient(135deg, rgba(220, 53, 69, 0.2), rgba(220, 53, 69, 0.1));">
-                <i class="bi bi-geo-alt-fill" style="color: #dc3545;"></i>
-            </div>
-            <div class="stat-value"><?php echo e(isset($jarakMaxKm) ? number_format($jarakMaxKm, 1) . 'km' : '-'); ?></div>
-            <div class="stat-label">Jarak Terjauh</div>
-        </div>
-        <div class="stat-card" style="--stat-color: #ffc107;">
-            <div class="stat-icon" style="background: linear-gradient(135deg, rgba(255, 193, 7, 0.2), rgba(255, 193, 7, 0.1));">
-                <i class="bi bi-door-open-fill" style="color: #ffc107;"></i>
-            </div>
-            <div class="stat-value"><?php echo e(isset($jumlah_kamarMax) ? $jumlah_kamarMax : '-'); ?></div>
-            <div class="stat-label">Kamar Terbanyak</div>
-        </div>
-    </div>
-
-    <!-- Alert Success -->
-    <?php if(session('success')): ?>
-    <div class="alert alert-success alert-dismissible fade show rounded-3 border-0 py-2 mb-2" role="alert">
-        <i class="bi bi-check-circle-fill me-2"></i>
-        <span class="small"><?php echo e(session('success')); ?></span>
-        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
-    </div>
-    <?php endif; ?>
-
-    <!-- Alert Error -->
-    <?php if(session('error')): ?>
-    <div class="alert alert-danger alert-dismissible fade show rounded-3 border-0 py-2 mb-2" role="alert">
-        <i class="bi bi-exclamation-triangle-fill me-2"></i>
-        <span class="small"><?php echo e(session('error')); ?></span>
-        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
-    </div>
-    <?php endif; ?>
-
-    <!-- Filter Card with Enhanced UI -->
-    <div class="glass-card mb-3" style="overflow: hidden; border-radius: 12px; box-shadow: 0 2px 8px rgba(0,0,0,0.06);">
-        <div class="filter-header p-2 px-3" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; cursor: pointer; user-select: none; transition: all 0.3s ease;"
-             data-bs-toggle="collapse" data-bs-target="#collapseFilters">
-            <div class="row align-items-center">
-                <div class="col">
-                    <h6 class="mb-0 fw-bold" style="color: white !important;">
-                        <i class="bi bi-funnel me-2"></i>
-                        <span>Pencarian & Filter Kontrakan</span>
-                    </h6>
-                </div>
-                <div class="col-auto">
-                    <div class="d-flex gap-2 align-items-center">
-                        <span class="badge bg-light text-dark small d-none d-sm-inline" id="filterCount" style="display: none;">
-                            <i class="bi bi-check-circle me-1"></i><span id="filterCountNum">0</span> filter
-                        </span>
-                        <i class="bi bi-chevron-down" id="filterToggleIcon" style="transition: transform 0.3s ease;"></i>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div class="collapse" id="collapseFilters">
-            <div class="p-2 p-md-3" style="background: rgba(255,255,255,0.95); backdrop-filter: blur(10px);">
-                <form action="<?php echo e(route('kontrakan.index')); ?>" method="GET" id="filterForm">
-                    <!-- Main Search Bar with Enhanced UI -->
-                    <div class="mb-2">
-                        <label class="form-label fw-semibold mb-1 small">
-                            <i class="bi bi-search me-1" style="color: var(--primary-color);"></i>
-                            Cari Kontrakan
-                        </label>
-                        <div class="search-input-enhanced position-relative">
-                            <div class="input-group input-group-sm">
-                                <span class="input-group-text bg-light border-end-0" style="border-color: var(--border-color);">
-                                    <i class="bi bi-search" style="color: var(--primary-color);"></i>
-                                </span>
-                            <input 
-                                type="text" 
-                                name="search" 
-                                class="form-control form-control-sm border-start-0" 
-                                placeholder="Cari nama, alamat, fasilitas..."
-                                value="<?php echo e($filters['search'] ?? ''); ?>"
-                                id="searchInput"
-                                style="border-color: var(--border-color);"
-                            >
-                            <?php if($filters['search'] ?? false): ?>
-                            <button type="button" class="btn btn-outline-secondary d-none d-md-inline" id="clearSearch">
-                                <i class="bi bi-x-lg"></i>
-                            </button>
-                            <?php endif; ?>
-                            <button class="btn" type="submit" style="background: var(--primary-color); color: white; border-color: var(--primary-color);">
-                                <i class="bi bi-search me-1 me-md-2"></i><span class="d-none d-sm-inline">Cari</span>
-                            </button>
-                        </div>
-                        <?php if($filters['search'] ?? false): ?>
-                        <div class="d-md-none mt-2">
-                            <button type="button" class="btn btn-sm btn-outline-secondary" id="clearSearchMobile">
-                                <i class="bi bi-x-lg me-1"></i>Hapus Pencarian
-                            </button>
-                        </div>
-                        <?php endif; ?>
-                        <div class="search-suggestions" id="searchSuggestions"></div>
-                    </div>
-                    <small class="text-muted mt-2 d-block">
-                        <i class="bi bi-lightbulb me-1" style="color: var(--accent-color);"></i>
-                        <span class="d-none d-md-inline">💡 Ketik "WiFi", "Dapur", "AC" atau kata kunci lainnya untuk hasil lebih spesifik</span>
-                        <span class="d-md-none">💡 Coba "WiFi", "Dapur", "AC"</span>
-                    </small>
-                </div>
-
-                <!-- Advanced Filters Section -->
-                <div class="border-top mt-2 pt-2">
-                    <div class="d-flex justify-content-between align-items-center mb-2">
-                        <h6 class="fw-semibold mb-0 small" style="color: var(--primary-color);">
-                            <i class="bi bi-sliders me-1"></i>
-                            Filter Lanjutan
-                        </h6>
-                        <button type="button" class="btn btn-sm btn-outline-secondary" id="resetFilters">
-                            <i class="bi bi-arrow-clockwise me-1"></i><span class="d-none d-sm-inline">Reset</span>
-                        </button>
-                    </div>
-                    
-                    <div class="row g-2">
-                        <!-- 💰 Range Harga with Visual Slider -->
-                        <div class="col-12">
-                            <label class="form-label fw-semibold mb-1 small">
-                                <i class="bi bi-currency-dollar me-1" style="color: var(--success-color);"></i>
-                                💰 Range Harga per Tahun
-                            </label>
-                            <div class="range-slider p-2 rounded-3" style="background: rgba(var(--primary-color-rgb), 0.05); border: 1px solid rgba(var(--primary-color-rgb), 0.1);">
-                                <div class="row g-2 mb-2">
-                                    <div class="col-6">
-                                        <div class="range-value text-center p-1 rounded" style="background: white; border: 2px solid var(--primary-color); color: var(--primary-color); font-weight: 600; font-size: 0.85rem;">
-                                            <small class="d-block text-muted" style="font-size: 0.7rem;">Min</small>
-                                            <span id="hargaMinDisplay"><?php echo e(number_format($filters['harga_min'] ?? $hargaMin, 0, ',', '.')); ?></span>
-                                        </div>
-                                    </div>
-                                    <div class="col-6">
-                                        <div class="range-value text-center p-1 rounded" style="background: white; border: 2px solid var(--primary-color); color: var(--primary-color); font-weight: 600; font-size: 0.85rem;">
-                                            <small class="d-block text-muted" style="font-size: 0.7rem;">Max</small>
-                                            <span id="hargaMaxDisplay"><?php echo e(number_format($filters['harga_max'] ?? $hargaMax, 0, ',', '.')); ?></span>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="row g-2">
-                                    <div class="col-md-6">
-                                        <input 
-                                            type="range" 
-                                            name="harga_min" 
-                                            id="harga_min" 
-                                            class="form-range" 
-                                            min="<?php echo e($hargaMin); ?>" 
-                                            max="<?php echo e($hargaMax); ?>" 
-                                            value="<?php echo e($filters['harga_min'] ?? $hargaMin); ?>"
-                                            step="1000000"
-                                            style="accent-color: var(--primary-color);"
-                                        >
-                                        <small class="text-muted mt-1 d-block">Geser untuk minimum</small>
-                                    </div>
-                                    <div class="col-md-6">
-                                        <input 
-                                            type="range" 
-                                            name="harga_max" 
-                                            id="harga_max" 
-                                            class="form-range" 
-                                            min="<?php echo e($hargaMin); ?>" 
-                                            max="<?php echo e($hargaMax); ?>" 
-                                            value="<?php echo e($filters['harga_max'] ?? $hargaMax); ?>"
-                                            step="1000000"
-                                            style="accent-color: var(--primary-color);"
-                                        >
-                                        <small class="text-muted mt-1 d-block">Geser untuk maksimum</small>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="form-text">
-                                <i class="bi bi-info-circle me-1" style="color: var(--info-color);"></i>
-                                <span class="d-none d-md-inline">Range tersedia: Rp <?php echo e(number_format($hargaMin, 0, ',', '.')); ?> - Rp <?php echo e(number_format($hargaMax, 0, ',', '.')); ?></span>
-                                <span class="d-md-none">Rp <?php echo e(number_format($hargaMin, 0, ',', '.')); ?> - <?php echo e(number_format($hargaMax, 0, ',', '.')); ?></span>
-                            </div>
-                        </div>
-
-                        <!-- 📍 Jarak dengan Visual Slider -->
-                        <div class="col-md-6">
-                            <label class="form-label fw-semibold mb-1 small">
-                                <i class="bi bi-pin-map me-1" style="color: var(--danger-color);"></i>
-                                📍 Jarak Max dari Kampus
-                            </label>
-                            <div class="range-slider p-2 rounded-3" style="background: rgba(var(--danger-color-rgb), 0.05); border: 1px solid rgba(var(--danger-color-rgb), 0.1);">
-                                <div class="range-value text-center p-1 rounded mb-2" style="background: white; border: 2px solid var(--danger-color); color: var(--danger-color); font-weight: 600; font-size: 0.85rem;">
-                                    <span id="jarakDisplay"><?php echo e($filters['jarak_max'] ?? '10'); ?></span> km
-                                </div>
-                                <input 
-                                    type="range" 
-                                    name="jarak_max" 
-                                    id="jarak_max" 
-                                    class="form-range" 
-                                    min="0" 
-                                    max="<?php echo e($jarakMaxKm); ?>" 
-                                    value="<?php echo e($filters['jarak_max'] ?? 10); ?>"
-                                    step="0.5"
-                                    style="accent-color: var(--danger-color);"
-                                >
-                                <small class="text-muted mt-1 d-block">Geser untuk menyesuaikan</small>
-                            </div>
-                            <div class="form-text">
-                                <i class="bi bi-info-circle me-1" style="color: var(--info-color);"></i>
-                                <span class="d-none d-md-inline">Jarak terjauh tersedia: <?php echo e($jarakMaxKm); ?> km</span>
-                                <span class="d-md-none">Max: <?php echo e($jarakMaxKm); ?> km</span>
-                            </div>
-                        </div>
-
-                        <!-- 🏠 Jumlah Kamar dengan Visual Slider -->
-                        <div class="col-md-6">
-                            <label class="form-label fw-semibold mb-1 small">
-                                <i class="bi bi-rulers me-1" style="color: var(--warning-color);"></i>
-                                🏠 Jumlah Kamar
-                            </label>
-                            <div class="range-slider p-2 rounded-3" style="background: rgba(var(--warning-color-rgb), 0.05); border: 1px solid rgba(var(--warning-color-rgb), 0.1);">
-                                <div class="row g-2 mb-2">
-                                    <div class="col-6">
-                                        <div class="range-value text-center p-1 rounded" style="background: white; border: 2px solid var(--warning-color); color: var(--warning-color); font-weight: 600; font-size: 0.85rem;">
-                                            <small class="d-block text-muted" style="font-size: 0.7rem;">Min</small>
-                                            <span id="kamarMinDisplay"><?php echo e($filters['jumlah_kamar_min'] ?? $jumlah_kamarMin); ?></span> kmr
-                                        </div>
-                                    </div>
-                                    <div class="col-6">
-                                        <div class="range-value text-center p-1 rounded" style="background: white; border: 2px solid var(--warning-color); color: var(--warning-color); font-weight: 600; font-size: 0.85rem;">
-                                            <small class="d-block text-muted" style="font-size: 0.7rem;">Max</small>
-                                            <span id="kamarMaxDisplay"><?php echo e($filters['jumlah_kamar_max'] ?? $jumlah_kamarMax); ?></span> kmr
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="row g-2">
-                                    <div class="col-md-6">
-                                        <input 
-                                            type="range" 
-                                            name="jumlah_kamar_min" 
-                                            id="kamar_min" 
-                                            class="form-range" 
-                                            min="<?php echo e($jumlah_kamarMin); ?>" 
-                                            max="<?php echo e($jumlah_kamarMax); ?>" 
-                                            value="<?php echo e($filters['jumlah_kamar_min'] ?? $jumlah_kamarMin); ?>"
-                                            step="1"
-                                            style="accent-color: var(--warning-color);"
-                                        >
-                                        <small class="text-muted mt-1 d-block">Minimum kamar</small>
-                                    </div>
-                                    <div class="col-md-6">
-                                        <input 
-                                            type="range" 
-                                            name="jumlah_kamar_max" 
-                                            id="kamar_max" 
-                                            class="form-range" 
-                                            min="<?php echo e($jumlah_kamarMin); ?>" 
-                                            max="<?php echo e($jumlah_kamarMax); ?>" 
-                                            value="<?php echo e($filters['jumlah_kamar_max'] ?? $jumlah_kamarMax); ?>"
-                                            step="1"
-                                            style="accent-color: var(--warning-color);"
-                                        >
-                                            <small class="text-muted">Maksimum kamar</small>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="form-text">
-                                    <i class="bi bi-info-circle me-1"></i>
-                                    Range: <?php echo e($jumlah_kamarMin); ?> - <?php echo e($jumlah_kamarMax); ?> kamar
-                                </div>
-                            </div>
-
-                        <!-- ✨ Fasilitas Checkboxes -->
-                        <?php if($fasilitasUnique->count() > 0): ?>
-                        <div class="col-12">
-                            <label class="form-label fw-semibold mb-1 small">
-                                <i class="bi bi-star me-1" style="color: var(--warning-color);"></i>
-                                ✨ Fasilitas yang Diinginkan
-                            </label>
-                            <div class="glass-card border-0" style="background: rgba(var(--warning-color-rgb), 0.05);">
-                                <div class="card-body p-2">
-                                    <div class="row g-2">
-                                        <?php $__currentLoopData = $fasilitasUnique; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $fasilitas): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
-                                        <div class="col-6 col-md-4 col-lg-3">
-                                            <div class="form-check">
-                                                <input 
-                                                    class="form-check-input" 
-                                                    type="checkbox" 
-                                                    name="fasilitas_filter[]" 
-                                                    value="<?php echo e($fasilitas); ?>" 
-                                                    id="fasilitas_<?php echo e($loop->index); ?>"
-                                                    <?php echo e(in_array($fasilitas, $filters['fasilitas_filter'] ?? []) ? 'checked' : ''); ?>
-
-                                                    style="accent-color: var(--primary-color);"
-                                                >
-                                                <label class="form-check-label small" for="fasilitas_<?php echo e($loop->index); ?>" style="cursor: pointer;">
-                                                    <i class="bi bi-check-circle me-1" style="color: var(--success-color);"></i><?php echo e($fasilitas); ?>
-
-                                                </label>
-                                            </div>
-                                        </div>
-                                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
-                                    </div>
-                                </div>
-                            </div>
-                            <small class="text-muted mt-1 d-block">
-                                <i class="bi bi-info-circle me-1" style="color: var(--info-color);"></i>
-                                <span class="d-none d-md-inline">Pilih satu atau lebih fasilitas (hasil akan menampilkan kontrakan yang memiliki SEMUA fasilitas terpilih)</span>
-                                <span class="d-md-none">Pilih fasilitas yang diinginkan</span>
-                            </small>
-                        </div>
-                        <?php endif; ?>
-
-                        <!-- 📋 Urutkan (Radio Buttons) -->
-                        <div class="col-12">
-                            <label class="form-label fw-semibold mb-1 small">
-                                <i class="bi bi-sort-down me-1" style="color: var(--info-color);"></i>
-                                📋 Urutkan Berdasarkan
-                            </label>
-                            <div class="row g-2">
-                                <div class="col-6 col-md-3">
-                                    <input type="radio" class="btn-check" name="sort_by" id="sort_terbaru" value="terbaru" <?php echo e(($filters['sort_by'] ?? 'terbaru') == 'terbaru' ? 'checked' : ''); ?>>
-                                    <label class="btn btn-outline-primary w-100" for="sort_terbaru" style="border-color: var(--primary-color); color: var(--primary-color);">
-                                        <i class="bi bi-clock"></i> <span class="d-none d-sm-inline">Terbaru</span><span class="d-sm-none">🕑</span>
-                                    </label>
-                                </div>
-                                <div class="col-6 col-md-3">
-                                    <input type="radio" class="btn-check" name="sort_by" id="sort_termurah" value="harga_termurah" <?php echo e(($filters['sort_by'] ?? '') == 'harga_termurah' ? 'checked' : ''); ?>>
-                                    <label class="btn btn-outline-success w-100" for="sort_termurah" style="border-color: var(--success-color); color: var(--success-color);">
-                                        <i class="bi bi-currency-dollar"></i> <span class="d-none d-sm-inline">Termurah</span><span class="d-sm-none">💰</span>
-                                    </label>
-                                </div>
-                                <div class="col-6 col-md-3">
-                                    <input type="radio" class="btn-check" name="sort_by" id="sort_terdekat" value="jarak_terdekat" <?php echo e(($filters['sort_by'] ?? '') == 'jarak_terdekat' ? 'checked' : ''); ?>>
-                                    <label class="btn btn-outline-danger w-100" for="sort_terdekat" style="border-color: var(--danger-color); color: var(--danger-color);">
-                                        <i class="bi bi-pin-map"></i> <span class="d-none d-sm-inline">Terdekat</span><span class="d-sm-none">📍</span>
-                                    </label>
-                                </div>
-                                <div class="col-6 col-md-3">
-                                    <input type="radio" class="btn-check" name="sort_by" id="sort_kamar_terbanyak" value="jumlah_kamar_terbesar" <?php echo e(($filters['sort_by'] ?? '') == 'jumlah_kamar_terbesar' ? 'checked' : ''); ?>>
-                                    <label class="btn btn-outline-warning w-100" for="sort_kamar_terbanyak" style="border-color: var(--warning-color); color: var(--warning-color);">
-                                        <i class="bi bi-rulers"></i> <span class="d-none d-sm-inline">Terbanyak</span><span class="d-sm-none">🏠</span>
-                                    </label>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-
-                    <!-- Action Buttons -->
-                    <div class="d-flex flex-column flex-md-row gap-2 mt-4 pt-3 border-top">
-                        <button type="submit" class="btn btn-primary flex-fill" style="background: var(--primary-color); border-color: var(--primary-color);">
-                            <i class="bi bi-funnel-fill me-2"></i>
-                            <span class="d-none d-sm-inline">Terapkan Filter</span>
-                            <span class="d-sm-none">Terapkan</span>
-                        </button>
-                        <a href="<?php echo e(route('kontrakan.index')); ?>" class="btn btn-outline-secondary flex-fill">
-                            <i class="bi bi-arrow-clockwise me-2"></i>
-                            <span class="d-none d-sm-inline">Reset Filter</span>
-                            <span class="d-sm-none">Reset</span>
-                        </a>
-                    </div>
-                </form>
-            </div>
-        </div>
-    </div>
-
-    <!-- 📊 Active Filters & Result Info -->
-    <div class="row g-2 mb-2">
-        <div class="col-12">
-            <div class="d-flex flex-column flex-md-row gap-2 align-items-start align-items-md-center justify-content-between">
-                <div class="d-flex flex-wrap gap-2 align-items-center w-100 w-md-auto">
-                    <!-- Result Count Badge -->
-                    <span class="badge px-2 py-1 rounded-3" style="background: rgba(var(--primary-color-rgb), 0.1); color: var(--primary-color); font-size: 0.85rem; font-weight: 600;">
-                        <i class="bi bi-house-fill me-1"></i>
-                        <strong><?php echo e($filteredCount ?? 0); ?></strong> 
-                        <?php if(isset($filteredCount) && isset($totalKontrakan) && $filteredCount < $totalKontrakan): ?>
-                        <span class="d-none d-md-inline">dari <?php echo e($totalKontrakan); ?></span>
-                        <?php endif; ?>
-                        kontrakan
-                    </span>
-
-                    <!-- Active Filter Badges -->
-                    <?php if($filters['search'] ?? false): ?>
-                    <span class="badge px-2 py-1 rounded-3" style="background: rgba(var(--info-color-rgb), 0.1); color: var(--info-color); font-size: 0.8rem;">
-                        <i class="bi bi-search me-1"></i>
-                        <span class="d-none d-sm-inline">"<?php echo e(Str::limit($filters['search'], 20)); ?>"</span>
-                        <span class="d-sm-none">🔍</span>
-                    </span>
-                    <?php endif; ?>
-
-                    <?php if(($filters['harga_min'] ?? false) || ($filters['harga_max'] ?? false)): ?>
-                    <span class="badge px-2 py-1 rounded-3" style="background: rgba(var(--success-color-rgb), 0.1); color: var(--success-color); font-size: 0.8rem;">
-                        <i class="bi bi-currency-dollar me-1"></i>
-                        <span class="d-none d-lg-inline">
-                            Rp <?php echo e(number_format($filters['harga_min'] ?? 0, 0, ',', '.')); ?> - Rp <?php echo e(number_format($filters['harga_max'] ?? ($hargaMax ?? 0), 0, ',', '.')); ?>
-
-                        </span>
-                        <span class="d-lg-none">💰</span>
-                    </span>
-                    <?php endif; ?>
-
-                    <?php if($filters['jarak_max'] ?? false): ?>
-                    <span class="badge px-2 px-md-3 py-2 rounded-3" style="background: rgba(var(--danger-color-rgb), 0.1); color: var(--danger-color); font-size: 0.85rem;">
-                        <i class="bi bi-pin-map me-1"></i>
-                        <span class="d-none d-sm-inline">Max <?php echo e($filters['jarak_max']); ?> km</span>
-                        <span class="d-sm-none">📍<?php echo e($filters['jarak_max']); ?>km</span>
-                    </span>
-                    <?php endif; ?>
-
-                    <?php if(($filters['jumlah_kamar_min'] ?? false) || ($filters['jumlah_kamar_max'] ?? false)): ?>
-                    <span class="badge px-2 px-md-3 py-2 rounded-3" style="background: rgba(var(--warning-color-rgb), 0.1); color: var(--warning-color); font-size: 0.85rem;">
-                        <i class="bi bi-rulers me-1"></i>
-                        <span class="d-none d-md-inline"><?php echo e($filters['jumlah_kamar_min'] ?? 0); ?> - <?php echo e($filters['jumlah_kamar_max'] ?? ($jumlah_kamarMax ?? 0)); ?> kamar</span>
-                        <span class="d-md-none">🏠<?php echo e($filters['jumlah_kamar_min'] ?? 0); ?>-<?php echo e($filters['jumlah_kamar_max'] ?? ($jumlah_kamarMax ?? 0)); ?></span>
-                    </span>
-                    <?php endif; ?>
-
-                    <?php if(!empty($filters['fasilitas_filter'])): ?>
-                    <span class="badge px-2 px-md-3 py-2 rounded-3" style="background: rgba(var(--secondary-color-rgb), 0.1); color: var(--secondary-color); font-size: 0.85rem;">
-                        <i class="bi bi-star me-1"></i>
-                        <span class="d-none d-sm-inline"><?php echo e(count($filters['fasilitas_filter'])); ?> fasilitas</span>
-                        <span class="d-sm-none">✨<?php echo e(count($filters['fasilitas_filter'])); ?></span>
-                    </span>
-                    <?php endif; ?>
-                </div>
-
-                <!-- 🆕 Export Buttons -->
-                <?php if(isset($filteredCount) && $filteredCount > 0): ?>
-                <?php
-                    try {
-                        $queryParams = request()->query();
-                        $queryString = !empty($queryParams) ? '?' . http_build_query($queryParams) : '';
-                    } catch (\Exception $e) {
-                        $queryString = '';
-                    }
-                ?>
-                <div class="btn-group" role="group">
-                    <a href="<?php echo e(route('export.kontrakan.excel')); ?><?php echo e($queryString); ?>" 
-                       class="btn btn-sm btn-outline-success" 
-                       title="Export ke CSV"
-                       style="border-color: var(--success-color); color: var(--success-color);">
-                        <i class="bi bi-file-earmark-spreadsheet me-1"></i>
-                        <span class="d-none d-sm-inline">CSV</span>
-                    </a>
-                    <a href="<?php echo e(route('export.kontrakan.pdf')); ?><?php echo e($queryString); ?>" 
-                       class="btn btn-sm btn-outline-danger" 
-                       title="Export ke PDF"
-                       style="border-color: var(--danger-color); color: var(--danger-color);">
-                        <i class="bi bi-file-earmark-pdf me-1"></i>
-                        <span class="d-none d-sm-inline">PDF</span>
-                    </a>
-                </div>
-                <?php endif; ?>
-            </div>
-        </div>
-    </div>
-    <!-- Main Card -->
-    <div class="main-content-card">
-        <!-- Header Info dengan Bulk Actions -->
-        <div class="card-header card-header-enhanced py-2 py-md-3" style="border-radius: 1rem 1rem 0 0;">
-            <div class="d-flex flex-column flex-md-row justify-content-between align-items-start align-items-md-center gap-2 w-100">
-                <div class="d-flex flex-column flex-md-row align-items-start align-items-md-center gap-2 w-100 w-md-auto">
-                    <span class="text-muted small">
-                        <i class="bi bi-info-circle me-1" style="color: var(--info-color);"></i>
-                        <strong><?php echo e($kontrakan->count()); ?></strong> kontrakan
-                    </span>
-                    
-                    <!-- Bulk Action Buttons - Style seperti Laundry -->
-                    <?php if(auth()->user()->role == 'super_admin' && $kontrakan->count() > 0): ?>
-                    <div id="bulkDeleteBtn" style="display: none;" class="w-100 w-md-auto">
-                        <button 
-                            type="button" 
-                            class="btn btn-danger btn-sm w-100 w-md-auto"
-                            onclick="showBulkDeleteModal()"
-                        >
-                            <i class="bi bi-trash me-1"></i>Hapus (<span id="selectedCount">0</span>)
-                        </button>
-                    </div>
-                    <?php endif; ?>
-                </div>
-                
-                <span class="badge px-3 py-2 rounded-3" style="background: rgba(var(--primary-color-rgb), 0.1); color: var(--primary-color); font-size: 0.9rem; font-weight: 600;">
-                    <i class="bi bi-database me-1"></i>
-                    <strong><?php echo e($kontrakan->total()); ?></strong> Data
-                </span>
-            </div>
-        </div>
-
-        <div class="card-body p-0">
-            <?php if($kontrakan->isEmpty()): ?>
-                <!-- Empty State -->
-                <div class="text-center py-5 px-3" style="background: rgba(var(--primary-color-rgb), 0.02);">
-                    <div class="mb-4">
-                        <i class="bi bi-inbox text-muted opacity-50" style="font-size: 3rem; color: var(--muted-color);"></i>
-                    </div>
-                    <h5 class="text-muted mb-3" style="color: var(--text-secondary);">
-                        <span class="d-none d-md-inline">Tidak ada data kontrakan ditemukan</span>
-                        <span class="d-md-none">Data tidak ditemukan</span>
-                    </h5>
-                    <p class="text-muted mb-4 small" style="color: var(--text-muted);">
-                        <?php if(request()->hasAny(['search', 'harga_min', 'harga_max', 'jarak_max', 'luas_min', 'luas_max', 'fasilitas_filter'])): ?>
-                            <span class="d-none d-md-block">Tidak ada kontrakan yang sesuai dengan kriteria filter Anda.<br>Coba ubah atau reset filter untuk melihat hasil lain.</span>
-                            <span class="d-md-none">Filter tidak menemukan hasil. Coba ubah atau reset filter.</span>
-                        <?php else: ?>
-                            <span class="d-none d-md-block">Belum ada data kontrakan. Mulai tambahkan data kontrakan pertama Anda!</span>
-                            <span class="d-md-none">Belum ada data. Tambahkan kontrakan pertama!</span>
-                        <?php endif; ?>
-                    </p>
-                    <div class="d-flex gap-2 justify-content-center flex-column flex-sm-row">
-                        <?php if(request()->hasAny(['search', 'harga_min', 'harga_max', 'jarak_max', 'luas_min', 'luas_max', 'fasilitas_filter'])): ?>
-                        <a href="<?php echo e(route('kontrakan.index')); ?>" class="btn btn-outline-primary btn-sm" style="border-color: var(--primary-color); color: var(--primary-color);">
-                            <i class="bi bi-arrow-clockwise me-2"></i>
-                            <span class="d-none d-sm-inline">Reset Filter</span>
-                            <span class="d-sm-none">Reset</span>
-                        </a>
-                        <?php endif; ?>
-                        <a href="<?php echo e(route('kontrakan.create')); ?>" class="btn btn-sm" style="background: var(--primary-color); border-color: var(--primary-color); color: white;">
-                            <i class="bi bi-plus-circle me-2"></i>
-                            <span class="d-none d-sm-inline">Tambah Kontrakan</span>
-                            <span class="d-sm-none">Tambah</span>
-                        </a>
-                    </div>
-                </div>
-            <?php else: ?>
-                <!-- Mobile Card View -->
-                <div class="d-md-none">
-                    <?php $__currentLoopData = $kontrakan; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $index => $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
-                    <div class="glass-card mb-3 mx-3 border-0 shadow-sm" style="border-radius: 1rem; transition: all 0.3s ease; background: rgba(255,255,255,0.9); backdrop-filter: blur(10px);" 
-                         onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 10px 25px rgba(0,0,0,0.15)'" 
-                         onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 6px rgba(0,0,0,0.1)'">
-                        <div class="card-body p-3">
-                            <div class="d-flex justify-content-between align-items-start mb-3">
-                                <div class="d-flex align-items-start gap-2 flex-grow-1">
-                                    <?php if(auth()->user()->role == 'super_admin'): ?>
-                                    <input 
-                                        type="checkbox" 
-                                        class="form-check-input mt-1 row-checkbox" 
-                                        value="<?php echo e($item->id); ?>"
-                                        data-nama="<?php echo e($item->nama); ?>"
-                                        style="accent-color: var(--primary-color);"
-                                    >
-                                    <?php endif; ?>
-                                    <div class="flex-grow-1">
-                                        <h6 class="mb-2 fw-bold" style="color: var(--text-primary); font-size: 1.1rem;">
-                                            <i class="bi bi-building me-2" style="color: var(--primary-color);"></i>
-                                            <?php echo e($item->nama); ?>
-
-                                            <span class="badge <?php echo e($item->status_badge_class); ?> ms-1" style="font-size: 0.65rem;"><?php echo e($item->status_label); ?></span>
-                                        </h6>
-                                        <p class="text-muted mb-2 small" style="line-height: 1.4;">
-                                            <i class="bi bi-geo-alt me-1" style="color: var(--danger-color);"></i><?php echo e(Str::limit($item->alamat, 45)); ?>
-
-                                        </p>
-                                    </div>
-                                </div>
-                                <span class="badge rounded-pill px-2 py-1" style="background: rgba(var(--primary-color-rgb), 0.1); color: var(--primary-color); font-size: 0.75rem;">
-                                    #<?php echo e($kontrakan->firstItem() + $index); ?>
-
-                                </span>
-                            </div>
-                            
-                            <!-- Info Grid -->
-                            <div class="row g-2 mb-3">
-                                <div class="col-6">
-                                    <small class="text-muted d-block mb-1">💰 Harga/Tahun</small>
-                                    <span class="badge w-100 py-2 rounded-3" style="background: rgba(var(--success-color-rgb), 0.1); color: var(--success-color); font-size: 0.8rem; font-weight: 600;">
-                                        Rp <?php echo e(number_format($item->harga, 0, ',', '.')); ?>
-
-                                    </span>
-                                </div>
-                                <div class="col-3">
-                                    <small class="text-muted d-block mb-1">📏 Jarak</small>
-                                    <span class="badge w-100 py-2 rounded-3" style="background: rgba(var(--info-color-rgb), 0.1); color: var(--info-color); font-size: 0.8rem; font-weight: 600;">
-                                        <?php echo e(number_format($item->jarak / 1000, 1)); ?> km
-                                    </span>
-                                </div>
-                                <div class="col-3">
-                                    <small class="text-muted d-block mb-1">🚪 Kamar</small>
-                                    <span class="badge w-100 py-2 rounded-3" style="background: rgba(var(--warning-color-rgb), 0.1); color: var(--warning-color); font-size: 0.8rem; font-weight: 600;">
-                                        <?php echo e($item->jumlah_kamar); ?> Kamar
-                                    </span>
-                                </div>
-                            </div>
-
-                            <!-- Fasilitas -->
-                            <?php if($item->fasilitas): ?>
-                            <div class="mb-3">
-                                <small class="text-muted d-block mb-2">✨ Fasilitas:</small>
-                                <div class="d-flex flex-wrap gap-1">
-                                    <?php $__currentLoopData = array_slice(array_map('trim', explode(',', $item->fasilitas)), 0, 3); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $f): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
-                                    <span class="badge border small rounded-pill px-2 py-1" style="background: rgba(var(--secondary-color-rgb), 0.1); border-color: var(--border-color); color: var(--text-secondary); font-size: 0.75rem;"><?php echo e($f); ?></span>
-                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
-                                    <?php if(count(explode(',', $item->fasilitas)) > 3): ?>
-                                    <span class="badge small rounded-pill px-2 py-1" style="background: var(--secondary-color); color: white; font-size: 0.75rem;">+<?php echo e(count(explode(',', $item->fasilitas)) - 3); ?></span>
-                                    <?php endif; ?>
-                                </div>
-                            </div>
-                            <?php endif; ?>
-
-                            <!-- WhatsApp Button -->
-                            <?php if($item->hasWhatsapp()): ?>
-                            <a href="<?php echo e($item->whatsapp_url); ?>" target="_blank" class="btn btn-sm w-100 mb-3 rounded-3" style="background: #25D366; border-color: #25D366; color: white; font-weight: 600; padding: 0.5rem;">
-                                <i class="bi bi-whatsapp me-2"></i>Hubungi Pemilik via WhatsApp
-                            </a>
-                            <?php endif; ?>
-                            
-                            <!-- Action Buttons -->
-                            <div class="d-flex gap-1">
-                                <?php if($item->latitude && $item->longitude): ?>
-                                <a 
-                                    href="https://www.google.com/maps?q=<?php echo e($item->latitude); ?>,<?php echo e($item->longitude); ?>" 
-                                    target="_blank"
-                                    class="btn btn-sm flex-fill rounded-3"
-                                    title="Lihat Lokasi"
-                                    style="background: rgba(var(--success-color-rgb), 0.1); border: 1px solid var(--success-color); color: var(--success-color);"
-                                >
-                                    <i class="bi bi-geo-alt-fill"></i>
-                                </a>
-                                <?php endif; ?>
-                                <a 
-                                    href="<?php echo e(route('kontrakan.show', $item->id)); ?>" 
-                                    class="btn btn-sm flex-fill rounded-3"
-                                    title="Detail"
-                                    style="background: rgba(var(--info-color-rgb), 0.1); border: 1px solid var(--info-color); color: var(--info-color);"
-                                >
-                                    <i class="bi bi-eye"></i>
-                                </a>
-                                <a 
-                                    href="<?php echo e(route('kontrakan.edit', $item->id)); ?>" 
-                                    class="btn btn-sm flex-fill rounded-3"
-                                    title="Edit"
-                                    style="background: rgba(var(--warning-color-rgb), 0.1); border: 1px solid var(--warning-color); color: var(--warning-color);"
-                                >
-                                    <i class="bi bi-pencil"></i>
-                                </a>
-                                
-                                <?php if(auth()->user()->role == 'super_admin'): ?>
-                                <button 
-                                    type="button" 
-                                    class="btn btn-sm flex-fill rounded-3"
-                                    onclick="showDeleteModal(<?php echo e($item->id); ?>, <?php echo e(json_encode($item->nama)); ?>, <?php echo e(json_encode($item->alamat)); ?>, <?php echo e(json_encode('Rp ' . number_format($item->harga, 0, ',', '.'))); ?>)"
-                                    title="Hapus"
-                                    style="background: rgba(var(--danger-color-rgb), 0.1); border: 1px solid var(--danger-color); color: var(--danger-color);"
-                                >
-                                    <i class="bi bi-trash"></i>
-                                </button>
-                                <form 
-                                    id="delete-form-<?php echo e($item->id); ?>"
-                                    action="<?php echo e(route('kontrakan.destroy', $item->id)); ?>" 
-                                    method="POST" 
-                                    class="d-none"
-                                >
-                                    <?php echo csrf_field(); ?>
-                                    <?php echo method_field('DELETE'); ?>
-                                </form>
-                                <?php endif; ?>
-                            </div>
-                        </div>
-                    </div>
-                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
-                </div>
-
-                <!-- Desktop Table View -->
-                <div class="d-none d-md-block table-responsive" style="border-radius: 0 0 1rem 1rem; overflow: hidden;">
-                    <table class="table enhanced-table align-middle mb-0">
-                        <thead>
-                            <tr>
-                                <?php if(auth()->user()->role == 'super_admin'): ?>
-                                <th class="border-0 py-3" style="width: 50px;">
-                                    <div class="form-check d-flex align-items-center justify-content-center">
-                                        <input 
-                                            type="checkbox" 
-                                            class="form-check-input select-all-checkbox" 
-                                            id="selectAll"
-                                            title="Pilih semua data di halaman ini"
-                                            style="width: 20px; height: 20px; cursor: pointer; border: 2px solid rgba(255,255,255,0.8);"
-                                        >
-                                    </div>
-                                </th>
-                                <?php endif; ?>
-                                
-                                <th class="border-0 py-3" style="width: 60px;">
-                                    <small class="text-uppercase text-muted fw-bold">No</small>
-                                </th>
-                                <th class="border-0 py-3">
-                                    <small class="text-uppercase text-muted fw-bold"><i class="bi bi-building me-1"></i>Nama Kontrakan</small>
-                                </th>
-                                <th class="border-0 py-3">
-                                    <small class="text-uppercase text-muted fw-bold"><i class="bi bi-geo-alt me-1"></i>Alamat</small>
-                                </th>
-                                <th class="border-0 py-3">
-                                    <small class="text-uppercase text-muted fw-bold"><i class="bi bi-currency-dollar me-1"></i>Harga/Tahun</small>
-                                </th>
-                                <th class="border-0 py-3 text-center">
-                                    <small class="text-uppercase text-muted fw-bold"><i class="bi bi-pin-map me-1"></i>Jarak</small>
-                                </th>
-                                <th class="border-0 py-3">
-                                    <small class="text-uppercase text-muted fw-bold"><i class="bi bi-star me-1"></i>Fasilitas</small>
-                                </th>
-                                <th class="border-0 py-3 text-center">
-                                    <small class="text-uppercase text-muted fw-bold"><i class="bi bi-door-closed me-1"></i>Kamar</small>
-                                </th>
-                                <th class="border-0 py-3 text-center" style="width: 180px;">
-                                    <small class="text-uppercase text-muted fw-bold">Aksi</small>
-                                </th>
-                            </tr>
-                        </thead>
-                        <tbody>
-                            <?php $__currentLoopData = $kontrakan; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $index => $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
-                            <tr>
-                                <?php if(auth()->user()->role == 'super_admin'): ?>
-                                <td class="px-3">
-                                    <input 
-                                        type="checkbox" 
-                                        class="form-check-input row-checkbox" 
-                                        value="<?php echo e($item->id); ?>"
-                                        data-nama="<?php echo e($item->nama); ?>"
-                                        style="accent-color: var(--primary-color); transform: scale(1.1);"
-                                    >
-                                </td>
-                                <?php endif; ?>
-                                
-                                <td class="px-3">
-                                    <span class="badge rounded-pill fw-bold" style="background: rgba(var(--primary-color-rgb), 0.1); color: var(--primary-color);"><?php echo e($kontrakan->firstItem() + $index); ?></span>
-                                </td>
-                                <td>
-                                    <div class="d-flex align-items-center">
-                                        <div class="avatar-sm rounded me-3 d-flex align-items-center justify-content-center" style="width: 45px; height: 45px; background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)); color: white; flex-shrink: 0;">
-                                            <i class="bi bi-building fs-5"></i>
-                                        </div>
-                                        <div style="min-width: 0;">
-                                            <h6 class="mb-1 fw-bold" style="color: var(--text-primary);">
-                                                <?php echo e($item->nama); ?>
-
-                                                <span class="badge <?php echo e($item->status_badge_class); ?> ms-1" style="font-size: 0.7rem;"><?php echo e($item->status_label); ?></span>
-                                            </h6>
-                                            <?php if($item->hasWhatsapp()): ?>
-                                            <small style="color: #25D366;">
-                                                <i class="bi bi-whatsapp me-1"></i>Ada kontak WhatsApp
-                                            </small>
-                                            <?php endif; ?>
-                                        </div>
-                                    </div>
-                                </td>
-                                <td>
-                                    <small class="text-muted d-block" style="max-width: 250px; line-height: 1.3;">
-                                        <i class="bi bi-geo-alt me-1" style="color: var(--danger-color);"></i><?php echo e(Str::limit($item->alamat, 50)); ?>
-
-                                    </small>
-                                </td>
-                                <td>
-                                    <span class="badge px-3 py-2 rounded-3" style="background: rgba(var(--success-color-rgb), 0.1); color: var(--success-color); font-weight: 600;">
-                                        <i class="bi bi-currency-dollar me-1"></i>
-                                        Rp <?php echo e(number_format($item->harga, 0, ',', '.')); ?>
-
-                                    </span>
-                                </td>
-                                <td class="text-center">
-                                    <span class="badge px-3 py-2 rounded-3" style="background: rgba(var(--info-color-rgb), 0.1); color: var(--info-color); font-weight: 600;">
-                                        <i class="bi bi-pin-map me-1"></i><?php echo e(number_format($item->jarak / 1000, 1)); ?> km
-                                    </span>
-                                </td>
-                                <td>
-                                    <?php if($item->fasilitas): ?>
-                                    <div class="d-flex flex-wrap gap-1">
-                                        <?php $__currentLoopData = array_slice(array_map('trim', explode(',', $item->fasilitas)), 0, 2); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $f): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
-                                        <span class="badge border small rounded-pill px-2 py-1" style="background: rgba(var(--secondary-color-rgb), 0.1); border-color: var(--border-color); color: var(--text-secondary); font-size: 0.75rem;"><?php echo e($f); ?></span>
-                                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
-                                        <?php if(count(explode(',', $item->fasilitas)) > 2): ?>
-                                        <span class="badge small rounded-pill px-2 py-1" style="background: var(--secondary-color); color: white; font-size: 0.75rem;" title="<?php echo e($item->fasilitas); ?>">+<?php echo e(count(explode(',', $item->fasilitas)) - 2); ?></span>
-                                        <?php endif; ?>
-                                    </div>
-                                    <?php else: ?>
-                                    <small class="text-muted">-</small>
-                                    <?php endif; ?>
-                                </td>
-                                <td class="text-center">
-                                    <span class="badge px-3 py-2 rounded-3" style="background: rgba(var(--warning-color-rgb), 0.1); color: var(--warning-color); font-weight: 600;">
-                                        <i class="bi bi-door-closed me-1"></i><?php echo e($item->jumlah_kamar); ?> Kamar
-                                    </span>
-                                </td>
-                                <td class="text-center">
-                                    <div class="btn-group" role="group">
-                                        <?php if($item->latitude && $item->longitude): ?>
-                                        <a 
-                                            href="https://www.google.com/maps?q=<?php echo e($item->latitude); ?>,<?php echo e($item->longitude); ?>" 
-                                            target="_blank"
-                                            class="btn btn-sm"
-                                            data-bs-toggle="tooltip"
-                                            title="Buka di Google Maps"
-                                            style="background: rgba(var(--success-color-rgb), 0.1); border: 1px solid var(--success-color); color: var(--success-color);"
-                                        >
-                                            <i class="bi bi-geo-alt-fill"></i>
-                                        </a>
-                                        <?php endif; ?>
-                                        <a 
-                                            href="<?php echo e(route('kontrakan.show', $item->id)); ?>" 
-                                            class="btn btn-sm"
-                                            data-bs-toggle="tooltip"
-                                            title="Lihat Detail"
-                                            style="background: rgba(var(--info-color-rgb), 0.1); border: 1px solid var(--info-color); color: var(--info-color);"
-                                        >
-                                            <i class="bi bi-eye"></i>
-                                        </a>
-                                        <a 
-                                            href="<?php echo e(route('kontrakan.edit', $item->id)); ?>" 
-                                            class="btn btn-sm"
-                                            data-bs-toggle="tooltip"
-                                            title="Edit Data"
-                                            style="background: rgba(var(--warning-color-rgb), 0.1); border: 1px solid var(--warning-color); color: var(--warning-color);"
-                                        >
-                                            <i class="bi bi-pencil"></i>
-                                        </a>
-                                        
-                                        <?php if(auth()->user()->role == 'super_admin'): ?>
-                                        <button 
-                                            type="button" 
-                                            class="btn btn-sm"
-                                            data-bs-toggle="tooltip"
-                                            title="Hapus Data"
-                                            style="background: rgba(var(--danger-color-rgb), 0.1); border: 1px solid var(--danger-color); color: var(--danger-color);"
-                                            onclick="showDeleteModal(<?php echo e($item->id); ?>, <?php echo e(json_encode($item->nama)); ?>, <?php echo e(json_encode($item->alamat)); ?>, <?php echo e(json_encode('Rp ' . number_format($item->harga, 0, ',', '.'))); ?>)"
-                                        >
-                                            <i class="bi bi-trash"></i>
-                                        </button>
-
-                                        <form 
-                                            id="delete-form-<?php echo e($item->id); ?>"
-                                            action="<?php echo e(route('kontrakan.destroy', $item->id)); ?>" 
-                                            method="POST" 
-                                            class="d-none"
-                                        >
-                                            <?php echo csrf_field(); ?>
-                                            <?php echo method_field('DELETE'); ?>
-                                        </form>
-                                        <?php else: ?>
-                                        <button 
-                                            type="button" 
-                                            class="btn btn-sm btn-outline-secondary"
-                                            data-bs-toggle="tooltip"
-                                            title="Hanya Super Admin"
-                                            disabled
-                                        >
-                                            <i class="bi bi-lock"></i>
-                                        </button>
-                                        <?php endif; ?>
-                                    </div>
-                                </td>
-                            </tr>
-                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
-                        </tbody>
-                    </table>
-                </div>
-            <?php endif; ?>
-        </div>
-
-        <!-- Pagination -->
-        <?php if($kontrakan->hasPages()): ?>
-        <div class="card-footer border-0 py-4" style="background: linear-gradient(135deg, rgba(255,255,255,0.98), rgba(248,249,255,0.95)); backdrop-filter: blur(10px); border-radius: 0 0 1.25rem 1.25rem;">
-            <?php echo e($kontrakan->links('vendor.pagination.custom')); ?>
-
-        </div>
-        <?php endif; ?>
-    </div>
-</div>
-<!-- ========== MODAL KONFIRMASI HAPUS SINGLE ========== -->
-<div class="modal fade" id="deleteModal" tabindex="-1" aria-hidden="true" data-bs-backdrop="static">
-    <div class="modal-dialog modal-dialog-centered">
-        <div class="modal-content border-0 shadow-lg" style="border-radius: 1.5rem; background: white; backdrop-filter: blur(20px);">
-            <div class="modal-header border-0 pb-2 pt-4 px-4">
-                <h5 class="modal-title fw-bold text-dark">Konfirmasi Hapus Data</h5>
-                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" style="background-size: 1.2rem;"></button>
-            </div>
-            <div class="modal-body text-center px-4 pb-4">
-                <div class="mb-4">
-                    <div class="d-inline-flex align-items-center justify-content-center mb-3" style="width: 80px; height: 80px; background: linear-gradient(135deg, rgba(220, 53, 69, 0.1), rgba(220, 53, 69, 0.2)); border-radius: 50%; border: 3px solid rgba(220, 53, 69, 0.2);">
-                        <i class="bi bi-exclamation-triangle-fill text-danger" style="font-size: 2.5rem;"></i>
-                    </div>
-                </div>
-                
-                <h5 class="fw-bold mb-2 text-dark">Konfirmasi Hapus Data</h5>
-                <p class="text-muted mb-4 small">Tindakan ini tidak dapat dibatalkan dan akan menghapus data secara permanen!</p>
-                
-                <div class="rounded-3 p-3 mb-4 text-start border" style="background-color: #fdf2f2; border-color: #fecaca !important;">
-                    <p class="mb-3 small text-muted">Apakah Anda yakin ingin menghapus kontrakan berikut:</p>
-                    <div class="d-flex align-items-start mb-2">
-                        <i class="bi bi-building me-2 mt-1" style="color: #667eea;"></i>
-                        <strong id="deleteNama" class="text-dark"></strong>
-                    </div>
-                    <div class="d-flex align-items-start mb-2">
-                        <i class="bi bi-geo-alt me-2 mt-1 text-danger"></i>
-                        <small id="deleteAlamat" class="text-muted"></small>
-                    </div>
-                    <div class="d-flex align-items-start">
-                        <i class="bi bi-currency-dollar me-2 mt-1 text-success"></i>
-                        <small id="deleteHarga" class="fw-semibold text-success"></small>
-                    </div>
-                </div>
-                
-                <div class="d-flex gap-3 justify-content-center">
-                    <button type="button" class="btn btn-light px-4 py-2" data-bs-dismiss="modal" style="border-radius: 0.75rem; border: 1px solid #dee2e6;">
-                        <i class="bi bi-x-circle me-2"></i>Batal
-                    </button>
-                    <button type="button" class="btn btn-danger px-4 py-2" id="confirmDeleteBtn" style="border-radius: 0.75rem; font-weight: 600;">
-                        <i class="bi bi-trash me-2"></i>Ya, Hapus
-                    </button>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
-            </div>
-        </div>
-    </div>
-</div>
-
-<!-- ========== MODAL KONFIRMASI BULK DELETE ========== -->
-<div class="modal fade" id="bulkDeleteModal" tabindex="-1" aria-hidden="true" data-bs-backdrop="static">
-    <div class="modal-dialog modal-dialog-centered modal-lg">
-        <div class="modal-content border-0 shadow-lg" style="border-radius: 1.5rem; background: white; backdrop-filter: blur(20px);">
-            <div class="modal-header border-0 pb-2 pt-4 px-4">
-                <h5 class="modal-title fw-bold text-dark">Konfirmasi Hapus Data</h5>
-                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" style="background-size: 1.2rem;"></button>
-            </div>
-            <div class="modal-body text-center px-4 pb-4">
-                <div class="mb-4">
-                    <div class="d-inline-flex align-items-center justify-content-center mb-3" style="width: 80px; height: 80px; background: linear-gradient(135deg, rgba(220, 53, 69, 0.1), rgba(220, 53, 69, 0.2)); border-radius: 50%; border: 3px solid rgba(220, 53, 69, 0.2);">
-                        <i class="bi bi-trash-fill text-danger" style="font-size: 2.5rem;"></i>
-                    </div>
-                </div>
-                
-                <h5 class="fw-bold mb-2 text-dark">Konfirmasi Hapus Multiple Data</h5>
-                <p class="text-muted mb-4 small">Tindakan ini tidak dapat dibatalkan dan akan menghapus data secara permanen!</p>
-                
-                <div class="rounded-3 p-3 mb-4 text-start border" style="background-color: #fdf2f2; border-color: #fecaca !important;">
-                    <p class="mb-3 small text-muted">
-                        Anda akan menghapus <strong id="bulkDeleteCount" class="text-danger">0</strong> kontrakan:
-                    </p>
-                    <div id="bulkDeleteList" style="max-height: 200px; overflow-y: auto;" class="small text-dark">
-                        <!-- List akan diisi JavaScript -->
-                    </div>
-                </div>
-                
-                <div class="d-flex gap-3 justify-content-center">
-                    <button type="button" class="btn btn-light px-4 py-2" data-bs-dismiss="modal" style="border-radius: 0.75rem; border: 1px solid #dee2e6;">
-                        <i class="bi bi-x-circle me-2"></i>Batal
-                    </button>
-                    <button type="button" class="btn btn-danger px-4 py-2" id="confirmBulkDeleteBtn" style="border-radius: 0.75rem; font-weight: 600;">
-                        <i class="bi bi-trash me-2"></i>Ya, Hapus Semua
-                    </button>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
-
-<!-- Hidden Form untuk Bulk Delete -->
-<form id="bulkDeleteForm" action="<?php echo e(route('kontrakan.bulk-destroy')); ?>" method="POST" class="d-none">
-    <?php echo csrf_field(); ?>
-    <input type="hidden" name="ids" id="bulkDeleteIds">
-</form>
-
-<script>
-document.addEventListener('DOMContentLoaded', function() {
-    // ========== ENHANCED MOBILE FEATURES ==========
-    
-    // Touch-friendly interactions
-    const cards = document.querySelectorAll('.glass-card, .hover-row');
-    cards.forEach(card => {
-        card.addEventListener('touchstart', function() {
-            this.style.transform = 'scale(0.98)';
-        });
-        card.addEventListener('touchend', function() {
-            this.style.transform = 'scale(1)';
-        });
-    });
-
-    // Mobile search suggestions
-    const searchInput = document.getElementById('searchInput');
-    const searchSuggestions = document.getElementById('searchSuggestions');
-    
-    if (searchInput && searchSuggestions) {
-        const commonSearches = ['WiFi', 'AC', 'Dapur', 'Kamar Mandi Dalam', 'Parkir', 'Listrik', 'Air', 'Dekat Kampus'];
-        
-        searchInput.addEventListener('input', function() {
-            const value = this.value.toLowerCase();
-            if (value.length > 0) {
-                const matches = commonSearches.filter(item => 
-                    item.toLowerCase().includes(value)
-                ).slice(0, 5);
-                
-                if (matches.length > 0) {
-                    searchSuggestions.innerHTML = matches.map(match => 
-                        `<div class="search-suggestion-item" onclick="selectSuggestion('${match}')">
-                            <i class="bi bi-search me-2"></i>${match}
-                        </div>`
-                    ).join('');
-                    searchSuggestions.style.display = 'block';
-                } else {
-                    searchSuggestions.style.display = 'none';
-                }
-            } else {
-                searchSuggestions.style.display = 'none';
-            }
-        });
-        
-        // Hide suggestions when clicking outside
-        document.addEventListener('click', function(e) {
-            if (!searchInput.contains(e.target) && !searchSuggestions.contains(e.target)) {
-                searchSuggestions.style.display = 'none';
-            }
-        });
-    }
-
-    // Mobile clear search buttons
-    const clearSearchMobile = document.getElementById('clearSearchMobile');
-    if (clearSearchMobile) {
-        clearSearchMobile.addEventListener('click', function() {
-            if (searchInput) searchInput.value = '';
-            window.location.href = '<?php echo e(route('kontrakan.index')); ?>';
-        });
-    }
-
-    // ========== FILTER TOGGLE ==========
-    const collapseElement = document.getElementById('collapseFilters');
-    const toggleIcon = document.getElementById('filterToggleIcon');
-    
-    if (collapseElement && toggleIcon) {
-        collapseElement.addEventListener('show.bs.collapse', function() {
-            toggleIcon.style.transform = 'rotate(180deg)';
-        });
-        
-        collapseElement.addEventListener('hide.bs.collapse', function() {
-            toggleIcon.style.transform = 'rotate(0deg)';
-        });
-    }
-    
-    // ========== CLEAR SEARCH BUTTON ==========
-    const clearSearchBtn = document.getElementById('clearSearch');
-    if (clearSearchBtn) {
-        clearSearchBtn.addEventListener('click', function() {
-            document.getElementById('searchInput').value = '';
-            document.getElementById('filterForm').submit();
-        });
-    }
-});
-</script>
-
-<style>
-/* ========== GRADIENT HEADER ========== */
-.bg-gradient-primary {
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-}
-
-/* ========== HOVER EFFECTS ========== */
-.hover-row {
-    transition: all 0.3s ease;
-}
-
-.hover-row:hover {
-    background-color: #f8f9fa;
-    transform: scale(1.001);
-    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
-}
-
-.hover-lift-mobile {
-    transition: all 0.3s ease;
-}
-
-.hover-lift-mobile:hover {
-    transform: translateY(-2px);
-    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
-}
-
-/* ========== BUTTON GROUPS ========== */
-.btn-group .btn {
-    border-radius: 0;
-}
-
-.btn-group .btn:first-child {
-    border-top-left-radius: 0.25rem;
-    border-bottom-left-radius: 0.25rem;
-}
-
-.btn-group .btn:last-child {
-    border-top-right-radius: 0.25rem;
-    border-bottom-right-radius: 0.25rem;
-}
-
-/* ========== BUTTONS ========== */
-.btn {
-    transition: all 0.2s ease;
-}
-
-.btn:hover:not(:disabled) {
-    transform: translateY(-1px);
-    box-shadow: 0 3px 8px rgba(0,0,0,0.15);
-}
-
-/* ========== CHECKBOXES ========== */
-.form-check-input {
-    cursor: pointer;
-    width: 18px;
-    height: 18px;
-}
-
-.form-check-input:checked {
-    background-color: #0d6efd;
-    border-color: #0d6efd;
-}
-
-.form-check-input:indeterminate {
-    background-color: #6c757d;
-    border-color: #6c757d;
-}
-
-/* ========== SELECT ALL CHECKBOX ENHANCED ========== */
-.select-all-checkbox {
-    background-color: rgba(255,255,255,0.9) !important;
-    transition: all 0.3s ease;
-}
-
-.select-all-checkbox:checked {
-    background-color: #28a745 !important;
-    border-color: #28a745 !important;
-}
-
-.select-all-checkbox:indeterminate {
-    background-color: #ffc107 !important;
-    border-color: #ffc107 !important;
-}
-
-.select-all-checkbox:hover {
-    transform: scale(1.15);
-    box-shadow: 0 0 10px rgba(255,255,255,0.5);
-}
-
-.row-checkbox {
-    transition: all 0.2s ease;
-}
-
-.row-checkbox:checked {
-    background-color: #667eea !important;
-    border-color: #667eea !important;
-}
-
-.row-checkbox:hover {
-    transform: scale(1.1);
-}
-
-/* ========== BADGES ========== */
-.badge {
-    font-weight: 500;
-    padding: 0.35em 0.65em;
-}
-
-/* ========== CARDS ========== */
-.card {
-    transition: all 0.3s ease;
-}
-
-/* ========== RADIO BUTTONS (SORT) ========== */
-.btn-check:checked + .btn {
-    transform: scale(1.05);
-    box-shadow: 0 3px 8px rgba(0,0,0,0.15);
-}
-
-/* ========== ANIMATIONS ========== */
-@keyframes slideInRight {
-    from {
-        opacity: 0;
-        transform: translateX(-20px);
-    }
-    to {
-        opacity: 1;
-        transform: translateX(0);
-    }
-}
-
-@keyframes shake {
-    0%, 100% { transform: translateX(0); }
-    10%, 30%, 50%, 70%, 90% { transform: translateX(-3px); }
-    20%, 40%, 60%, 80% { transform: translateX(3px); }
-}
-
-.animate-shake {
-    animation: shake 0.5s ease-in-out;
-}
-
-#bulkActionBar {
-    animation: slideInRight 0.3s ease-out;
-}
-
-/* ========== MODAL ========== */
-.modal-backdrop {
-    background-color: rgba(0, 0, 0, 0.65);
-}
-
-.modal-content {
-    border: none;
-}
-
-/* ========== COLLAPSE ========== */
-.collapse {
-    transition: all 0.3s ease;
-}
-
-.accordion-button:not(.collapsed) {
-    background-color: #f8f9fa;
-    color: #0d6efd;
-    box-shadow: none;
-}
-
-/* ========== PAGINATION ========== */
-.pagination {
-    margin-bottom: 0;
-}
-
-.page-link {
-    color: #667eea;
-    border-radius: 0.25rem;
-    margin: 0 0.1rem;
-}
-
-.page-item.active .page-link {
-    background-color: #667eea;
-    border-color: #667eea;
-}
-
-.page-link:hover {
-    color: #764ba2;
-    background-color: #f8f9fa;
-}
-
-/* ========== TABLE ========== */
-.table tbody tr {
-    transition: all 0.2s ease;
-}
-
-.avatar-sm {
-    transition: all 0.3s ease;
-}
-
-.hover-row:hover .avatar-sm {
-    transform: scale(1.1);
-}
-
-/* ========== ALERTS ========== */
-.alert {
-    animation: slideDown 0.4s ease-out;
-    border: none;
-}
-
-@keyframes slideDown {
-    from {
-        opacity: 0;
-        transform: translateY(-20px);
-    }
-    to {
-        opacity: 1;
-        transform: translateY(0);
-    }
-}
-
-/* ========== MOBILE OPTIMIZATIONS ========== */
-@media (max-width: 767px) {
-    .container-fluid {
-        padding-left: 0.75rem !important;
-        padding-right: 0.75rem !important;
-    }
-    
-    .card-body {
-        padding: 1rem !important;
-    }
-    
-    .btn-sm {
-        font-size: 0.8rem;
-        padding: 0.35rem 0.6rem;
-    }
-    
-    .badge {
-        font-size: 0.75rem;
-    }
-    
-    .modal-dialog {
-        margin: 0.5rem;
-    }
-    
-    h2 {
-        font-size: 1.5rem !important;
-    }
-    
-    .input-group-lg .form-control {
-        font-size: 0.95rem;
-    }
-}
-
-/* ========== TABLET OPTIMIZATIONS ========== */
-@media (min-width: 768px) and (max-width: 991px) {
-    .table {
-        font-size: 0.9rem;
-    }
-    
-    .btn-group .btn {
-        padding: 0.3rem 0.5rem;
-        font-size: 0.85rem;
-    }
-}
-
-/* ========== FORM STYLING ========== */
-.form-label.fw-bold {
-    color: #495057;
-    font-size: 0.95rem;
-}
-
-.form-control:focus,
-.form-check-input:focus {
-    border-color: #667eea;
-    box-shadow: 0 0 0 0.25rem rgba(102, 126, 234, 0.15);
-}
-
-/* ========== SMOOTH SCROLL ========== */
-html {
-    scroll-behavior: smooth;
-}
-
-/* ========== BETTER SPACING ========== */
-.gap-1 {
-    gap: 0.25rem !important;
-}
-
-.gap-2 {
-    gap: 0.5rem !important;
-}
-
-.gap-3 {
-    gap: 1rem !important;
-}
-
-.gap-4 {
-    gap: 1.5rem !important;
-}
-
-/* ========== LOADING STATE ========== */
-.btn:disabled {
-    cursor: not-allowed;
-    opacity: 0.65;
-}
-
-/* ========== EMPTY STATE ========== */
-.bi-inbox {
-    opacity: 0.3;
-}
-
-/* ========== PRINT STYLES ========== */
-@media print {
-    .btn,
-    .alert,
-    .modal,
-    .pagination,
-    #bulkActionBar {
-        display: none !important;
-    }
-    
-    .card {
-        box-shadow: none !important;
-        border: 1px solid #dee2e6 !important;
-    }
-}
-</style>
-
-<?php $__env->stopSection(); ?>
-
-<?php $__env->startSection('scripts'); ?>
-<script>
-// ========== GLOBAL VARIABLES ==========
-let deleteItemId = null;
-let selectedIds = [];
-
-// ========== SINGLE DELETE FUNCTION ==========
-window.showDeleteModal = function(id, nama, alamat, harga) {
-    console.log('showDeleteModal called:', id, nama, alamat, harga);
-    deleteItemId = id;
-    
-    const deleteNamaEl = document.getElementById('deleteNama');
-    const deleteAlamatEl = document.getElementById('deleteAlamat');
-    const deleteHargaEl = document.getElementById('deleteHarga');
-    const deleteModalEl = document.getElementById('deleteModal');
-    
-    if (deleteNamaEl) deleteNamaEl.textContent = nama;
-    if (deleteAlamatEl) deleteAlamatEl.textContent = alamat;
-    if (deleteHargaEl) deleteHargaEl.textContent = harga;
-    
-    if (deleteModalEl && typeof bootstrap !== 'undefined') {
-        const deleteModal = new bootstrap.Modal(deleteModalEl);
-        deleteModal.show();
-    } else {
-        console.error('Modal element or Bootstrap not found');
-    }
-};
-
-// ========== BULK DELETE FUNCTIONS ==========
-window.updateBulkDeleteButton = function() {
-    const checkedBoxes = document.querySelectorAll('.row-checkbox:checked');
-    const count = checkedBoxes.length;
-    const bulkDeleteBtn = document.getElementById('bulkDeleteBtn');
-    const selectedCountSpan = document.getElementById('selectedCount');
-    const selectAllCheckbox = document.getElementById('selectAll');
-    const totalCheckboxes = document.querySelectorAll('.row-checkbox').length;
-    
-    console.log('updateBulkDeleteButton - Checked:', count, 'Total:', totalCheckboxes);
-    
-    if (count > 0 && bulkDeleteBtn) {
-        bulkDeleteBtn.style.display = 'block';
-        if (selectedCountSpan) selectedCountSpan.textContent = count;
-    } else if (bulkDeleteBtn) {
-        bulkDeleteBtn.style.display = 'none';
-    }
-    
-    if (selectAllCheckbox) {
-        selectAllCheckbox.checked = count === totalCheckboxes && count > 0;
-        selectAllCheckbox.indeterminate = count > 0 && count < totalCheckboxes;
-    }
-};
-
-window.toggleSelectAll = function(source) {
-    const checkboxes = document.querySelectorAll('.row-checkbox');
-    checkboxes.forEach(checkbox => {
-        checkbox.checked = source.checked;
-    });
-    updateBulkDeleteButton();
-};
-
-window.showBulkDeleteModal = function() {
-    const checkboxes = document.querySelectorAll('.row-checkbox:checked');
-    selectedIds = Array.from(checkboxes).map(cb => cb.value);
-    
-    console.log('showBulkDeleteModal - Selected IDs:', selectedIds);
-    
-    if (selectedIds.length === 0) {
-        alert('Pilih minimal 1 kontrakan untuk dihapus!');
-        return;
-    }
-    
-    const bulkDeleteCountEl = document.getElementById('bulkDeleteCount');
-    const bulkDeleteListEl = document.getElementById('bulkDeleteList');
-    const bulkDeleteModalEl = document.getElementById('bulkDeleteModal');
-    
-    if (bulkDeleteCountEl) bulkDeleteCountEl.textContent = selectedIds.length;
-    
-    if (bulkDeleteListEl) {
-        let listHtml = '<ul class="mb-0 ps-3">';
-        checkboxes.forEach(cb => {
-            const nama = cb.getAttribute('data-nama') || 'Kontrakan #' + cb.value;
-            listHtml += '<li class="mb-1">' + nama + '</li>';
-        });
-        listHtml += '</ul>';
-        bulkDeleteListEl.innerHTML = listHtml;
-    }
-    
-    if (bulkDeleteModalEl && typeof bootstrap !== 'undefined') {
-        const bulkDeleteModal = new bootstrap.Modal(bulkDeleteModalEl);
-        bulkDeleteModal.show();
-    }
-};
-
-// ========== INITIALIZE ON DOM READY ==========
-document.addEventListener('DOMContentLoaded', function() {
-    console.log('DOM Ready - Initializing delete handlers');
-    
-    // Confirm Single Delete Button
-    const confirmDeleteBtn = document.getElementById('confirmDeleteBtn');
-    if (confirmDeleteBtn) {
-        confirmDeleteBtn.addEventListener('click', function() {
-            console.log('Confirm delete clicked, ID:', deleteItemId);
-            if (deleteItemId) {
-                const form = document.getElementById('delete-form-' + deleteItemId);
-                if (form) {
-                    form.submit();
-                } else {
-                    console.error('Delete form not found for ID:', deleteItemId);
-                }
-            }
-        });
-    }
-    
-    // Confirm Bulk Delete Button
-    const confirmBulkDeleteBtn = document.getElementById('confirmBulkDeleteBtn');
-    if (confirmBulkDeleteBtn) {
-        confirmBulkDeleteBtn.addEventListener('click', function() {
-            console.log('Confirm bulk delete clicked, IDs:', selectedIds);
-            if (selectedIds.length > 0) {
-                const bulkDeleteIds = document.getElementById('bulkDeleteIds');
-                const bulkDeleteForm = document.getElementById('bulkDeleteForm');
-                if (bulkDeleteIds && bulkDeleteForm) {
-                    bulkDeleteIds.value = JSON.stringify(selectedIds);
-                    bulkDeleteForm.submit();
-                }
-            }
-        });
-    }
-    
-    // Select All Checkbox
-    const selectAllCheckbox = document.getElementById('selectAll');
-    if (selectAllCheckbox) {
-        selectAllCheckbox.addEventListener('change', function() {
-            toggleSelectAll(this);
-        });
-    }
-    
-    // Row Checkboxes - Event Delegation
-    document.addEventListener('change', function(e) {
-        if (e.target.classList.contains('row-checkbox')) {
-            updateBulkDeleteButton();
-        }
-    });
-    
-    // Initialize button state
-    updateBulkDeleteButton();
-});
-
-// ========== RANGE SLIDER HANDLERS ==========
-document.addEventListener('DOMContentLoaded', function() {
-    const hargaMinInput = document.getElementById('harga_min');
-    const hargaMaxInput = document.getElementById('harga_max');
-    const hargaMinDisplay = document.getElementById('hargaMinDisplay');
-    const hargaMaxDisplay = document.getElementById('hargaMaxDisplay');
-    
-    const jarakInput = document.getElementById('jarak_max');
-    const jarakDisplay = document.getElementById('jarakDisplay');
-    
-    const kamarMinInput = document.getElementById('kamar_min');
-    const kamarMaxInput = document.getElementById('kamar_max');
-    const kamarMinDisplay = document.getElementById('kamarMinDisplay');
-    const kamarMaxDisplay = document.getElementById('kamarMaxDisplay');
-    
-    // Format number to IDR
-    function formatCurrency(value) {
-        return new Intl.NumberFormat('id-ID', {
-            style: 'currency',
-            currency: 'IDR',
-            minimumFractionDigits: 0,
-            maximumFractionDigits: 0
-        }).replace('IDR', 'Rp').trim();
-    }
-    
-    // Harga Min Handler
-    if (hargaMinInput) {
-        hargaMinInput.addEventListener('input', function() {
-            hargaMinDisplay.textContent = formatCurrency(this.value);
-            if (parseInt(this.value) > parseInt(hargaMaxInput.value)) {
-                hargaMaxInput.value = this.value;
-                hargaMaxDisplay.textContent = formatCurrency(this.value);
-            }
-            updateFilterCount();
-        });
-    }
-    
-    // Harga Max Handler
-    if (hargaMaxInput) {
-        hargaMaxInput.addEventListener('input', function() {
-            hargaMaxDisplay.textContent = formatCurrency(this.value);
-            if (parseInt(this.value) < parseInt(hargaMinInput.value)) {
-                hargaMinInput.value = this.value;
-                hargaMinDisplay.textContent = formatCurrency(this.value);
-            }
-            updateFilterCount();
-        });
-    }
-    
-    // Jarak Handler
-    if (jarakInput) {
-        jarakInput.addEventListener('input', function() {
-            jarakDisplay.textContent = parseFloat(this.value).toFixed(1);
-            updateFilterCount();
-        });
-    }
-    
-    // Kamar Min Handler
-    if (kamarMinInput) {
-        kamarMinInput.addEventListener('input', function() {
-            kamarMinDisplay.textContent = this.value;
-            if (parseInt(this.value) > parseInt(kamarMaxInput.value)) {
-                kamarMaxInput.value = this.value;
-                kamarMaxDisplay.textContent = this.value;
-            }
-            updateFilterCount();
-        });
-    }
-    
-    // Kamar Max Handler
-    if (kamarMaxInput) {
-        kamarMaxInput.addEventListener('input', function() {
-            kamarMaxDisplay.textContent = this.value;
-            if (parseInt(this.value) < parseInt(kamarMinInput.value)) {
-                kamarMinInput.value = this.value;
-                kamarMinDisplay.textContent = this.value;
-            }
-            updateFilterCount();
-        });
-    }
-    
-    // Update filter count badge
-    function updateFilterCount() {
-        const form = document.getElementById('filterForm');
-        const filterCount = document.getElementById('filterCount');
-        const filterCountNum = document.getElementById('filterCountNum');
-        
-        let count = 0;
-        const inputs = form.querySelectorAll('input[type="text"], input[type="number"], input[type="range"], input[type="checkbox"]:checked');
-        
-        inputs.forEach(input => {
-            if (input.value && input.value !== input.defaultValue && input.name !== 'sort_by') {
-                count++;
-            }
-        });
-        
-        if (count > 0) {
-            filterCount.style.display = 'inline-block';
-            filterCountNum.textContent = count;
-        } else {
-            filterCount.style.display = 'none';
-        }
-    }
-    
-    // Initialize filter count on page load
-    updateFilterCount();
-    
-    // Monitor all filter changes
-    document.querySelectorAll('input, select').forEach(el => {
-        el.addEventListener('change', updateFilterCount);
-    });
-});
-
-// ========== CLEAR SEARCH ==========
-document.getElementById('clearSearch')?.addEventListener('click', function() {
-    document.getElementById('searchInput').value = '';
-    document.getElementById('filterForm').submit();
-});
-
-// ========== FILTER TOGGLE ICON ANIMATION ==========
-document.querySelector('[data-bs-toggle="collapse"][data-bs-target="#collapseFilters"]')?.addEventListener('click', function() {
-    const icon = document.getElementById('filterToggleIcon');
-    icon.style.transition = 'transform 0.3s ease';
-    icon.style.transform = icon.style.transform === 'rotate(180deg)' ? 'rotate(0deg)' : 'rotate(180deg)';
-});
-
-// Auto-open if filters are active
-const hasActiveFilters = <?php echo e((request()->hasAny(['search', 'harga_min', 'harga_max', 'jarak_max', 'luas_min', 'luas_max', 'fasilitas_filter']) || 
-    ($filters['sort_by'] ?? 'terbaru') != 'terbaru') ? 'true' : 'false'); ?>;
-
-if (hasActiveFilters) {
-    const collapseElement = document.getElementById('collapseFilters');
-    const collapse = new bootstrap.Collapse(collapseElement, {
-        toggle: true
-    });
-    document.getElementById('filterToggleIcon').style.transform = 'rotate(180deg)';
-}
-
-// ========== INITIALIZE TOOLTIPS ==========
-var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
-var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
-    return new bootstrap.Tooltip(tooltipTriggerEl);
-});
-
-// ========== RANGE SLIDER HANDLERS ==========
-document.addEventListener('DOMContentLoaded', function() {
-    const hargaMinInput = document.getElementById('harga_min');
-    const hargaMaxInput = document.getElementById('harga_max');
-    const hargaMinDisplay = document.getElementById('hargaMinDisplay');
-    const hargaMaxDisplay = document.getElementById('hargaMaxDisplay');
-    
-    const jarakInput = document.getElementById('jarak_max');
-    const jarakDisplay = document.getElementById('jarakDisplay');
-    
-    const kamarMinInput = document.getElementById('kamar_min');
-    const kamarMaxInput = document.getElementById('kamar_max');
-    const kamarMinDisplay = document.getElementById('kamarMinDisplay');
-    const kamarMaxDisplay = document.getElementById('kamarMaxDisplay');
-    
-    // Format number to IDR
-    function formatCurrency(value) {
-        return new Intl.NumberFormat('id-ID', {
-            style: 'currency',
-            currency: 'IDR',
-            minimumFractionDigits: 0,
-            maximumFractionDigits: 0
-        }).replace('IDR', 'Rp').trim();
-    }
-    
-    // Harga Min Handler
-    if (hargaMinInput) {
-        hargaMinInput.addEventListener('input', function() {
-            hargaMinDisplay.textContent = formatCurrency(this.value);
-            if (parseInt(this.value) > parseInt(hargaMaxInput.value)) {
-                hargaMaxInput.value = this.value;
-                hargaMaxDisplay.textContent = formatCurrency(this.value);
-            }
-            updateFilterCount();
-        });
-    }
-    
-    // Harga Max Handler
-    if (hargaMaxInput) {
-        hargaMaxInput.addEventListener('input', function() {
-            hargaMaxDisplay.textContent = formatCurrency(this.value);
-            if (parseInt(this.value) < parseInt(hargaMinInput.value)) {
-                hargaMinInput.value = this.value;
-                hargaMinDisplay.textContent = formatCurrency(this.value);
-            }
-            updateFilterCount();
-        });
-    }
-    
-    // Jarak Handler
-    if (jarakInput) {
-        jarakInput.addEventListener('input', function() {
-            jarakDisplay.textContent = parseFloat(this.value).toFixed(1);
-            updateFilterCount();
-        });
-    }
-    
-    // Kamar Min Handler
-    if (kamarMinInput) {
-        kamarMinInput.addEventListener('input', function() {
-            kamarMinDisplay.textContent = this.value;
-            if (parseInt(this.value) > parseInt(kamarMaxInput.value)) {
-                kamarMaxInput.value = this.value;
-                kamarMaxDisplay.textContent = this.value;
-            }
-            updateFilterCount();
-        });
-    }
-    
-    // Kamar Max Handler
-    if (kamarMaxInput) {
-        kamarMaxInput.addEventListener('input', function() {
-            kamarMaxDisplay.textContent = this.value;
-            if (parseInt(this.value) < parseInt(kamarMinInput.value)) {
-                kamarMinInput.value = this.value;
-                kamarMinDisplay.textContent = this.value;
-            }
-            updateFilterCount();
-        });
-    }
-    
-    // Update filter count badge
-    function updateFilterCount() {
-        const form = document.getElementById('filterForm');
-        const filterCount = document.getElementById('filterCount');
-        const filterCountNum = document.getElementById('filterCountNum');
-        
-        let count = 0;
-        const inputs = form.querySelectorAll('input[type="text"], input[type="number"], input[type="range"], input[type="checkbox"]:checked');
-        
-        inputs.forEach(input => {
-            if (input.value && input.value !== input.defaultValue && input.name !== 'sort_by') {
-                count++;
-            }
-        });
-        
-        if (count > 0) {
-            filterCount.style.display = 'inline-block';
-            filterCountNum.textContent = count;
-        } else {
-            filterCount.style.display = 'none';
-        }
-    }
-    
-    // Initialize filter count on page load
-    updateFilterCount();
-    
-    // Monitor all filter changes
-    document.querySelectorAll('input, select').forEach(el => {
-        el.addEventListener('change', updateFilterCount);
-    });
-});
-</script>
-<?php $__env->stopSection(); ?>
-
-<?php echo $__env->make('layouts.admin', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH C:\laragon\www\TA\spk_kontrakan\resources\views/kontrakan/index.blade.php ENDPATH**/ ?>
\ No newline at end of file
diff --git a/spk_kontrakan/storage/framework/views/997e6940f3b97384fb2e68c445e4a212.php b/spk_kontrakan/storage/framework/views/997e6940f3b97384fb2e68c445e4a212.php
deleted file mode 100644
index 22c7ef2..0000000
--- a/spk_kontrakan/storage/framework/views/997e6940f3b97384fb2e68c445e4a212.php
+++ /dev/null
@@ -1,214 +0,0 @@
-
-
-<?php $__env->startSection('title', 'Kelola User'); ?>
-
-<?php $__env->startSection('content'); ?>
-<div class="container-fluid px-4">
-    <style>
-        .header-users {
-            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-            border-radius: 12px;
-            padding: 2rem;
-            color: white;
-            margin-bottom: 2rem;
-            box-shadow: 0 8px 20px rgba(102, 126, 234, 0.15);
-        }
-
-        .user-card {
-            border: none;
-            border-radius: 12px;
-            box-shadow: 0 4px 15px rgba(0,0,0,0.08);
-            transition: all 0.3s ease;
-        }
-
-        .user-card:hover {
-            transform: translateY(-4px);
-            box-shadow: 0 8px 20px rgba(102, 126, 234, 0.2);
-        }
-
-        .badge-role {
-            font-size: 0.85rem;
-            padding: 0.35rem 0.75rem;
-        }
-
-        .badge-admin {
-            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-            color: white;
-        }
-
-        .badge-super-admin {
-            background: linear-gradient(135deg, #f5576c 0%, #f093fb 100%);
-            color: white;
-        }
-    </style>
-
-    <!-- Header -->
-    <div class="header-users">
-        <div class="row align-items-center">
-            <div class="col-md-8">
-                <h2 class="mb-2">
-                    <i class="bi bi-people-fill me-3"></i>Kelola User Administrator
-                </h2>
-                <p class="mb-0 fs-6">Manage user accounts dan permissions</p>
-            </div>
-            <div class="col-md-4 text-md-end mt-3 mt-md-0">
-                <a href="<?php echo e(route('admin.users.create')); ?>" class="btn btn-light fw-semibold">
-                    <i class="bi bi-plus-circle me-2"></i>Tambah User
-                </a>
-            </div>
-        </div>
-    </div>
-
-    <!-- Alert -->
-    <?php if(session('success')): ?>
-    <div class="alert alert-success alert-dismissible fade show" role="alert">
-        <i class="bi bi-check-circle-fill me-2"></i><?php echo e(session('success')); ?>
-
-        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
-    </div>
-    <?php endif; ?>
-
-    <!-- Filter & Search -->
-    <div class="card border-0 shadow-sm mb-4">
-        <div class="card-body p-4">
-            <form action="<?php echo e(route('admin.users.index')); ?>" method="GET" class="row g-3">
-                <div class="col-md-6">
-                    <label class="form-label fw-semibold mb-2">Cari User</label>
-                    <input type="text" name="search" class="form-control" placeholder="Nama atau email..." value="<?php echo e(request('search')); ?>">
-                </div>
-
-                <div class="col-md-3">
-                    <label class="form-label fw-semibold mb-2">Role</label>
-                    <select name="role" class="form-select">
-                        <option value="">Semua Role</option>
-                        <option value="admin" <?php echo e(request('role') == 'admin' ? 'selected' : ''); ?>>Admin</option>
-                        <option value="super_admin" <?php echo e(request('role') == 'super_admin' ? 'selected' : ''); ?>>Super Admin</option>
-                    </select>
-                </div>
-
-                <div class="col-md-3">
-                    <label class="form-label fw-semibold mb-2">Status</label>
-                    <select name="status" class="form-select">
-                        <option value="">Semua</option>
-                        <option value="active" <?php echo e(request('status') == 'active' ? 'selected' : ''); ?>>Aktif</option>
-                        <option value="inactive" <?php echo e(request('status') == 'inactive' ? 'selected' : ''); ?>>Tidak Aktif</option>
-                    </select>
-                </div>
-
-                <div class="col-12 d-flex gap-2">
-                    <button type="submit" class="btn" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white;">
-                        <i class="bi bi-search me-2"></i>Cari
-                    </button>
-                    <a href="<?php echo e(route('admin.users.index')); ?>" class="btn btn-outline-secondary">
-                        <i class="bi bi-arrow-clockwise me-2"></i>Reset
-                    </a>
-                </div>
-            </form>
-        </div>
-    </div>
-
-    <!-- Users Table -->
-    <div class="card border-0 shadow-sm">
-        <div class="card-header bg-white border-0 py-3">
-            <div class="d-flex justify-content-between align-items-center">
-                <h5 class="mb-0 fw-semibold">
-                    <i class="bi bi-list-ul me-2"></i>Daftar User (<?php echo e($users->total()); ?>)
-                </h5>
-            </div>
-        </div>
-
-        <div class="card-body p-0">
-            <?php if($users->isEmpty()): ?>
-                <div class="text-center py-5">
-                    <i class="bi bi-inbox text-muted" style="font-size: 3rem;"></i>
-                    <h5 class="text-muted mt-3">Tidak ada user ditemukan</h5>
-                </div>
-            <?php else: ?>
-            <div class="table-responsive">
-                <table class="table table-hover mb-0">
-                    <thead class="table-light">
-                        <tr>
-                            <th>Nama</th>
-                            <th>Email</th>
-                            <th>Role</th>
-                            <th>Status</th>
-                            <th>Dibuat</th>
-                            <th>Aksi</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <?php $__currentLoopData = $users; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $user): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
-                        <tr>
-                            <td>
-                                <div class="d-flex align-items-center gap-3">
-                                    <div class="avatar-sm rounded-circle" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; color: white; font-weight: bold;">
-                                        <?php echo e(strtoupper(substr($user->name, 0, 1))); ?>
-
-                                    </div>
-                                    <strong><?php echo e($user->name); ?></strong>
-                                </div>
-                            </td>
-                            <td>
-                                <small class="text-muted"><?php echo e($user->email); ?></small>
-                            </td>
-                            <td>
-                                <?php if($user->role === 'super_admin'): ?>
-                                    <span class="badge badge-super-admin">Super Admin</span>
-                                <?php else: ?>
-                                    <span class="badge badge-admin">Admin</span>
-                                <?php endif; ?>
-                            </td>
-                            <td>
-                                <?php if($user->deleted_at): ?>
-                                    <span class="badge bg-danger">Tidak Aktif</span>
-                                <?php else: ?>
-                                    <span class="badge bg-success">Aktif</span>
-                                <?php endif; ?>
-                            </td>
-                            <td>
-                                <small class="text-muted"><?php echo e($user->created_at->format('d M Y')); ?></small>
-                            </td>
-                            <td>
-                                <div class="btn-group btn-group-sm" role="group">
-                                    <?php if($user->deleted_at): ?>
-                                        <form action="<?php echo e(route('admin.users.restore', $user->id)); ?>" method="POST" style="display: inline;">
-                                            <?php echo csrf_field(); ?>
-                                            <button type="submit" class="btn btn-warning btn-sm" title="Restore">
-                                                <i class="bi bi-arrow-counterclockwise"></i>
-                                            </button>
-                                        </form>
-                                    <?php else: ?>
-                                        <a href="<?php echo e(route('admin.users.edit', $user->id)); ?>" class="btn btn-primary btn-sm" title="Edit">
-                                            <i class="bi bi-pencil"></i>
-                                        </a>
-                                    <?php endif; ?>
-
-                                    <?php if($user->id !== auth()->id()): ?>
-                                        <form action="<?php echo e(route('admin.users.destroy', $user->id)); ?>" method="POST" style="display: inline;" onsubmit="return confirm('Yakin hapus user ini?');">
-                                            <?php echo csrf_field(); ?>
-                                            <?php echo method_field('DELETE'); ?>
-                                            <button type="submit" class="btn btn-danger btn-sm" title="Hapus">
-                                                <i class="bi bi-trash"></i>
-                                            </button>
-                                        </form>
-                                    <?php endif; ?>
-                                </div>
-                            </td>
-                        </tr>
-                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
-                    </tbody>
-                </table>
-            </div>
-            <?php endif; ?>
-        </div>
-    </div>
-
-    <!-- Pagination -->
-    <div class="d-flex justify-content-center mt-4">
-        <?php echo e($users->links()); ?>
-
-    </div>
-</div>
-<?php $__env->stopSection(); ?>
-
-<?php echo $__env->make('layouts.admin', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH C:\laragon\www\TA\spk_kontrakan\resources\views/admin/users/index.blade.php ENDPATH**/ ?>
\ No newline at end of file
diff --git a/spk_kontrakan/storage/framework/views/b013a8c110c7b48f95c189a44c72a9f6.php b/spk_kontrakan/storage/framework/views/b013a8c110c7b48f95c189a44c72a9f6.php
deleted file mode 100644
index a26911e..0000000
--- a/spk_kontrakan/storage/framework/views/b013a8c110c7b48f95c189a44c72a9f6.php
+++ /dev/null
@@ -1,1763 +0,0 @@
-
-
-<?php $__env->startSection('title', 'Daftar Laundry'); ?>
-
-<?php $__env->startSection('content'); ?>
-<div class="container-fluid px-2 px-md-3 page-laundry" style="padding-top: 0.5rem; padding-bottom: 1rem;">
-    <!-- Enhanced Mobile-First Styling with Purple Theme -->
-    <style>
-        /* CSS Variables for Laundry Theme - Purple Theme */
-        :root {
-            --laundry-primary: #667eea;
-            --laundry-secondary: #764ba2;
-            --laundry-accent: #818cf8;
-            --laundry-light: #e0e7ff;
-            --laundry-gradient: linear-gradient(135deg, #818cf8 0%, #667eea 50%, #764ba2 100%);
-        }
-
-        /* Page Background & Pattern - Purple Theme */
-        .page-laundry {
-            position: relative;
-            min-height: 100vh;
-            background: linear-gradient(135deg, #f8f7ff 0%, #f3f1ff 50%, #ede9fe 100%);
-        }
-        
-        .page-laundry::before {
-            content: '';
-            position: fixed;
-            top: 0;
-            left: 0;
-            right: 0;
-            bottom: 0;
-            background-image: 
-                radial-gradient(circle at 25% 25%, rgba(102, 126, 234, 0.08) 0%, transparent 50%),
-                radial-gradient(circle at 75% 75%, rgba(118, 75, 162, 0.06) 0%, transparent 50%),
-                radial-gradient(circle at 50% 50%, rgba(129, 140, 248, 0.05) 0%, transparent 60%);
-            pointer-events: none;
-            z-index: -1;
-        }
-        
-        /* Floating Decorations - Purple Theme */
-        .floating-decoration {
-            position: fixed;
-            pointer-events: none;
-            z-index: 0;
-            opacity: 0.5;
-        }
-        
-        .floating-decoration.deco-1 {
-            top: 10%;
-            right: 8%;
-            width: 120px;
-            height: 120px;
-            background: linear-gradient(135deg, rgba(102, 126, 234, 0.15) 0%, rgba(118, 75, 162, 0.05) 100%);
-            border-radius: 50%;
-            filter: blur(25px);
-            animation: float 7s ease-in-out infinite;
-        }
-        
-        .floating-decoration.deco-2 {
-            bottom: 25%;
-            left: 5%;
-            width: 180px;
-            height: 180px;
-            background: linear-gradient(135deg, rgba(118, 75, 162, 0.1) 0%, rgba(102, 126, 234, 0.05) 100%);
-            border-radius: 50%;
-            filter: blur(35px);
-            animation: float 9s ease-in-out infinite reverse;
-        }
-        
-        .floating-decoration.deco-3 {
-            top: 55%;
-            right: 12%;
-            width: 90px;
-            height: 90px;
-            background: linear-gradient(135deg, rgba(129, 140, 248, 0.12) 0%, transparent 100%);
-            border-radius: 50%;
-            filter: blur(20px);
-            animation: float 5s ease-in-out infinite 1s;
-        }
-
-        /* Stats Cards */
-        .stats-overview {
-            display: grid;
-            grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
-            gap: 0.75rem;
-            margin-bottom: 1rem;
-        }
-        
-        .stat-card {
-            background: rgba(255, 255, 255, 0.95);
-            backdrop-filter: blur(10px);
-            border-radius: 12px;
-            padding: 0.75rem;
-            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
-            border: 1px solid rgba(255, 255, 255, 0.8);
-            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-            position: relative;
-            overflow: hidden;
-        }
-        
-        .stat-card::before {
-            content: '';
-            position: absolute;
-            top: 0;
-            left: 0;
-            right: 0;
-            height: 4px;
-            background: linear-gradient(90deg, var(--stat-color), transparent);
-        }
-        
-        .stat-card:hover {
-            transform: translateY(-5px);
-            box-shadow: 0 8px 30px rgba(102, 126, 234, 0.15);
-        }
-        
-        .stat-card .stat-icon {
-            width: 45px;
-            height: 45px;
-            border-radius: 12px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            font-size: 1.35rem;
-            margin-bottom: 0.75rem;
-        }
-        
-        .stat-card .stat-value {
-            font-size: 1.5rem;
-            font-weight: 800;
-            color: var(--stat-color);
-            line-height: 1.2;
-        }
-        
-        .stat-card .stat-label {
-            font-size: 0.8rem;
-            color: #6c757d;
-            font-weight: 500;
-        }
-
-        /* Enhanced Content Card */
-        .main-content-card {
-            background: rgba(255, 255, 255, 0.98);
-            backdrop-filter: blur(20px);
-            border-radius: 20px;
-            box-shadow: 0 8px 40px rgba(0, 0, 0, 0.08);
-            border: 1px solid rgba(255, 255, 255, 0.9);
-            overflow: hidden;
-            position: relative;
-        }
-        
-        .main-content-card::before {
-            content: '';
-            position: absolute;
-            top: 0;
-            left: 0;
-            right: 0;
-            height: 5px;
-            background: linear-gradient(90deg, #818cf8 0%, #667eea 50%, #818cf8 100%);
-            background-size: 200% 100%;
-            animation: gradientMove 3s ease infinite;
-        }
-        
-        @keyframes gradientMove {
-            0%, 100% { background-position: 0% 50%; }
-            50% { background-position: 100% 50%; }
-        }
-
-        .laundry-header {
-            background: linear-gradient(135deg, #818cf8 0%, #667eea 50%, #764ba2 100%);
-            border-radius: 0.75rem;
-            padding: 1rem;
-            color: white;
-            margin-bottom: 1rem;
-            box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
-            position: relative;
-            overflow: hidden;
-        }
-        
-        .laundry-header::before {
-            content: '';
-            position: absolute;
-            top: -50%;
-            right: -50%;
-            width: 200%;
-            height: 200%;
-            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
-            animation: float 6s ease-in-out infinite;
-        }
-        
-        @keyframes float {
-            0%, 100% { transform: translateY(0px) rotate(0deg); }
-            50% { transform: translateY(-20px) rotate(5deg); }
-        }
-        
-        .btn-laundry {
-            background: rgba(255,255,255,0.95);
-            color: #667eea;
-            font-weight: 600;
-            border: 2px solid rgba(255,255,255,0.3);
-            padding: 0.6rem 1rem;
-            border-radius: 0.75rem;
-            transition: all 0.3s ease;
-            backdrop-filter: blur(10px);
-        }
-        
-        .btn-laundry:hover {
-            transform: translateY(-3px);
-            box-shadow: 0 8px 25px rgba(0,0,0,0.2);
-            background: white;
-            color: #764ba2;
-        }
-
-        /* Enhanced Table - Purple Theme */
-        .enhanced-table thead {
-            background: linear-gradient(135deg, #818cf8 0%, #667eea 100%);
-        }
-        
-        .enhanced-table thead th {
-            color: white;
-            font-weight: 600;
-            text-transform: uppercase;
-            font-size: 0.7rem;
-            letter-spacing: 0.3px;
-            padding: 0.75rem 0.5rem;
-            border: none;
-        }
-        
-        .enhanced-table tbody tr {
-            background: rgba(255, 255, 255, 0.7);
-            transition: all 0.3s ease;
-        }
-        
-        .enhanced-table tbody tr:nth-child(even) {
-            background: rgba(102, 126, 234, 0.03);
-        }
-        
-        .enhanced-table tbody tr:hover {
-            background: rgba(102, 126, 234, 0.08);
-            transform: scale(1.002);
-        }
-        
-        .enhanced-table tbody td {
-            padding: 0.6rem 0.5rem;
-            vertical-align: middle;
-            border-bottom: 1px solid rgba(0, 0, 0, 0.04);
-        }
-        
-        @media (max-width: 768px) {
-            .laundry-header {
-                padding: 0.75rem;
-                margin-bottom: 0.75rem;
-                border-radius: 0.5rem;
-            }
-            
-            .laundry-header h2 {
-                font-size: 1.35rem;
-            }
-            
-            .btn-laundry {
-                width: 100%;
-                margin-bottom: 0.5rem;
-                padding: 0.5rem 0.75rem;
-                font-size: 0.85rem;
-                min-height: 44px;
-            }
-            
-            .stats-overview {
-                grid-template-columns: repeat(2, 1fr);
-                gap: 0.5rem;
-            }
-            
-            .stat-card {
-                padding: 0.6rem;
-            }
-            
-            .stat-card .stat-value {
-                font-size: 1.1rem !important;
-            }
-            
-            .stat-card .stat-icon {
-                width: 30px !important;
-                height: 30px !important;
-            }
-            
-            .stat-card .stat-label {
-                font-size: 0.65rem !important;
-            }
-            
-            /* Better touch targets */
-            .btn {
-                min-height: 44px;
-            }
-            
-            .main-content-card {
-                border-radius: 12px;
-                margin: 0 -0.5rem;
-            }
-            
-            /* Floating decorations reduced on mobile */
-            .floating-decoration {
-                opacity: 0.3;
-                transform: scale(0.5);
-            }
-        }
-        
-        @media (max-width: 576px) {
-            .stats-overview {
-                grid-template-columns: 1fr 1fr;
-                gap: 0.4rem;
-            }
-            
-            .stat-card {
-                padding: 0.5rem;
-            }
-            
-            .stat-card .stat-value {
-                font-size: 1rem !important;
-            }
-            
-            .stat-card .stat-icon {
-                width: 28px !important;
-                height: 28px !important;
-                font-size: 0.85rem !important;
-            }
-            
-            .stat-card .stat-label {
-                font-size: 0.6rem !important;
-            }
-            
-            .laundry-header {
-                padding: 0.6rem 0.5rem;
-            }
-            
-            .laundry-header h2 {
-                font-size: 1.2rem;
-            }
-            
-            /* Hide some decorations on small mobile */
-            .floating-decoration.deco-2,
-            .floating-decoration.deco-3 {
-                display: none;
-            }
-            
-            .d-flex.flex-column.flex-md-row.gap-2 {
-                gap: 0.4rem !important;
-            }
-            
-            .btn-laundry {
-                padding: 0.45rem 0.65rem;
-                font-size: 0.8rem;
-            }
-        }
-        
-        @media (max-width: 380px) {
-            .laundry-header h2 {
-                font-size: 1.1rem;
-            }
-            
-            .stat-card .stat-value {
-                font-size: 0.9rem !important;
-            }
-        }
-        
-        .glass-card {
-            background: rgba(255, 255, 255, 0.95);
-            backdrop-filter: blur(10px);
-            border: 1px solid rgba(255, 255, 255, 0.8);
-            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
-        }
-    </style>
-    
-    <!-- Floating Decorations -->
-    <div class="floating-decoration deco-1"></div>
-    <div class="floating-decoration deco-2"></div>
-    <div class="floating-decoration deco-3"></div>
-    
-    <!-- Enhanced Header Section -->
-    <div class="laundry-header">
-        <div class="row align-items-center position-relative" style="z-index: 2;">
-            <div class="col-12 col-md-8">
-                <h2 class="mb-1 fw-bold">
-                    <i class="bi bi-droplet-fill me-2"></i>
-                    <span class="d-none d-sm-inline">🧺 Daftar Laundry</span>
-                    <span class="d-sm-none">🧺 Laundry</span>
-                </h2>
-                <p class="mb-0 opacity-90 small d-none d-md-block">
-                    Kelola dan pantau data layanan laundry yang tersedia
-                </p>
-            </div>
-            <div class="col-12 col-md-4 text-md-end mt-2 mt-md-0">
-                <div class="d-flex flex-column flex-md-row gap-2">
-                    <a href="<?php echo e(route('laundry.map')); ?>" class="btn btn-laundry">
-                        <i class="bi bi-map me-2"></i>
-                        <span class="d-none d-sm-inline">Lihat Peta</span>
-                        <span class="d-sm-none">Peta</span>
-                    </a>
-                    <a href="<?php echo e(route('laundry.create')); ?>" class="btn btn-laundry">
-                        <i class="bi bi-plus-circle me-2"></i>
-                        <span class="d-none d-sm-inline">Tambah Laundry</span>
-                        <span class="d-sm-none">Tambah</span>
-                    </a>
-                </div>
-            </div>
-        </div>
-    </div>
-
-    <!-- Enhanced Alert Success -->
-    <?php if(session('success')): ?>
-    <div class="alert alert-success alert-dismissible fade show rounded-3 border-0 py-2 mb-2" role="alert" style="background: linear-gradient(135deg, var(--success-color), #20c997); color: white; border-left: 4px solid white;">
-        <i class="bi bi-check-circle-fill me-2"></i>
-        <span class="small"><?php echo e(session('success')); ?></span>
-        <button type="button" class="btn-close btn-close-white" data-bs-dismiss="alert"></button>
-    </div>
-    <?php endif; ?>
-
-    <!-- Enhanced Alert Error -->
-    <?php if(session('error')): ?>
-    <div class="alert alert-danger alert-dismissible fade show rounded-3 border-0 py-2 mb-2" role="alert" style="background: linear-gradient(135deg, var(--danger-color), #e74c3c); color: white; border-left: 4px solid white;">
-        <i class="bi bi-exclamation-triangle-fill me-2"></i>
-        <span class="small"><?php echo e(session('error')); ?></span>
-        <button type="button" class="btn-close btn-close-white" data-bs-dismiss="alert"></button>
-    </div>
-    <?php endif; ?>
-
-    <!-- Enhanced Filter & Search Card -->
-    <div class="glass-card mb-3" style="overflow: hidden; border-radius: 12px; box-shadow: 0 2px 8px rgba(0,0,0,0.06);">
-        <div class="filter-header p-2 px-3" style="background: linear-gradient(135deg, #667eea 0%, #667eea 100%); color: white; cursor: pointer; user-select: none; transition: all 0.3s ease;"
-             data-bs-toggle="collapse" data-bs-target="#laundryFilterCollapse">
-            <div class="row align-items-center">
-                <div class="col">
-                    <h6 class="mb-0 fw-bold" style="color: white !important;">
-                        <i class="bi bi-funnel me-2"></i>
-                        <span>Pencarian & Filter Laundry</span>
-                    </h6>
-                </div>
-                <div class="col-auto">
-                    <i class="bi bi-chevron-down" id="laundryFilterToggleIcon" style="transition: transform 0.3s ease;"></i>
-                </div>
-            </div>
-        </div>
-
-        <div class="collapse" id="laundryFilterCollapse">
-            <div class="p-2 p-md-3" style="background: rgba(255,255,255,0.95); backdrop-filter: blur(10px);">
-                <form action="<?php echo e(route('laundry.index')); ?>" method="GET" id="filterForm">
-                    <!-- Main Search Bar -->
-                    <div class="mb-2">
-                        <label class="form-label fw-semibold mb-1 small">
-                            <i class="bi bi-search me-1" style="color: #667eea;"></i>
-                            Cari Laundry
-                        </label>
-                        <div class="input-group input-group-sm">
-                            <span class="input-group-text bg-light border-end-0">
-                                <i class="bi bi-search" style="color: #667eea;"></i>
-                            </span>
-                            <input 
-                                type="text" 
-                                name="search" 
-                                class="form-control form-control-sm border-start-0" 
-                                placeholder="Cari nama, alamat, fasilitas..."
-                                value="<?php echo e($filters['search'] ?? ''); ?>"
-                                id="searchInput"
-                            >
-                            <button class="btn" type="submit" style="background: #667eea; color: white;">
-                                <i class="bi bi-search me-1 me-md-2"></i><span class="d-none d-sm-inline">Cari</span>
-                            </button>
-                        </div>
-                        <small class="text-muted mt-2 d-block">
-                            <i class="bi bi-lightbulb me-1" style="color: #ffc107;"></i>
-                            <span class="d-none d-md-inline">💡 Coba "WiFi", "Antar Jemput", "24 Jam" untuk hasil lebih spesifik</span>
-                            <span class="d-md-none">💡 Coba "WiFi", "Antar Jemput"</span>
-                        </small>
-                    </div>
-
-                    <!-- Advanced Filters -->
-                    <div class="border-top mt-2 pt-2">
-                        <div class="d-flex justify-content-between align-items-center mb-2">
-                            <h6 class="fw-semibold mb-0 small" style="color: #667eea;">
-                                <i class="bi bi-sliders me-1"></i>
-                                Filter Lanjutan
-                            </h6>
-                            <button type="button" class="btn btn-sm btn-outline-secondary" id="resetFilters" onclick="window.location.href='<?php echo e(route('laundry.index')); ?>'">
-                                <i class="bi bi-arrow-clockwise me-1"></i><span class="d-none d-sm-inline">Reset</span>
-                            </button>
-                        </div>
-                        
-                        <div class="row g-2">
-                            <!-- 💰 Range Harga dengan Slider -->
-                            <div class="col-12">
-                                <label class="form-label fw-semibold mb-1 small">
-                                    <i class="bi bi-currency-dollar me-1" style="color: #28a745;"></i>
-                                    💰 Range Harga per KG
-                                </label>
-                                <div class="range-slider p-2 rounded-3" style="background: rgba(40, 167, 69, 0.05); border: 1px solid rgba(40, 167, 69, 0.1);">
-                                    <div class="row g-2 mb-2">
-                                        <div class="col-6">
-                                            <div class="range-value text-center p-1 rounded" style="background: white; border: 2px solid #28a745; color: #28a745; font-weight: 600; font-size: 0.85rem;">
-                                                <small class="d-block text-muted" style="font-size: 0.7rem;">Min</small>
-                                                <span id="hargaMinDisplay"><?php echo e(number_format($filters['harga_min'] ?? $hargaMin, 0, ',', '.')); ?></span>
-                                            </div>
-                                        </div>
-                                        <div class="col-6">
-                                            <div class="range-value text-center p-1 rounded" style="background: white; border: 2px solid #28a745; color: #28a745; font-weight: 600; font-size: 0.85rem;">
-                                                <small class="d-block text-muted" style="font-size: 0.7rem;">Max</small>
-                                                <span id="hargaMaxDisplay"><?php echo e(number_format($filters['harga_max'] ?? $hargaMax, 0, ',', '.')); ?></span>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="row g-2">
-                                        <div class="col-md-6">
-                                            <input 
-                                                type="range" 
-                                                name="harga_min" 
-                                                id="harga_min" 
-                                                class="form-range" 
-                                                min="<?php echo e($hargaMin); ?>" 
-                                                max="<?php echo e($hargaMax); ?>" 
-                                                value="<?php echo e($filters['harga_min'] ?? $hargaMin); ?>"
-                                                step="1000"
-                                                style="accent-color: #28a745;"
-                                            >
-                                            <small class="text-muted mt-1 d-block">Geser untuk minimum</small>
-                                        </div>
-                                        <div class="col-md-6">
-                                            <input 
-                                                type="range" 
-                                                name="harga_max" 
-                                                id="harga_max" 
-                                                class="form-range" 
-                                                min="<?php echo e($hargaMin); ?>" 
-                                                max="<?php echo e($hargaMax); ?>" 
-                                                value="<?php echo e($filters['harga_max'] ?? $hargaMax); ?>"
-                                                step="1000"
-                                                style="accent-color: #28a745;"
-                                            >
-                                            <small class="text-muted mt-1 d-block">Geser untuk maksimum</small>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="form-text">
-                                    <i class="bi bi-info-circle me-1" style="color: #667eea;"></i>
-                                    <span class="d-none d-md-inline">Range: Rp <?php echo e(number_format($hargaMin, 0, ',', '.')); ?> - Rp <?php echo e(number_format($hargaMax, 0, ',', '.')); ?></span>
-                                    <span class="d-md-none">Rp <?php echo e(number_format($hargaMin, 0, ',', '.')); ?> - <?php echo e(number_format($hargaMax, 0, ',', '.')); ?></span>
-                                </div>
-                            </div>
-
-                            <!-- 📍 Jarak dengan Slider -->
-                            <div class="col-md-6">
-                                <label class="form-label fw-semibold mb-1 small">
-                                    <i class="bi bi-pin-map me-1" style="color: #dc3545;"></i>
-                                    📍 Jarak Max dari Kampus
-                                </label>
-                                <div class="range-slider p-2 rounded-3" style="background: rgba(220, 53, 69, 0.05); border: 1px solid rgba(220, 53, 69, 0.1);">
-                                    <div class="range-value text-center p-1 rounded mb-2" style="background: white; border: 2px solid #dc3545; color: #dc3545; font-weight: 600; font-size: 0.85rem;">
-                                        <span id="jarakDisplay"><?php echo e($filters['jarak_max'] ?? '10'); ?></span> km
-                                    </div>
-                                    <input 
-                                        type="range" 
-                                        name="jarak_max" 
-                                        id="jarak_max" 
-                                        class="form-range" 
-                                        min="0" 
-                                        max="<?php echo e($jarakMaxKm); ?>" 
-                                        value="<?php echo e($filters['jarak_max'] ?? 10); ?>"
-                                        step="0.5"
-                                        style="accent-color: #dc3545;"
-                                    >
-                                    <small class="text-muted mt-1 d-block">Geser untuk menyesuaikan</small>
-                                </div>
-                                <div class="form-text">
-                                    <i class="bi bi-info-circle me-1" style="color: #667eea;"></i>
-                                    <span class="d-none d-md-inline">Jarak terjauh: <?php echo e($jarakMaxKm); ?> km</span>
-                                    <span class="d-md-none">Max: <?php echo e($jarakMaxKm); ?> km</span>
-                                </div>
-                            </div>
-
-                            <!-- ⚡ Jenis Layanan Checkboxes -->
-                            <div class="col-md-6">
-                                <label class="form-label fw-semibold mb-1 small">
-                                    <i class="bi bi-speedometer2 me-1" style="color: #667eea;"></i>
-                                    ⚡ Jenis Layanan
-                                </label>
-                                <div class="glass-card border-0" style="background: rgba(102, 126, 234, 0.05);">
-                                    <div class="card-body p-2">
-                                        <div class="row g-2">
-                                            <?php $__currentLoopData = $jenisLayananUnique; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $jenis): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
-                                            <div class="col-12">
-                                                <div class="form-check">
-                                                    <input 
-                                                        class="form-check-input" 
-                                                        type="checkbox" 
-                                                        name="jenis_layanan_filter[]" 
-                                                        value="<?php echo e(strtolower($jenis)); ?>" 
-                                                        id="jenis_<?php echo e($loop->index); ?>"
-                                                        <?php echo e(in_array(strtolower($jenis), $filters['jenis_layanan_filter'] ?? []) ? 'checked' : ''); ?>
-
-                                                        style="accent-color: #667eea;"
-                                                    >
-                                                    <label class="form-check-label small" for="jenis_<?php echo e($loop->index); ?>" style="cursor: pointer;">
-                                                        <i class="bi bi-check-circle me-1" style="color: #28a745;"></i><?php echo e($jenis); ?>
-
-                                                    </label>
-                                                </div>
-                                            </div>
-                                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-
-                            <!-- ✨ Fasilitas Checkboxes -->
-                            <?php if($fasilitasUnique->count() > 0): ?>
-                            <div class="col-12">
-                                <label class="form-label fw-semibold mb-1 small">
-                                    <i class="bi bi-star me-1" style="color: #ffc107;"></i>
-                                    ✨ Fasilitas yang Diinginkan
-                                </label>
-                                <div class="glass-card border-0" style="background: rgba(255, 193, 7, 0.05);">
-                                    <div class="card-body p-2">
-                                        <div class="row g-2">
-                                            <?php $__currentLoopData = $fasilitasUnique; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $fasilitas): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
-                                            <div class="col-6 col-md-4 col-lg-3">
-                                                <div class="form-check">
-                                                    <input 
-                                                        class="form-check-input" 
-                                                        type="checkbox" 
-                                                        name="fasilitas_filter[]" 
-                                                        value="<?php echo e($fasilitas); ?>" 
-                                                        id="fasilitas_<?php echo e($loop->index); ?>"
-                                                        <?php echo e(in_array($fasilitas, $filters['fasilitas_filter'] ?? []) ? 'checked' : ''); ?>
-
-                                                        style="accent-color: #ffc107;"
-                                                    >
-                                                    <label class="form-check-label small" for="fasilitas_<?php echo e($loop->index); ?>" style="cursor: pointer;">
-                                                        <i class="bi bi-check-circle me-1" style="color: #28a745;"></i><?php echo e($fasilitas); ?>
-
-                                                    </label>
-                                                </div>
-                                            </div>
-                                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
-                                        </div>
-                                    </div>
-                                </div>
-                                <small class="text-muted mt-1 d-block">
-                                    <i class="bi bi-info-circle me-1" style="color: #667eea;"></i>
-                                    <span class="d-none d-md-inline">Pilih fasilitas (hasil akan menampilkan laundry yang memiliki SEMUA fasilitas terpilih)</span>
-                                    <span class="d-md-none">Pilih fasilitas yang diinginkan</span>
-                                </small>
-                            </div>
-                            <?php endif; ?>
-
-                            <!-- 📋 Urutkan (Radio Buttons) -->
-                            <div class="col-12">
-                                <label class="form-label fw-semibold mb-1 small">
-                                    <i class="bi bi-sort-down me-1" style="color: #667eea;"></i>
-                                    📋 Urutkan Berdasarkan
-                                </label>
-                                <div class="row g-2">
-                                    <div class="col-6 col-md-3">
-                                        <input type="radio" class="btn-check" name="sort_by" id="sort_terbaru" value="terbaru" <?php echo e(($filters['sort_by'] ?? 'terbaru') == 'terbaru' ? 'checked' : ''); ?>>
-                                        <label class="btn btn-outline-primary w-100" for="sort_terbaru" style="border-color: #667eea; color: #667eea;">
-                                            <i class="bi bi-clock"></i> <span class="d-none d-sm-inline">Terbaru</span><span class="d-sm-none">🕑</span>
-                                        </label>
-                                    </div>
-                                    <div class="col-6 col-md-3">
-                                        <input type="radio" class="btn-check" name="sort_by" id="sort_termurah" value="harga_termurah" <?php echo e(($filters['sort_by'] ?? '') == 'harga_termurah' ? 'checked' : ''); ?>>
-                                        <label class="btn btn-outline-success w-100" for="sort_termurah" style="border-color: #28a745; color: #28a745;">
-                                            <i class="bi bi-currency-dollar"></i> <span class="d-none d-sm-inline">Termurah</span><span class="d-sm-none">💰</span>
-                                        </label>
-                                    </div>
-                                    <div class="col-6 col-md-3">
-                                        <input type="radio" class="btn-check" name="sort_by" id="sort_terdekat" value="jarak_terdekat" <?php echo e(($filters['sort_by'] ?? '') == 'jarak_terdekat' ? 'checked' : ''); ?>>
-                                        <label class="btn btn-outline-danger w-100" for="sort_terdekat" style="border-color: #dc3545; color: #dc3545;">
-                                            <i class="bi bi-pin-map"></i> <span class="d-none d-sm-inline">Terdekat</span><span class="d-sm-none">📍</span>
-                                        </label>
-                                    </div>
-                                    <div class="col-6 col-md-3">
-                                        <input type="radio" class="btn-check" name="sort_by" id="sort_nama" value="nama_asc" <?php echo e(($filters['sort_by'] ?? '') == 'nama_asc' ? 'checked' : ''); ?>>
-                                        <label class="btn btn-outline-info w-100" for="sort_nama" style="border-color: #667eea; color: #667eea;">
-                                            <i class="bi bi-sort-alpha-down"></i> <span class="d-none d-sm-inline">Nama A-Z</span><span class="d-sm-none">🔤</span>
-                                        </label>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-
-                        <!-- Action Buttons -->
-                        <div class="d-flex flex-column flex-md-row gap-2 mt-4 pt-3 border-top">
-                            <button type="submit" class="btn btn-primary flex-fill" style="background: #667eea; border-color: #667eea;">
-                                <i class="bi bi-funnel-fill me-2"></i>
-                                <span class="d-none d-sm-inline">Terapkan Filter</span>
-                                <span class="d-sm-none">Terapkan</span>
-                            </button>
-                            <a href="<?php echo e(route('laundry.index')); ?>" class="btn btn-outline-secondary flex-fill">
-                                <i class="bi bi-arrow-clockwise me-2"></i>
-                                <span class="d-none d-sm-inline">Reset Filter</span>
-                                <span class="d-sm-none">Reset</span>
-                            </a>
-                        </div>
-                    </div>
-                </form>
-            </div>
-        </div>
-    </div>
-
-    <!-- 📊 Active Filters & Result Info -->
-    <div class="row g-2 mb-2">
-        <div class="col-12">
-            <div class="d-flex flex-column flex-md-row gap-2 align-items-start align-items-md-center justify-content-between">
-                <div class="d-flex flex-wrap gap-2 align-items-center w-100 w-md-auto">
-                    <!-- Result Count Badge -->
-                    <span class="badge px-2 py-1 rounded-3" style="background: rgba(23, 162, 184, 0.1); color: #667eea; font-size: 0.85rem; font-weight: 600;">
-                        <i class="bi bi-droplet-fill me-1"></i>
-                        <strong><?php echo e($filteredCount ?? 0); ?></strong> 
-                        <?php if(isset($filteredCount) && isset($totalLaundry) && $filteredCount < $totalLaundry): ?>
-                        <span class="d-none d-md-inline">dari <?php echo e($totalLaundry); ?></span>
-                        <?php endif; ?>
-                        laundry
-                    </span>
-
-                    <!-- Active Filter Badges -->
-                    <?php if($filters['search'] ?? false): ?>
-                    <span class="badge px-2 py-1 rounded-3" style="background: rgba(23, 162, 184, 0.1); color: #667eea; font-size: 0.8rem;">
-                        <i class="bi bi-search me-1"></i>
-                        <span class="d-none d-sm-inline">"<?php echo e(Str::limit($filters['search'], 20)); ?>"</span>
-                        <span class="d-sm-none">🔍</span>
-                    </span>
-                    <?php endif; ?>
-
-                    <?php if(($filters['harga_min'] ?? false) || ($filters['harga_max'] ?? false)): ?>
-                    <span class="badge px-2 py-1 rounded-3" style="background: rgba(40, 167, 69, 0.1); color: #28a745; font-size: 0.8rem;">
-                        <i class="bi bi-currency-dollar me-1"></i>
-                        <span class="d-none d-lg-inline">
-                            Rp <?php echo e(number_format($filters['harga_min'] ?? 0, 0, ',', '.')); ?> - Rp <?php echo e(number_format($filters['harga_max'] ?? ($hargaMax ?? 0), 0, ',', '.')); ?>
-
-                        </span>
-                        <span class="d-lg-none">💰</span>
-                    </span>
-                    <?php endif; ?>
-
-                    <?php if($filters['jarak_max'] ?? false): ?>
-                    <span class="badge px-2 py-1 rounded-3" style="background: rgba(220, 53, 69, 0.1); color: #dc3545; font-size: 0.85rem;">
-                        <i class="bi bi-pin-map me-1"></i>
-                        <span class="d-none d-sm-inline">Max <?php echo e($filters['jarak_max']); ?> km</span>
-                        <span class="d-sm-none">📍<?php echo e($filters['jarak_max']); ?>km</span>
-                    </span>
-                    <?php endif; ?>
-
-                    <?php if(!empty($filters['jenis_layanan_filter'])): ?>
-                    <span class="badge px-2 py-1 rounded-3" style="background: rgba(102, 126, 234, 0.1); color: #667eea; font-size: 0.85rem;">
-                        <i class="bi bi-speedometer2 me-1"></i>
-                        <span class="d-none d-sm-inline"><?php echo e(count($filters['jenis_layanan_filter'])); ?> layanan</span>
-                        <span class="d-sm-none">⚡<?php echo e(count($filters['jenis_layanan_filter'])); ?></span>
-                    </span>
-                    <?php endif; ?>
-
-                    <?php if(!empty($filters['fasilitas_filter'])): ?>
-                    <span class="badge px-2 py-1 rounded-3" style="background: rgba(255, 193, 7, 0.1); color: #ffc107; font-size: 0.85rem;">
-                        <i class="bi bi-star me-1"></i>
-                        <span class="d-none d-sm-inline"><?php echo e(count($filters['fasilitas_filter'])); ?> fasilitas</span>
-                        <span class="d-sm-none">✨<?php echo e(count($filters['fasilitas_filter'])); ?></span>
-                    </span>
-                    <?php endif; ?>
-                </div>
-
-                <!-- Export Buttons -->
-                <?php if(isset($filteredCount) && $filteredCount > 0): ?>
-                <div class="btn-group btn-group-sm" role="group">
-                    <a href="<?php echo e(route('export.laundry.excel', request()->query())); ?>" 
-                       class="btn btn-sm" 
-                       title="Export ke CSV"
-                       style="background: rgba(var(--success-color-rgb), 0.1); border: 1px solid var(--success-color); color: var(--success-color); padding: 0.25rem 0.5rem;">
-                        <i class="bi bi-file-earmark-spreadsheet me-1"></i>
-                        CSV
-                    </a>
-                    <a href="<?php echo e(route('export.laundry.pdf', request()->query())); ?>" 
-                       class="btn btn-sm" 
-                       title="Export ke PDF"
-                       style="background: rgba(var(--danger-color-rgb), 0.1); border: 1px solid var(--danger-color); color: var(--danger-color); padding: 0.25rem 0.5rem;">
-                        <i class="bi bi-file-earmark-pdf me-1"></i>
-                        PDF
-                    </a>
-                </div>
-            </div>
-        </div>
-    </div>
-    <?php endif; ?>
-
-    <!-- Enhanced Main Card -->
-    <div class="glass-card border-0 shadow" style="margin-top: 0.5rem;">
-        <!-- Header Info with Enhanced Styling -->
-        <div class="card-header border-0 py-2" style="border-radius: 0.75rem 0.75rem 0 0; background: rgba(255,255,255,0.95); backdrop-filter: blur(10px);">
-            <div class="d-flex flex-column flex-md-row justify-content-between align-items-start align-items-md-center gap-2">
-                <div class="d-flex flex-column flex-md-row align-items-start align-items-md-center gap-2 w-100 w-md-auto">
-                    <span class="text-muted small">
-                        <i class="bi bi-info-circle me-1"></i>
-                        <strong><?php echo e($laundry->count()); ?></strong> laundry
-                    </span>
-                    
-                    <?php if(auth()->user()->role == 'super_admin' && $laundry->count() > 0): ?>
-                    <div id="bulkDeleteBtn" style="display: none;" class="w-100 w-md-auto">
-                        <button 
-                            type="button" 
-                            class="btn btn-danger btn-sm w-100 w-md-auto"
-                            onclick="showBulkDeleteModal()"
-                        >
-                            <i class="bi bi-trash me-1"></i>Hapus (<span id="selectedCount">0</span>)
-                        </button>
-                    </div>
-                    <?php endif; ?>
-                </div>
-                
-                <span class="badge bg-success bg-opacity-10 text-success px-2 px-md-3 py-2">
-                    <i class="bi bi-database me-1"></i><strong><?php echo e($laundry->count()); ?></strong> Data
-                </span>
-            </div>
-        </div>
-
-        <div class="card-body p-0">
-            <?php if($laundry->isEmpty()): ?>
-                <!-- Enhanced Empty State -->
-                <div class="text-center py-4 px-3" style="background: rgba(var(--primary-color-rgb), 0.02);">
-                    <div class="mb-3">
-                        <i class="bi bi-droplet text-muted opacity-50" style="font-size: 3rem; color: var(--muted-color);"></i>
-                    </div>
-                    <h5 class="text-muted mb-3" style="color: var(--text-secondary);">
-                        <span class="d-none d-md-inline">Tidak ada data laundry ditemukan</span>
-                        <span class="d-md-none">Data tidak ditemukan</span>
-                    </h5>
-                    <p class="text-muted mb-4 small" style="color: var(--text-muted);">
-                        <?php if(request()->hasAny(['search', 'harga_min', 'harga_max', 'jarak', 'jenis_layanan'])): ?>
-                            <span class="d-none d-md-block">Tidak ada laundry yang sesuai dengan kriteria filter. Coba ubah atau reset filter.</span>
-                            <span class="d-md-none">Filter tidak menemukan hasil. Coba ubah filter.</span>
-                        <?php else: ?>
-                            <span class="d-none d-md-block">Belum ada data laundry. Mulai tambahkan layanan laundry pertama Anda!</span>
-                            <span class="d-md-none">Belum ada data. Tambahkan laundry pertama!</span>
-                        <?php endif; ?>
-                    </p>
-                    <div class="d-flex gap-2 justify-content-center flex-column flex-sm-row">
-                        <?php if(request()->hasAny(['search', 'harga_min', 'harga_max', 'jarak', 'jenis_layanan'])): ?>
-                        <a href="<?php echo e(route('laundry.index')); ?>" class="btn btn-outline-primary btn-sm" style="border-color: var(--primary-color); color: var(--primary-color); border-radius: 0.75rem;">
-                            <i class="bi bi-arrow-clockwise me-2"></i>
-                            <span class="d-none d-sm-inline">Reset Filter</span>
-                            <span class="d-sm-none">Reset</span>
-                        </a>
-                        <?php else: ?>
-                        <a href="<?php echo e(route('laundry.create')); ?>" class="btn btn-sm" style="background: var(--success-color); border-color: var(--success-color); color: white; border-radius: 0.75rem;">
-                            <i class="bi bi-plus-circle me-2"></i>
-                            <span class="d-none d-sm-inline">Tambah Laundry</span>
-                            <span class="d-sm-none">Tambah</span>
-                        </a>
-                        <?php endif; ?>
-                    </div>
-                </div>
-            <?php else: ?>
-            <!-- Enhanced Mobile Card View -->
-                <div class="d-md-none">
-                    <?php $__currentLoopData = $laundry; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $index => $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
-                    <?php
-                        $filteredLayanan = $item->layanan;
-                        if (!empty($filters['jenis_layanan'])) {
-                            $filteredLayanan = $item->layanan->where('jenis_layanan', $filters['jenis_layanan']);
-                        }
-                    ?>
-                    <div class="glass-card mb-2 mx-2 border-0 shadow-sm" style="border-radius: 1rem; transition: all 0.3s ease; background: rgba(255,255,255,0.9); backdrop-filter: blur(10px);" 
-                         onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 10px 25px rgba(0,0,0,0.15)'" 
-                         onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 6px rgba(0,0,0,0.1)'">
-                        <div class="card-body p-3">
-                            <div class="d-flex justify-content-between align-items-start mb-3">
-                                <div class="d-flex align-items-start gap-2 flex-grow-1">
-                                    <?php if(auth()->user()->role == 'super_admin'): ?>
-                                    <input 
-                                        type="checkbox" 
-                                        class="form-check-input mt-1 row-checkbox" 
-                                        value="<?php echo e($item->id); ?>"
-                                        onchange="updateBulkDeleteButton()"
-                                        style="accent-color: var(--primary-color);"
-                                    >
-                                    <?php endif; ?>
-                                    <div class="flex-grow-1">
-                                        <h6 class="mb-2 fw-bold" style="color: var(--text-primary); font-size: 1.1rem;">
-                                            <i class="bi bi-droplet-fill me-2" style="color: var(--primary-color);"></i>
-                                            <?php echo e($item->nama); ?>
-
-                                        </h6>
-                                        <p class="text-muted mb-2 small" style="line-height: 1.4;">
-                                            <i class="bi bi-geo-alt me-1" style="color: var(--danger-color);"></i><?php echo e(Str::limit($item->alamat, 45)); ?>
-
-                                        </p>
-                                    </div>
-                                </div>
-                                <span class="badge rounded-pill px-2 py-1" style="background: rgba(var(--primary-color-rgb), 0.1); color: var(--primary-color); font-size: 0.75rem;">
-                                    #<?php echo e($index + 1); ?>
-
-                                </span>
-                            </div>
-                            
-                            <!-- Enhanced Layanan Info dengan Label -->
-                            <?php if($filteredLayanan && $filteredLayanan->isNotEmpty()): ?>
-                            <div class="mb-3">
-                                <div class="row g-2">
-                                    <?php $__currentLoopData = $filteredLayanan; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $layanan): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
-                                    <!-- Harga -->
-                                    <div class="col-6">
-                                        <div class="text-center p-2 rounded-3" style="background: rgba(var(--success-color-rgb), 0.05); border: 1px solid rgba(var(--success-color-rgb), 0.2);">
-                                            <small class="text-muted d-block mb-1" style="font-size: 0.7rem; font-weight: 600; text-transform: uppercase;">Harga</small>
-                                            <div class="fw-bold" style="color: var(--success-color); font-size: 0.9rem;">
-                                                Rp <?php echo e(number_format($layanan->harga, 0, ',', '.')); ?>
-
-                                            </div>
-                                        </div>
-                                    </div>
-                                    
-                                    <!-- Jenis Layanan -->
-                                    <div class="col-6">
-                                        <div class="text-center p-2 rounded-3" style="background: rgba(var(--primary-color-rgb), 0.05); border: 1px solid rgba(var(--primary-color-rgb), 0.2);">
-                                            <small class="text-muted d-block mb-1" style="font-size: 0.7rem; font-weight: 600; text-transform: uppercase;">Jenis Layanan</small>
-                                            <div class="fw-bold" style="color: var(--primary-color); font-size: 0.9rem;">
-                                                <?php echo e(ucfirst($layanan->jenis_layanan)); ?>
-
-                                            </div>
-                                        </div>
-                                    </div>
-                                    
-                                    <!-- Estimasi Selesai -->
-                                    <div class="col-12 mt-2">
-                                        <div class="text-center p-2 rounded-3" style="background: rgba(var(--warning-color-rgb), 0.05); border: 1px solid rgba(var(--warning-color-rgb), 0.2);">
-                                            <small class="text-muted d-block mb-1" style="font-size: 0.7rem; font-weight: 600; text-transform: uppercase;">Estimasi Selesai</small>
-                                            <div class="fw-bold" style="color: var(--warning-color); font-size: 0.9rem;">
-                                                <i class="bi bi-clock me-1"></i><?php echo e($layanan->estimasi_selesai); ?> Jam
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
-                                </div>
-                            </div>
-                            <?php endif; ?>
-                            
-                            <!-- Enhanced Distance Info dengan Label -->
-                            <div class="mb-3">
-                                <div class="row g-2">
-                                    <div class="col-12">
-                                        <div class="text-center p-2 rounded-3" style="background: rgba(var(--info-color-rgb), 0.05); border: 1px solid rgba(var(--info-color-rgb), 0.2);">
-                                            <small class="text-muted d-block mb-1" style="font-size: 0.7rem; font-weight: 600; text-transform: uppercase;">Jarak dari Kampus</small>
-                                            <div class="fw-bold" style="color: var(--info-color); font-size: 0.9rem;">
-                                                <i class="bi bi-pin-map me-1"></i><?php echo e(number_format($item->jarak / 1000, 1)); ?> km
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                            
-                            <!-- Enhanced Action Buttons -->
-                            <div class="d-flex gap-1">
-                                <?php if($item->latitude && $item->longitude): ?>
-                                <a 
-                                    href="https://www.google.com/maps?q=<?php echo e($item->latitude); ?>,<?php echo e($item->longitude); ?>" 
-                                    target="_blank"
-                                    class="btn btn-sm flex-fill rounded-3"
-                                    title="Lihat Lokasi"
-                                    style="background: rgba(var(--success-color-rgb), 0.1); border: 1px solid var(--success-color); color: var(--success-color);"
-                                >
-                                    <i class="bi bi-geo-alt-fill"></i>
-                                </a>
-                                <?php endif; ?>
-                                <a 
-                                    href="<?php echo e(route('laundry.show', $item->id)); ?>" 
-                                    class="btn btn-sm flex-fill rounded-3"
-                                    title="Detail Laundry"
-                                    style="background: rgba(var(--info-color-rgb), 0.1); border: 1px solid var(--info-color); color: var(--info-color);"
-                                >
-                                    <i class="bi bi-eye"></i>
-                                </a>
-                                <a 
-                                    href="<?php echo e(route('laundry.edit', $item->id)); ?>" 
-                                    class="btn btn-sm flex-fill rounded-3"
-                                    title="Edit Data"
-                                    style="background: rgba(var(--warning-color-rgb), 0.1); border: 1px solid var(--warning-color); color: var(--warning-color);"
-                                >
-                                    <i class="bi bi-pencil"></i>
-                                </a>
-                                
-                                <?php if(auth()->user()->role == 'super_admin'): ?>
-                                <button 
-                                    type="button" 
-                                    class="btn btn-sm flex-fill rounded-3"
-                                    title="Hapus Data"
-                                    style="background: rgba(var(--danger-color-rgb), 0.1); border: 1px solid var(--danger-color); color: var(--danger-color);"
-                                    onclick="showDeleteModal('<?php echo e($item->id); ?>', '<?php echo e($item->nama); ?>', '<?php echo e(Str::limit($item->alamat, 50)); ?>', '<?php echo e($item->layanan->first() ? 'Rp ' . number_format($item->layanan->first()->harga, 0, ',', '.') . '/kg' : '-'); ?>')"
-                                >
-                                    <i class="bi bi-trash"></i>
-                                </button>
-                                <form 
-                                    id="delete-form-<?php echo e($item->id); ?>"
-                                    action="<?php echo e(route('laundry.destroy', $item->id)); ?>" 
-                                    method="POST" 
-                                    class="d-none"
-                                >
-                                    <?php echo csrf_field(); ?>
-                                    <?php echo method_field('DELETE'); ?>
-                                </form>
-                                <?php endif; ?>
-                            </div>
-                        </div>
-                    </div>
-                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
-                </div>
-
-                <!-- Desktop Table View -->
-                <div class="d-none d-md-block table-responsive" style="border-radius: 0 0 1rem 1rem; overflow: hidden;">
-                    <table class="table enhanced-table align-middle mb-0">
-                        <thead>
-                            <tr>
-                                <?php if(auth()->user()->role == 'super_admin'): ?>
-                                <th class="border-0 py-3" style="width: 50px;">
-                                    <div class="form-check d-flex align-items-center justify-content-center">
-                                        <input 
-                                            type="checkbox" 
-                                            id="selectAll" 
-                                            class="form-check-input select-all-checkbox"
-                                            title="Pilih semua data di halaman ini"
-                                            style="width: 20px; height: 20px; cursor: pointer; border: 2px solid rgba(255,255,255,0.8);"
-                                        >
-                                    </div>
-                                </th>
-                                <?php endif; ?>
-                                
-                                <th class="border-0 py-3" style="width: 60px;">
-                                    <small class="text-uppercase text-muted fw-bold">No</small>
-                                </th>
-                                <th class="border-0 py-3">
-                                    <small class="text-uppercase text-muted fw-bold"><i class="bi bi-droplet-fill me-1"></i>Nama Laundry</small>
-                                </th>
-                                <th class="border-0 py-3">
-                                    <small class="text-uppercase text-muted fw-bold"><i class="bi bi-geo-alt me-1"></i>Alamat</small>
-                                </th>
-                                <th class="border-0 py-3 text-center">
-                                    <small class="text-uppercase text-muted fw-bold"><i class="bi bi-currency-dollar me-1"></i>Harga</small>
-                                </th>
-                                <th class="border-0 py-3 text-center">
-                                    <small class="text-uppercase text-muted fw-bold"><i class="bi bi-pin-map me-1"></i>Jarak</small>
-                                </th>
-                                <th class="border-0 py-3 text-center">
-                                    <small class="text-uppercase text-muted fw-bold"><i class="bi bi-droplet me-1"></i>Jenis Layanan</small>
-                                </th>
-                                <th class="border-0 py-3 text-center">
-                                    <small class="text-uppercase text-muted fw-bold"><i class="bi bi-clock me-1"></i>Estimasi</small>
-                                </th>
-                                <th class="border-0 py-3 text-center" style="width: 180px;">
-                                    <small class="text-uppercase text-muted fw-bold">Aksi</small>
-                                </th>
-                            </tr>
-                        </thead>
-                        <tbody>
-                            <?php $__currentLoopData = $laundry; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $index => $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
-                            <?php
-                                $filteredLayanan = $item->layanan;
-                                if (!empty($filters['jenis_layanan'])) {
-                                    $filteredLayanan = $item->layanan->where('jenis_layanan', $filters['jenis_layanan']);
-                                }
-                            ?>
-                            <tr>
-                                <?php if(auth()->user()->role == 'super_admin'): ?>
-                                <td class="px-3">
-                                    <input 
-                                        type="checkbox" 
-                                        class="form-check-input row-checkbox" 
-                                        value="<?php echo e($item->id); ?>"
-                                    >
-                                </td>
-                                <?php endif; ?>
-                                
-                                <td class="px-3">
-                                    <span class="badge rounded-pill fw-bold" style="background: rgba(var(--primary-color-rgb), 0.1); color: var(--primary-color);"><?php echo e($laundry->firstItem() + $index); ?></span>
-                                </td>
-                                <td>
-                                    <div class="d-flex align-items-center">
-                                        <div class="avatar-sm rounded me-3 d-flex align-items-center justify-content-center" style="width: 45px; height: 45px; background: linear-gradient(135deg, #818cf8, #667eea); color: white; flex-shrink: 0;">
-                                            <i class="bi bi-droplet-fill fs-5"></i>
-                                        </div>
-                                        <div style="min-width: 0;">
-                                            <h6 class="mb-0 fw-bold" style="color: var(--text-primary);"><?php echo e($item->nama); ?></h6>
-                                        </div>
-                                    </div>
-                                </td>
-                                <td>
-                                    <small class="text-muted d-block" style="max-width: 250px; line-height: 1.3;">
-                                        <i class="bi bi-geo-alt me-1" style="color: var(--danger-color);"></i><?php echo e(Str::limit($item->alamat, 50)); ?>
-
-                                    </small>
-                                </td>
-                                
-                                <!-- KOLOM HARGA -->
-                                <td class="text-center">
-                                    <?php if($filteredLayanan && $filteredLayanan->isNotEmpty()): ?>
-                                        <div class="d-flex flex-column gap-1 align-items-center">
-                                            <?php $__currentLoopData = $filteredLayanan; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $layanan): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
-                                                <span class="badge px-3 py-2 rounded-3" style="background: rgba(var(--success-color-rgb), 0.1); color: var(--success-color); font-weight: 600;">
-                                                    <i class="bi bi-currency-dollar me-1"></i>Rp <?php echo e(number_format($layanan->harga, 0, ',', '.')); ?>
-
-                                                </span>
-                                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
-                                        </div>
-                                    <?php else: ?>
-                                        <small class="text-muted">-</small>
-                                    <?php endif; ?>
-                                </td>
-                                
-                                <!-- KOLOM JARAK -->
-                                <td class="text-center">
-                                    <span class="badge px-3 py-2 rounded-3" style="background: rgba(var(--info-color-rgb), 0.1); color: var(--info-color); font-weight: 600;">
-                                        <i class="bi bi-pin-map me-1"></i><?php echo e(number_format($item->jarak / 1000, 1)); ?> km
-                                    </span>
-                                </td>
-                                
-                                <!-- KOLOM JENIS LAYANAN -->
-                                <td class="text-center">
-                                    <?php if($filteredLayanan && $filteredLayanan->isNotEmpty()): ?>
-                                        <div class="d-flex flex-column gap-1 align-items-center">
-                                            <?php $__currentLoopData = $filteredLayanan; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $layanan): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
-                                                <span class="badge px-2 py-1 rounded-pill small" style="background: rgba(var(--primary-color-rgb), 0.1); color: var(--primary-color);">
-                                                    <?php echo e(ucfirst($layanan->jenis_layanan)); ?>
-
-                                                </span>
-                                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
-                                        </div>
-                                    <?php else: ?>
-                                        <small class="text-muted">-</small>
-                                    <?php endif; ?>
-                                </td>
-                                
-                                <!-- KOLOM ESTIMASI -->
-                                <td class="text-center">
-                                    <?php if($filteredLayanan && $filteredLayanan->isNotEmpty()): ?>
-                                        <div class="d-flex flex-column gap-1 align-items-center">
-                                            <?php $__currentLoopData = $filteredLayanan; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $layanan): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
-                                                <span class="badge px-3 py-2 rounded-3" style="background: rgba(var(--warning-color-rgb), 0.1); color: var(--warning-color); font-weight: 600;">
-                                                    <i class="bi bi-clock me-1"></i><?php echo e($layanan->estimasi_selesai); ?> jam
-                                                </span>
-                                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
-                                        </div>
-                                    <?php else: ?>
-                                        <small class="text-muted">-</small>
-                                    <?php endif; ?>
-                                </td>
-                                
-                                <td class="text-center">
-                                    <div class="d-flex gap-1 justify-content-center">
-                                        <?php if($item->latitude && $item->longitude): ?>
-                                        <a 
-                                            href="https://www.google.com/maps?q=<?php echo e($item->latitude); ?>,<?php echo e($item->longitude); ?>" 
-                                            target="_blank"
-                                            class="btn btn-sm rounded-3"
-                                            title="Lihat Lokasi"
-                                            style="background: rgba(var(--success-color-rgb), 0.1); border: 1px solid var(--success-color); color: var(--success-color);"
-                                        >
-                                            <i class="bi bi-geo-alt-fill"></i>
-                                        </a>
-                                        <?php endif; ?>
-                                        <a 
-                                            href="<?php echo e(route('laundry.show', $item->id)); ?>" 
-                                            class="btn btn-sm rounded-3"
-                                            title="Detail"
-                                            style="background: rgba(var(--info-color-rgb), 0.1); border: 1px solid var(--info-color); color: var(--info-color);"
-                                        >
-                                            <i class="bi bi-eye"></i>
-                                        </a>
-                                        <a 
-                                            href="<?php echo e(route('laundry.edit', $item->id)); ?>" 
-                                            class="btn btn-sm rounded-3"
-                                            title="Edit"
-                                            style="background: rgba(var(--warning-color-rgb), 0.1); border: 1px solid var(--warning-color); color: var(--warning-color);"
-                                        >
-                                            <i class="bi btn-pencil"></i>
-                                        </a>
-                                        
-                                        <?php if(auth()->user()->role == 'super_admin'): ?>
-                                        <button 
-                                            type="button" 
-                                            class="btn btn-sm rounded-3"
-                                            onclick="showDeleteModal('<?php echo e($item->id); ?>', '<?php echo e($item->nama); ?>', '<?php echo e(Str::limit($item->alamat, 50)); ?>', '<?php echo e($item->layanan->first() ? 'Rp ' . number_format($item->layanan->first()->harga, 0, ',', '.') . '/kg' : '-'); ?>')"
-                                            title="Hapus"
-                                            style="background: rgba(var(--danger-color-rgb), 0.1); border: 1px solid var(--danger-color); color: var(--danger-color);"
-                                        >
-                                            <i class="bi bi-trash"></i>
-                                        </button>
-                                        <form 
-                                            id="delete-form-<?php echo e($item->id); ?>"
-                                            action="<?php echo e(route('laundry.destroy', $item->id)); ?>" 
-                                            method="POST" 
-                                            class="d-none"
-                                        >
-                                            <?php echo csrf_field(); ?>
-                                            <?php echo method_field('DELETE'); ?>
-                                        </form>
-                                        <?php endif; ?>
-                                    </div>
-                                </td>
-                            </tr>
-                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
-                        </tbody>
-                    </table>
-                </div>
-            <?php endif; ?>
-        </div>
-
-        <!-- Pagination -->
-        <?php if($laundry->hasPages()): ?>
-        <div class="card-footer border-0 py-4" style="background: linear-gradient(135deg, rgba(255,255,255,0.98), rgba(248,249,255,0.95)); backdrop-filter: blur(10px); border-radius: 0 0 1.25rem 1.25rem;">
-            <?php echo e($laundry->links('vendor.pagination.custom')); ?>
-
-        </div>
-        <?php endif; ?>
-    </div>
-</div>
-<!-- ========== MODAL KONFIRMASI HAPUS SINGLE ========== -->
-<div class="modal fade" id="deleteModal" tabindex="-1" aria-hidden="true" data-bs-backdrop="static">
-    <div class="modal-dialog modal-dialog-centered">
-        <div class="modal-content" style="border-radius: 15px; border: none; box-shadow: 0 10px 40px rgba(0,0,0,0.2);">
-            <div class="modal-header" style="border: none; padding: 15px 15px 5px 15px;">
-                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
-            </div>
-            <div class="modal-body" style="text-align: center; padding: 0 20px 20px 20px;">
-                <div style="margin-bottom: 15px;">
-                    <div style="display: inline-flex; align-items: center; justify-content: center; width: 60px; height: 60px; background-color: rgba(220, 53, 69, 0.1); border-radius: 50%;">
-                        <i class="bi bi-exclamation-triangle-fill" style="font-size: 2rem; color: #dc3545;"></i>
-                    </div>
-                </div>
-                <h5 style="font-weight: 700; margin-bottom: 8px; color: #212529; font-size: 1.1rem;">Konfirmasi Hapus Data</h5>
-                <p style="color: #6c757d; margin-bottom: 20px; font-size: 0.9rem;">Tindakan ini tidak dapat dibatalkan!</p>
-                <div style="background-color: #f8f9fa; border-radius: 10px; padding: 15px; margin-bottom: 20px; text-align: left;">
-                    <p style="margin-bottom: 12px; font-size: 13px; color: #6c757d;">Apakah Anda yakin ingin menghapus laundry:</p>
-                    <div style="display: flex; align-items: flex-start; margin-bottom: 10px;">
-                        <i class="bi bi-basket3" style="color: #198754; margin-right: 8px; margin-top: 2px; font-size: 14px;"></i>
-                        <strong id="deleteNama" style="display: block; color: #212529; font-size: 14px; word-break: break-word;"></strong>
-                    </div>
-                    <div style="display: flex; align-items: flex-start; margin-bottom: 10px;">
-                        <i class="bi bi-geo-alt" style="color: #dc3545; margin-right: 8px; margin-top: 2px; font-size: 14px;"></i>
-                        <small id="deleteAlamat" style="color: #6c757d; font-size: 12px; word-break: break-word;"></small>
-                    </div>
-                    <div style="display: flex; align-items: flex-start;">
-                        <i class="bi bi-currency-dollar" style="color: #198754; margin-right: 8px; margin-top: 2px; font-size: 14px;"></i>
-                        <small id="deleteHarga" style="color: #198754; font-weight: 600; font-size: 12px;"></small>
-                    </div>
-                </div>
-                <div style="display: flex; gap: 8px;">
-                    <button type="button" class="btn btn-light btn-sm" data-bs-dismiss="modal" style="flex: 1; padding: 10px; font-weight: 500; border: 1px solid #dee2e6;">
-                        <i class="bi bi-x-circle" style="margin-right: 6px;"></i>Batal
-                    </button>
-                    <button type="button" class="btn btn-danger btn-sm" id="confirmDeleteBtn" style="flex: 1; padding: 10px; font-weight: 500;">
-                        <i class="bi bi-trash" style="margin-right: 6px;"></i>Ya, Hapus
-                    </button>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
-
-<!-- ========== MODAL KONFIRMASI HAPUS BULK ========== -->
-<div class="modal fade" id="bulkDeleteModal" tabindex="-1" aria-hidden="true" data-bs-backdrop="static">
-    <div class="modal-dialog modal-dialog-centered">
-        <div class="modal-content" style="border-radius: 15px; border: none; box-shadow: 0 10px 40px rgba(0,0,0,0.2);">
-            <div class="modal-header" style="border: none; padding: 15px 15px 5px 15px;">
-                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
-            </div>
-            <div class="modal-body" style="text-align: center; padding: 0 20px 20px 20px;">
-                <div style="margin-bottom: 15px;">
-                    <div style="display: inline-flex; align-items: center; justify-content: center; width: 60px; height: 60px; background-color: rgba(220, 53, 69, 0.1); border-radius: 50%;">
-                        <i class="bi bi-exclamation-triangle-fill" style="font-size: 2rem; color: #dc3545;"></i>
-                    </div>
-                </div>
-                <h5 style="font-weight: 700; margin-bottom: 8px; color: #212529; font-size: 1.1rem;">Konfirmasi Hapus Data Terpilih</h5>
-                <p style="color: #6c757d; margin-bottom: 20px; font-size: 0.9rem;">Tindakan ini tidak dapat dibatalkan!</p>
-                <div style="background-color: #f8f9fa; border-radius: 10px; padding: 15px; margin-bottom: 20px; text-align: center;">
-                    <p style="margin-bottom: 10px; font-size: 13px; color: #6c757d;">Anda akan menghapus:</p>
-                    <div style="display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: white; padding: 12px 20px; border-radius: 10px; border: 2px solid #dc3545;">
-                        <i class="bi bi-trash" style="font-size: 20px; color: #dc3545;"></i>
-                        <span style="font-size: 24px; font-weight: 700; color: #dc3545;" id="bulkDeleteCount">0</span>
-                        <span style="font-size: 14px; color: #6c757d;">Laundry</span>
-                    </div>
-                </div>
-                <div style="background-color: #fff3cd; border-left: 4px solid #ffc107; padding: 10px 12px; border-radius: 5px; margin-bottom: 15px; text-align: left;">
-                    <small style="color: #856404; font-size: 11px;">
-                        <i class="bi bi-exclamation-triangle-fill me-1"></i>
-                        <strong>Perhatian:</strong> Semua data laundry yang dipilih beserta layanannya akan dihapus permanen!
-                    </small>
-                </div>
-                <div style="display: flex; gap: 8px;">
-                    <button type="button" class="btn btn-light btn-sm" data-bs-dismiss="modal" style="flex: 1; padding: 10px; font-weight: 500; border: 1px solid #dee2e6;">
-                        <i class="bi bi-x-circle" style="margin-right: 6px;"></i>Batal
-                    </button>
-                    <button type="button" class="btn btn-danger btn-sm" id="confirmBulkDeleteBtn" style="flex: 1; padding: 10px; font-weight: 500;">
-                        <i class="bi bi-trash" style="margin-right: 6px;"></i>Ya, Hapus Semua
-                    </button>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
-
-<form id="bulkDeleteForm" action="<?php echo e(route('laundry.bulk-destroy')); ?>" method="POST" class="d-none">
-    <?php echo csrf_field(); ?>
-    <input type="hidden" name="ids" id="bulkDeleteIds">
-</form>
-
-<script>
-let deleteItemId = null;
-let selectedIds = [];
-
-function showDeleteModal(id, nama, alamat, harga) {
-    deleteItemId = id;
-    document.getElementById('deleteNama').textContent = nama;
-    document.getElementById('deleteAlamat').textContent = alamat;
-    document.getElementById('deleteHarga').textContent = harga;
-    const deleteModal = new bootstrap.Modal(document.getElementById('deleteModal'));
-    deleteModal.show();
-}
-
-document.getElementById('confirmDeleteBtn').addEventListener('click', function() {
-    if (deleteItemId) {
-        document.getElementById('delete-form-' + deleteItemId).submit();
-    }
-});
-
-function showBulkDeleteModal() {
-    const checkboxes = document.querySelectorAll('.row-checkbox:checked');
-    selectedIds = Array.from(checkboxes).map(cb => cb.value);
-    if (selectedIds.length === 0) {
-        alert('Pilih minimal 1 laundry untuk dihapus!');
-        return;
-    }
-    document.getElementById('bulkDeleteCount').textContent = selectedIds.length;
-    const bulkDeleteModal = new bootstrap.Modal(document.getElementById('bulkDeleteModal'));
-    bulkDeleteModal.show();
-}
-
-document.getElementById('confirmBulkDeleteBtn').addEventListener('click', function() {
-    if (selectedIds.length > 0) {
-        document.getElementById('bulkDeleteIds').value = JSON.stringify(selectedIds);
-        document.getElementById('bulkDeleteForm').submit();
-    }
-});
-
-document.addEventListener('DOMContentLoaded', function() {
-    const selectAllCheckbox = document.getElementById('selectAll');
-    const rowCheckboxes = document.querySelectorAll('.row-checkbox');
-    const bulkDeleteBtn = document.getElementById('bulkDeleteBtn');
-    const selectedCountSpan = document.getElementById('selectedCount');
-    
-    function updateBulkDeleteButton() {
-        const checkedBoxes = document.querySelectorAll('.row-checkbox:checked');
-        const count = checkedBoxes.length;
-        if (count > 0 && bulkDeleteBtn) {
-            bulkDeleteBtn.style.display = 'block';
-            if (selectedCountSpan) selectedCountSpan.textContent = count;
-        } else if (bulkDeleteBtn) {
-            bulkDeleteBtn.style.display = 'none';
-        }
-        if (selectAllCheckbox) {
-            selectAllCheckbox.checked = count === rowCheckboxes.length && count > 0;
-            selectAllCheckbox.indeterminate = count > 0 && count < rowCheckboxes.length;
-        }
-    }
-    
-    if (selectAllCheckbox) {
-        selectAllCheckbox.addEventListener('change', function() {
-            rowCheckboxes.forEach(checkbox => {
-                checkbox.checked = this.checked;
-            });
-            updateBulkDeleteButton();
-        });
-    }
-    
-    rowCheckboxes.forEach(checkbox => {
-        checkbox.addEventListener('change', function() {
-            updateBulkDeleteButton();
-        });
-    });
-    
-    var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
-    tooltipTriggerList.map(function (tooltipTriggerEl) {
-        return new bootstrap.Tooltip(tooltipTriggerEl);
-    });
-    
-    updateBulkDeleteButton();
-});
-
-// Expose function to global scope for mobile
-window.updateBulkDeleteButton = function() {
-    const checkedBoxes = document.querySelectorAll('.row-checkbox:checked');
-    const count = checkedBoxes.length;
-    const bulkDeleteBtn = document.getElementById('bulkDeleteBtn');
-    const selectedCountSpan = document.getElementById('selectedCount');
-    
-    if (count > 0 && bulkDeleteBtn) {
-        bulkDeleteBtn.style.display = 'block';
-        if (selectedCountSpan) selectedCountSpan.textContent = count;
-    } else if (bulkDeleteBtn) {
-        bulkDeleteBtn.style.display = 'none';
-    }
-};
-</script>
-
-<style>
-.table tbody tr {
-    transition: all 0.3s ease;
-}
-
-.table tbody tr:hover {
-    background-color: #f8f9fa;
-    transform: scale(1.002);
-    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
-}
-
-.btn-group .btn {
-    border-radius: 0;
-}
-
-.btn-group .btn:first-child {
-    border-top-left-radius: 0.25rem;
-    border-bottom-left-radius: 0.25rem;
-}
-
-.btn-group .btn:last-child {
-    border-top-right-radius: 0.25rem;
-    border-bottom-right-radius: 0.25rem;
-}
-
-.form-label {
-    margin-bottom: 0.5rem;
-}
-
-.modal-backdrop {
-    background-color: rgba(0, 0, 0, 0.6);
-}
-
-.btn {
-    transition: all 0.2s ease;
-}
-
-.btn:hover:not(:disabled) {
-    transform: translateY(-2px);
-}
-
-.form-check-input {
-    width: 18px;
-    height: 18px;
-    cursor: pointer;
-    border: 2px solid #dee2e6;
-}
-
-.form-check-input:checked {
-    background-color: #dc3545;
-    border-color: #dc3545;
-}
-
-.form-check-input:indeterminate {
-    background-color: #6c757d;
-    border-color: #6c757d;
-}
-
-/* ========== SELECT ALL CHECKBOX ENHANCED ========== */
-.select-all-checkbox {
-    background-color: rgba(255,255,255,0.9) !important;
-    transition: all 0.3s ease;
-}
-
-.select-all-checkbox:checked {
-    background-color: #28a745 !important;
-    border-color: #28a745 !important;
-}
-
-.select-all-checkbox:indeterminate {
-    background-color: #ffc107 !important;
-    border-color: #ffc107 !important;
-}
-
-.select-all-checkbox:hover {
-    transform: scale(1.15);
-    box-shadow: 0 0 10px rgba(255,255,255,0.5);
-}
-
-.row-checkbox {
-    transition: all 0.2s ease;
-}
-
-.row-checkbox:checked {
-    background-color: #667eea !important;
-    border-color: #667eea !important;
-}
-
-.row-checkbox:hover {
-    transform: scale(1.1);
-}
-
-#bulkDeleteBtn {
-    animation: slideInRight 0.3s ease-out;
-}
-
-@keyframes slideInRight {
-    from {
-        opacity: 0;
-        transform: translateX(-20px);
-    }
-    to {
-        opacity: 1;
-        transform: translateX(0);
-    }
-}
-
-.table tbody tr:has(.row-checkbox:checked) {
-    background-color: #fff5f5 !important;
-    border-left: 3px solid #dc3545;
-}
-
-.avatar-sm {
-    flex-shrink: 0;
-}
-
-/* Responsive table adjustments */
-.table {
-    font-size: 0.875rem;
-}
-
-.table th,
-.table td {
-    vertical-align: middle;
-    white-space: nowrap;
-}
-
-.table td > div.d-flex.flex-column {
-    white-space: normal;
-}
-
-/* Mobile optimizations */
-@media (max-width: 767px) {
-    .container-fluid {
-        padding-left: 0.75rem !important;
-        padding-right: 0.75rem !important;
-    }
-    
-    .card-body {
-        padding: 1rem !important;
-    }
-    
-    .btn-sm {
-        font-size: 0.8rem;
-        padding: 0.35rem 0.6rem;
-    }
-    
-    .badge {
-        font-size: 0.75rem;
-    }
-    
-    .modal-dialog {
-        margin: 0.5rem;
-    }
-    
-    .alert {
-        font-size: 0.9rem;
-        padding: 0.75rem;
-    }
-}
-
-/* Enhanced Tablet optimizations */
-@media (min-width: 768px) and (max-width: 991px) {
-    .table {
-        font-size: 0.85rem;
-    }
-    
-    .btn-group .btn {
-        padding: 0.3rem 0.5rem;
-    }
-}
-
-/* Enhanced Print styles */
-@media print {
-    .btn, .form-check-input, .modal {
-        display: none !important;
-    }
-    
-    .card {
-        box-shadow: none !important;
-        border: 1px solid #dee2e6 !important;
-    }
-}
-</style>
-
-<!-- Enhanced JavaScript for Mobile Responsiveness -->
-<script>
-document.addEventListener('DOMContentLoaded', function() {
-    // ========== RANGE SLIDER UPDATES ==========
-    
-    // Update Harga Min Display
-    const hargaMinSlider = document.getElementById('harga_min');
-    const hargaMinDisplay = document.getElementById('hargaMinDisplay');
-    if (hargaMinSlider && hargaMinDisplay) {
-        hargaMinSlider.addEventListener('input', function() {
-            const value = parseInt(this.value);
-            hargaMinDisplay.textContent = new Intl.NumberFormat('id-ID').format(value);
-        });
-    }
-    
-    // Update Harga Max Display
-    const hargaMaxSlider = document.getElementById('harga_max');
-    const hargaMaxDisplay = document.getElementById('hargaMaxDisplay');
-    if (hargaMaxSlider && hargaMaxDisplay) {
-        hargaMaxSlider.addEventListener('input', function() {
-            const value = parseInt(this.value);
-            hargaMaxDisplay.textContent = new Intl.NumberFormat('id-ID').format(value);
-        });
-    }
-    
-    // Update Jarak Display
-    const jarakSlider = document.getElementById('jarak_max');
-    const jarakDisplay = document.getElementById('jarakDisplay');
-    if (jarakSlider && jarakDisplay) {
-        jarakSlider.addEventListener('input', function() {
-            jarakDisplay.textContent = this.value;
-        });
-    }
-    
-    // ========== ENHANCED MOBILE FEATURES ==========
-    
-    // Touch-friendly interactions for mobile
-    const cards = document.querySelectorAll('.glass-card');
-    cards.forEach(card => {
-        card.addEventListener('touchstart', function() {
-            this.style.transform = 'scale(0.98)';
-        });
-        card.addEventListener('touchend', function() {
-            this.style.transform = 'scale(1)';
-        });
-    });
-
-    // Enhanced Filter Toggle
-    const laundryFilterElement = document.getElementById('laundryFilterCollapse');
-    const laundryToggleIcon = document.getElementById('laundryFilterToggleIcon');
-    
-    if (laundryFilterElement && laundryToggleIcon) {
-        laundryFilterElement.addEventListener('show.bs.collapse', function() {
-            laundryToggleIcon.style.transform = 'rotate(180deg)';
-        });
-        
-        laundryFilterElement.addEventListener('hide.bs.collapse', function() {
-            laundryToggleIcon.style.transform = 'rotate(0deg)';
-        });
-    }
-
-    // Auto-submit form on mobile for better UX
-    const sortSelect = document.querySelector('select[name="sort_by"]');
-    if (sortSelect && window.innerWidth <= 768) {
-        sortSelect.addEventListener('change', function() {
-            // Add loading indicator
-            this.style.opacity = '0.7';
-            this.disabled = true;
-            
-            // Auto submit after short delay
-            setTimeout(() => {
-                this.form.submit();
-            }, 300);
-        });
-    }
-
-    // Enhanced bulk selection for mobile
-    function updateBulkDeleteButton() {
-        const checkboxes = document.querySelectorAll('.row-checkbox:checked');
-        const bulkBar = document.getElementById('bulkActionBar');
-        const countSpan = document.getElementById('selectedCount');
-        
-        if (checkboxes.length > 0) {
-            bulkBar.style.display = 'block';
-            countSpan.textContent = checkboxes.length;
-            
-            // Add mobile-friendly styling
-            if (window.innerWidth <= 768) {
-                bulkBar.style.position = 'fixed';
-                bulkBar.style.bottom = '20px';
-                bulkBar.style.left = '50%';
-                bulkBar.style.transform = 'translateX(-50%)';
-                bulkBar.style.zIndex = '1050';
-                bulkBar.style.width = 'auto';
-                bulkBar.style.padding = '10px 20px';
-                bulkBar.style.borderRadius = '25px';
-                bulkBar.style.boxShadow = '0 5px 15px rgba(0,0,0,0.3)';
-            }
-        } else {
-            bulkBar.style.display = 'none';
-            // Reset mobile styles
-            if (window.innerWidth <= 768) {
-                bulkBar.style.position = '';
-                bulkBar.style.bottom = '';
-                bulkBar.style.left = '';
-                bulkBar.style.transform = '';
-                bulkBar.style.zIndex = '';
-                bulkBar.style.width = '';
-                bulkBar.style.padding = '';
-                bulkBar.style.borderRadius = '';
-                bulkBar.style.boxShadow = '';
-            }
-        }
-    }
-    
-    // Make function available globally
-    window.updateBulkDeleteButton = updateBulkDeleteButton;
-
-    // Enhanced responsive behavior on window resize
-    let resizeTimer;
-    window.addEventListener('resize', function() {
-        clearTimeout(resizeTimer);
-        resizeTimer = setTimeout(function() {
-            // Update bulk action positioning
-            updateBulkDeleteButton();
-            
-            // Reset any mobile-specific styles if switching to desktop
-            if (window.innerWidth > 768) {
-                const bulkBar = document.getElementById('bulkActionBar');
-                if (bulkBar) {
-                    bulkBar.style.position = '';
-                    bulkBar.style.bottom = '';
-                    bulkBar.style.left = '';
-                    bulkBar.style.transform = '';
-                    bulkBar.style.zIndex = '';
-                    bulkBar.style.width = '';
-                    bulkBar.style.padding = '';
-                    bulkBar.style.borderRadius = '';
-                    bulkBar.style.boxShadow = '';
-                }
-            }
-        }, 250);
-    });
-
-    // Enhanced form validation with mobile feedback
-    const filterForm = document.getElementById('filterForm');
-    if (filterForm) {
-        filterForm.addEventListener('submit', function(e) {
-            const submitBtn = this.querySelector('button[type="submit"]');
-            if (submitBtn) {
-                submitBtn.innerHTML = '<i class="bi bi-hourglass-split me-2"></i><span class="d-none d-sm-inline">Memproses...</span><span class="d-sm-none">...</span>';
-                submitBtn.disabled = true;
-            }
-        });
-    }
-
-    // Mobile-optimized tooltips
-    if (window.innerWidth <= 768) {
-        // Disable tooltips on mobile for better performance
-        const tooltipElements = document.querySelectorAll('[data-bs-toggle="tooltip"]');
-        tooltipElements.forEach(element => {
-            element.removeAttribute('data-bs-toggle');
-            element.removeAttribute('title');
-        });
-    } else {
-        // Initialize tooltips for desktop
-        var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
-        var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
-            return new bootstrap.Tooltip(tooltipTriggerEl);
-        });
-    }
-});
-</script>
-<?php $__env->stopSection(); ?>
-
-<?php echo $__env->make('layouts.admin', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH C:\laragon\www\TA\spk_kontrakan\resources\views/laundry/index.blade.php ENDPATH**/ ?>
\ No newline at end of file
diff --git a/spk_kontrakan/storage/framework/views/ee70804036bd06aaaf7aa7c82c92bb1c.php b/spk_kontrakan/storage/framework/views/ee70804036bd06aaaf7aa7c82c92bb1c.php
deleted file mode 100644
index 89ae979..0000000
--- a/spk_kontrakan/storage/framework/views/ee70804036bd06aaaf7aa7c82c92bb1c.php
+++ /dev/null
@@ -1,821 +0,0 @@
-
-
-<?php $__env->startSection('title', 'Metode SAW'); ?>
-
-<?php $__env->startSection('content'); ?>
-<div class="container-fluid px-4">
-    <style>
-        .breadcrumb {
-            background: transparent;
-            border-radius: 8px;
-            padding: 0;
-            margin-bottom: 2rem;
-        }
-        
-        .breadcrumb-item a {
-            color: #667eea;
-            font-weight: 500;
-        }
-        
-        .breadcrumb-item.active {
-            color: #764ba2;
-            font-weight: 600;
-        }
-        
-        .header-saw {
-            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-            border-radius: 12px;
-            padding: 2rem;
-            color: white;
-            margin-bottom: 2rem;
-            box-shadow: 0 8px 20px rgba(102, 126, 234, 0.15);
-        }
-        
-        .header-saw h2 {
-            font-size: 2rem;
-            font-weight: 700;
-            margin-bottom: 0.5rem;
-        }
-        
-        .header-saw p {
-            opacity: 0.95;
-            margin-bottom: 0;
-        }
-        
-        .section-header {
-            color: #667eea;
-            font-size: 1.1rem;
-            font-weight: 700;
-            padding-bottom: 1rem;
-            border-bottom: 2px solid #667eea;
-            margin-bottom: 1.5rem;
-        }
-        
-        .form-card {
-            border: none;
-            border-radius: 12px;
-            box-shadow: 0 4px 15px rgba(0,0,0,0.08);
-            overflow: hidden;
-        }
-        
-        .btn-submit {
-            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-            border: none;
-            color: white;
-            font-weight: 600;
-            padding: 0.75rem 1.75rem;
-            border-radius: 8px;
-            transition: all 0.3s ease;
-        }
-        
-        .btn-submit:hover {
-            transform: translateY(-2px);
-            box-shadow: 0 8px 20px rgba(102, 126, 234, 0.4);
-            color: white;
-        }
-    </style>
-    
-    <!-- Breadcrumb -->
-    <nav aria-label="breadcrumb" class="mb-4">
-        <ol class="breadcrumb">
-            <li class="breadcrumb-item"><a href="<?php echo e(route('dashboard')); ?>">Dashboard</a></li>
-            <li class="breadcrumb-item active">Metode SAW</li>
-        </ol>
-    </nav>
-
-    <!-- Header -->
-    <div class="header-saw mb-4">
-        <h2 class="mb-0">🧮 Metode SAW</h2>
-        <p class="mb-0 opacity-95">Sistem Pendukung Keputusan untuk rekomendasi terbaik</p>
-    </div>
-
-    <!-- Alert -->
-    <?php if(session('error')): ?>
-    <div class="alert alert-danger alert-dismissible fade show shadow-sm mb-4" role="alert">
-        <i class="bi bi-exclamation-triangle-fill me-2"></i>
-        <span><?php echo e(session('error')); ?></span>
-        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
-    </div>
-    <?php endif; ?>
-
-    <!-- Info Alert -->
-    <div class="alert alert-info border-0 shadow-sm mb-4" style="background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%); border-left: 4px solid #667eea;">
-        <div class="d-flex">
-            <div class="me-3">
-                <i class="bi bi-info-circle fs-5" style="color: #667eea;"></i>
-            </div>
-            <div>
-                <h6 class="fw-bold mb-2" style="color: #667eea;">Tentang Metode SAW</h6>
-                <p class="mb-0">
-                    Metode SAW digunakan untuk menentukan ranking alternatif terbaik berdasarkan kriteria yang telah ditentukan. 
-                    Sistem akan menghitung nilai normalisasi dan bobot untuk setiap kriteria, kemudian menghasilkan peringkat rekomendasi.
-                </p>
-            </div>
-        </div>
-    </div>
-
-    <!-- Main Content -->
-    <div class="row">
-        <div class="col-12">
-            <!-- Choose Type Card -->
-            <div class="card form-card mb-4">
-                <div class="card-body p-4">
-                    <h5 class="section-header mb-0">
-                        <i class="bi bi-list-ul me-2" style="color: #667eea;"></i>Pilih Jenis Pencarian
-                    </h5>
-
-                    <form action="<?php echo e(route('saw.proses')); ?>" method="POST" id="sawForm">
-                        <?php echo csrf_field(); ?>
-                        
-                        <!-- Hidden inputs untuk koordinat user (HANYA UNTUK LAUNDRY) -->
-                        <input type="hidden" name="user_lat" id="user_lat">
-                        <input type="hidden" name="user_lng" id="user_lng">
-                        
-                        <div class="row g-2 g-md-3 mb-3 mb-md-4">
-                            <!-- Pilih Kontrakan -->
-                            <div class="col-12 col-md-6">
-                                <input type="radio" class="btn-check" name="tipe" id="tipe_kontrakan" value="kontrakan" checked>
-                                <label class="btn btn-outline-warning w-100 py-3 py-md-4" for="tipe_kontrakan" style="border-color: #667eea; color: #667eea;">
-                                    <i class="bi bi-building fs-2 fs-md-1 d-block mb-2 mb-md-3"></i>
-                                    <h5 class="mb-1 mb-md-2 fs-6 fs-md-5">Kontrakan</h5>
-                                    <small class="text-muted">Cari kontrakan deket kampus</small>
-                                </label>
-                            </div>
-
-                            <!-- Pilih Laundry -->
-                            <div class="col-12 col-md-6">
-                                <input type="radio" class="btn-check" name="tipe" id="tipe_laundry" value="laundry">
-                                <label class="btn btn-outline-warning w-100 py-3 py-md-4" for="tipe_laundry" style="border-color: #667eea; color: #667eea;">
-                                    <i class="bi bi-basket3 fs-2 fs-md-1 d-block mb-2 mb-md-3"></i>
-                                    <h5 class="mb-1 mb-md-2 fs-6 fs-md-5">Laundry</h5>
-                                    <small class="text-muted">Cari laundry deket lokasi Anda</small>
-                                </label>
-                            </div>
-                        </div>
-
-                        <!-- INFO JARAK KONTRAKAN -->
-                        <div class="alert border-0 mb-3 mb-md-4" id="infoKontrakan" style="background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%); border-left: 4px solid #667eea !important;">
-                            <div class="d-flex align-items-start">
-                                <i class="bi bi-info-circle-fill fs-5 me-2 mt-1" style="color: #667eea;"></i>
-                                <div>
-                                    <strong class="small" style="color: #667eea;">Jarak Kontrakan</strong>
-                                    <p class="mb-0 small mt-1">
-                                        Jarak dihitung otomatis dari <strong>Kampus Polije</strong>. 
-                                        Sistem akan merekomendasikan kontrakan terdekat dari kampus.
-                                    </p>
-                                </div>
-                            </div>
-                        </div>
-
-                        <!-- DETEKSI LOKASI UNTUK LAUNDRY (OPSIONAL) -->
-                        <div class="card form-card mb-4" id="deteksiLokasiCard" style="display: none;">
-                            <div class="card-body p-4">
-                                <div class="d-flex align-items-start align-items-md-center mb-3">
-                                    <i class="bi bi-geo-alt-fill fs-4 fs-md-3 me-2 me-md-3 mt-1 mt-md-0" style="color: #667eea;"></i>
-                                    <div class="flex-grow-1">
-                                        <h6 class="fw-bold mb-1 fs-6">Referensi Jarak Laundry</h6>
-                                        <small class="text-muted d-block" style="font-size: 0.8rem;">
-                                            Pilih titik referensi untuk menghitung jarak ke laundry
-                                        </small>
-                                    </div>
-                                </div>
-
-                                <!-- Pilihan Referensi Jarak -->
-                                <div class="row g-2 mb-3">
-                                    <div class="col-6">
-                                        <input type="radio" class="btn-check" name="referensi_jarak" id="referensi_kampus" value="kampus" checked>
-                                        <label class="btn btn-outline-warning w-100 py-2" for="referensi_kampus" style="border-color: #667eea; color: #667eea;">
-                                            <i class="bi bi-building d-block fs-4 mb-1"></i>
-                                            <strong class="small d-block">Dari Kampus</strong>
-                                            <small class="text-muted" style="font-size: 0.7rem;">Default</small>
-                                        </label>
-                                    </div>
-                                    <div class="col-6">
-                                        <input type="radio" class="btn-check" name="referensi_jarak" id="referensi_user" value="user">
-                                        <label class="btn btn-outline-warning w-100 py-2" for="referensi_user" style="border-color: #667eea; color: #667eea;">
-                                            <i class="bi bi-person-pin d-block fs-4 mb-1"></i>
-                                            <strong class="small d-block">Dari Lokasi Saya</strong>
-                                            <small class="text-muted" style="font-size: 0.7rem;">GPS</small>
-                                        </label>
-                                    </div>
-                                </div>
-
-                                <!-- Info Default (Dari Kampus) -->
-                                <div id="infoDefaultKampus" class="alert alert-info border-0 mb-0 p-2 small">
-                                    <i class="bi bi-info-circle me-2"></i>
-                                    Jarak laundry akan dihitung dari <strong>Kampus Polije</strong>.
-                                </div>
-
-                                <!-- Tombol Deteksi Lokasi (muncul ketika pilih "Dari Lokasi Saya") -->
-                                <div id="deteksiLokasiWrapper" style="display: none;">
-                                    <button type="button" id="detectLocationBtn" class="btn btn-success w-100 mb-2">
-                                        <i class="bi bi-crosshair me-2"></i>Deteksi Lokasi Saya Sekarang
-                                    </button>
-                                    
-                                    <div id="locationStatus" class="mt-2" style="display: none;">
-                                        <div class="alert alert-success mb-0 p-2 small">
-                                            <i class="bi bi-check-circle-fill me-2"></i>
-                                            <strong>Lokasi terdeteksi!</strong>
-                                            <div class="mt-1" style="font-size: 0.75rem;" id="locationCoords"></div>
-                                        </div>
-                                    </div>
-                                    
-                                    <div id="locationWarning" class="alert alert-warning mb-0 p-2 small">
-                                        <i class="bi bi-exclamation-triangle me-2"></i>
-                                        <strong>Klik tombol di atas</strong> untuk mendeteksi lokasi Anda. 
-                                        Jika tidak diklik, jarak akan dihitung dari kampus.
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-
-                        <!-- Pilihan Jenis Layanan (khusus Laundry) -->
-                        <div class="card form-card mb-4" id="jenisLayananCard" style="display: none;">
-                            <div class="card-body p-4">
-                                <h6 class="section-header mb-0">
-                                    <i class="bi bi-speedometer2 me-2" style="color: #667eea;"></i>Pilih Jenis Layanan
-                                </h6>
-                                <div class="row g-2 g-md-3">
-                                    <div class="col-12 col-md-4">
-                                        <input type="radio" class="btn-check" name="jenis_layanan" id="layanan_reguler" value="reguler">
-                                        <label class="btn btn-outline-warning w-100 py-2 py-md-3" for="layanan_reguler" style="border-color: #667eea; color: #667eea;">
-                                            <i class="bi bi-clock fs-5 fs-md-4 d-block mb-2"></i>
-                                            <strong class="small">Reguler</strong>
-                                            <small class="d-block text-muted" style="font-size: 0.75rem;">Normal</small>
-                                        </label>
-                                    </div>
-                                    <div class="col-12 col-md-4">
-                                        <input type="radio" class="btn-check" name="jenis_layanan" id="layanan_express" value="express">
-                                        <label class="btn btn-outline-warning w-100 py-2 py-md-3" for="layanan_express" style="border-color: #667eea; color: #667eea;">
-                                            <i class="bi bi-lightning-charge fs-5 fs-md-4 d-block mb-2"></i>
-                                            <strong class="small">Express</strong>
-                                            <small class="d-block text-muted" style="font-size: 0.75rem;">Cepat</small>
-                                        </label>
-                                    </div>
-                                    <div class="col-12 col-md-4">
-                                        <input type="radio" class="btn-check" name="jenis_layanan" id="layanan_kilat" value="kilat">
-                                        <label class="btn btn-outline-warning w-100 py-2 py-md-3" for="layanan_kilat" style="border-color: #667eea; color: #667eea;">
-                                            <i class="bi bi-rocket-takeoff fs-5 fs-md-4 d-block mb-2"></i>
-                                            <strong class="small">Kilat</strong>
-                                            <small class="d-block text-muted" style="font-size: 0.75rem;">Super Cepat</small>
-                                        </label>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-
-                        <!-- Kriteria Info -->
-                        <div class="card form-card mb-4">
-                            <div class="card-body p-4">
-                                <h6 class="section-header mb-0">
-                                    <i class="bi bi-star me-2" style="color: #667eea;"></i>Kriteria yang Digunakan
-                                </h6>
-                                <div class="table-responsive">
-                                    <table class="table table-sm mb-0 small" id="kriteriaTable">
-                                        <thead>
-                                            <tr>
-                                                <th>Kriteria</th>
-                                                <th class="text-center">Bobot</th>
-                                                <th class="text-center">Tipe</th>
-                                            </tr>
-                                        </thead>
-                                        <tbody>
-                                            <?php if(isset($kriteria) && $kriteria->count() > 0): ?>
-                                                <?php $__currentLoopData = $kriteria; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $k): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
-                                                <tr data-tipe-bisnis="<?php echo e($k->tipe_bisnis ?? 'kontrakan'); ?>" data-bobot="<?php echo e($k->bobot ?? 0); ?>">
-                                                    <td><?php echo e($k->nama_kriteria ?? 'N/A'); ?></td>
-                                                    <td class="text-center">
-                                                        <span class="badge" style="background-color: #667eea;"><?php echo e($k->bobot ?? 0); ?></span>
-                                                    </td>
-                                                    <td class="text-center">
-                                                        <?php if(isset($k->tipe) && strtolower($k->tipe) == 'benefit'): ?>
-                                                            <span class="badge bg-success">
-                                                                <i class="bi bi-arrow-up-circle me-1"></i>Benefit
-                                                            </span>
-                                                        <?php else: ?>
-                                                            <span class="badge bg-danger">
-                                                                <i class="bi bi-arrow-down-circle me-1"></i>Cost
-                                                            </span>
-                                                        <?php endif; ?>
-                                                    </td>
-                                                </tr>
-                                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
-                                            <?php else: ?>
-                                                <tr>
-                                                    <td colspan="3" class="text-center text-muted">Tidak ada kriteria yang tersedia</td>
-                                                </tr>
-                                            <?php endif; ?>
-                                        </tbody>
-                                        <tfoot class="fw-bold">
-                                            <tr>
-                                                <td>Total Bobot</td>
-                                                <td class="text-center">
-                                                    <span class="badge" id="totalBobotDisplay" style="background-color: #667eea;">
-                                                        <?php echo e(isset($kriteria) ? $kriteria->where('tipe_bisnis', 'kontrakan')->sum('bobot') : 0); ?>
-
-                                                    </span>
-                                                </td>
-                                                <td></td>
-                                            </tr>
-                                        </tfoot>
-                                    </table>
-                                </div>
-                            </div>
-                        </div>
-
-                        <!-- Submit Button -->
-                        <div class="d-grid gap-2">
-                            <button type="submit" class="btn btn-lg" id="btnProsesSAW" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; font-weight: 600;">
-                                <span id="btnText">
-                                    <i class="bi bi-calculator me-2"></i>Proses Perhitungan SAW
-                                </span>
-                                <span id="btnLoading" style="display: none;">
-                                    <span class="spinner-border spinner-border-sm me-2" role="status" aria-hidden="true"></span>
-                                    Memproses data...
-                                </span>
-                            </button>
-                        </div>
-
-                        <!-- Loading Overlay -->
-                        <div id="loadingOverlay" style="display: none;">
-                            <div class="loading-content">
-                                <div class="spinner-grow text-primary mb-3" style="width: 3rem; height: 3rem;" role="status">
-                                    <span class="visually-hidden">Loading...</span>
-                                </div>
-                                <h5 class="text-white mb-2">Memproses Perhitungan SAW</h5>
-                                <p class="text-white-50 small">Mohon tunggu sebentar...</p>
-                                <div class="progress mt-3" style="height: 4px; width: 250px; max-width: 90vw;">
-                                    <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" style="width: 100%"></div>
-                                </div>
-                            </div>
-                        </div>
-                    </form>
-                </div>
-            </div>
-
-            <!-- Info Cards -->
-            <div class="row g-2 g-md-3">
-                <div class="col-12 col-md-6">
-                    <div class="card border-0 h-100" style="background: rgba(102, 126, 234, 0.1);">
-                        <div class="card-body p-3">
-                            <h6 class="fw-bold mb-2 fs-6" style="color: #667eea;">
-                                <i class="bi bi-check-circle me-2"></i>Kelebihan SAW
-                            </h6>
-                            <ul class="small mb-0" style="font-size: 0.85rem;">
-                                <li>Mudah dipahami</li>
-                                <li>Perhitungan sederhana</li>
-                                <li>Hasil objektif</li>
-                                <li>Jarak dihitung otomatis dari GPS</li>
-                            </ul>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-12 col-md-6">
-                    <div class="card border-0 h-100" style="background: rgba(102, 126, 234, 0.1);">
-                        <div class="card-body p-3">
-                            <h6 class="fw-bold mb-2 fs-6" style="color: #667eea;">
-                                <i class="bi bi-lightbulb me-2"></i>Cara Kerja
-                            </h6>
-                            <ol class="small mb-0" style="font-size: 0.85rem;">
-                                <li><strong>Kontrakan:</strong> Jarak dari Kampus Polije</li>
-                                <li><strong>Laundry:</strong> Jarak dari Kampus <em>atau</em> Lokasi Anda</li>
-                                <li>Normalisasi nilai kriteria</li>
-                                <li>Kalikan dengan bobot</li>
-                                <li>Urutkan berdasarkan nilai tertinggi</li>
-                            </ol>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
-
-<!-- Toast Container -->
-<div id="toastContainer" style="position: fixed; top: 10px; right: 10px; z-index: 10000; max-width: 90vw;"></div>
-<style>
-    /* Purple Theme for Radio Buttons */
-    .btn-check:checked + .btn-outline-warning {
-        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
-        border-color: #667eea !important;
-        color: white !important;
-    }
-    
-    .btn-check:checked + .btn-outline-primary {
-        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
-        border-color: #667eea !important;
-        color: white !important;
-    }
-    
-    .btn-check:checked + .btn-outline-success {
-        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
-        border-color: #667eea !important;
-        color: white !important;
-    }
-    
-    .btn-check:checked + .btn-outline-danger {
-        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
-        border-color: #667eea !important;
-        color: white !important;
-    }
-    
-    .btn-outline-warning:hover,
-    .btn-outline-primary:hover,
-    .btn-outline-success:hover,
-    .btn-outline-danger:hover {
-        transform: translateY(-2px);
-        box-shadow: 0 4px 8px rgba(102, 126, 234, 0.2);
-        transition: all 0.3s ease;
-    }
-    
-    #kriteriaTable tbody tr {
-        transition: all 0.3s ease;
-    }
-    
-    .bg-gradient {
-        position: relative;
-        overflow: hidden;
-    }
-    
-    .bg-gradient::before {
-        content: '';
-        position: absolute;
-        top: -50%;
-        right: -50%;
-        width: 200%;
-        height: 200%;
-        background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
-        animation: pulse 3s ease-in-out infinite;
-        pointer-events: none;
-        z-index: 0;
-    }
-    
-    .bg-gradient .btn,
-    .bg-gradient .card-body > * {
-        position: relative;
-        z-index: 1;
-    }
-    
-    @keyframes pulse {
-        0%, 100% { transform: scale(1); opacity: 0.5; }
-        50% { transform: scale(1.1); opacity: 0.8; }
-    }
-    
-    /* Loading Overlay */
-    #loadingOverlay {
-        position: fixed;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        background: rgba(0, 0, 0, 0.8);
-        z-index: 9999;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        backdrop-filter: blur(5px);
-    }
-    
-    .loading-content {
-        text-align: center;
-        animation: fadeInUp 0.5s ease;
-        padding: 0 1rem;
-    }
-    
-    @keyframes fadeInUp {
-        from {
-            opacity: 0;
-            transform: translateY(30px);
-        }
-        to {
-            opacity: 1;
-            transform: translateY(0);
-        }
-    }
-    
-    /* Toast Notification */
-    .custom-toast {
-        min-width: 250px;
-        max-width: 350px;
-        margin-bottom: 10px;
-        border-radius: 8px;
-        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
-        animation: slideInRight 0.3s ease;
-        font-size: 0.9rem;
-    }
-    
-    @keyframes slideInRight {
-        from {
-            transform: translateX(100%);
-            opacity: 0;
-        }
-        to {
-            transform: translateX(0);
-            opacity: 1;
-        }
-    }
-    
-    .custom-toast.hiding {
-        animation: slideOutRight 0.3s ease;
-    }
-    
-    @keyframes slideOutRight {
-        from {
-            transform: translateX(0);
-            opacity: 1;
-        }
-        to {
-            transform: translateX(100%);
-            opacity: 0;
-        }
-    }
-    
-    /* Mobile optimizations */
-    @media (max-width: 767px) {
-        .btn-lg {
-            padding: 0.75rem 1rem;
-            font-size: 1rem;
-        }
-        
-        .badge {
-            font-size: 0.75rem;
-            padding: 0.25em 0.5em;
-        }
-        
-        #toastContainer {
-            right: 5px;
-            top: 5px;
-        }
-        
-        .custom-toast {
-            min-width: auto;
-            width: calc(100vw - 20px);
-            max-width: calc(100vw - 20px);
-        }
-    }
-</style>
-<script>
-// Toast Notification Function
-function showToast(type, message) {
-    const container = document.getElementById('toastContainer');
-    
-    const toastId = 'toast_' + Date.now();
-    const iconMap = {
-        success: 'check-circle-fill',
-        error: 'exclamation-triangle-fill',
-        warning: 'exclamation-circle-fill',
-        info: 'info-circle-fill'
-    };
-    
-    const bgMap = {
-        success: 'bg-success',
-        error: 'bg-danger',
-        warning: 'bg-warning',
-        info: 'bg-info'
-    };
-    
-    const toast = document.createElement('div');
-    toast.id = toastId;
-    toast.className = `custom-toast alert ${bgMap[type]} alert-dismissible fade show text-white`;
-    toast.setAttribute('role', 'alert');
-    toast.innerHTML = `
-        <div class="d-flex align-items-center">
-            <i class="bi bi-${iconMap[type]} me-2"></i>
-            <div class="flex-grow-1 small">${message}</div>
-            <button type="button" class="btn-close btn-close-white" data-bs-dismiss="alert" aria-label="Close"></button>
-        </div>
-    `;
-    
-    container.appendChild(toast);
-    
-    // Auto remove after 4 seconds
-    setTimeout(() => {
-        toast.classList.add('hiding');
-        setTimeout(() => {
-            if (toast.parentNode) {
-                toast.parentNode.removeChild(toast);
-            }
-        }, 300);
-    }, 4000);
-}
-
-// Main Script
-window.addEventListener('DOMContentLoaded', function() {
-    console.log('Script SAW loaded!');
-    
-    const radioKontrakan = document.getElementById('tipe_kontrakan');
-    const radioLaundry = document.getElementById('tipe_laundry');
-    const kriteriaTable = document.getElementById('kriteriaTable');
-    const jenisLayananCard = document.getElementById('jenisLayananCard');
-    const referensiJarakCard = document.getElementById('referensiJarakCard');
-    const deteksiLokasiCard = document.getElementById('deteksiLokasiCard');
-    const infoKontrakan = document.getElementById('infoKontrakan');
-    const sawForm = document.getElementById('sawForm');
-    const detectLocationBtn = document.getElementById('detectLocationBtn');
-    const locationStatus = document.getElementById('locationStatus');
-    const locationCoords = document.getElementById('locationCoords');
-    const userLatInput = document.getElementById('user_lat');
-    const userLngInput = document.getElementById('user_lng');
-    const radioReferensiUser = document.getElementById('referensi_user');
-    const radioReferensiKampus = document.getElementById('referensi_kampus');
-    const deteksiLokasiWrapper = document.getElementById('deteksiLokasiWrapper');
-    const infoDefaultKampus = document.getElementById('infoDefaultKampus');
-    const locationWarning = document.getElementById('locationWarning');
-    
-    let locationDetected = false;
-    
-    // ========== TOGGLE REFERENSI JARAK (KAMPUS/USER) ==========
-    function toggleReferensiJarak() {
-        if (radioReferensiUser && radioReferensiUser.checked) {
-            // User memilih "Dari Lokasi Saya"
-            if (deteksiLokasiWrapper) deteksiLokasiWrapper.style.display = 'block';
-            if (infoDefaultKampus) infoDefaultKampus.style.display = 'none';
-            if (locationWarning) locationWarning.style.display = locationDetected ? 'none' : 'block';
-        } else {
-            // Default: "Dari Kampus"
-            if (deteksiLokasiWrapper) deteksiLokasiWrapper.style.display = 'none';
-            if (infoDefaultKampus) infoDefaultKampus.style.display = 'block';
-            // Reset user location ketika pilih kampus
-            if (userLatInput) userLatInput.value = '';
-            if (userLngInput) userLngInput.value = '';
-        }
-    }
-    
-    // ========== TOGGLE DETEKSI LOKASI BERDASARKAN TIPE ==========
-    function toggleDeteksiLokasi() {
-        if (radioLaundry.checked) {
-            // LAUNDRY: Tampilkan jenis layanan dan pilihan referensi jarak
-            jenisLayananCard.style.display = 'block';
-            deteksiLokasiCard.style.display = 'block';
-            infoKontrakan.style.display = 'none';
-            toggleReferensiJarak();
-        } else {
-            // KONTRAKAN: Sembunyikan jenis layanan dan deteksi lokasi
-            jenisLayananCard.style.display = 'none';
-            deteksiLokasiCard.style.display = 'none';
-            infoKontrakan.style.display = 'block';
-            // Reset user location untuk kontrakan
-            if (userLatInput) userLatInput.value = '';
-            if (userLngInput) userLngInput.value = '';
-        }
-    }
-    
-    // ========== EVENT LISTENER UNTUK PILIHAN REFERENSI JARAK ==========
-    if (radioReferensiUser) {
-        radioReferensiUser.addEventListener('change', toggleReferensiJarak);
-    }
-    if (radioReferensiKampus) {
-        radioReferensiKampus.addEventListener('change', toggleReferensiJarak);
-    }
-    
-    // ========== DETEKSI LOKASI (HANYA UNTUK LAUNDRY) ==========
-    if (detectLocationBtn) {
-        detectLocationBtn.addEventListener('click', function(e) {
-            e.preventDefault();
-            console.log('Tombol deteksi lokasi diklik!');
-            
-            const button = this;
-            const originalHTML = button.innerHTML;
-            
-            if (!navigator.geolocation) {
-                showToast('error', 'Browser Anda tidak mendukung Geolocation.');
-                return;
-            }
-            
-            button.disabled = true;
-            button.innerHTML = '<span class="spinner-border spinner-border-sm me-2"></span>Mendeteksi lokasi...';
-            
-            navigator.geolocation.getCurrentPosition(
-                function(position) {
-                    console.log('Lokasi berhasil terdeteksi!', position);
-                    
-                    const lat = position.coords.latitude;
-                    const lng = position.coords.longitude;
-                    
-                    userLatInput.value = lat;
-                    userLngInput.value = lng;
-                    locationDetected = true;
-                    
-                    console.log('Lat:', lat, 'Lng:', lng);
-                    
-                    locationCoords.innerHTML = `
-                        <strong>Latitude:</strong> ${lat.toFixed(6)}<br>
-                        <strong>Longitude:</strong> ${lng.toFixed(6)}
-                    `;
-                    locationStatus.style.display = 'block';
-                    if (locationWarning) locationWarning.style.display = 'none';
-                    
-                    button.disabled = false;
-                    button.innerHTML = '<i class="bi bi-check-circle-fill me-2"></i>Lokasi Terdeteksi!';
-                    button.classList.remove('btn-success');
-                    button.classList.add('btn-outline-success');
-                    
-                    showToast('success', '📍 Lokasi Anda berhasil terdeteksi! Jarak laundry akan dihitung dari posisi Anda.');
-                },
-                function(error) {
-                    console.error('Error geolocation:', error);
-                    
-                    button.disabled = false;
-                    button.innerHTML = originalHTML;
-                    
-                    let errorMsg = '';
-                    switch(error.code) {
-                        case error.PERMISSION_DENIED:
-                            errorMsg = 'Izinkan akses lokasi di browser Anda.';
-                            break;
-                        case error.POSITION_UNAVAILABLE:
-                            errorMsg = 'Informasi lokasi tidak tersedia.';
-                            break;
-                        case error.TIMEOUT:
-                            errorMsg = 'Waktu permintaan habis. Coba lagi.';
-                            break;
-                        default:
-                            errorMsg = 'Terjadi kesalahan saat mendeteksi lokasi.';
-                    }
-                    showToast('error', errorMsg);
-                },
-                {
-                    enableHighAccuracy: true,
-                    timeout: 10000,
-                    maximumAge: 0
-                }
-            );
-        });
-    }
-    
-    // ========== FILTER KRITERIA ==========
-    function filterKriteria() {
-        if (!kriteriaTable) return;
-        
-        const selectedTipe = radioKontrakan.checked ? 'kontrakan' : 'laundry';
-        
-        const rows = kriteriaTable.querySelectorAll('tbody tr');
-        let totalBobot = 0;
-        
-        rows.forEach(row => {
-            const tipeBisnis = row.getAttribute('data-tipe-bisnis');
-            const bobot = parseFloat(row.getAttribute('data-bobot')) || 0;
-            
-            if (tipeBisnis === selectedTipe) {
-                row.style.display = '';
-                totalBobot += bobot;
-            } else {
-                row.style.display = 'none';
-            }
-        });
-        
-        const totalBobotDisplay = document.getElementById('totalBobotDisplay');
-        if (totalBobotDisplay) {
-            totalBobotDisplay.textContent = totalBobot.toFixed(2);
-        }
-    }
-    
-    // ========== VALIDASI FORM ==========
-    if (sawForm) {
-        sawForm.addEventListener('submit', function(e) {
-            // Validasi jenis layanan untuk laundry
-            if (radioLaundry.checked) {
-                const jenisLayananChecked = document.querySelector('input[name="jenis_layanan"]:checked');
-                if (!jenisLayananChecked) {
-                    e.preventDefault();
-                    showToast('warning', '⚠️ Pilih jenis layanan terlebih dahulu!');
-                    return false;
-                }
-            }
-            
-            // Tampilkan loading
-            const btnProsesSAW = document.getElementById('btnProsesSAW');
-            const btnText = document.getElementById('btnText');
-            const btnLoading = document.getElementById('btnLoading');
-            const loadingOverlay = document.getElementById('loadingOverlay');
-            
-            btnProsesSAW.disabled = true;
-            btnText.style.display = 'none';
-            btnLoading.style.display = 'inline-block';
-            loadingOverlay.style.display = 'flex';
-        });
-    }
-    
-    // Event listeners
-    if (radioKontrakan) {
-        radioKontrakan.addEventListener('change', function() {
-            toggleDeteksiLokasi();
-            filterKriteria();
-        });
-    }
-    
-    if (radioLaundry) {
-        radioLaundry.addEventListener('change', function() {
-            toggleDeteksiLokasi();
-            filterKriteria();
-        });
-    }
-    
-    // Initialize
-    toggleDeteksiLokasi();
-    filterKriteria();
-});
-</script>
-<?php $__env->stopSection(); ?>
-
-<?php echo $__env->make('layouts.admin', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH C:\laragon\www\TA\spk_kontrakan\resources\views/saw/index.blade.php ENDPATH**/ ?>
\ No newline at end of file
diff --git a/spk_kontrakan/storage/framework/views/f9330509a01e8be5e3e2318d14daa2d7.php b/spk_kontrakan/storage/framework/views/f9330509a01e8be5e3e2318d14daa2d7.php
index d6a471c..3b2c4d8 100644
--- a/spk_kontrakan/storage/framework/views/f9330509a01e8be5e3e2318d14daa2d7.php
+++ b/spk_kontrakan/storage/framework/views/f9330509a01e8be5e3e2318d14daa2d7.php
@@ -174,7 +174,6 @@
 
         <div class="auth-footer">
             <p>Belum punya akun bisnis? <a href="<?php echo e(route('admin.register')); ?>">Daftar Sebagai Pemilik</a></p>
-            <p><a href="<?php echo e(route('admin.portal')); ?>">← Kembali ke Portal Pemilik</a></p>
         </div>
     </div>
 </div>
diff --git a/spk_kontrakan/storage/framework/views/f9a1a87513eabf56a496d6aacefe5611.php b/spk_kontrakan/storage/framework/views/f9a1a87513eabf56a496d6aacefe5611.php
deleted file mode 100644
index c32b73c..0000000
--- a/spk_kontrakan/storage/framework/views/f9a1a87513eabf56a496d6aacefe5611.php
+++ /dev/null
@@ -1,109 +0,0 @@
-<?php if($paginator->hasPages()): ?>
-    <nav role="navigation" aria-label="<?php echo e(__('Pagination Navigation')); ?>" class="flex items-center justify-between">
-        <div class="flex justify-between flex-1 sm:hidden">
-            <?php if($paginator->onFirstPage()): ?>
-                <span class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 rounded-md dark:text-gray-600 dark:bg-gray-800 dark:border-gray-600">
-                    <?php echo __('pagination.previous'); ?>
-
-                </span>
-            <?php else: ?>
-                <a href="<?php echo e($paginator->previousPageUrl()); ?>" class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 rounded-md hover:text-gray-500 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-300 dark:focus:border-blue-700 dark:active:bg-gray-700 dark:active:text-gray-300">
-                    <?php echo __('pagination.previous'); ?>
-
-                </a>
-            <?php endif; ?>
-
-            <?php if($paginator->hasMorePages()): ?>
-                <a href="<?php echo e($paginator->nextPageUrl()); ?>" class="relative inline-flex items-center px-4 py-2 ml-3 text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 rounded-md hover:text-gray-500 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-300 dark:focus:border-blue-700 dark:active:bg-gray-700 dark:active:text-gray-300">
-                    <?php echo __('pagination.next'); ?>
-
-                </a>
-            <?php else: ?>
-                <span class="relative inline-flex items-center px-4 py-2 ml-3 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 rounded-md dark:text-gray-600 dark:bg-gray-800 dark:border-gray-600">
-                    <?php echo __('pagination.next'); ?>
-
-                </span>
-            <?php endif; ?>
-        </div>
-
-        <div class="hidden sm:flex-1 sm:flex sm:items-center sm:justify-between">
-            <div>
-                <p class="text-sm text-gray-700 leading-5 dark:text-gray-400">
-                    <?php echo __('Showing'); ?>
-
-                    <?php if($paginator->firstItem()): ?>
-                        <span class="font-medium"><?php echo e($paginator->firstItem()); ?></span>
-                        <?php echo __('to'); ?>
-
-                        <span class="font-medium"><?php echo e($paginator->lastItem()); ?></span>
-                    <?php else: ?>
-                        <?php echo e($paginator->count()); ?>
-
-                    <?php endif; ?>
-                    <?php echo __('of'); ?>
-
-                    <span class="font-medium"><?php echo e($paginator->total()); ?></span>
-                    <?php echo __('results'); ?>
-
-                </p>
-            </div>
-
-            <div>
-                <span class="relative z-0 inline-flex rtl:flex-row-reverse shadow-sm rounded-md">
-                    
-                    <?php if($paginator->onFirstPage()): ?>
-                        <span aria-disabled="true" aria-label="<?php echo e(__('pagination.previous')); ?>">
-                            <span class="relative inline-flex items-center px-3 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default rounded-l-md leading-5 dark:bg-gray-800 dark:border-gray-600">
-                                Prev
-                            </span>
-                        </span>
-                    <?php else: ?>
-                        <a href="<?php echo e($paginator->previousPageUrl()); ?>" rel="prev" class="relative inline-flex items-center px-3 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-l-md leading-5 hover:text-gray-400 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-500 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="<?php echo e(__('pagination.previous')); ?>">
-                            Prev
-                        </a>
-                    <?php endif; ?>
-
-                    
-                    <?php $__currentLoopData = $elements; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $element): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
-                        
-                        <?php if(is_string($element)): ?>
-                            <span aria-disabled="true">
-                                <span class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 cursor-default leading-5 dark:bg-gray-800 dark:border-gray-600"><?php echo e($element); ?></span>
-                            </span>
-                        <?php endif; ?>
-
-                        
-                        <?php if(is_array($element)): ?>
-                            <?php $__currentLoopData = $element; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $page => $url): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
-                                <?php if($page == $paginator->currentPage()): ?>
-                                    <span aria-current="page">
-                                        <span class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 dark:bg-gray-800 dark:border-gray-600"><?php echo e($page); ?></span>
-                                    </span>
-                                <?php else: ?>
-                                    <a href="<?php echo e($url); ?>" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="<?php echo e(__('Go to page :page', ['page' => $page])); ?>">
-                                        <?php echo e($page); ?>
-
-                                    </a>
-                                <?php endif; ?>
-                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
-                        <?php endif; ?>
-                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
-
-                    
-                    <?php if($paginator->hasMorePages()): ?>
-                        <a href="<?php echo e($paginator->nextPageUrl()); ?>" rel="next" class="relative inline-flex items-center px-3 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-r-md leading-5 hover:text-gray-400 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-500 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="<?php echo e(__('pagination.next')); ?>">
-                            Next
-                        </a>
-                    <?php else: ?>
-                        <span aria-disabled="true" aria-label="<?php echo e(__('pagination.next')); ?>">
-                            <span class="relative inline-flex items-center px-3 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default rounded-r-md leading-5 dark:bg-gray-800 dark:border-gray-600">
-                                Next
-                            </span>
-                        </span>
-                    <?php endif; ?>
-                </span>
-            </div>
-        </div>
-    </nav>
-<?php endif; ?>
-<?php /**PATH C:\laragon\www\TA\spk_kontrakan\resources\views/vendor/pagination/tailwind.blade.php ENDPATH**/ ?>
\ No newline at end of file
diff --git a/spk_kontrakan/storage/framework/views/fb61136dff9b1102c61099d21d6a923f.php b/spk_kontrakan/storage/framework/views/fb61136dff9b1102c61099d21d6a923f.php
deleted file mode 100644
index 58fb098..0000000
--- a/spk_kontrakan/storage/framework/views/fb61136dff9b1102c61099d21d6a923f.php
+++ /dev/null
@@ -1,957 +0,0 @@
-
-
-<?php $__env->startSection('title', 'Tambah Laundry'); ?>
-
-<?php $__env->startSection('content'); ?>
-<div class="container-fluid px-4">
-    <style>
-        .breadcrumb {
-            background: transparent;
-            border-radius: 8px;
-            padding: 0;
-            margin-bottom: 2rem;
-        }
-        
-        .breadcrumb-item a {
-            color: #667eea;
-            font-weight: 500;
-        }
-        
-        .breadcrumb-item.active {
-            color: #764ba2;
-            font-weight: 600;
-        }
-        
-        .page-header {
-            background: linear-gradient(135deg, #818cf8 0%, #667eea 50%, #764ba2 100%);
-            color: white;
-            padding: 2rem;
-            border-radius: 12px;
-            margin-bottom: 2rem;
-            box-shadow: 0 8px 20px rgba(102, 126, 234, 0.25);
-        }
-        
-        .page-header h2 {
-            font-size: 2rem;
-            font-weight: 700;
-            margin-bottom: 0.5rem;
-        }
-        
-        .form-card {
-            border: none;
-            border-radius: 12px;
-            box-shadow: 0 4px 15px rgba(0,0,0,0.08);
-            overflow: hidden;
-        }
-        
-        .section-header {
-            color: #667eea;
-            font-size: 1.1rem;
-            font-weight: 700;
-            padding-bottom: 1rem;
-            border-bottom: 2px solid #667eea;
-            margin-bottom: 1.5rem;
-        }
-        
-        .form-control:focus {
-            border-color: #667eea;
-            box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25);
-        }
-        
-        .btn-submit {
-            background: linear-gradient(135deg, #818cf8 0%, #667eea 100%);
-            border: none;
-            color: white;
-            font-weight: 600;
-            padding: 0.75rem 1.75rem;
-            border-radius: 8px;
-            transition: all 0.3s ease;
-        }
-        
-        .btn-submit:hover {
-            transform: translateY(-2px);
-            box-shadow: 0 8px 20px rgba(102, 126, 234, 0.4);
-            color: white;
-        }
-    </style>
-    
-    <!-- Breadcrumb -->
-    <nav aria-label="breadcrumb" class="mb-4">
-        <ol class="breadcrumb">
-            <li class="breadcrumb-item"><a href="<?php echo e(route('dashboard')); ?>">Dashboard</a></li>
-            <li class="breadcrumb-item"><a href="<?php echo e(route('laundry.index')); ?>">Laundry</a></li>
-            <li class="breadcrumb-item active">Tambah Data</li>
-        </ol>
-    </nav>
-
-    <!-- Header -->
-    <div class="page-header">
-        <h2 class="mb-0">🧺 Tambah Laundry Baru</h2>
-        <p class="mb-0 opacity-95">Lengkapi formulir di bawah untuk menambahkan data laundry</p>
-    </div>
-
-    <!-- Form Card -->
-    <div class="row">
-        <div class="col-12">
-            <div class="card form-card">
-                <div class="card-body p-4">
-                    <form action="<?php echo e(route('laundry.store')); ?>" method="POST" enctype="multipart/form-data" id="laundryForm">
-                        <?php echo csrf_field(); ?>
-                        
-                        <!-- Informasi Dasar Section -->
-                        <div class="mb-4">
-                            <h5 class="section-header mb-0">
-                                <i class="bi bi-info-circle me-2" style="color: #667eea;"></i>Informasi Dasar
-                            </h5>
-                            
-                            <div class="row g-3">
-                                <!-- Nama Laundry -->
-                                <div class="col-md-12">
-                                    <label for="nama" class="form-label fw-semibold">
-                                        Nama Laundry <span class="text-danger">*</span>
-                                    </label>
-                                    <div class="input-group">
-                                        <span class="input-group-text bg-light border-end-0">
-                                            <i class="bi bi-basket3" style="color: #667eea;"></i>
-                                        </span>
-                                        <input 
-                                            type="text" 
-                                            name="nama" 
-                                            class="form-control border-start-0 <?php $__errorArgs = ['nama'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>" 
-                                            id="nama" 
-                                            placeholder="Contoh: Laundry Express 88"
-                                            value="<?php echo e(old('nama')); ?>"
-                                            required
-                                        >
-                                        <?php $__errorArgs = ['nama'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?>
-                                        <div class="invalid-feedback"><?php echo e($message); ?></div>
-                                        <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>
-                                    </div>
-                                    <small class="text-muted">Masukkan nama laundry yang mudah dikenali</small>
-                                </div>
-
-                                <!-- Alamat -->
-                                <div class="col-md-12">
-                                    <label for="alamat" class="form-label fw-semibold">
-                                        Alamat Lengkap <span class="text-danger">*</span>
-                                    </label>
-                                    <div class="input-group">
-                                        <span class="input-group-text bg-light border-end-0 align-items-start pt-2">
-                                            <i class="bi bi-geo-alt text-danger"></i>
-                                        </span>
-                                        <textarea 
-                                            name="alamat" 
-                                            class="form-control border-start-0 <?php $__errorArgs = ['alamat'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>" 
-                                            id="alamat" 
-                                            rows="3"
-                                            placeholder="Contoh: Jl. Gejayan No. 45, Condongcatur, Sleman, Yogyakarta"
-                                            required
-                                        ><?php echo e(old('alamat')); ?></textarea>
-                                        <?php $__errorArgs = ['alamat'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?>
-                                        <div class="invalid-feedback"><?php echo e($message); ?></div>
-                                        <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>
-                                    </div>
-                                    <small class="text-muted">Alamat lengkap beserta patokan jika ada</small>
-                                </div>
-
-                                <!-- Info Jarak Otomatis -->
-                                <div class="col-12">
-                                    <div class="alert alert-info border-0 d-flex align-items-start">
-                                        <i class="bi bi-info-circle-fill fs-5 me-2 mt-1"></i>
-                                        <div>
-                                            <strong class="small">Perhitungan Jarak Otomatis</strong>
-                                            <p class="mb-0 small mt-1">
-                                                Jarak akan dihitung otomatis dari <strong>Kampus Polije</strong> berdasarkan koordinat GPS yang Anda tentukan.
-                                            </p>
-                                        </div>
-                                    </div>
-                                </div>
-
-                                <!-- Jarak ke Kampus - AUTO CALCULATED! -->
-                                <div class="col-md-6">
-                                    <label for="jarak" class="form-label fw-semibold">
-                                        Jarak ke Kampus <span class="text-danger">*</span>
-                                        <span class="badge bg-info bg-opacity-10 text-info ms-2">
-                                            <i class="bi bi-calculator me-1"></i>Auto-calculated
-                                        </span>
-                                    </label>
-                                    <div class="input-group">
-                                        <span class="input-group-text bg-light border-end-0">
-                                            <i class="bi bi-pin-map text-info"></i>
-                                        </span>
-                                        <input 
-                                            type="number" 
-                                            name="jarak" 
-                                            class="form-control border-start-0 <?php $__errorArgs = ['jarak'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>" 
-                                            id="jarak" 
-                                            placeholder="Otomatis dihitung"
-                                            value="<?php echo e(old('jarak')); ?>"
-                                            min="0"
-                                            readonly
-                                            required
-                                        >
-                                        <span class="input-group-text bg-light">meter</span>
-                                        <?php $__errorArgs = ['jarak'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?>
-                                        <div class="invalid-feedback"><?php echo e($message); ?></div>
-                                        <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>
-                                    </div>
-                                    <small class="text-muted">
-                                        <i class="bi bi-info-circle me-1"></i>
-                                        Jarak otomatis dihitung dari koordinat laundry ke kampus
-                                    </small>
-                                </div>
-
-                                <!-- Fasilitas -->
-                                <div class="col-md-6">
-                                    <label for="fasilitas" class="form-label fw-semibold">
-                                        Fasilitas <span class="text-danger">*</span>
-                                    </label>
-                                    <div class="input-group">
-                                        <span class="input-group-text bg-light border-end-0">
-                                            <i class="bi bi-list-check text-primary"></i>
-                                        </span>
-                                        <input 
-                                            type="text" 
-                                            name="fasilitas" 
-                                            class="form-control border-start-0 <?php $__errorArgs = ['fasilitas'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>" 
-                                            id="fasilitas" 
-                                            placeholder="Contoh: Cuci + Setrika"
-                                            value="<?php echo e(old('fasilitas')); ?>"
-                                            required
-                                        >
-                                        <?php $__errorArgs = ['fasilitas'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?>
-                                        <div class="invalid-feedback"><?php echo e($message); ?></div>
-                                        <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>
-                                    </div>
-                                    <small class="text-muted">Fasilitas yang disediakan laundry ini</small>
-                                </div>
-                            </div>
-                        </div>
-
-                        <!-- Lokasi Koordinat Section -->
-                        <div class="mb-4">
-                            <h5 class="section-header mb-0">
-                                <i class="bi bi-pin-map-fill text-danger me-2"></i>Lokasi & Koordinat
-                            </h5>
-                            
-                            <div class="alert alert-info">
-                                <i class="bi bi-info-circle me-2"></i>
-                                <strong>Tips:</strong> Klik pada peta untuk menentukan lokasi, atau gunakan tombol "Deteksi Lokasi Saya" untuk mendapatkan koordinat otomatis.
-                            </div>
-
-                            <div class="row g-3">
-                                <!-- Latitude -->
-                                <div class="col-md-6">
-                                    <label for="latitude" class="form-label fw-semibold">
-                                        Latitude <span class="text-danger">*</span>
-                                    </label>
-                                    <div class="input-group">
-                                        <span class="input-group-text bg-light">
-                                            <i class="bi bi-geo text-danger"></i>
-                                        </span>
-                                        <input 
-                                            type="text" 
-                                            name="latitude" 
-                                            class="form-control <?php $__errorArgs = ['latitude'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>" 
-                                            id="latitude" 
-                                            placeholder="-7.7828012"
-                                            value="<?php echo e(old('latitude')); ?>"
-                                            readonly
-                                            required
-                                        >
-                                        <?php $__errorArgs = ['latitude'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?>
-                                        <div class="invalid-feedback"><?php echo e($message); ?></div>
-                                        <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>
-                                    </div>
-                                </div>
-
-                                <!-- Longitude -->
-                                <div class="col-md-6">
-                                    <label for="longitude" class="form-label fw-semibold">
-                                        Longitude <span class="text-danger">*</span>
-                                    </label>
-                                    <div class="input-group">
-                                        <span class="input-group-text bg-light">
-                                            <i class="bi bi-geo text-danger"></i>
-                                        </span>
-                                        <input 
-                                            type="text" 
-                                            name="longitude" 
-                                            class="form-control <?php $__errorArgs = ['longitude'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>" 
-                                            id="longitude" 
-                                            placeholder="110.4086598"
-                                            value="<?php echo e(old('longitude')); ?>"
-                                            readonly
-                                            required
-                                        >
-                                        <?php $__errorArgs = ['longitude'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?>
-                                        <div class="invalid-feedback"><?php echo e($message); ?></div>
-                                        <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>
-                                    </div>
-                                </div>
-
-                                <!-- Tombol Deteksi Lokasi -->
-                                <div class="col-12">
-                                    <button type="button" id="detectLocation" class="btn btn-outline-primary">
-                                        <i class="bi bi-crosshair me-2"></i>Deteksi Lokasi Saya
-                                    </button>
-                                    <small class="text-muted d-block mt-2">Atau klik langsung pada peta di bawah</small>
-                                </div>
-
-                                <!-- Map Container -->
-                                <div class="col-12">
-                                    <div id="map" style="height: 400px; border-radius: 8px; border: 2px solid #dee2e6;"></div>
-                                </div>
-                            </div>
-                        </div>
-
-                        <!-- Layanan Section (Dynamic) -->
-                        <div class="mb-4">
-                            <div class="d-flex justify-content-between align-items-center mb-3 pb-2 border-bottom-2" style="border-bottom: 2px solid #667eea;">
-                                <h5 class="section-header mb-0">
-                                    <i class="bi bi-gear text-primary me-2"></i>Jenis Layanan
-                                </h5>
-                                <button type="button" class="btn btn-sm btn-primary" id="addLayanan">
-                                    <i class="bi bi-plus-circle me-1"></i>Tambah Layanan
-                                </button>
-                            </div>
-                            
-                            <div id="layananContainer">
-                                <!-- Layanan Item 1 (Default) -->
-                                <div class="layanan-item card border mb-3">
-                                    <div class="card-body">
-                                        <div class="d-flex justify-content-between align-items-center mb-3">
-                                            <h6 class="mb-0 fw-semibold text-success">Layanan #1</h6>
-                                            <button type="button" class="btn btn-sm btn-outline-danger remove-layanan" style="display: none;">
-                                                <i class="bi bi-trash"></i>
-                                            </button>
-                                        </div>
-                                        
-                                        <div class="row g-3">
-                                            <!-- Jenis Layanan -->
-                                            <div class="col-md-6">
-                                                <label class="form-label fw-semibold">
-                                                    Jenis Layanan <span class="text-danger">*</span>
-                                                </label>
-                                                <select name="layanan[0][jenis_layanan]" class="form-select" required>
-                                                    <option value="">-- Pilih Jenis --</option>
-                                                    <option value="reguler">🕐 Reguler (Normal)</option>
-                                                    <option value="express">⚡ Express (Cepat)</option>
-                                                    <option value="kilat">🚀 Kilat (Super Cepat)</option>
-                                                </select>
-                                            </div>
-
-                                            <!-- Nama Paket -->
-                                            <div class="col-md-6">
-                                                <label class="form-label fw-semibold">
-                                                    Nama Paket <span class="text-danger">*</span>
-                                                </label>
-                                                <input 
-                                                    type="text" 
-                                                    name="layanan[0][nama_paket]" 
-                                                    class="form-control" 
-                                                    placeholder="Paket Reguler"
-                                                    required
-                                                >
-                                            </div>
-
-                                            <!-- Harga -->
-                                            <div class="col-md-6">
-                                                <label class="form-label fw-semibold">
-                                                    Harga (Rp) <span class="text-danger">*</span>
-                                                </label>
-                                                <div class="input-group">
-                                                    <span class="input-group-text">Rp</span>
-                                                    <input 
-                                                        type="number" 
-                                                        name="layanan[0][harga]" 
-                                                        class="form-control" 
-                                                        placeholder="7000"
-                                                        min="0"
-                                                        required
-                                                    >
-                                                </div>
-                                            </div>
-
-                                            <!-- Estimasi Selesai -->
-                                            <div class="col-md-6">
-                                                <label class="form-label fw-semibold">
-                                                    Estimasi Selesai (Jam) <span class="text-danger">*</span>
-                                                </label>
-                                                <input 
-                                                    type="number" 
-                                                    name="layanan[0][estimasi_selesai]" 
-                                                    class="form-control" 
-                                                    placeholder="24"
-                                                    min="1"
-                                                    required
-                                                >
-                                            </div>
-
-                                            <!-- Deskripsi -->
-                                            <div class="col-md-12">
-                                                <label class="form-label fw-semibold">
-                                                    Deskripsi <span class="text-muted">(Opsional)</span>
-                                                </label>
-                                                <textarea 
-                                                    name="layanan[0][deskripsi]" 
-                                                    class="form-control" 
-                                                    rows="2"
-                                                    placeholder="Deskripsi singkat paket ini..."
-                                                ></textarea>
-                                            </div>
-
-                                            <!-- Status -->
-                                            <div class="col-md-12">
-                                                <label class="form-label fw-semibold">
-                                                    Status <span class="text-danger">*</span>
-                                                </label>
-                                                <select name="layanan[0][status]" class="form-select" required>
-                                                    <option value="aktif" selected>Aktif</option>
-                                                    <option value="nonaktif">Nonaktif</option>
-                                                </select>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-
-                            <?php $__errorArgs = ['layanan'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?>
-                            <div class="alert alert-danger"><?php echo e($message); ?></div>
-                            <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>
-                        </div>
-
-                        <!-- Upload Foto Section -->
-                        <div class="mb-4">
-                            <h5 class="fw-bold mb-3 pb-2 border-bottom">
-                                <i class="bi bi-camera text-success me-2"></i>Upload Foto
-                            </h5>
-                            
-                            <div class="row g-3">
-                                <div class="col-md-12">
-                                    <label for="foto" class="form-label fw-semibold">
-                                        Foto Laundry <span class="text-muted">(Opsional)</span>
-                                    </label>
-                                    <input 
-                                        type="file" 
-                                        name="foto" 
-                                        class="form-control <?php $__errorArgs = ['foto'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>" 
-                                        id="foto" 
-                                        accept="image/jpeg,image/png,image/jpg"
-                                    >
-                                    <small class="text-muted">Format: JPG, PNG, JPEG (Maksimal 2MB). Kosongkan jika tidak ingin upload foto.</small>
-                                    <?php $__errorArgs = ['foto'];
-$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
-if ($__bag->has($__errorArgs[0])) :
-if (isset($message)) { $__messageOriginal = $message; }
-$message = $__bag->first($__errorArgs[0]); ?>
-                                    <div class="invalid-feedback"><?php echo e($message); ?></div>
-                                    <?php unset($message);
-if (isset($__messageOriginal)) { $message = $__messageOriginal; }
-endif;
-unset($__errorArgs, $__bag); ?>
-                                </div>
-
-                                <!-- Preview Foto -->
-                                <div class="col-md-12">
-                                    <div id="preview-foto-container" style="display: none;">
-                                        <label class="form-label fw-semibold">Preview Foto:</label>
-                                        <div class="border rounded p-2 bg-light">
-                                            <img id="preview-foto" src="" alt="Preview" style="max-width: 100%; max-height: 300px; border-radius: 8px; display: block; margin: 0 auto;">
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-
-                        <!-- Action Buttons -->
-                        <div class="d-flex gap-2 justify-content-end pt-3 border-top">
-                            <a href="<?php echo e(route('laundry.index')); ?>" class="btn btn-light px-4">
-                                <i class="bi bi-arrow-left me-2"></i>Batal
-                            </a>
-                            <button type="submit" class="btn btn-success px-4">
-                                <i class="bi bi-check-circle me-2"></i>Simpan Data
-                            </button>
-                        </div>
-                    </form>
-                </div>
-            </div>
-
-            <!-- Info Card -->
-            <div class="card border-0 bg-light mt-3">
-                <div class="card-body">
-                    <div class="d-flex">
-                        <div class="me-3">
-                            <i class="bi bi-info-circle text-success" style="font-size: 1.5rem;"></i>
-                        </div>
-                        <div>
-                            <h6 class="fw-bold mb-2">Tips Pengisian:</h6>
-                            <ul class="mb-0 small text-muted">
-                                <li>Minimal harus ada 1 jenis layanan</li>
-                                <li>Klik pada peta untuk menentukan lokasi laundry</li>
-                                <li>Koordinat akan terisi otomatis saat klik peta</li>
-                                <li>Reguler: Layanan normal dengan harga standar</li>
-                                <li>Express: Layanan cepat dengan harga lebih tinggi</li>
-                                <li>Kilat: Layanan super cepat dengan harga premium</li>
-                            </ul>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
-
-<!-- Leaflet CSS -->
-<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
-
-<!-- Leaflet JS -->
-<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
-
-<!-- JavaScript -->
-<script>
-document.addEventListener('DOMContentLoaded', function() {
-    // ========== KOORDINAT KAMPUS POLIJE ==========
-    const KAMPUS_LAT = -8.15981;
-    const KAMPUS_LNG = 113.72312;
-    
-    // ========== FUNGSI HITUNG JARAK (Haversine Formula) ==========
-    function calculateDistance(lat1, lng1, lat2, lng2) {
-        const R = 6371; // Radius bumi dalam km
-        const dLat = (lat2 - lat1) * Math.PI / 180;
-        const dLng = (lng2 - lng1) * Math.PI / 180;
-        const a = Math.sin(dLat/2) * Math.sin(dLat/2) +
-                  Math.cos(lat1 * Math.PI / 180) * Math.cos(lat2 * Math.PI / 180) *
-                  Math.sin(dLng/2) * Math.sin(dLng/2);
-        const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1-a));
-        return R * c; // Jarak dalam km
-    }
-    
-    // ========== UPDATE JARAK KE KAMPUS ==========
-    function updateJarakKampus(lat, lng) {
-        if (lat && lng) {
-            const jarakKm = calculateDistance(lat, lng, KAMPUS_LAT, KAMPUS_LNG);
-            const jarakMeter = Math.round(jarakKm * 1000); // Convert ke meter
-            document.getElementById('jarak').value = jarakMeter;
-            console.log(`Jarak ke kampus: ${jarakKm.toFixed(2)} km (${jarakMeter} m)`);
-        }
-    }
-    
-    // ========== MAP FUNCTIONALITY ==========
-    // Default center: Semarang, Central Java
-    const defaultLat = -6.966667;
-    const defaultLng = 110.416664;
-    
-    // Initialize map
-    const map = L.map('map').setView([defaultLat, defaultLng], 13);
-    
-    // Add tile layer (OpenStreetMap)
-    L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
-        attribution: '© OpenStreetMap contributors',
-        maxZoom: 19
-    }).addTo(map);
-    
-    // Marker variable
-    let marker;
-    
-    // Function to add/update marker
-    function addMarker(lat, lng) {
-        if (marker) {
-            marker.setLatLng([lat, lng]);
-        } else {
-            marker = L.marker([lat, lng], {
-                draggable: true
-            }).addTo(map);
-            
-            // Update coordinates when marker is dragged
-            marker.on('dragend', function(e) {
-                const position = marker.getLatLng();
-                updateCoordinates(position.lat, position.lng);
-            });
-        }
-        
-        // Center map to marker
-        map.setView([lat, lng], 15);
-        
-        // Update input fields
-        updateCoordinates(lat, lng);
-    }
-    
-    // Function to update coordinate inputs
-    function updateCoordinates(lat, lng) {
-        document.getElementById('latitude').value = lat.toFixed(8);
-        document.getElementById('longitude').value = lng.toFixed(8);
-        
-        // Hitung jarak ke kampus otomatis
-        updateJarakKampus(lat, lng);
-    }
-    
-    // Click on map to add marker
-    map.on('click', function(e) {
-        addMarker(e.latlng.lat, e.latlng.lng);
-    });
-    
-    // Detect user location button
-    document.getElementById('detectLocation').addEventListener('click', function() {
-        const button = this;
-        const originalHTML = button.innerHTML;
-        
-        button.disabled = true;
-        button.innerHTML = '<span class="spinner-border spinner-border-sm me-2"></span>Mendeteksi lokasi...';
-        
-        if (navigator.geolocation) {
-            navigator.geolocation.getCurrentPosition(
-                function(position) {
-                    const lat = position.coords.latitude;
-                    const lng = position.coords.longitude;
-                    
-                    addMarker(lat, lng);
-                    
-                    button.disabled = false;
-                    button.innerHTML = originalHTML;
-                    
-                    // Show success message
-                    alert('Lokasi berhasil terdeteksi!');
-                },
-                function(error) {
-                    button.disabled = false;
-                    button.innerHTML = originalHTML;
-                    
-                    let errorMsg = 'Gagal mendeteksi lokasi. ';
-                    switch(error.code) {
-                        case error.PERMISSION_DENIED:
-                            errorMsg += 'Izinkan akses lokasi di browser Anda.';
-                            break;
-                        case error.POSITION_UNAVAILABLE:
-                            errorMsg += 'Informasi lokasi tidak tersedia.';
-                            break;
-                        case error.TIMEOUT:
-                            errorMsg += 'Waktu permintaan habis.';
-                            break;
-                        default:
-                            errorMsg += 'Terjadi kesalahan.';
-                    }
-                    alert(errorMsg);
-                }
-            );
-        } else {
-            button.disabled = false;
-            button.innerHTML = originalHTML;
-            alert('Browser Anda tidak mendukung Geolocation.');
-        }
-    });
-    
-    // ========== LAYANAN FUNCTIONALITY ==========
-    let layananCount = 1;
-    const container = document.getElementById('layananContainer');
-    const addButton = document.getElementById('addLayanan');
-    
-    // Tambah Layanan
-    addButton.addEventListener('click', function() {
-        const newItem = document.createElement('div');
-        newItem.className = 'layanan-item card border mb-3';
-        newItem.innerHTML = `
-            <div class="card-body">
-                <div class="d-flex justify-content-between align-items-center mb-3">
-                    <h6 class="mb-0 fw-semibold text-success">Layanan #${layananCount + 1}</h6>
-                    <button type="button" class="btn btn-sm btn-outline-danger remove-layanan">
-                        <i class="bi bi-trash"></i>
-                    </button>
-                </div>
-                
-                <div class="row g-3">
-                    <div class="col-md-6">
-                        <label class="form-label fw-semibold">
-                            Jenis Layanan <span class="text-danger">*</span>
-                        </label>
-                        <select name="layanan[${layananCount}][jenis_layanan]" class="form-select" required>
-                            <option value="">-- Pilih Jenis --</option>
-                            <option value="reguler">🕐 Reguler (Normal)</option>
-                            <option value="express">⚡ Express (Cepat)</option>
-                            <option value="kilat">🚀 Kilat (Super Cepat)</option>
-                        </select>
-                    </div>
-
-                    <div class="col-md-6">
-                        <label class="form-label fw-semibold">
-                            Nama Paket <span class="text-danger">*</span>
-                        </label>
-                        <input 
-                            type="text" 
-                            name="layanan[${layananCount}][nama_paket]" 
-                            class="form-control" 
-                            placeholder="Paket Reguler"
-                            required
-                        >
-                    </div>
-
-                    <div class="col-md-6">
-                        <label class="form-label fw-semibold">
-                            Harga (Rp) <span class="text-danger">*</span>
-                        </label>
-                        <div class="input-group">
-                            <span class="input-group-text">Rp</span>
-                            <input 
-                                type="number" 
-                                name="layanan[${layananCount}][harga]" 
-                                class="form-control" 
-                                placeholder="7000"
-                                min="0"
-                                required
-                            >
-                        </div>
-                    </div>
-
-                    <div class="col-md-6">
-                        <label class="form-label fw-semibold">
-                            Estimasi Selesai (Jam) <span class="text-danger">*</span>
-                        </label>
-                        <input 
-                            type="number" 
-                            name="layanan[${layananCount}][estimasi_selesai]" 
-                            class="form-control" 
-                            placeholder="24"
-                            min="1"
-                            required
-                        >
-                    </div>
-
-                    <div class="col-md-12">
-                        <label class="form-label fw-semibold">
-                            Deskripsi <span class="text-muted">(Opsional)</span>
-                        </label>
-                        <textarea 
-                            name="layanan[${layananCount}][deskripsi]" 
-                            class="form-control" 
-                            rows="2"
-                            placeholder="Deskripsi singkat paket ini..."
-                        ></textarea>
-                    </div>
-
-                    <div class="col-md-6">
-                        <label class="form-label fw-semibold">
-                            Rating (0-5) <span class="text-muted">(Opsional)</span>
-                        </label>
-                        <input 
-                            type="number" 
-                            name="layanan[${layananCount}][rating]" 
-                            class="form-control" 
-                            placeholder="4.5"
-                            min="0"
-                            max="5"
-                            step="0.1"
-                        >
-                        <small class="text-muted">Rating rata-rata paket ini (0-5)</small>
-                    </div>
-
-                    <div class="col-md-6">
-                        <label class="form-label fw-semibold">
-                            Waktu Proses (Jam) <span class="text-muted">(Opsional)</span>
-                        </label>
-                        <input 
-                            type="number" 
-                            name="layanan[${layananCount}][waktu_proses]" 
-                            class="form-control" 
-                            placeholder="24"
-                            min="1"
-                        >
-                        <small class="text-muted">Waktu rata-rata proses paket ini</small>
-                    </div>
-
-                    <div class="col-md-12">
-                        <label class="form-label fw-semibold">
-                            Status <span class="text-danger">*</span>
-                        </label>
-                        <select name="layanan[${layananCount}][status]" class="form-select" required>
-                            <option value="aktif" selected>Aktif</option>
-                            <option value="nonaktif">Nonaktif</option>
-                        </select>
-                    </div>
-                </div>
-            </div>
-        `;
-        
-        container.appendChild(newItem);
-        layananCount++;
-        updateRemoveButtons();
-    });
-    
-    // Hapus Layanan
-    container.addEventListener('click', function(e) {
-        if (e.target.closest('.remove-layanan')) {
-            e.target.closest('.layanan-item').remove();
-            updateRemoveButtons();
-        }
-    });
-    
-    // Update visibility tombol hapus
-    function updateRemoveButtons() {
-        const items = container.querySelectorAll('.layanan-item');
-        items.forEach((item, index) => {
-            const removeBtn = item.querySelector('.remove-layanan');
-            if (items.length > 1) {
-                removeBtn.style.display = 'block';
-            } else {
-                removeBtn.style.display = 'none';
-            }
-        });
-    }
-    
-    // ========== FOTO PREVIEW ==========
-    const fotoInput = document.getElementById('foto');
-    const previewFoto = document.getElementById('preview-foto');
-    const previewContainer = document.getElementById('preview-foto-container');
-    
-    fotoInput.addEventListener('change', function(e) {
-        const file = e.target.files[0];
-        
-        if (file) {
-            if (file.size > 2097152) {
-                alert('Ukuran file maksimal 2MB!');
-                this.value = '';
-                previewContainer.style.display = 'none';
-                return;
-            }
-            
-            const allowedTypes = ['image/jpeg', 'image/jpg', 'image/png'];
-            if (!allowedTypes.includes(file.type)) {
-                alert('Hanya file JPG, PNG, dan JPEG yang diperbolehkan!');
-                this.value = '';
-                previewContainer.style.display = 'none';
-                return;
-            }
-            
-            const reader = new FileReader();
-            reader.onload = function(e) {
-                previewFoto.src = e.target.result;
-                previewContainer.style.display = 'block';
-            }
-            reader.readAsDataURL(file);
-        } else {
-            previewContainer.style.display = 'none';
-        }
-    });
-});
-</script>
-
-<style>
-    .form-control:focus, .form-select:focus {
-        border-color: #86b7fe;
-        box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.15);
-    }
-    .layanan-item {
-        transition: all 0.3s ease;
-    }
-    .layanan-item:hover {
-        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
-    }
-    
-    /* Leaflet map styling */
-    .leaflet-container {
-        font-family: inherit;
-    }
-    
-    .leaflet-popup-content-wrapper {
-        border-radius: 8px;
-    }
-</style>
-<?php $__env->stopSection(); ?>
-<?php echo $__env->make('layouts.admin', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH C:\laragon\www\TA\spk_kontrakan\resources\views/laundry/create.blade.php ENDPATH**/ ?>
\ No newline at end of file
diff --git a/spk_mobile/lib/config/app_config.dart b/spk_mobile/lib/config/app_config.dart
index f8c5398..3169946 100644
--- a/spk_mobile/lib/config/app_config.dart
+++ b/spk_mobile/lib/config/app_config.dart
@@ -1,14 +1,27 @@
 class AppConfig {
-  // Base URL - Ganti sesuai environment
-  // Windows Desktop: http://localhost:8000
-  // Android Emulator: http://10.0.2.2:8000
-  // iOS Simulator: http://localhost:8000
-  // Real Device: http://192.168.18.16:8000 (IP komputer Anda)
+  // ============================================================================
+  // 🔧 BASE URL CONFIGURATION - AUTO-DETECTED AT RUNTIME
+  // ============================================================================
+  // URL ini otomatis dideteksi saat app startup via ServerDiscoveryService.
+  // Fallback default: IP terakhir yang berhasil terhubung.
+  //
+  // ✅ Tidak perlu update manual lagi!
+  // ============================================================================
 
-  // CATATAN: Untuk real device, ganti IP sesuai dengan IP komputer Anda
-  // Cek IP dengan: ipconfig (di Windows) atau ifconfig (di Linux/Mac)
-  static const String baseUrl = 'http://192.168.18.16:8000/api';
-  static const String storageUrl = 'http://192.168.18.16:8000/storage';
+  // Default fallback (dipakai jika auto-detect gagal)
+  static const String _defaultServer = 'http://192.168.1.154:8000';
+
+  // Runtime values — diupdate otomatis oleh ServerDiscoveryService
+  static String _serverUrl = _defaultServer;
+
+  static String get serverUrl => _serverUrl;
+  static String get baseUrl => '$_serverUrl/api';
+  static String get storageUrl => '$_serverUrl/storage';
+
+  /// Dipanggil oleh ServerDiscoveryService setelah server ditemukan
+  static void setServerUrl(String url) {
+    _serverUrl = url;
+  }
 
   // Timeouts
   static const Duration connectionTimeout = Duration(seconds: 10);
diff --git a/spk_mobile/lib/config/environment.dart b/spk_mobile/lib/config/environment.dart
new file mode 100644
index 0000000..b11fb9e
--- /dev/null
+++ b/spk_mobile/lib/config/environment.dart
@@ -0,0 +1,24 @@
+// Environment configuration yang dapat berubah runtime
+class Environment {
+  // 💻 For Development
+  // Android Emulator = http://10.0.2.2:8000
+  // iOS Simulator = http://localhost:8000  
+  // Real Device = Ganti dengan IP komputer Anda
+  
+  // Pilih sesuai platform dan environment saat development
+  static const String apiBaseUrl = String.fromEnvironment(
+    'API_BASE_URL',
+    defaultValue: 'http://192.168.1.154:8000', // Default IP lokal
+  );
+
+  static const String storageBaseUrl = String.fromEnvironment(
+    'STORAGE_BASE_URL',
+    defaultValue: 'http://192.168.1.154:8000/storage',
+  );
+
+  // Mode debugging
+  static const bool isDebugMode = true;
+}
+
+// Catatan: Untuk production:
+// flutter run --dart-define=API_BASE_URL=https://api.production.com
diff --git a/spk_mobile/lib/login.dart b/spk_mobile/lib/login.dart
index f434062..2179814 100644
--- a/spk_mobile/lib/login.dart
+++ b/spk_mobile/lib/login.dart
@@ -210,24 +210,34 @@ class _LoginScreenState extends State<LoginScreen> {
 
     setState(() => _isLoading = true);
 
-    final result = await _authService.login(
-      email: _emailController.text.trim(),
-      password: _passwordController.text,
-    );
-
-    setState(() => _isLoading = false);
-
-    if (!mounted) return;
-
-    if (result['success']) {
-      Navigator.pushReplacement(
-        context,
-        MaterialPageRoute(builder: (context) => const ImprovedHomeScreen()),
+    try {
+      final result = await _authService.login(
+        email: _emailController.text.trim(),
+        password: _passwordController.text,
       );
-    } else {
+
+      if (!mounted) return;
+      setState(() => _isLoading = false);
+
+      if (result['success']) {
+        Navigator.pushReplacement(
+          context,
+          MaterialPageRoute(builder: (context) => const ImprovedHomeScreen()),
+        );
+      } else {
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(
+            content: Text(result['message'] ?? 'Login gagal'),
+            backgroundColor: Colors.red,
+          ),
+        );
+      }
+    } catch (e) {
+      if (!mounted) return;
+      setState(() => _isLoading = false);
       ScaffoldMessenger.of(context).showSnackBar(
         SnackBar(
-          content: Text(result['message'] ?? 'Login gagal'),
+          content: Text('Terjadi kesalahan: $e'),
           backgroundColor: Colors.red,
         ),
       );
diff --git a/spk_mobile/lib/main.dart b/spk_mobile/lib/main.dart
index 5a8c357..d6196b8 100644
--- a/spk_mobile/lib/main.dart
+++ b/spk_mobile/lib/main.dart
@@ -3,6 +3,7 @@ import 'package:flutter/services.dart';
 import 'login.dart';
 import 'screens/improved_home_screen.dart';
 import 'services/auth_service.dart';
+import 'services/server_discovery_service.dart';
 
 void main() {
   WidgetsFlutterBinding.ensureInitialized();
@@ -110,6 +111,7 @@ class _SplashScreenState extends State<SplashScreen>
   late AnimationController _animController;
   late Animation<double> _fadeAnim;
   late Animation<double> _scaleAnim;
+  String _statusText = 'Memulai aplikasi...';
 
   @override
   void initState() {
@@ -135,8 +137,16 @@ class _SplashScreenState extends State<SplashScreen>
   }
 
   Future<void> _checkAuth() async {
+    // 🔍 Auto-detect server IP
+    await ServerDiscoveryService.discover(
+      onStatus: (status) {
+        if (mounted) setState(() => _statusText = status);
+      },
+    );
+
+    if (mounted) setState(() => _statusText = 'Memeriksa sesi...');
     await _authService.loadToken();
-    await Future.delayed(const Duration(milliseconds: 1600));
+    await Future.delayed(const Duration(milliseconds: 400));
 
     if (!mounted) return;
 
@@ -228,6 +238,14 @@ class _SplashScreenState extends State<SplashScreen>
                       ),
                     ),
                   ),
+                  const SizedBox(height: 16),
+                  Text(
+                    _statusText,
+                    style: TextStyle(
+                      fontSize: 13,
+                      color: Colors.white.withOpacity(0.7),
+                    ),
+                  ),
                 ],
               ),
             ),
diff --git a/spk_mobile/lib/models/kontrakan.dart b/spk_mobile/lib/models/kontrakan.dart
index 7f4219a..87b047c 100644
--- a/spk_mobile/lib/models/kontrakan.dart
+++ b/spk_mobile/lib/models/kontrakan.dart
@@ -1,3 +1,5 @@
+import '../config/app_config.dart';
+
 class Kontrakan {
   final int id;
   final String nama;
@@ -108,8 +110,7 @@ class Kontrakan {
       if (foto!.startsWith('http')) {
         return foto!;
       }
-      const String baseUrl = 'http://192.168.18.16:8000';
-      return '$baseUrl/uploads/Kontrakan/$foto';
+      return '${AppConfig.serverUrl}/uploads/Kontrakan/$foto';
     }
     // 2. Fall back to galeri items if foto is not set
     if (galeri.isNotEmpty) {
@@ -121,8 +122,7 @@ class Kontrakan {
         return primary.foto;
       }
       if (primary.foto.isNotEmpty) {
-        const String baseUrl = 'http://192.168.18.16:8000';
-        return '$baseUrl/uploads/Kontrakan/${primary.foto}';
+        return '${AppConfig.serverUrl}/uploads/Kontrakan/${primary.foto}';
       }
     }
     return 'https://via.placeholder.com/300';
@@ -168,7 +168,6 @@ class Galeri {
       return foto;
     }
     // Build full URL from uploads
-    const String baseUrl = 'http://192.168.18.16:8000';
-    return '$baseUrl/uploads/Kontrakan/$foto';
+    return '${AppConfig.serverUrl}/uploads/Kontrakan/$foto';
   }
 }
diff --git a/spk_mobile/lib/models/laundry.dart b/spk_mobile/lib/models/laundry.dart
index 8fcaae0..3e9ce8e 100644
--- a/spk_mobile/lib/models/laundry.dart
+++ b/spk_mobile/lib/models/laundry.dart
@@ -1,3 +1,5 @@
+import '../config/app_config.dart';
+
 class Laundry {
   final int id;
   final String nama;
@@ -127,8 +129,7 @@ class Laundry {
       if (foto!.startsWith('http')) {
         return foto!;
       }
-      const String baseUrl = 'http://192.168.18.16:8000';
-      return '$baseUrl/uploads/Laundry/$foto';
+      return '${AppConfig.serverUrl}/uploads/Laundry/$foto';
     }
     // 2. Fall back to galeri items if foto is not set
     if (galeri.isNotEmpty) {
@@ -140,8 +141,7 @@ class Laundry {
         return primary.foto;
       }
       if (primary.foto.isNotEmpty) {
-        const String baseUrl = 'http://192.168.18.16:8000';
-        return '$baseUrl/uploads/Laundry/${primary.foto}';
+        return '${AppConfig.serverUrl}/uploads/Laundry/${primary.foto}';
       }
     }
     return 'https://via.placeholder.com/300';
@@ -209,7 +209,6 @@ class GaleriLaundry {
       return foto;
     }
     // Build full URL from uploads
-    const String baseUrl = 'http://192.168.18.16:8000';
-    return '$baseUrl/uploads/Laundry/$foto';
+    return '${AppConfig.serverUrl}/uploads/Laundry/$foto';
   }
 }
diff --git a/spk_mobile/lib/register.dart b/spk_mobile/lib/register.dart
index 79cf475..bcdb3fe 100644
--- a/spk_mobile/lib/register.dart
+++ b/spk_mobile/lib/register.dart
@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_spinkit/flutter_spinkit.dart';
 import 'login.dart';
-import 'screens/mobile_home_screen.dart';
+import 'screens/improved_home_screen.dart';
 import 'services/auth_service.dart';
 
 class RegisterScreen extends StatefulWidget {
@@ -11,6 +12,7 @@ class RegisterScreen extends StatefulWidget {
 }
 
 class _RegisterScreenState extends State<RegisterScreen> {
+  final _formKey = GlobalKey<FormState>();
   final _nameController = TextEditingController();
   final _emailController = TextEditingController();
   final _passwordController = TextEditingController();
@@ -35,6 +37,7 @@ class _RegisterScreenState extends State<RegisterScreen> {
       backgroundColor: Colors.white,
       body: Column(
         children: [
+          // Header
           Container(
             width: double.infinity,
             padding: const EdgeInsets.fromLTRB(8, 0, 16, 24),
@@ -53,15 +56,13 @@ class _RegisterScreenState extends State<RegisterScreen> {
               bottom: false,
               child: Column(
                 children: [
-                  Row(
-                    children: [
-                      IconButton(
-                        icon: const Icon(Icons.arrow_back_rounded, color: Colors.white),
-                        onPressed: () => Navigator.pop(context),
-                      ),
-                    ],
+                  Align(
+                    alignment: Alignment.centerLeft,
+                    child: IconButton(
+                      icon: const Icon(Icons.arrow_back_rounded, color: Colors.white),
+                      onPressed: () => Navigator.pop(context),
+                    ),
                   ),
-                  const SizedBox(height: 8),
                   Container(
                     padding: const EdgeInsets.all(18),
                     decoration: BoxDecoration(
@@ -103,25 +104,38 @@ class _RegisterScreenState extends State<RegisterScreen> {
               ),
             ),
           ),
+
+          // Form
           Expanded(
             child: SingleChildScrollView(
               padding: const EdgeInsets.fromLTRB(24, 28, 24, 24),
-              child: Column(
-                crossAxisAlignment: CrossAxisAlignment.start,
-                children: [
+              child: Form(
+                key: _formKey,
+                child: Column(
+                  crossAxisAlignment: CrossAxisAlignment.start,
+                  children: [
                     _buildTextField(
                       label: 'Nama',
                       controller: _nameController,
                       prefixIcon: Icons.person_outline,
+                      validator: (v) {
+                        if (v == null || v.trim().isEmpty) return 'Nama tidak boleh kosong';
+                        return null;
+                      },
                     ),
-                    const SizedBox(height: 16),
+                    const SizedBox(height: 18),
                     _buildTextField(
                       label: 'Email',
                       controller: _emailController,
                       keyboardType: TextInputType.emailAddress,
                       prefixIcon: Icons.email_outlined,
+                      validator: (v) {
+                        if (v == null || v.trim().isEmpty) return 'Email tidak boleh kosong';
+                        if (!v.contains('@')) return 'Email tidak valid';
+                        return null;
+                      },
                     ),
-                    const SizedBox(height: 16),
+                    const SizedBox(height: 18),
                     _buildTextField(
                       label: 'Password',
                       controller: _passwordController,
@@ -134,14 +148,15 @@ class _RegisterScreenState extends State<RegisterScreen> {
                               : Icons.visibility_off_outlined,
                           color: const Color(0xFF1565C0),
                         ),
-                        onPressed: () {
-                          setState(() {
-                            _obscurePassword = !_obscurePassword;
-                          });
-                        },
+                        onPressed: () => setState(() => _obscurePassword = !_obscurePassword),
                       ),
+                      validator: (v) {
+                        if (v == null || v.isEmpty) return 'Password tidak boleh kosong';
+                        if (v.length < 6) return 'Password minimal 6 karakter';
+                        return null;
+                      },
                     ),
-                    const SizedBox(height: 16),
+                    const SizedBox(height: 18),
                     _buildTextField(
                       label: 'Konfirmasi Password',
                       controller: _confirmPasswordController,
@@ -154,48 +169,32 @@ class _RegisterScreenState extends State<RegisterScreen> {
                               : Icons.visibility_off_outlined,
                           color: const Color(0xFF1565C0),
                         ),
-                        onPressed: () {
-                          setState(() {
-                            _obscureConfirmPassword = !_obscureConfirmPassword;
-                          });
-                        },
+                        onPressed: () => setState(() => _obscureConfirmPassword = !_obscureConfirmPassword),
                       ),
+                      validator: (v) {
+                        if (v != _passwordController.text) return 'Password tidak cocok';
+                        return null;
+                      },
                     ),
                     const SizedBox(height: 28),
+
+                    // Tombol Daftar
                     SizedBox(
                       width: double.infinity,
-                      child: ElevatedButton(
+                      child: _buildActionButton(
+                        label: 'DAFTAR',
                         onPressed: _isLoading ? null : _handleRegister,
-                        style: ElevatedButton.styleFrom(
-                          backgroundColor: const Color(0xFF1565C0),
-                          foregroundColor: Colors.white,
-                          padding: const EdgeInsets.symmetric(vertical: 16),
-                          shape: RoundedRectangleBorder(
-                            borderRadius: BorderRadius.circular(14),
-                          ),
-                          elevation: 0,
-                        ),
-                        child: _isLoading
-                            ? const SizedBox(
-                                height: 20,
-                                width: 20,
-                                child: CircularProgressIndicator(
-                                  valueColor:
-                                      AlwaysStoppedAnimation<Color>(Colors.white),
-                                  strokeWidth: 2,
-                                ),
-                              )
-                            : const Text(
-                                'DAFTAR',
-                                style: TextStyle(
-                                  fontSize: 16,
-                                  fontWeight: FontWeight.w700,
-                                  letterSpacing: 0.5,
-                                ),
-                              ),
                       ),
                     ),
+
+                    const SizedBox(height: 24),
+
+                    // Info card
+                    _buildInfoCard(),
+
                     const SizedBox(height: 20),
+
+                    // Link ke login
                     Row(
                       mainAxisAlignment: MainAxisAlignment.center,
                       children: [
@@ -206,9 +205,7 @@ class _RegisterScreenState extends State<RegisterScreen> {
                         GestureDetector(
                           onTap: () => Navigator.pushReplacement(
                             context,
-                            MaterialPageRoute(
-                              builder: (context) => const LoginScreen(),
-                            ),
+                            MaterialPageRoute(builder: (_) => const LoginScreen()),
                           ),
                           child: const Text(
                             'Masuk',
@@ -226,9 +223,10 @@ class _RegisterScreenState extends State<RegisterScreen> {
                 ),
               ),
             ),
-          ],
-        ),
-      );
+          ),
+        ],
+      ),
+    );
   }
 
   Widget _buildTextField({
@@ -238,6 +236,7 @@ class _RegisterScreenState extends State<RegisterScreen> {
     bool obscureText = false,
     IconData? prefixIcon,
     Widget? suffixIcon,
+    String? Function(String?)? validator,
   }) {
     return Column(
       crossAxisAlignment: CrossAxisAlignment.start,
@@ -251,10 +250,11 @@ class _RegisterScreenState extends State<RegisterScreen> {
           ),
         ),
         const SizedBox(height: 8),
-        TextField(
+        TextFormField(
           controller: controller,
           keyboardType: keyboardType,
           obscureText: obscureText,
+          validator: validator,
           decoration: InputDecoration(
             prefixIcon: prefixIcon != null
                 ? Icon(prefixIcon, color: const Color(0xFF1565C0), size: 20)
@@ -274,6 +274,14 @@ class _RegisterScreenState extends State<RegisterScreen> {
               borderRadius: BorderRadius.circular(14),
               borderSide: const BorderSide(color: Color(0xFF1565C0), width: 1.5),
             ),
+            errorBorder: OutlineInputBorder(
+              borderRadius: BorderRadius.circular(14),
+              borderSide: const BorderSide(color: Color(0xFFEF5350)),
+            ),
+            focusedErrorBorder: OutlineInputBorder(
+              borderRadius: BorderRadius.circular(14),
+              borderSide: const BorderSide(color: Color(0xFFEF5350), width: 1.5),
+            ),
             contentPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 15),
           ),
         ),
@@ -281,107 +289,187 @@ class _RegisterScreenState extends State<RegisterScreen> {
     );
   }
 
+  Widget _buildActionButton({
+    required String label,
+    required VoidCallback? onPressed,
+  }) {
+    return ElevatedButton(
+      onPressed: onPressed,
+      style: ElevatedButton.styleFrom(
+        backgroundColor: const Color(0xFF1565C0),
+        foregroundColor: Colors.white,
+        padding: const EdgeInsets.symmetric(vertical: 16),
+        shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(14)),
+        elevation: 0,
+        disabledBackgroundColor: Colors.grey[300],
+        shadowColor: const Color(0xFF1565C0).withOpacity(0.3),
+      ),
+      child: _isLoading
+          ? const SpinKitThreeBounce(color: Colors.white, size: 20)
+          : Text(
+              label,
+              style: const TextStyle(
+                fontSize: 16,
+                fontWeight: FontWeight.w700,
+                letterSpacing: 0.5,
+              ),
+            ),
+    );
+  }
+
+  Widget _buildInfoCard() {
+    return Container(
+      padding: const EdgeInsets.all(18),
+      decoration: BoxDecoration(
+        color: const Color(0xFFF7F8FC),
+        borderRadius: BorderRadius.circular(16),
+        border: Border.all(color: const Color(0xFFE0E0E0)),
+      ),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Row(
+            children: [
+              Container(
+                padding: const EdgeInsets.all(10),
+                decoration: BoxDecoration(
+                  color: const Color(0xFF1565C0).withOpacity(0.08),
+                  borderRadius: BorderRadius.circular(12),
+                ),
+                child: const Icon(Icons.school_rounded, color: Color(0xFF1565C0), size: 22),
+              ),
+              const SizedBox(width: 12),
+              const Expanded(
+                child: Column(
+                  crossAxisAlignment: CrossAxisAlignment.start,
+                  children: [
+                    Text(
+                      'Untuk Mahasiswa',
+                      style: TextStyle(
+                        fontSize: 15,
+                        fontWeight: FontWeight.w700,
+                        color: Color(0xFF1A1A2E),
+                      ),
+                    ),
+                    Text(
+                      'Politeknik Negeri Jember',
+                      style: TextStyle(
+                        fontSize: 13,
+                        fontWeight: FontWeight.w500,
+                        color: Color(0xFF1565C0),
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+            ],
+          ),
+          const SizedBox(height: 16),
+          _buildInfoItem(Icons.home_rounded, 'Temukan Kontrakan Terbaik',
+              'Rekomendasi kontrakan terdekat dari kampus'),
+          const SizedBox(height: 10),
+          _buildInfoItem(Icons.local_laundry_service_rounded, 'Cari Laundry Terpercaya',
+              'Temukan laundry dengan kualitas terbaik'),
+          const SizedBox(height: 10),
+          _buildInfoItem(Icons.analytics_rounded, 'Metode SAW',
+              'Rekomendasi berdasarkan preferensi Anda'),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildInfoItem(IconData icon, String title, String description) {
+    return Row(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        Icon(icon, color: const Color(0xFF1565C0).withOpacity(0.6), size: 18),
+        const SizedBox(width: 10),
+        Expanded(
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              Text(title,
+                  style: const TextStyle(
+                      fontSize: 13, fontWeight: FontWeight.w600, color: Color(0xFF1A1A2E))),
+              const SizedBox(height: 2),
+              Text(description,
+                  style: TextStyle(fontSize: 12, color: Colors.grey[500], height: 1.3)),
+            ],
+          ),
+        ),
+      ],
+    );
+  }
+
   Future<void> _handleRegister() async {
-    final name = _nameController.text.trim();
-    final email = _emailController.text.trim();
-    final password = _passwordController.text;
-    final confirmPassword = _confirmPasswordController.text;
+    if (!_formKey.currentState!.validate()) return;
 
-    if (name.isEmpty) {
-      _showError('Nama tidak boleh kosong');
-      return;
-    }
-    if (email.isEmpty) {
-      _showError('Email tidak boleh kosong');
-      return;
-    }
-    if (password.isEmpty) {
-      _showError('Password tidak boleh kosong');
-      return;
-    }
-    if (password.length < 6) {
-      _showError('Password minimal 6 karakter');
-      return;
-    }
-    if (password != confirmPassword) {
-      _showError('Password tidak cocok');
-      return;
-    }
-
-    setState(() {
-      _isLoading = true;
-    });
+    setState(() => _isLoading = true);
 
     try {
       final result = await _authService.register(
-        name: name,
-        email: email,
-        password: password,
-        passwordConfirmation: confirmPassword,
+        name: _nameController.text.trim(),
+        email: _emailController.text.trim(),
+        password: _passwordController.text,
+        passwordConfirmation: _confirmPasswordController.text,
       );
 
       if (!mounted) return;
 
       if (result['success'] == true) {
-        _showSuccess('Registrasi berhasil! Selamat datang!');
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(
+            content: const Row(
+              children: [
+                Icon(Icons.check_circle_rounded, color: Colors.white, size: 20),
+                SizedBox(width: 10),
+                Text('Registrasi berhasil! Selamat datang!'),
+              ],
+            ),
+            backgroundColor: const Color(0xFF2E7D32),
+            behavior: SnackBarBehavior.floating,
+            shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
+            margin: const EdgeInsets.all(16),
+            duration: const Duration(seconds: 2),
+          ),
+        );
         await Future.delayed(const Duration(seconds: 1));
         if (mounted) {
           Navigator.pushReplacement(
             context,
-            MaterialPageRoute(builder: (context) => const MobileHomeScreen()),
+            MaterialPageRoute(builder: (_) => const ImprovedHomeScreen()),
           );
         }
       } else {
-        final message = result['message'] ?? 'Registrasi gagal';
-        _showError(message);
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(
+            content: Row(
+              children: [
+                const Icon(Icons.error_outline_rounded, color: Colors.white, size: 20),
+                const SizedBox(width: 10),
+                Expanded(child: Text(result['message'] ?? 'Registrasi gagal')),
+              ],
+            ),
+            backgroundColor: const Color(0xFFC62828),
+            behavior: SnackBarBehavior.floating,
+            shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
+            margin: const EdgeInsets.all(16),
+            duration: const Duration(seconds: 3),
+          ),
+        );
       }
     } catch (e) {
-      _showError('Error: $e');
-    } finally {
       if (mounted) {
-        setState(() {
-          _isLoading = false;
-        });
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(
+            content: Text('Error: $e'),
+            backgroundColor: const Color(0xFFC62828),
+          ),
+        );
       }
+    } finally {
+      if (mounted) setState(() => _isLoading = false);
     }
   }
-
-  void _showError(String message) {
-    ScaffoldMessenger.of(context).showSnackBar(
-      SnackBar(
-        content: Row(
-          children: [
-            const Icon(Icons.error_outline_rounded, color: Colors.white, size: 20),
-            const SizedBox(width: 10),
-            Expanded(child: Text(message)),
-          ],
-        ),
-        backgroundColor: const Color(0xFFC62828),
-        behavior: SnackBarBehavior.floating,
-        shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
-        margin: const EdgeInsets.all(16),
-        duration: const Duration(seconds: 3),
-      ),
-    );
-  }
-
-  void _showSuccess(String message) {
-    ScaffoldMessenger.of(context).showSnackBar(
-      SnackBar(
-        content: Row(
-          children: [
-            const Icon(Icons.check_circle_rounded, color: Colors.white, size: 20),
-            const SizedBox(width: 10),
-            Expanded(child: Text(message)),
-          ],
-        ),
-        backgroundColor: const Color(0xFF2E7D32),
-        behavior: SnackBarBehavior.floating,
-        shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
-        margin: const EdgeInsets.all(16),
-        duration: const Duration(seconds: 2),
-      ),
-    );
-  }
 }
 
diff --git a/spk_mobile/lib/screens/booking_form_screen.dart b/spk_mobile/lib/screens/booking_form_screen.dart
index 017d226..45c03bc 100644
--- a/spk_mobile/lib/screens/booking_form_screen.dart
+++ b/spk_mobile/lib/screens/booking_form_screen.dart
@@ -72,7 +72,7 @@ class _BookingFormScreenState extends State<BookingFormScreen> {
       },
     );
 
-    if (picked != null) {
+    if (picked != null && mounted) {
       setState(() => _tanggalMulai = picked);
     }
   }
@@ -118,15 +118,25 @@ class _BookingFormScreenState extends State<BookingFormScreen> {
 
     if (source == null) return;
 
-    final picked = await _imagePicker.pickImage(
-      source: source,
-      maxWidth: 1920,
-      maxHeight: 1920,
-      imageQuality: 85,
-    );
+    try {
+      final picked = await _imagePicker.pickImage(
+        source: source,
+        maxWidth: 1920,
+        maxHeight: 1920,
+        imageQuality: 85,
+      );
 
-    if (picked != null) {
-      setState(() => _paymentProofImage = File(picked.path));
+      if (picked != null && mounted) {
+        setState(() => _paymentProofImage = File(picked.path));
+      }
+    } catch (e) {
+      if (!mounted) return;
+      ScaffoldMessenger.of(context).showSnackBar(
+        SnackBar(
+          content: Text('Gagal memilih gambar: $e'),
+          backgroundColor: Colors.red,
+        ),
+      );
     }
   }
 
@@ -218,25 +228,25 @@ class _BookingFormScreenState extends State<BookingFormScreen> {
       ),
     );
 
-    if (confirmed != true) return;
+    if (confirmed != true || !mounted) return;
 
     setState(() => _isSubmitting = true);
 
-    final result = await _bookingService.createBooking(
-      kontrakanId: widget.kontrakan.id,
-      tanggalMulai: _tanggalMulai!,
-      durasiBulan: _durasiBulan,
-      catatan: _catatanController.text.isNotEmpty
-          ? _catatanController.text
-          : null,
-      paymentProof: _paymentProofImage,
-    );
+    try {
+      final result = await _bookingService.createBooking(
+        kontrakanId: widget.kontrakan.id,
+        tanggalMulai: _tanggalMulai!,
+        durasiBulan: _durasiBulan,
+        catatan: _catatanController.text.isNotEmpty
+            ? _catatanController.text
+            : null,
+        paymentProof: _paymentProofImage,
+      );
 
-    setState(() => _isSubmitting = false);
+      if (!mounted) return;
+      setState(() => _isSubmitting = false);
 
-    if (!mounted) return;
-
-    if (result['success'] == true) {
+      if (result['success'] == true) {
       showDialog(
         context: context,
         barrierDismissible: false,
@@ -304,6 +314,16 @@ class _BookingFormScreenState extends State<BookingFormScreen> {
         ),
       );
     }
+    } catch (e) {
+      if (!mounted) return;
+      setState(() => _isSubmitting = false);
+      ScaffoldMessenger.of(context).showSnackBar(
+        SnackBar(
+          content: Text('Error: ${e.toString()}'),
+          backgroundColor: Colors.red,
+        ),
+      );
+    }
   }
 
   Widget _buildConfirmRow(String label, String value) {
diff --git a/spk_mobile/lib/screens/booking_history_screen.dart b/spk_mobile/lib/screens/booking_history_screen.dart
index 94a34ec..ce9bd0e 100644
--- a/spk_mobile/lib/screens/booking_history_screen.dart
+++ b/spk_mobile/lib/screens/booking_history_screen.dart
@@ -38,16 +38,32 @@ class _BookingHistoryScreenState extends State<BookingHistoryScreen>
 
   Future<void> _loadBookings() async {
     setState(() => _isLoading = true);
-    final bookings = await _bookingService.getBookingHistory();
-    setState(() {
-      _activeBookings = bookings
-          .where((b) => b.status == 'confirmed' || b.status == 'pending')
-          .toList();
-      _pastBookings = bookings
-          .where((b) => b.status == 'completed' || b.status == 'cancelled')
-          .toList();
-      _isLoading = false;
-    });
+    try {
+      final bookings = await _bookingService.getBookingHistory();
+      if (!mounted) return;
+      setState(() {
+        _activeBookings = bookings
+            .where((b) => b.status == 'confirmed' || b.status == 'pending')
+            .toList();
+        _pastBookings = bookings
+            .where((b) => b.status == 'completed' || b.status == 'cancelled')
+            .toList();
+        _isLoading = false;
+      });
+    } catch (e) {
+      debugPrint('Load bookings error: $e');
+      if (!mounted) return;
+      setState(() => _isLoading = false);
+      ScaffoldMessenger.of(context).showSnackBar(
+        SnackBar(
+          content: const Text('Gagal memuat riwayat booking'),
+          backgroundColor: Colors.red[700],
+          behavior: SnackBarBehavior.floating,
+          shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
+          margin: const EdgeInsets.all(16),
+        ),
+      );
+    }
   }
 
   Future<void> _cancelBooking(int bookingId) async {
@@ -91,8 +107,9 @@ class _BookingHistoryScreenState extends State<BookingHistoryScreen>
       ),
     );
     if (confirm != true) return;
-    final result = await _bookingService.cancelBooking(bookingId);
-    if (mounted) {
+    try {
+      final result = await _bookingService.cancelBooking(bookingId);
+      if (!mounted) return;
       ScaffoldMessenger.of(context).showSnackBar(
         SnackBar(
           content: Row(
@@ -119,6 +136,17 @@ class _BookingHistoryScreenState extends State<BookingHistoryScreen>
         ),
       );
       if (result['success'] == true) _loadBookings();
+    } catch (e) {
+      if (!mounted) return;
+      ScaffoldMessenger.of(context).showSnackBar(
+        SnackBar(
+          content: Text('Gagal membatalkan booking: $e'),
+          backgroundColor: const Color(0xFFC62828),
+          behavior: SnackBarBehavior.floating,
+          shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
+          margin: const EdgeInsets.all(16),
+        ),
+      );
     }
   }
 
@@ -216,12 +244,14 @@ class _BookingHistoryScreenState extends State<BookingHistoryScreen>
     );
     if (picked == null) return;
 
+    if (!mounted) return;
     setState(() => _uploadingBookingId = booking.id);
-    final result = await _bookingService.uploadPaymentProof(
-      booking.id,
-      File(picked.path),
-    );
-    if (mounted) {
+    try {
+      final result = await _bookingService.uploadPaymentProof(
+        booking.id,
+        File(picked.path),
+      );
+      if (!mounted) return;
       setState(() => _uploadingBookingId = null);
       ScaffoldMessenger.of(context).showSnackBar(
         SnackBar(
@@ -250,6 +280,18 @@ class _BookingHistoryScreenState extends State<BookingHistoryScreen>
         ),
       );
       if (result['success'] == true) _loadBookings();
+    } catch (e) {
+      if (!mounted) return;
+      setState(() => _uploadingBookingId = null);
+      ScaffoldMessenger.of(context).showSnackBar(
+        SnackBar(
+          content: Text('Gagal upload bukti pembayaran: $e'),
+          backgroundColor: const Color(0xFFC62828),
+          behavior: SnackBarBehavior.floating,
+          shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
+          margin: const EdgeInsets.all(16),
+        ),
+      );
     }
   }
 
diff --git a/spk_mobile/lib/screens/change_password_screen.dart b/spk_mobile/lib/screens/change_password_screen.dart
index 06d7fe1..f77de84 100644
--- a/spk_mobile/lib/screens/change_password_screen.dart
+++ b/spk_mobile/lib/screens/change_password_screen.dart
@@ -29,27 +29,37 @@ class _ChangePasswordScreenState extends State<ChangePasswordScreen> {
 
     setState(() => _isLoading = true);
 
-    final result = await _authService.changePassword(
-      password: _passwordController.text,
-      passwordConfirmation: _confirmController.text,
-    );
-
-    setState(() => _isLoading = false);
-
-    if (!mounted) return;
-
-    if (result['success'] == true) {
-      ScaffoldMessenger.of(context).showSnackBar(
-        const SnackBar(
-          content: Text('Password berhasil diubah'),
-          backgroundColor: Colors.green,
-        ),
+    try {
+      final result = await _authService.changePassword(
+        password: _passwordController.text,
+        passwordConfirmation: _confirmController.text,
       );
-      Navigator.pop(context);
-    } else {
+
+      if (!mounted) return;
+      setState(() => _isLoading = false);
+
+      if (result['success'] == true) {
+        ScaffoldMessenger.of(context).showSnackBar(
+          const SnackBar(
+            content: Text('Password berhasil diubah'),
+            backgroundColor: Colors.green,
+          ),
+        );
+        Navigator.pop(context);
+      } else {
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(
+            content: Text(result['message'] ?? 'Gagal mengubah password'),
+            backgroundColor: Colors.red,
+          ),
+        );
+      }
+    } catch (e) {
+      if (!mounted) return;
+      setState(() => _isLoading = false);
       ScaffoldMessenger.of(context).showSnackBar(
         SnackBar(
-          content: Text(result['message'] ?? 'Gagal mengubah password'),
+          content: Text('Terjadi kesalahan: $e'),
           backgroundColor: Colors.red,
         ),
       );
diff --git a/spk_mobile/lib/screens/edit_profile_screen.dart b/spk_mobile/lib/screens/edit_profile_screen.dart
index 770d1f2..a12ec63 100644
--- a/spk_mobile/lib/screens/edit_profile_screen.dart
+++ b/spk_mobile/lib/screens/edit_profile_screen.dart
@@ -39,30 +39,40 @@ class _EditProfileScreenState extends State<EditProfileScreen> {
 
     setState(() => _isLoading = true);
 
-    final result = await _authService.updateProfile(
-      name: _nameController.text.trim(),
-      email: _emailController.text.trim(),
-      phone: _phoneController.text.trim().isEmpty
-          ? null
-          : _phoneController.text.trim(),
-    );
-
-    setState(() => _isLoading = false);
-
-    if (!mounted) return;
-
-    if (result['success'] == true) {
-      ScaffoldMessenger.of(context).showSnackBar(
-        const SnackBar(
-          content: Text('Profil berhasil diperbarui'),
-          backgroundColor: Colors.green,
-        ),
+    try {
+      final result = await _authService.updateProfile(
+        name: _nameController.text.trim(),
+        email: _emailController.text.trim(),
+        phone: _phoneController.text.trim().isEmpty
+            ? null
+            : _phoneController.text.trim(),
       );
-      Navigator.pop(context, true);
-    } else {
+
+      if (!mounted) return;
+      setState(() => _isLoading = false);
+
+      if (result['success'] == true) {
+        ScaffoldMessenger.of(context).showSnackBar(
+          const SnackBar(
+            content: Text('Profil berhasil diperbarui'),
+            backgroundColor: Colors.green,
+          ),
+        );
+        Navigator.pop(context, true);
+      } else {
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(
+            content: Text(result['message'] ?? 'Gagal memperbarui profil'),
+            backgroundColor: Colors.red,
+          ),
+        );
+      }
+    } catch (e) {
+      if (!mounted) return;
+      setState(() => _isLoading = false);
       ScaffoldMessenger.of(context).showSnackBar(
         SnackBar(
-          content: Text(result['message'] ?? 'Gagal memperbarui profil'),
+          content: Text('Terjadi kesalahan: $e'),
           backgroundColor: Colors.red,
         ),
       );
@@ -109,7 +119,9 @@ class _EditProfileScreenState extends State<EditProfileScreen> {
                       radius: 45,
                       backgroundColor: Colors.white,
                       child: Text(
-                        widget.user.name.substring(0, 1).toUpperCase(),
+                        widget.user.name.isNotEmpty
+                            ? widget.user.name.substring(0, 1).toUpperCase()
+                            : 'U',
                         style: const TextStyle(
                           fontSize: 32,
                           fontWeight: FontWeight.bold,
diff --git a/spk_mobile/lib/screens/favorites_screen.dart b/spk_mobile/lib/screens/favorites_screen.dart
index 689aa60..0cf2f45 100644
--- a/spk_mobile/lib/screens/favorites_screen.dart
+++ b/spk_mobile/lib/screens/favorites_screen.dart
@@ -1,6 +1,6 @@
 import 'package:flutter/material.dart';
+import 'package:flutter/foundation.dart';
 import 'package:cached_network_image/cached_network_image.dart';
-import 'package:flutter_cache_manager/flutter_cache_manager.dart';
 import '../models/kontrakan.dart';
 import '../models/laundry.dart';
 import '../services/favorite_service.dart';
@@ -36,23 +36,46 @@ class _FavoritesScreenState extends State<FavoritesScreen>
     super.dispose();
   }
 
+  String? _errorMessage;
+
   Future<void> _loadFavorites() async {
-    setState(() => _isLoading = true);
-    // Clear image cache agar foto terbaru selalu dimuat
-    await DefaultCacheManager().emptyCache();
-    PaintingBinding.instance.imageCache.clear();
-    PaintingBinding.instance.imageCache.clearLiveImages();
+    if (!mounted) return;
+    setState(() {
+      _isLoading = true;
+      _errorMessage = null;
+    });
     try {
       final result = await _favoriteService.getFavoritesWithModels();
+      if (!mounted) return;
+
+      if (result['success'] == true) {
+        setState(() {
+          _kontrakanFavorites = result['kontrakan'] is List<Kontrakan>
+              ? result['kontrakan'] as List<Kontrakan>
+              : <Kontrakan>[];
+          _laundryFavorites = result['laundry'] is List<Laundry>
+              ? result['laundry'] as List<Laundry>
+              : <Laundry>[];
+          _isLoading = false;
+        });
+        debugPrint('[FAV_SCREEN] Loaded ${_kontrakanFavorites.length} kontrakan, ${_laundryFavorites.length} laundry');
+      } else {
+        setState(() {
+          _kontrakanFavorites = [];
+          _laundryFavorites = [];
+          _errorMessage = result['message']?.toString() ?? 'Gagal memuat favorit';
+          _isLoading = false;
+        });
+        debugPrint('[FAV_SCREEN] ❌ Load failed: $_errorMessage');
+      }
+    } catch (e) {
+      debugPrint('[FAV_SCREEN] ❌ Exception: $e');
       if (mounted) {
         setState(() {
-          _kontrakanFavorites = (result['kontrakan'] as List<Kontrakan>?) ?? [];
-          _laundryFavorites = (result['laundry'] as List<Laundry>?) ?? [];
+          _errorMessage = 'Terjadi kesalahan: $e';
           _isLoading = false;
         });
       }
-    } catch (e) {
-      if (mounted) setState(() => _isLoading = false);
     }
   }
 
@@ -93,15 +116,18 @@ class _FavoritesScreenState extends State<FavoritesScreen>
       ),
     );
     if (confirm != true) return;
+    if (!mounted) return;
 
-    Map<String, dynamic> result;
-    if (type == 'kontrakan') {
-      result = await _favoriteService.toggleKontrakanFavorite(itemId);
-    } else {
-      result = await _favoriteService.toggleLaundryFavorite(itemId);
-    }
+    try {
+      Map<String, dynamic> result;
+      if (type == 'kontrakan') {
+        result = await _favoriteService.toggleKontrakanFavorite(itemId);
+      } else {
+        result = await _favoriteService.toggleLaundryFavorite(itemId);
+      }
 
-    if (mounted && result['success'] == true) {
+      if (!mounted) return;
+      if (result['success'] == true) {
       ScaffoldMessenger.of(context).showSnackBar(
         SnackBar(
           content: Row(
@@ -123,7 +149,19 @@ class _FavoritesScreenState extends State<FavoritesScreen>
           margin: const EdgeInsets.all(16),
         ),
       );
-      _loadFavorites();
+        _loadFavorites();
+      }
+    } catch (e) {
+      if (!mounted) return;
+      ScaffoldMessenger.of(context).showSnackBar(
+        SnackBar(
+          content: const Text('Gagal menghapus favorit'),
+          backgroundColor: Colors.red.shade600,
+          behavior: SnackBarBehavior.floating,
+          shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
+          margin: const EdgeInsets.all(16),
+        ),
+      );
     }
   }
 
@@ -262,10 +300,45 @@ class _FavoritesScreenState extends State<FavoritesScreen>
                         color: Color(0xFF1565C0),
                       ),
                     )
-                  : TabBarView(
-                      controller: _tabController,
-                      children: [_buildKontrakanList(), _buildLaundryList()],
-                    ),
+                  : _errorMessage != null
+                      ? Center(
+                          child: Padding(
+                            padding: const EdgeInsets.all(32),
+                            child: Column(
+                              mainAxisAlignment: MainAxisAlignment.center,
+                              children: [
+                                Icon(Icons.error_outline_rounded,
+                                    size: 56, color: Colors.red.shade300),
+                                const SizedBox(height: 16),
+                                Text(
+                                  _errorMessage!,
+                                  textAlign: TextAlign.center,
+                                  style: TextStyle(
+                                    fontSize: 15,
+                                    color: Colors.grey[600],
+                                  ),
+                                ),
+                                const SizedBox(height: 20),
+                                ElevatedButton.icon(
+                                  onPressed: _loadFavorites,
+                                  icon: const Icon(Icons.refresh_rounded),
+                                  label: const Text('Coba Lagi'),
+                                  style: ElevatedButton.styleFrom(
+                                    backgroundColor: const Color(0xFF1565C0),
+                                    foregroundColor: Colors.white,
+                                    shape: RoundedRectangleBorder(
+                                      borderRadius: BorderRadius.circular(12),
+                                    ),
+                                  ),
+                                ),
+                              ],
+                            ),
+                          ),
+                        )
+                      : TabBarView(
+                          controller: _tabController,
+                          children: [_buildKontrakanList(), _buildLaundryList()],
+                        ),
             ),
           ],
         ),
diff --git a/spk_mobile/lib/screens/improved_home_screen.dart b/spk_mobile/lib/screens/improved_home_screen.dart
index 56b33c8..72a592c 100644
--- a/spk_mobile/lib/screens/improved_home_screen.dart
+++ b/spk_mobile/lib/screens/improved_home_screen.dart
@@ -42,13 +42,16 @@ class _ImprovedHomeScreenState extends State<ImprovedHomeScreen> {
     _loadData();
   }
 
-  Future<void> _loadData() async {
+  Future<void> _loadData({bool clearCache = false}) async {
     setState(() => _isLoading = true);
-    // Clear image cache agar foto terbaru dari server selalu dimuat
-    await DefaultCacheManager().emptyCache();
-    PaintingBinding.instance.imageCache.clear();
-    PaintingBinding.instance.imageCache.clearLiveImages();
+    // Clear image cache hanya saat user eksplisit refresh (pull-to-refresh)
+    if (clearCache) {
+      await DefaultCacheManager().emptyCache();
+      PaintingBinding.instance.imageCache.clear();
+      PaintingBinding.instance.imageCache.clearLiveImages();
+    }
     await Future.wait([_loadKontrakan(), _loadLaundry(), _loadFavoriteIds()]);
+    if (!mounted) return;
     setState(() => _isLoading = false);
   }
 
@@ -56,6 +59,7 @@ class _ImprovedHomeScreenState extends State<ImprovedHomeScreen> {
     try {
       if (!_authService.isAuthenticated) return;
       final ids = await _favoriteService.getFavoriteIds();
+      if (!mounted) return;
       setState(() {
         _favKontrakanIds = (ids['kontrakan'] ?? []).toSet();
         _favLaundryIds = (ids['laundry'] ?? []).toSet();
@@ -66,6 +70,14 @@ class _ImprovedHomeScreenState extends State<ImprovedHomeScreen> {
   }
 
   Future<void> _toggleKontrakanFav(int id) async {
+    if (!_authService.isAuthenticated) {
+      if (mounted) {
+        ScaffoldMessenger.of(context).showSnackBar(
+          const SnackBar(content: Text('Silakan login terlebih dahulu'), backgroundColor: Colors.orange),
+        );
+      }
+      return;
+    }
     final wasFav = _favKontrakanIds.contains(id);
     setState(() {
       if (wasFav) {
@@ -74,19 +86,44 @@ class _ImprovedHomeScreenState extends State<ImprovedHomeScreen> {
         _favKontrakanIds.add(id);
       }
     });
-    final result = await _favoriteService.toggleKontrakanFavorite(id);
-    if (result['success'] != true && mounted) {
-      setState(() {
-        if (wasFav) {
-          _favKontrakanIds.add(id);
-        } else {
-          _favKontrakanIds.remove(id);
-        }
-      });
+    try {
+      final result = await _favoriteService.toggleKontrakanFavorite(id);
+      if (result['success'] != true && mounted) {
+        setState(() {
+          if (wasFav) {
+            _favKontrakanIds.add(id);
+          } else {
+            _favKontrakanIds.remove(id);
+          }
+        });
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(
+            content: Text(result['message'] ?? 'Gagal mengubah favorit'),
+            backgroundColor: Colors.red.shade600,
+          ),
+        );
+      }
+    } catch (e) {
+      if (mounted) {
+        setState(() {
+          if (wasFav) _favKontrakanIds.add(id); else _favKontrakanIds.remove(id);
+        });
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(content: Text('Error: $e'), backgroundColor: Colors.red.shade600),
+        );
+      }
     }
   }
 
   Future<void> _toggleLaundryFav(int id) async {
+    if (!_authService.isAuthenticated) {
+      if (mounted) {
+        ScaffoldMessenger.of(context).showSnackBar(
+          const SnackBar(content: Text('Silakan login terlebih dahulu'), backgroundColor: Colors.orange),
+        );
+      }
+      return;
+    }
     final wasFav = _favLaundryIds.contains(id);
     setState(() {
       if (wasFav) {
@@ -95,21 +132,39 @@ class _ImprovedHomeScreenState extends State<ImprovedHomeScreen> {
         _favLaundryIds.add(id);
       }
     });
-    final result = await _favoriteService.toggleLaundryFavorite(id);
-    if (result['success'] != true && mounted) {
-      setState(() {
-        if (wasFav) {
-          _favLaundryIds.add(id);
-        } else {
-          _favLaundryIds.remove(id);
-        }
-      });
+    try {
+      final result = await _favoriteService.toggleLaundryFavorite(id);
+      if (result['success'] != true && mounted) {
+        setState(() {
+          if (wasFav) {
+            _favLaundryIds.add(id);
+          } else {
+            _favLaundryIds.remove(id);
+          }
+        });
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(
+            content: Text(result['message'] ?? 'Gagal mengubah favorit'),
+            backgroundColor: Colors.red.shade600,
+          ),
+        );
+      }
+    } catch (e) {
+      if (mounted) {
+        setState(() {
+          if (wasFav) _favLaundryIds.add(id); else _favLaundryIds.remove(id);
+        });
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(content: Text('Error: $e'), backgroundColor: Colors.red.shade600),
+        );
+      }
     }
   }
 
   Future<void> _loadKontrakan() async {
     try {
       final list = await _kontrakanService.getKontrakan();
+      if (!mounted) return;
       setState(() => _kontrakanList = list.take(6).toList());
     } catch (e) {
       // Error loading kontrakan silently
@@ -119,6 +174,7 @@ class _ImprovedHomeScreenState extends State<ImprovedHomeScreen> {
   Future<void> _loadLaundry() async {
     try {
       final list = await _laundryService.getLaundry();
+      if (!mounted) return;
       setState(() => _laundryList = list.take(6).toList());
     } catch (e) {
       // Error loading laundry silently
@@ -154,7 +210,7 @@ class _ImprovedHomeScreenState extends State<ImprovedHomeScreen> {
   // ────────────── HOME CONTENT ──────────────
   Widget _buildHomeContent() {
     return RefreshIndicator(
-      onRefresh: _loadData,
+      onRefresh: () => _loadData(clearCache: true),
       child: CustomScrollView(
         slivers: [
           // ── Gradient Header ──
@@ -716,63 +772,6 @@ class _ImprovedHomeScreenState extends State<ImprovedHomeScreen> {
     );
   }
 
-  // ────────────── SERVICE TILE ──────────────
-  Widget _buildServiceTile({
-    required IconData icon,
-    required String label,
-    required Color color,
-    required Color bgColor,
-    required VoidCallback onTap,
-  }) {
-    return GestureDetector(
-      onTap: onTap,
-      child: Container(
-        padding: const EdgeInsets.all(16),
-        decoration: BoxDecoration(
-          color: Colors.white,
-          borderRadius: BorderRadius.circular(16),
-          border: Border.all(color: color.withOpacity(0.12)),
-          boxShadow: [
-            BoxShadow(
-              color: color.withOpacity(0.08),
-              blurRadius: 12,
-              offset: const Offset(0, 4),
-            ),
-          ],
-        ),
-        child: Row(
-          children: [
-            Container(
-              padding: const EdgeInsets.all(10),
-              decoration: BoxDecoration(
-                color: bgColor,
-                borderRadius: BorderRadius.circular(12),
-              ),
-              child: Icon(icon, color: color, size: 22),
-            ),
-            const SizedBox(width: 12),
-            Expanded(
-              child: Text(
-                label,
-                style: TextStyle(
-                  fontSize: 14,
-                  fontWeight: FontWeight.w700,
-                  color: color,
-                  height: 1.3,
-                ),
-              ),
-            ),
-            Icon(
-              Icons.arrow_forward_ios_rounded,
-              size: 14,
-              color: color.withOpacity(0.5),
-            ),
-          ],
-        ),
-      ),
-    );
-  }
-
   // ────────────── SERVICE TILE INTEGRATED ──────────────
   Widget _buildServiceTileIntegrated({
     required IconData icon,
diff --git a/spk_mobile/lib/screens/kontrakan_detail_screen.dart b/spk_mobile/lib/screens/kontrakan_detail_screen.dart
index 7e0d074..8f0a3bf 100644
--- a/spk_mobile/lib/screens/kontrakan_detail_screen.dart
+++ b/spk_mobile/lib/screens/kontrakan_detail_screen.dart
@@ -7,6 +7,10 @@ import '../services/auth_service.dart';
 import '../services/favorite_service.dart';
 import 'booking_form_screen.dart';
 
+// Koordinat resmi Kampus Polije (Politeknik Negeri Jember)
+const double _polije_lat = -8.1599551;
+const double _polije_lng = 113.7230733;
+
 class KontrakanDetailScreen extends StatefulWidget {
   final Kontrakan kontrakan;
 
@@ -17,11 +21,7 @@ class KontrakanDetailScreen extends StatefulWidget {
 }
 
 class _KontrakanDetailScreenState extends State<KontrakanDetailScreen> {
-  double? userLat;
-  double? userLng;
-  double? distance;
-  bool isLoadingLocation = false;
-  String? locationError;
+  double? distance;  // jarak dari kampus Polije ke kontrakan ini
   bool _isFavorite = false;
   bool _isFavLoading = false;
   final _favoriteService = FavoriteService();
@@ -30,53 +30,96 @@ class _KontrakanDetailScreenState extends State<KontrakanDetailScreen> {
   void initState() {
     super.initState();
     _checkFavorite();
+    _calcDistanceFromPolije();
+  }
+
+  /// Hitung jarak dari Kampus Polije ke kontrakan ini secara langsung.
+  void _calcDistanceFromPolije() {
+    if (widget.kontrakan.latitude == null || widget.kontrakan.longitude == null) return;
+    final dist = LocationService.calculateDistance(
+      _polije_lat,
+      _polije_lng,
+      widget.kontrakan.latitude!,
+      widget.kontrakan.longitude!,
+    );
+    setState(() => distance = dist);
   }
 
   Future<void> _checkFavorite() async {
-    final result = await _favoriteService.isKontrakanFavorite(
-      widget.kontrakan.id,
-    );
-    if (mounted) setState(() => _isFavorite = result);
+    try {
+      final result = await _favoriteService.isKontrakanFavorite(
+        widget.kontrakan.id,
+      );
+      if (mounted) setState(() => _isFavorite = result);
+    } catch (e) {
+      debugPrint('Check favorite error: $e');
+    }
   }
 
   Future<void> _toggleFavorite() async {
     setState(() => _isFavLoading = true);
-    final result = await _favoriteService.toggleKontrakanFavorite(
-      widget.kontrakan.id,
-    );
-    if (mounted) {
-      setState(() {
-        _isFavLoading = false;
-        if (result['success'] == true) {
+    try {
+      final result = await _favoriteService.toggleKontrakanFavorite(
+        widget.kontrakan.id,
+      );
+      if (!mounted) return;
+
+      if (result['success'] == true) {
+        setState(() {
           _isFavorite = result['isFavorite'] ?? !_isFavorite;
-        }
-      });
+        });
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(
+            content: Row(
+              children: [
+                Icon(
+                  _isFavorite
+                      ? Icons.favorite_rounded
+                      : Icons.favorite_border_rounded,
+                  color: Colors.white,
+                  size: 20,
+                ),
+                const SizedBox(width: 10),
+                Text(result['message'] ?? 'Status favorit diubah'),
+              ],
+            ),
+            backgroundColor: _isFavorite
+                ? const Color(0xFF1565C0)
+                : Colors.grey[700],
+            behavior: SnackBarBehavior.floating,
+            shape: RoundedRectangleBorder(
+              borderRadius: BorderRadius.circular(12),
+            ),
+            margin: const EdgeInsets.all(16),
+            duration: const Duration(seconds: 2),
+          ),
+        );
+      } else {
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(
+            content: Text(result['message'] ?? 'Gagal mengubah favorit'),
+            backgroundColor: Colors.red[700],
+            behavior: SnackBarBehavior.floating,
+            shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
+            margin: const EdgeInsets.all(16),
+          ),
+        );
+      }
+    } catch (e) {
+      if (!mounted) return;
       ScaffoldMessenger.of(context).showSnackBar(
         SnackBar(
-          content: Row(
-            children: [
-              Icon(
-                _isFavorite
-                    ? Icons.favorite_rounded
-                    : Icons.favorite_border_rounded,
-                color: Colors.white,
-                size: 20,
-              ),
-              const SizedBox(width: 10),
-              Text(result['message'] ?? 'Status favorit diubah'),
-            ],
-          ),
-          backgroundColor: _isFavorite
-              ? const Color(0xFF1565C0)
-              : Colors.grey[700],
+          content: Text('Gagal: $e'),
+          backgroundColor: Colors.red[700],
           behavior: SnackBarBehavior.floating,
           shape: RoundedRectangleBorder(
             borderRadius: BorderRadius.circular(12),
           ),
           margin: const EdgeInsets.all(16),
-          duration: const Duration(seconds: 2),
         ),
       );
+    } finally {
+      if (mounted) setState(() => _isFavLoading = false);
     }
   }
 
@@ -423,10 +466,10 @@ class _KontrakanDetailScreenState extends State<KontrakanDetailScreen> {
     return Container(
       padding: const EdgeInsets.all(16),
       decoration: BoxDecoration(
-        color: Colors.purple.withValues(alpha: 0.1),
+        color: const Color(0xFF1565C0).withValues(alpha: 0.08),
         borderRadius: BorderRadius.circular(12),
         border: Border.all(
-          color: Colors.purple.withValues(alpha: 0.3),
+          color: const Color(0xFF1565C0).withValues(alpha: 0.3),
           width: 1,
         ),
       ),
@@ -434,114 +477,83 @@ class _KontrakanDetailScreenState extends State<KontrakanDetailScreen> {
         crossAxisAlignment: CrossAxisAlignment.start,
         children: [
           Row(
-            mainAxisAlignment: MainAxisAlignment.spaceBetween,
             children: [
-              Row(
-                children: [
-                  Icon(Icons.location_on, color: Colors.purple, size: 24),
-                  const SizedBox(width: 12),
-                  Text(
-                    'Deteksi Lokasi Saya',
-                    style: const TextStyle(
-                      fontSize: 16,
-                      fontWeight: FontWeight.bold,
-                      color: Colors.black87,
-                    ),
-                  ),
-                ],
-              ),
-              if (isLoadingLocation)
-                SizedBox(
-                  width: 20,
-                  height: 20,
-                  child: CircularProgressIndicator(
-                    strokeWidth: 2,
-                    valueColor: AlwaysStoppedAnimation<Color>(Colors.purple),
-                  ),
+              const Icon(Icons.school_rounded, color: Color(0xFF1565C0), size: 22),
+              const SizedBox(width: 10),
+              const Text(
+                'Jarak dari Kampus Polije',
+                style: TextStyle(
+                  fontSize: 15,
+                  fontWeight: FontWeight.bold,
+                  color: Color(0xFF1565C0),
                 ),
+              ),
             ],
           ),
           const SizedBox(height: 12),
-          if (distance != null) ...[
-            Container(
-              padding: const EdgeInsets.all(12),
-              decoration: BoxDecoration(
-                color: Colors.green.withValues(alpha: 0.1),
-                borderRadius: BorderRadius.circular(8),
-              ),
-              child: Row(
-                children: [
-                  Icon(Icons.check_circle, color: Colors.green, size: 20),
-                  const SizedBox(width: 10),
-                  Column(
-                    crossAxisAlignment: CrossAxisAlignment.start,
-                    children: [
-                      Text(
-                        'Jarak dari Lokasi Saya',
-                        style: TextStyle(fontSize: 12, color: Colors.grey[600]),
-                      ),
-                      Text(
-                        distance! < 1
-                            ? '${(distance! * 1000).toStringAsFixed(0)} m'
-                            : '${distance!.toStringAsFixed(2)} km',
-                        style: const TextStyle(
-                          fontSize: 16,
-                          fontWeight: FontWeight.bold,
-                          color: Colors.green,
-                        ),
-                      ),
-                    ],
-                  ),
-                ],
-              ),
-            ),
-          ] else if (locationError != null) ...[
-            Container(
-              padding: const EdgeInsets.all(12),
-              decoration: BoxDecoration(
-                color: Colors.red.withValues(alpha: 0.1),
-                borderRadius: BorderRadius.circular(8),
-              ),
-              child: Row(
-                children: [
-                  Icon(Icons.error, color: Colors.red, size: 20),
-                  const SizedBox(width: 10),
-                  Expanded(
-                    child: Text(
-                      locationError!,
-                      style: const TextStyle(fontSize: 13, color: Colors.red),
-                    ),
-                  ),
-                ],
-              ),
-            ),
-          ],
-          const SizedBox(height: 12),
-          SizedBox(
+          Container(
             width: double.infinity,
-            height: 44,
-            child: ElevatedButton.icon(
-              onPressed: isLoadingLocation ? null : _detectLocation,
-              icon: Icon(
-                isLoadingLocation ? Icons.hourglass_bottom : Icons.my_location,
-                size: 20,
-              ),
-              label: Text(
-                isLoadingLocation ? 'Mendeteksi...' : 'Deteksi Lokasi Saya',
-                style: const TextStyle(
-                  fontSize: 14,
-                  fontWeight: FontWeight.bold,
-                ),
-              ),
-              style: ElevatedButton.styleFrom(
-                backgroundColor: Colors.purple,
-                foregroundColor: Colors.white,
-                disabledBackgroundColor: Colors.grey,
-                shape: RoundedRectangleBorder(
-                  borderRadius: BorderRadius.circular(8),
-                ),
+            padding: const EdgeInsets.symmetric(horizontal: 14, vertical: 12),
+            decoration: BoxDecoration(
+              color: Colors.white,
+              borderRadius: BorderRadius.circular(10),
+              border: Border.all(
+                color: const Color(0xFF1565C0).withValues(alpha: 0.15),
               ),
             ),
+            child: Row(
+              children: [
+                Container(
+                  padding: const EdgeInsets.all(8),
+                  decoration: BoxDecoration(
+                    color: const Color(0xFF1565C0).withValues(alpha: 0.1),
+                    shape: BoxShape.circle,
+                  ),
+                  child: const Icon(
+                    Icons.directions_walk_rounded,
+                    color: Color(0xFF1565C0),
+                    size: 20,
+                  ),
+                ),
+                const SizedBox(width: 12),
+                Column(
+                  crossAxisAlignment: CrossAxisAlignment.start,
+                  children: [
+                    const Text(
+                      'Politeknik Negeri Jember',
+                      style: TextStyle(
+                        fontSize: 12,
+                        color: Colors.grey,
+                      ),
+                    ),
+                    const SizedBox(height: 2),
+                    Text(
+                      distance == null
+                          ? '-'
+                          : distance! < 1
+                              ? '${(distance! * 1000).toStringAsFixed(0)} meter'
+                              : '${distance!.toStringAsFixed(2)} km',
+                      style: const TextStyle(
+                        fontSize: 20,
+                        fontWeight: FontWeight.w800,
+                        color: Color(0xFF1565C0),
+                      ),
+                    ),
+                  ],
+                ),
+              ],
+            ),
+          ),
+          const SizedBox(height: 8),
+          Row(
+            children: [
+              Icon(Icons.location_pin, size: 13, color: Colors.grey[500]),
+              const SizedBox(width: 4),
+              Text(
+                'Jl. Mastrip No.164, Sumbersari, Jember',
+                style: TextStyle(fontSize: 11, color: Colors.grey[500]),
+              ),
+            ],
           ),
         ],
       ),
@@ -577,51 +589,4 @@ class _KontrakanDetailScreenState extends State<KontrakanDetailScreen> {
     }
   }
 
-  Future<void> _detectLocation() async {
-    setState(() {
-      isLoadingLocation = true;
-      locationError = null;
-    });
-
-    try {
-      final locationService = LocationService();
-      final isEnabled = await locationService.isLocationServiceEnabled();
-
-      if (!isEnabled) {
-        setState(() {
-          locationError = 'Layanan lokasi tidak aktif';
-          isLoadingLocation = false;
-        });
-        return;
-      }
-
-      final position = await locationService.getCurrentLocation();
-
-      if (position != null) {
-        final dist = LocationService.calculateDistance(
-          position.latitude,
-          position.longitude,
-          widget.kontrakan.latitude!,
-          widget.kontrakan.longitude!,
-        );
-
-        setState(() {
-          userLat = position.latitude;
-          userLng = position.longitude;
-          distance = dist;
-          isLoadingLocation = false;
-        });
-      } else {
-        setState(() {
-          locationError = 'Gagal mendapatkan lokasi Anda';
-          isLoadingLocation = false;
-        });
-      }
-    } catch (e) {
-      setState(() {
-        locationError = 'Error: ${e.toString()}';
-        isLoadingLocation = false;
-      });
-    }
-  }
 }
diff --git a/spk_mobile/lib/screens/laundry_detail_screen.dart b/spk_mobile/lib/screens/laundry_detail_screen.dart
index d02eef0..2951c9f 100644
--- a/spk_mobile/lib/screens/laundry_detail_screen.dart
+++ b/spk_mobile/lib/screens/laundry_detail_screen.dart
@@ -30,48 +30,78 @@ class _LaundryDetailScreenState extends State<LaundryDetailScreen> {
   }
 
   Future<void> _checkFavorite() async {
-    final result = await _favoriteService.isLaundryFavorite(widget.laundry.id);
-    if (mounted) setState(() => _isFavorite = result);
+    try {
+      final result = await _favoriteService.isLaundryFavorite(widget.laundry.id);
+      if (mounted) setState(() => _isFavorite = result);
+    } catch (e) {
+      debugPrint('Check favorite error: $e');
+    }
   }
 
   Future<void> _toggleFavorite() async {
     setState(() => _isFavLoading = true);
-    final result = await _favoriteService.toggleLaundryFavorite(
-      widget.laundry.id,
-    );
-    if (mounted) {
-      setState(() {
-        _isFavLoading = false;
-        if (result['success'] == true) {
+    try {
+      final result = await _favoriteService.toggleLaundryFavorite(
+        widget.laundry.id,
+      );
+      if (!mounted) return;
+
+      if (result['success'] == true) {
+        setState(() {
           _isFavorite = result['isFavorite'] ?? !_isFavorite;
-        }
-      });
+        });
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(
+            content: Row(
+              children: [
+                Icon(
+                  _isFavorite
+                      ? Icons.favorite_rounded
+                      : Icons.favorite_border_rounded,
+                  color: Colors.white,
+                  size: 20,
+                ),
+                const SizedBox(width: 10),
+                Text(result['message'] ?? 'Status favorit diubah'),
+              ],
+            ),
+            backgroundColor: _isFavorite
+                ? const Color(0xFF00897B)
+                : Colors.grey[700],
+            behavior: SnackBarBehavior.floating,
+            shape: RoundedRectangleBorder(
+              borderRadius: BorderRadius.circular(12),
+            ),
+            margin: const EdgeInsets.all(16),
+            duration: const Duration(seconds: 2),
+          ),
+        );
+      } else {
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(
+            content: Text(result['message'] ?? 'Gagal mengubah favorit'),
+            backgroundColor: Colors.red[700],
+            behavior: SnackBarBehavior.floating,
+            shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
+            margin: const EdgeInsets.all(16),
+          ),
+        );
+      }
+    } catch (e) {
+      if (!mounted) return;
       ScaffoldMessenger.of(context).showSnackBar(
         SnackBar(
-          content: Row(
-            children: [
-              Icon(
-                _isFavorite
-                    ? Icons.favorite_rounded
-                    : Icons.favorite_border_rounded,
-                color: Colors.white,
-                size: 20,
-              ),
-              const SizedBox(width: 10),
-              Text(result['message'] ?? 'Status favorit diubah'),
-            ],
-          ),
-          backgroundColor: _isFavorite
-              ? const Color(0xFF00897B)
-              : Colors.grey[700],
+          content: Text('Gagal: $e'),
+          backgroundColor: Colors.red[700],
           behavior: SnackBarBehavior.floating,
           shape: RoundedRectangleBorder(
             borderRadius: BorderRadius.circular(12),
           ),
           margin: const EdgeInsets.all(16),
-          duration: const Duration(seconds: 2),
         ),
       );
+    } finally {
+      if (mounted) setState(() => _isFavLoading = false);
     }
   }
 
@@ -519,6 +549,7 @@ class _LaundryDetailScreenState extends State<LaundryDetailScreen> {
       final locationService = LocationService();
       final isEnabled = await locationService.isLocationServiceEnabled();
 
+      if (!mounted) return;
       if (!isEnabled) {
         setState(() {
           locationError = 'Layanan lokasi tidak aktif';
@@ -529,6 +560,7 @@ class _LaundryDetailScreenState extends State<LaundryDetailScreen> {
 
       final position = await locationService.getCurrentLocation();
 
+      if (!mounted) return;
       if (position != null) {
         final dist = LocationService.calculateDistance(
           position.latitude,
@@ -550,6 +582,7 @@ class _LaundryDetailScreenState extends State<LaundryDetailScreen> {
         });
       }
     } catch (e) {
+      if (!mounted) return;
       setState(() {
         locationError = 'Error: ${e.toString()}';
         isLoadingLocation = false;
@@ -700,7 +733,9 @@ class _LaundryDetailScreenState extends State<LaundryDetailScreen> {
   }
 
   Future<void> _launchWhatsApp(String phone) async {
-    final url = 'https://wa.me/$phone';
+    final cleaned = phone.replaceAll(RegExp(r'[^0-9]'), '');
+    final formatted = cleaned.startsWith('0') ? '62${cleaned.substring(1)}' : cleaned;
+    final url = 'https://wa.me/$formatted';
     if (await canLaunchUrl(Uri.parse(url))) {
       await launchUrl(Uri.parse(url), mode: LaunchMode.externalApplication);
     }
diff --git a/spk_mobile/lib/screens/laundry_list_screen.dart b/spk_mobile/lib/screens/laundry_list_screen.dart
index 4595ee5..f34b0dd 100644
--- a/spk_mobile/lib/screens/laundry_list_screen.dart
+++ b/spk_mobile/lib/screens/laundry_list_screen.dart
@@ -33,38 +33,54 @@ class _LaundryListScreenState extends State<LaundryListScreen> {
 
   Future<void> _loadLaundry() async {
     setState(() => _isLoading = true);
-    final list = await _laundryService.getLaundry();
-    setState(() {
-      _laundryList = list;
-      _filteredList = list;
-      _isLoading = false;
-    });
+    try {
+      final list = await _laundryService.getLaundry();
+      if (!mounted) return;
+      setState(() {
+        _laundryList = list;
+        _filteredList = List.from(list);
+        _applySortInPlace(_sortBy); // apply current sort
+        _isLoading = false;
+      });
+    } catch (e) {
+      debugPrint('Load laundry error: $e');
+      if (!mounted) return;
+      setState(() => _isLoading = false);
+    }
   }
 
   void _filterList(String query) {
     setState(() {
       if (query.isEmpty) {
-        _filteredList = _laundryList;
+        _filteredList = List.from(_laundryList);
       } else {
         _filteredList = _laundryList.where((laundry) {
           return laundry.nama.toLowerCase().contains(query.toLowerCase()) ||
                  laundry.alamat.toLowerCase().contains(query.toLowerCase());
         }).toList();
       }
+      _applySortInPlace(_sortBy);
     });
   }
 
   void _sortList(String sortBy) {
     setState(() {
-      _sortBy = sortBy;
-      if (sortBy == 'rating') {
-        _filteredList.sort((a, b) => b.rating.compareTo(a.rating));
-      } else if (sortBy == 'harga') {
-        _filteredList.sort((a, b) => a.hargaKiloan.compareTo(b.hargaKiloan));
-      }
+      _applySortInPlace(sortBy);
     });
   }
 
+  /// Internal sort helper — call within setState only
+  void _applySortInPlace(String sortBy) {
+    _sortBy = sortBy;
+    if (sortBy == 'rating') {
+      _filteredList.sort((a, b) => b.rating.compareTo(a.rating));
+    } else if (sortBy == 'harga') {
+      _filteredList.sort((a, b) => a.hargaKiloan.compareTo(b.hargaKiloan));
+    } else if (sortBy == 'jarak') {
+      _filteredList.sort((a, b) => a.jarakKampus.compareTo(b.jarakKampus));
+    }
+  }
+
   @override
   Widget build(BuildContext context) {
     return Scaffold(
@@ -187,7 +203,7 @@ class _LaundryListScreenState extends State<LaundryListScreen> {
                       ],
                     ),
                     Text(
-                      'Urut: ${_sortBy == "rating" ? "Rating" : "Harga"}',
+                      'Urut: ${_sortBy == "rating" ? "Rating" : _sortBy == "harga" ? "Harga" : "Jarak"}',
                       style: TextStyle(
                         fontSize: 13,
                         color: Colors.grey[600],
diff --git a/spk_mobile/lib/screens/profile_screen.dart b/spk_mobile/lib/screens/profile_screen.dart
index 97f147f..38d4edc 100644
--- a/spk_mobile/lib/screens/profile_screen.dart
+++ b/spk_mobile/lib/screens/profile_screen.dart
@@ -1,10 +1,13 @@
 import 'package:flutter/material.dart';
 import '../services/auth_service.dart';
+import '../services/favorite_service.dart';
+import '../services/booking_service.dart';
 import '../models/user.dart';
 import '../login.dart';
 import 'edit_profile_screen.dart';
 import 'change_password_screen.dart';
 import 'booking_history_screen.dart';
+import 'favorites_screen.dart';
 
 class ProfileScreen extends StatefulWidget {
   const ProfileScreen({super.key});
@@ -13,323 +16,612 @@ class ProfileScreen extends StatefulWidget {
   State<ProfileScreen> createState() => _ProfileScreenState();
 }
 
-class _ProfileScreenState extends State<ProfileScreen> {
+class _ProfileScreenState extends State<ProfileScreen>
+    with SingleTickerProviderStateMixin {
   final _authService = AuthService();
+  final _favoriteService = FavoriteService();
+  final _bookingService = BookingService();
   User? _currentUser;
   bool _isLoading = true;
+  int _totalFavorites = 0;
+  int _totalBookings = 0;
+
+  late AnimationController _animController;
+  late Animation<double> _fadeAnim;
 
   @override
   void initState() {
     super.initState();
-    _loadUser();
+    _animController = AnimationController(
+      vsync: this,
+      duration: const Duration(milliseconds: 600),
+    );
+    _fadeAnim = CurvedAnimation(parent: _animController, curve: Curves.easeOut);
+    _loadAll();
+  }
+
+  @override
+  void dispose() {
+    _animController.dispose();
+    super.dispose();
+  }
+
+  Future<void> _loadAll() async {
+    setState(() => _isLoading = true);
+    try {
+      await Future.wait([_loadUser(), _loadStats()]);
+    } catch (_) {}
+    if (!mounted) return;
+    setState(() => _isLoading = false);
+    _animController.forward(from: 0);
   }
 
   Future<void> _loadUser() async {
-    setState(() => _isLoading = true);
-    final user = await _authService.getCurrentUser();
-    setState(() {
-      _currentUser = user;
-      _isLoading = false;
-    });
+    try {
+      final user = await _authService.getCurrentUser();
+      if (!mounted) return;
+      setState(() => _currentUser = user);
+    } catch (e) {
+      debugPrint('Load user error: $e');
+    }
+  }
+
+  Future<void> _loadStats() async {
+    try {
+      final favResult = await _favoriteService.getFavoriteIds();
+      final bookings = await _bookingService.getBookingHistory();
+      if (!mounted) return;
+      setState(() {
+        _totalFavorites = (favResult['kontrakan']?.length ?? 0) +
+            (favResult['laundry']?.length ?? 0);
+        _totalBookings = bookings.length;
+      });
+    } catch (e) {
+      debugPrint('Load stats error: $e');
+    }
+  }
+
+  String _getInitials(String name) {
+    if (name.isEmpty) return 'U';
+    final parts = name.trim().split(' ');
+    if (parts.length >= 2) {
+      return '${parts[0][0]}${parts[1][0]}'.toUpperCase();
+    }
+    return parts[0][0].toUpperCase();
+  }
+
+  String _getMemberSince(DateTime? date) {
+    if (date == null) return 'Baru bergabung';
+    const months = [
+      '',
+      'Januari',
+      'Februari',
+      'Maret',
+      'April',
+      'Mei',
+      'Juni',
+      'Juli',
+      'Agustus',
+      'September',
+      'Oktober',
+      'November',
+      'Desember'
+    ];
+    return '${months[date.month]} ${date.year}';
   }
 
   @override
   Widget build(BuildContext context) {
     return Scaffold(
-      backgroundColor: const Color(0xFFF8F9FA),
+      backgroundColor: const Color(0xFFF5F6FA),
       body: _isLoading
           ? const Center(
               child: CircularProgressIndicator(color: Color(0xFF1565C0)))
           : RefreshIndicator(
-              onRefresh: _loadUser,
+              onRefresh: _loadAll,
               color: const Color(0xFF1565C0),
-              child: CustomScrollView(
-                physics: const AlwaysScrollableScrollPhysics(),
-                slivers: [
-                  // --- Profile Header ---
-                  SliverToBoxAdapter(
-                    child: Container(
-                      decoration: const BoxDecoration(
-                        gradient: LinearGradient(
-                          colors: [Color(0xFF0D47A1), Color(0xFF1976D2)],
-                          begin: Alignment.topLeft,
-                          end: Alignment.bottomRight,
-                        ),
-                        borderRadius: BorderRadius.only(
-                          bottomLeft: Radius.circular(32),
-                          bottomRight: Radius.circular(32),
-                        ),
-                      ),
-                      child: SafeArea(
-                        bottom: false,
-                        child: Padding(
-                          padding: const EdgeInsets.fromLTRB(24, 20, 24, 32),
-                          child: Column(
-                            children: [
-                              // Title
-                              const Row(
-                                children: [
-                                  Text(
-                                    'Profil Saya',
-                                    style: TextStyle(
-                                      fontSize: 22,
-                                      fontWeight: FontWeight.bold,
-                                      color: Colors.white,
-                                    ),
-                                  ),
-                                ],
-                              ),
-                              const SizedBox(height: 24),
-                              // Avatar & Info
-                              Row(
-                                children: [
-                                  Container(
-                                    padding: const EdgeInsets.all(3),
-                                    decoration: BoxDecoration(
-                                      shape: BoxShape.circle,
-                                      border: Border.all(
-                                          color: Colors.white, width: 2.5),
-                                    ),
-                                    child: CircleAvatar(
-                                      radius: 38,
-                                      backgroundColor:
-                                          Colors.white.withOpacity(0.95),
-                                      child: Text(
-                                        _currentUser?.name
-                                                .substring(0, 1)
-                                                .toUpperCase() ??
-                                            'U',
-                                        style: const TextStyle(
-                                          fontSize: 30,
-                                          fontWeight: FontWeight.bold,
-                                          color: Color(0xFF0D47A1),
-                                        ),
-                                      ),
-                                    ),
-                                  ),
-                                  const SizedBox(width: 16),
-                                  Expanded(
-                                    child: Column(
-                                      crossAxisAlignment:
-                                          CrossAxisAlignment.start,
-                                      children: [
-                                        Text(
-                                          _currentUser?.name ?? 'User',
-                                          style: const TextStyle(
-                                            fontSize: 20,
-                                            fontWeight: FontWeight.bold,
-                                            color: Colors.white,
-                                          ),
-                                          maxLines: 1,
-                                          overflow: TextOverflow.ellipsis,
-                                        ),
-                                        const SizedBox(height: 4),
-                                        Row(
-                                          children: [
-                                            Icon(Icons.email_outlined,
-                                                size: 14,
-                                                color: Colors.white
-                                                    .withOpacity(0.8)),
-                                            const SizedBox(width: 6),
-                                            Expanded(
-                                              child: Text(
-                                                _currentUser?.email ?? '',
-                                                style: TextStyle(
-                                                  fontSize: 13,
-                                                  color: Colors.white
-                                                      .withOpacity(0.85),
-                                                ),
-                                                maxLines: 1,
-                                                overflow:
-                                                    TextOverflow.ellipsis,
-                                              ),
-                                            ),
-                                          ],
-                                        ),
-                                        if (_currentUser?.phone != null &&
-                                            _currentUser!.phone!.isNotEmpty) ...[
-                                          const SizedBox(height: 2),
-                                          Row(
-                                            children: [
-                                              Icon(Icons.phone_outlined,
-                                                  size: 14,
-                                                  color: Colors.white
-                                                      .withOpacity(0.8)),
-                                              const SizedBox(width: 6),
-                                              Text(
-                                                _currentUser!.phone!,
-                                                style: TextStyle(
-                                                  fontSize: 13,
-                                                  color: Colors.white
-                                                      .withOpacity(0.85),
-                                                ),
-                                              ),
-                                            ],
-                                          ),
-                                        ],
-                                      ],
-                                    ),
-                                  ),
-                                ],
-                              ),
-                            ],
-                          ),
-                        ),
+              child: FadeTransition(
+                opacity: _fadeAnim,
+                child: CustomScrollView(
+                  physics: const AlwaysScrollableScrollPhysics(),
+                  slivers: [
+                    // ==================== HEADER ====================
+                    SliverToBoxAdapter(child: _buildHeader()),
+
+                    // ==================== STATS ====================
+                    SliverToBoxAdapter(
+                      child: Transform.translate(
+                        offset: const Offset(0, -30),
+                        child: _buildStatsRow(),
                       ),
                     ),
-                  ),
 
-                  // --- Menu Sections ---
-                  SliverPadding(
-                    padding: const EdgeInsets.fromLTRB(16, 24, 16, 16),
-                    sliver: SliverList(
-                      delegate: SliverChildListDelegate([
-                        // Akun section
-                        _sectionLabel('Akun'),
-                        const SizedBox(height: 8),
-                        _menuCard([
-                          _menuTile(
-                            icon: Icons.person_outline,
-                            title: 'Edit Profil',
-                            subtitle: 'Ubah nama, email, dan no. HP',
-                            onTap: () async {
-                              if (_currentUser == null) return;
-                              final result = await Navigator.push(
-                                context,
-                                MaterialPageRoute(
-                                  builder: (_) =>
-                                      EditProfileScreen(user: _currentUser!),
-                                ),
-                              );
-                              if (result == true) _loadUser();
-                            },
-                          ),
-                          _divider(),
-                          _menuTile(
-                            icon: Icons.lock_outline,
-                            title: 'Ubah Password',
-                            subtitle: 'Ganti password akun Anda',
-                            onTap: () {
-                              Navigator.push(
-                                context,
-                                MaterialPageRoute(
-                                  builder: (_) =>
-                                      const ChangePasswordScreen(),
-                                ),
-                              );
-                            },
-                          ),
-                        ]),
-
-                        const SizedBox(height: 20),
-
-                        // Aktivitas section
-                        _sectionLabel('Aktivitas'),
-                        const SizedBox(height: 8),
-                        _menuCard([
-                          _menuTile(
-                            icon: Icons.receipt_long_outlined,
-                            title: 'Booking Saya',
-                            subtitle: 'Lihat riwayat booking Anda',
-                            onTap: () {
-                              Navigator.push(
-                                context,
-                                MaterialPageRoute(
-                                  builder: (_) =>
-                                      const BookingHistoryScreen(),
-                                ),
-                              );
-                            },
-                          ),
-                        ]),
-
-                        const SizedBox(height: 20),
-
-                        // Informasi section
-                        _sectionLabel('Informasi'),
-                        const SizedBox(height: 8),
-                        _menuCard([
-                          _menuTile(
-                            icon: Icons.info_outline,
-                            title: 'Tentang Aplikasi',
-                            subtitle: 'SPK Kontrakan v1.0.0',
-                            onTap: _showAboutDialog,
-                          ),
-                        ]),
-
-                        const SizedBox(height: 28),
-
-                        // Logout
-                        SizedBox(
-                          width: double.infinity,
-                          height: 52,
-                          child: OutlinedButton.icon(
-                            onPressed: _handleLogout,
-                            icon: const Icon(Icons.logout, size: 20),
-                            label: const Text(
-                              'Keluar dari Akun',
-                              style: TextStyle(
-                                  fontSize: 15, fontWeight: FontWeight.w600),
+                    // ==================== MENU SECTIONS ====================
+                    SliverPadding(
+                      padding: const EdgeInsets.fromLTRB(20, 0, 20, 20),
+                      sliver: SliverList(
+                        delegate: SliverChildListDelegate([
+                          // --- Akun ---
+                          _buildSectionTitle('Akun', Icons.person_rounded),
+                          const SizedBox(height: 10),
+                          _buildMenuCard([
+                            _buildMenuItem(
+                              icon: Icons.edit_rounded,
+                              iconColor: const Color(0xFF1565C0),
+                              iconBg: const Color(0xFF1565C0),
+                              title: 'Edit Profil',
+                              subtitle: 'Ubah nama, email, dan no. HP',
+                              onTap: () async {
+                                if (_currentUser == null) return;
+                                final result = await Navigator.push(
+                                  context,
+                                  MaterialPageRoute(
+                                    builder: (_) => EditProfileScreen(
+                                        user: _currentUser!),
+                                  ),
+                                );
+                                if (result == true) _loadAll();
+                              },
                             ),
-                            style: OutlinedButton.styleFrom(
-                              foregroundColor: Colors.red.shade600,
-                              side: BorderSide(color: Colors.red.shade300),
-                              shape: RoundedRectangleBorder(
-                                borderRadius: BorderRadius.circular(14),
-                              ),
+                            _buildMenuItem(
+                              icon: Icons.lock_rounded,
+                              iconColor: const Color(0xFF6A1B9A),
+                              iconBg: const Color(0xFF6A1B9A),
+                              title: 'Ubah Password',
+                              subtitle: 'Ganti password akun Anda',
+                              onTap: () {
+                                Navigator.push(
+                                  context,
+                                  MaterialPageRoute(
+                                    builder: (_) =>
+                                        const ChangePasswordScreen(),
+                                  ),
+                                );
+                              },
                             ),
-                          ),
-                        ),
+                          ]),
 
-                        const SizedBox(height: 32),
-                      ]),
+                          const SizedBox(height: 24),
+
+                          // --- Aktivitas ---
+                          _buildSectionTitle(
+                              'Aktivitas', Icons.timeline_rounded),
+                          const SizedBox(height: 10),
+                          _buildMenuCard([
+                            _buildMenuItem(
+                              icon: Icons.receipt_long_rounded,
+                              iconColor: const Color(0xFF00897B),
+                              iconBg: const Color(0xFF00897B),
+                              title: 'Booking Saya',
+                              subtitle: '$_totalBookings booking tercatat',
+                              onTap: () {
+                                Navigator.push(
+                                  context,
+                                  MaterialPageRoute(
+                                    builder: (_) =>
+                                        const BookingHistoryScreen(),
+                                  ),
+                                );
+                              },
+                            ),
+                            _buildMenuItem(
+                              icon: Icons.favorite_rounded,
+                              iconColor: const Color(0xFFE53935),
+                              iconBg: const Color(0xFFE53935),
+                              title: 'Favorit Saya',
+                              subtitle: '$_totalFavorites item difavoritkan',
+                              onTap: () {
+                                Navigator.push(
+                                  context,
+                                  MaterialPageRoute(
+                                    builder: (_) => const FavoritesScreen(),
+                                  ),
+                                );
+                              },
+                            ),
+                          ]),
+
+                          const SizedBox(height: 24),
+
+                          // --- Lainnya ---
+                          _buildSectionTitle(
+                              'Lainnya', Icons.more_horiz_rounded),
+                          const SizedBox(height: 10),
+                          _buildMenuCard([
+                            _buildMenuItem(
+                              icon: Icons.info_rounded,
+                              iconColor: const Color(0xFFF57C00),
+                              iconBg: const Color(0xFFF57C00),
+                              title: 'Tentang Aplikasi',
+                              subtitle: 'Informasi & versi aplikasi',
+                              onTap: _showAboutDialog,
+                            ),
+                          ]),
+
+                          const SizedBox(height: 32),
+
+                          // --- Logout ---
+                          _buildLogoutButton(),
+
+                          const SizedBox(height: 40),
+                        ]),
+                      ),
                     ),
-                  ),
-                ],
+                  ],
+                ),
               ),
             ),
     );
   }
 
-  // --- Helper Widgets ---
+  // ==================== HEADER ====================
+  Widget _buildHeader() {
+    return Container(
+      decoration: const BoxDecoration(
+        gradient: LinearGradient(
+          colors: [Color(0xFF0D47A1), Color(0xFF1976D2), Color(0xFF42A5F5)],
+          begin: Alignment.topLeft,
+          end: Alignment.bottomRight,
+        ),
+        borderRadius: BorderRadius.only(
+          bottomLeft: Radius.circular(36),
+          bottomRight: Radius.circular(36),
+        ),
+      ),
+      child: Stack(
+        children: [
+          // Decorative circles
+          Positioned(
+            top: -40,
+            right: -30,
+            child: Container(
+              width: 150,
+              height: 150,
+              decoration: BoxDecoration(
+                shape: BoxShape.circle,
+                color: Colors.white.withValues(alpha: 0.06),
+              ),
+            ),
+          ),
+          Positioned(
+            bottom: 20,
+            left: -20,
+            child: Container(
+              width: 100,
+              height: 100,
+              decoration: BoxDecoration(
+                shape: BoxShape.circle,
+                color: Colors.white.withValues(alpha: 0.04),
+              ),
+            ),
+          ),
+          Positioned(
+            top: 30,
+            left: 50,
+            child: Container(
+              width: 60,
+              height: 60,
+              decoration: BoxDecoration(
+                shape: BoxShape.circle,
+                color: Colors.white.withValues(alpha: 0.03),
+              ),
+            ),
+          ),
 
-  Widget _sectionLabel(String text) {
+          // Content
+          SafeArea(
+            bottom: false,
+            child: Padding(
+              padding: const EdgeInsets.fromLTRB(24, 16, 24, 56),
+              child: Column(
+                children: [
+                  // Title bar
+                  const Row(
+                    children: [
+                      Icon(Icons.person_rounded,
+                          color: Colors.white, size: 24),
+                      SizedBox(width: 10),
+                      Text(
+                        'Profil Saya',
+                        style: TextStyle(
+                          fontSize: 22,
+                          fontWeight: FontWeight.w800,
+                          color: Colors.white,
+                          letterSpacing: 0.3,
+                        ),
+                      ),
+                    ],
+                  ),
+
+                  const SizedBox(height: 28),
+
+                  // Avatar + Info
+                  Row(
+                    children: [
+                      // Avatar with shadow and gradient ring
+                      Container(
+                        decoration: BoxDecoration(
+                          shape: BoxShape.circle,
+                          boxShadow: [
+                            BoxShadow(
+                              color: Colors.black.withValues(alpha: 0.2),
+                              blurRadius: 16,
+                              offset: const Offset(0, 6),
+                            ),
+                          ],
+                        ),
+                        child: Container(
+                          padding: const EdgeInsets.all(3),
+                          decoration: const BoxDecoration(
+                            shape: BoxShape.circle,
+                            gradient: LinearGradient(
+                              colors: [
+                                Colors.white,
+                                Color(0xFFBBDEFB),
+                              ],
+                              begin: Alignment.topLeft,
+                              end: Alignment.bottomRight,
+                            ),
+                          ),
+                          child: CircleAvatar(
+                            radius: 40,
+                            backgroundColor: const Color(0xFF0D47A1),
+                            child: Text(
+                              _getInitials(_currentUser?.name ?? ''),
+                              style: const TextStyle(
+                                fontSize: 28,
+                                fontWeight: FontWeight.w800,
+                                color: Colors.white,
+                                letterSpacing: 1,
+                              ),
+                            ),
+                          ),
+                        ),
+                      ),
+                      const SizedBox(width: 18),
+
+                      // Name, email, phone, member since
+                      Expanded(
+                        child: Column(
+                          crossAxisAlignment: CrossAxisAlignment.start,
+                          children: [
+                            Text(
+                              _currentUser?.name ?? 'User',
+                              style: const TextStyle(
+                                fontSize: 22,
+                                fontWeight: FontWeight.w800,
+                                color: Colors.white,
+                                letterSpacing: 0.2,
+                              ),
+                              maxLines: 1,
+                              overflow: TextOverflow.ellipsis,
+                            ),
+                            const SizedBox(height: 6),
+                            _headerInfoRow(
+                              Icons.email_outlined,
+                              _currentUser?.email ?? '-',
+                            ),
+                            if (_currentUser?.phone != null &&
+                                _currentUser!.phone!.isNotEmpty) ...[
+                              const SizedBox(height: 4),
+                              _headerInfoRow(
+                                Icons.phone_outlined,
+                                _currentUser!.phone!,
+                              ),
+                            ],
+                            const SizedBox(height: 8),
+                            Container(
+                              padding: const EdgeInsets.symmetric(
+                                  horizontal: 10, vertical: 4),
+                              decoration: BoxDecoration(
+                                color: Colors.white.withValues(alpha: 0.15),
+                                borderRadius: BorderRadius.circular(20),
+                              ),
+                              child: Row(
+                                mainAxisSize: MainAxisSize.min,
+                                children: [
+                                  Icon(Icons.calendar_month_rounded,
+                                      size: 13,
+                                      color: Colors.white
+                                          .withValues(alpha: 0.85)),
+                                  const SizedBox(width: 5),
+                                  Text(
+                                    'Bergabung ${_getMemberSince(_currentUser?.createdAt)}',
+                                    style: TextStyle(
+                                      fontSize: 11,
+                                      fontWeight: FontWeight.w600,
+                                      color: Colors.white
+                                          .withValues(alpha: 0.9),
+                                    ),
+                                  ),
+                                ],
+                              ),
+                            ),
+                          ],
+                        ),
+                      ),
+                    ],
+                  ),
+                ],
+              ),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _headerInfoRow(IconData icon, String text) {
+    return Row(
+      children: [
+        Icon(icon,
+            size: 14, color: Colors.white.withValues(alpha: 0.75)),
+        const SizedBox(width: 6),
+        Expanded(
+          child: Text(
+            text,
+            style: TextStyle(
+              fontSize: 13,
+              color: Colors.white.withValues(alpha: 0.85),
+              fontWeight: FontWeight.w500,
+            ),
+            maxLines: 1,
+            overflow: TextOverflow.ellipsis,
+          ),
+        ),
+      ],
+    );
+  }
+
+  // ==================== STATS ROW ====================
+  Widget _buildStatsRow() {
     return Padding(
-      padding: const EdgeInsets.only(left: 4),
-      child: Text(
-        text.toUpperCase(),
-        style: TextStyle(
-          fontSize: 12,
-          fontWeight: FontWeight.w700,
-          color: Colors.grey.shade500,
-          letterSpacing: 1.2,
+      padding: const EdgeInsets.symmetric(horizontal: 24),
+      child: Container(
+        padding: const EdgeInsets.symmetric(vertical: 18, horizontal: 8),
+        decoration: BoxDecoration(
+          color: Colors.white,
+          borderRadius: BorderRadius.circular(20),
+          boxShadow: [
+            BoxShadow(
+              color: const Color(0xFF1565C0).withValues(alpha: 0.10),
+              blurRadius: 20,
+              offset: const Offset(0, 8),
+            ),
+          ],
+        ),
+        child: Row(
+          children: [
+            _buildStatItem(
+              icon: Icons.favorite_rounded,
+              color: const Color(0xFFE53935),
+              value: '$_totalFavorites',
+              label: 'Favorit',
+            ),
+            _buildStatDivider(),
+            _buildStatItem(
+              icon: Icons.receipt_long_rounded,
+              color: const Color(0xFF00897B),
+              value: '$_totalBookings',
+              label: 'Booking',
+            ),
+            _buildStatDivider(),
+            _buildStatItem(
+              icon: Icons.verified_user_rounded,
+              color: const Color(0xFF1565C0),
+              value: _currentUser?.role == 'admin' ? 'Admin' : 'User',
+              label: 'Status',
+            ),
+          ],
         ),
       ),
     );
   }
 
-  Widget _menuCard(List<Widget> children) {
-    return Container(
-      decoration: BoxDecoration(
-        color: Colors.white,
-        borderRadius: BorderRadius.circular(16),
-        boxShadow: [
-          BoxShadow(
-            color: Colors.black.withOpacity(0.04),
-            blurRadius: 10,
-            offset: const Offset(0, 2),
+  Widget _buildStatItem({
+    required IconData icon,
+    required Color color,
+    required String value,
+    required String label,
+  }) {
+    return Expanded(
+      child: Column(
+        children: [
+          Container(
+            padding: const EdgeInsets.all(10),
+            decoration: BoxDecoration(
+              color: color.withValues(alpha: 0.1),
+              shape: BoxShape.circle,
+            ),
+            child: Icon(icon, color: color, size: 22),
+          ),
+          const SizedBox(height: 8),
+          Text(
+            value,
+            style: const TextStyle(
+              fontSize: 18,
+              fontWeight: FontWeight.w800,
+              color: Color(0xFF1A1A2E),
+            ),
+          ),
+          const SizedBox(height: 2),
+          Text(
+            label,
+            style: TextStyle(
+              fontSize: 12,
+              color: Colors.grey.shade500,
+              fontWeight: FontWeight.w500,
+            ),
           ),
         ],
       ),
-      child: ClipRRect(
-        borderRadius: BorderRadius.circular(16),
-        child: Column(children: children),
-      ),
     );
   }
 
-  Widget _menuTile({
+  Widget _buildStatDivider() {
+    return Container(
+      width: 1,
+      height: 45,
+      color: Colors.grey.shade200,
+    );
+  }
+
+  // ==================== SECTION TITLE ====================
+  Widget _buildSectionTitle(String text, IconData icon) {
+    return Row(
+      children: [
+        Icon(icon, size: 18, color: Colors.grey.shade600),
+        const SizedBox(width: 8),
+        Text(
+          text.toUpperCase(),
+          style: TextStyle(
+            fontSize: 12,
+            fontWeight: FontWeight.w800,
+            color: Colors.grey.shade600,
+            letterSpacing: 1.3,
+          ),
+        ),
+      ],
+    );
+  }
+
+  // ==================== MENU CARD ====================
+  Widget _buildMenuCard(List<Widget> items) {
+    return Container(
+      decoration: BoxDecoration(
+        color: Colors.white,
+        borderRadius: BorderRadius.circular(18),
+        boxShadow: [
+          BoxShadow(
+            color: Colors.black.withValues(alpha: 0.04),
+            blurRadius: 12,
+            offset: const Offset(0, 3),
+          ),
+        ],
+      ),
+      child: ClipRRect(
+        borderRadius: BorderRadius.circular(18),
+        child: Column(
+          children: List.generate(items.length * 2 - 1, (index) {
+            if (index.isOdd) {
+              return Divider(
+                height: 1,
+                thickness: 0.5,
+                indent: 72,
+                color: Colors.grey.shade100,
+              );
+            }
+            return items[index ~/ 2];
+          }),
+        ),
+      ),
+    );
+  }
+
+  Widget _buildMenuItem({
     required IconData icon,
+    required Color iconColor,
+    required Color iconBg,
     required String title,
     required String subtitle,
     required VoidCallback onTap,
@@ -339,17 +631,24 @@ class _ProfileScreenState extends State<ProfileScreen> {
       child: InkWell(
         onTap: onTap,
         child: Padding(
-          padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 14),
+          padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 15),
           child: Row(
             children: [
               Container(
-                width: 42,
-                height: 42,
+                width: 44,
+                height: 44,
                 decoration: BoxDecoration(
-                  color: const Color(0xFF1565C0).withOpacity(0.08),
-                  borderRadius: BorderRadius.circular(12),
+                  gradient: LinearGradient(
+                    colors: [
+                      iconBg.withValues(alpha: 0.15),
+                      iconBg.withValues(alpha: 0.08),
+                    ],
+                    begin: Alignment.topLeft,
+                    end: Alignment.bottomRight,
+                  ),
+                  borderRadius: BorderRadius.circular(13),
                 ),
-                child: Icon(icon, color: const Color(0xFF1565C0), size: 22),
+                child: Icon(icon, color: iconColor, size: 22),
               ),
               const SizedBox(width: 14),
               Expanded(
@@ -360,22 +659,31 @@ class _ProfileScreenState extends State<ProfileScreen> {
                       title,
                       style: const TextStyle(
                         fontSize: 15,
-                        fontWeight: FontWeight.w600,
+                        fontWeight: FontWeight.w700,
                         color: Color(0xFF1A1A2E),
                       ),
                     ),
-                    const SizedBox(height: 2),
+                    const SizedBox(height: 3),
                     Text(
                       subtitle,
                       style: TextStyle(
                         fontSize: 12,
                         color: Colors.grey.shade500,
+                        fontWeight: FontWeight.w500,
                       ),
                     ),
                   ],
                 ),
               ),
-              Icon(Icons.chevron_right, color: Colors.grey.shade400, size: 22),
+              Container(
+                padding: const EdgeInsets.all(6),
+                decoration: BoxDecoration(
+                  color: Colors.grey.shade50,
+                  borderRadius: BorderRadius.circular(8),
+                ),
+                child: Icon(Icons.chevron_right_rounded,
+                    color: Colors.grey.shade400, size: 20),
+              ),
             ],
           ),
         ),
@@ -383,80 +691,179 @@ class _ProfileScreenState extends State<ProfileScreen> {
     );
   }
 
-  Widget _divider() {
-    return Divider(
-        height: 1, thickness: 0.5, indent: 72, color: Colors.grey.shade200);
+  // ==================== LOGOUT ====================
+  Widget _buildLogoutButton() {
+    return Container(
+      width: double.infinity,
+      height: 54,
+      decoration: BoxDecoration(
+        borderRadius: BorderRadius.circular(16),
+        border: Border.all(color: Colors.red.shade200, width: 1.5),
+      ),
+      child: Material(
+        color: Colors.red.shade50.withValues(alpha: 0.5),
+        borderRadius: BorderRadius.circular(16),
+        child: InkWell(
+          onTap: _handleLogout,
+          borderRadius: BorderRadius.circular(16),
+          child: Row(
+            mainAxisAlignment: MainAxisAlignment.center,
+            children: [
+              Icon(Icons.logout_rounded,
+                  color: Colors.red.shade600, size: 20),
+              const SizedBox(width: 10),
+              Text(
+                'Keluar dari Akun',
+                style: TextStyle(
+                  fontSize: 15,
+                  fontWeight: FontWeight.w700,
+                  color: Colors.red.shade600,
+                ),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
   }
 
-  // --- Dialogs ---
-
+  // ==================== DIALOGS ====================
   void _showAboutDialog() {
     showDialog(
       context: context,
       builder: (context) => AlertDialog(
-        shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20)),
-        contentPadding: const EdgeInsets.fromLTRB(24, 24, 24, 16),
+        shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(24)),
+        contentPadding: const EdgeInsets.fromLTRB(28, 28, 28, 16),
         content: Column(
           mainAxisSize: MainAxisSize.min,
           children: [
+            // App icon
+            Container(
+              padding: const EdgeInsets.all(20),
+              decoration: BoxDecoration(
+                gradient: const LinearGradient(
+                  colors: [Color(0xFF0D47A1), Color(0xFF42A5F5)],
+                  begin: Alignment.topLeft,
+                  end: Alignment.bottomRight,
+                ),
+                borderRadius: BorderRadius.circular(20),
+                boxShadow: [
+                  BoxShadow(
+                    color:
+                        const Color(0xFF1565C0).withValues(alpha: 0.3),
+                    blurRadius: 12,
+                    offset: const Offset(0, 4),
+                  ),
+                ],
+              ),
+              child: const Icon(Icons.home_work_rounded,
+                  color: Colors.white, size: 40),
+            ),
+            const SizedBox(height: 20),
+            const Text(
+              'SPK Kontrakan & Laundry',
+              style: TextStyle(
+                fontSize: 20,
+                fontWeight: FontWeight.w800,
+                color: Color(0xFF1A1A2E),
+              ),
+              textAlign: TextAlign.center,
+            ),
+            const SizedBox(height: 6),
+            Container(
+              padding:
+                  const EdgeInsets.symmetric(horizontal: 12, vertical: 4),
+              decoration: BoxDecoration(
+                color: const Color(0xFF1565C0).withValues(alpha: 0.1),
+                borderRadius: BorderRadius.circular(20),
+              ),
+              child: const Text(
+                'Versi 2.5.0',
+                style: TextStyle(
+                  fontSize: 12,
+                  fontWeight: FontWeight.w700,
+                  color: Color(0xFF1565C0),
+                ),
+              ),
+            ),
+            const SizedBox(height: 18),
+            Text(
+              'Sistem Pendukung Keputusan untuk membantu mahasiswa Polije menemukan kontrakan dan laundry terbaik menggunakan metode SAW (Simple Additive Weighting).',
+              textAlign: TextAlign.center,
+              style: TextStyle(
+                fontSize: 13,
+                color: Colors.grey.shade600,
+                height: 1.6,
+              ),
+            ),
+            const SizedBox(height: 20),
             Container(
               padding: const EdgeInsets.all(16),
               decoration: BoxDecoration(
-                color: const Color(0xFF1565C0).withOpacity(0.08),
-                borderRadius: BorderRadius.circular(16),
+                color: Colors.grey.shade50,
+                borderRadius: BorderRadius.circular(14),
+              ),
+              child: Column(
+                children: [
+                  _aboutDetailRow(
+                      Icons.code_rounded, 'Developer', 'Tim TA'),
+                  const SizedBox(height: 10),
+                  _aboutDetailRow(
+                      Icons.school_rounded, 'Institusi', 'Polije'),
+                  const SizedBox(height: 10),
+                  _aboutDetailRow(
+                      Icons.calendar_today_rounded, 'Tahun', '2025'),
+                ],
               ),
-              child: const Icon(Icons.home_work,
-                  color: Color(0xFF1565C0), size: 40),
             ),
-            const SizedBox(height: 16),
-            const Text(
-              'SPK Kontrakan',
-              style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
-            ),
-            const SizedBox(height: 4),
-            Text(
-              'Versi 1.0.0',
-              style: TextStyle(fontSize: 13, color: Colors.grey.shade500),
-            ),
-            const SizedBox(height: 16),
-            Text(
-              'Sistem Pendukung Keputusan untuk membantu mahasiswa menemukan kontrakan terbaik menggunakan metode SAW.',
-              textAlign: TextAlign.center,
-              style: TextStyle(
-                  fontSize: 14, color: Colors.grey.shade600, height: 1.5),
-            ),
-            const SizedBox(height: 16),
-            const Divider(),
-            const SizedBox(height: 8),
-            _aboutRow('Developer', 'SPK Team'),
-            _aboutRow('Tahun', '2026'),
           ],
         ),
         actions: [
-          TextButton(
-            onPressed: () => Navigator.pop(context),
-            child: const Text('Tutup'),
+          SizedBox(
+            width: double.infinity,
+            child: TextButton(
+              onPressed: () => Navigator.pop(context),
+              style: TextButton.styleFrom(
+                foregroundColor: const Color(0xFF1565C0),
+                padding: const EdgeInsets.symmetric(vertical: 12),
+                shape: RoundedRectangleBorder(
+                  borderRadius: BorderRadius.circular(12),
+                ),
+              ),
+              child: const Text(
+                'Tutup',
+                style: TextStyle(fontWeight: FontWeight.w700),
+              ),
+            ),
           ),
         ],
       ),
     );
   }
 
-  Widget _aboutRow(String label, String value) {
-    return Padding(
-      padding: const EdgeInsets.symmetric(vertical: 3),
-      child: Row(
-        mainAxisAlignment: MainAxisAlignment.spaceBetween,
-        children: [
-          Text(label,
-              style: TextStyle(fontSize: 13, color: Colors.grey.shade600)),
-          Text(value,
-              style: const TextStyle(
-                  fontSize: 13,
-                  fontWeight: FontWeight.w600,
-                  color: Colors.black87)),
-        ],
-      ),
+  Widget _aboutDetailRow(IconData icon, String label, String value) {
+    return Row(
+      children: [
+        Icon(icon, size: 16, color: const Color(0xFF1565C0)),
+        const SizedBox(width: 10),
+        Text(
+          label,
+          style: TextStyle(
+            fontSize: 13,
+            color: Colors.grey.shade600,
+            fontWeight: FontWeight.w500,
+          ),
+        ),
+        const Spacer(),
+        Text(
+          value,
+          style: const TextStyle(
+            fontSize: 13,
+            fontWeight: FontWeight.w700,
+            color: Color(0xFF1A1A2E),
+          ),
+        ),
+      ],
     );
   }
 
@@ -464,30 +871,77 @@ class _ProfileScreenState extends State<ProfileScreen> {
     final confirm = await showDialog<bool>(
       context: context,
       builder: (context) => AlertDialog(
-        shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20)),
-        title: Row(
+        shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(24)),
+        contentPadding: const EdgeInsets.fromLTRB(28, 28, 28, 12),
+        content: Column(
+          mainAxisSize: MainAxisSize.min,
           children: [
-            Icon(Icons.logout, color: Colors.red.shade600, size: 24),
-            const SizedBox(width: 10),
-            const Text('Keluar', style: TextStyle(fontSize: 18)),
+            Container(
+              padding: const EdgeInsets.all(16),
+              decoration: BoxDecoration(
+                color: Colors.red.shade50,
+                shape: BoxShape.circle,
+              ),
+              child: Icon(Icons.logout_rounded,
+                  color: Colors.red.shade600, size: 32),
+            ),
+            const SizedBox(height: 20),
+            const Text(
+              'Keluar dari Akun?',
+              style: TextStyle(
+                fontSize: 18,
+                fontWeight: FontWeight.w800,
+                color: Color(0xFF1A1A2E),
+              ),
+            ),
+            const SizedBox(height: 10),
+            Text(
+              'Anda harus login kembali untuk mengakses fitur aplikasi',
+              textAlign: TextAlign.center,
+              style: TextStyle(
+                fontSize: 13,
+                color: Colors.grey.shade600,
+                height: 1.5,
+              ),
+            ),
           ],
         ),
-        content: const Text('Apakah Anda yakin ingin keluar dari akun?'),
         actions: [
-          TextButton(
-            onPressed: () => Navigator.pop(context, false),
-            child:
-                Text('Batal', style: TextStyle(color: Colors.grey.shade600)),
-          ),
-          ElevatedButton(
-            onPressed: () => Navigator.pop(context, true),
-            style: ElevatedButton.styleFrom(
-              backgroundColor: Colors.red.shade600,
-              foregroundColor: Colors.white,
-              shape: RoundedRectangleBorder(
-                  borderRadius: BorderRadius.circular(10)),
-            ),
-            child: const Text('Keluar'),
+          Row(
+            children: [
+              Expanded(
+                child: OutlinedButton(
+                  onPressed: () => Navigator.pop(context, false),
+                  style: OutlinedButton.styleFrom(
+                    foregroundColor: Colors.grey.shade700,
+                    side: BorderSide(color: Colors.grey.shade300),
+                    padding: const EdgeInsets.symmetric(vertical: 12),
+                    shape: RoundedRectangleBorder(
+                      borderRadius: BorderRadius.circular(12),
+                    ),
+                  ),
+                  child: const Text('Batal',
+                      style: TextStyle(fontWeight: FontWeight.w600)),
+                ),
+              ),
+              const SizedBox(width: 12),
+              Expanded(
+                child: ElevatedButton(
+                  onPressed: () => Navigator.pop(context, true),
+                  style: ElevatedButton.styleFrom(
+                    backgroundColor: Colors.red.shade600,
+                    foregroundColor: Colors.white,
+                    elevation: 0,
+                    padding: const EdgeInsets.symmetric(vertical: 12),
+                    shape: RoundedRectangleBorder(
+                      borderRadius: BorderRadius.circular(12),
+                    ),
+                  ),
+                  child: const Text('Keluar',
+                      style: TextStyle(fontWeight: FontWeight.w700)),
+                ),
+              ),
+            ],
           ),
         ],
       ),
diff --git a/spk_mobile/lib/screens/recommendation_screen.dart b/spk_mobile/lib/screens/recommendation_screen.dart
index 7e8b6a9..b715536 100644
--- a/spk_mobile/lib/screens/recommendation_screen.dart
+++ b/spk_mobile/lib/screens/recommendation_screen.dart
@@ -3,10 +3,11 @@ import 'package:http/http.dart' as http;
 import 'dart:async';
 import 'dart:convert';
 import 'package:geolocator/geolocator.dart';
-import 'package:flutter_cache_manager/flutter_cache_manager.dart';
 import '../config/app_config.dart';
 import '../models/kontrakan.dart';
 import '../models/laundry.dart';
+import '../models/user.dart';
+import '../services/auth_service.dart';
 import '../widgets/kontrakan_card.dart';
 import '../widgets/laundry_card.dart';
 
@@ -28,6 +29,10 @@ class _RecommendationScreenState extends State<RecommendationScreen> {
   bool _noData =
       false; // true = memang tidak ada data, false = filter terlalu ketat
 
+  // User info
+  final _authService = AuthService();
+  User? _currentUser;
+
   // Bobot values (percentage, total must = 100)
   // Default: profil mahasiswa
   int _bobotHarga = 50;
@@ -38,8 +43,7 @@ class _RecommendationScreenState extends State<RecommendationScreen> {
   // Jenis layanan selection for laundry
   String _selectedJenisLayanan = 'reguler';
 
-  // Location values
-  String _referensiJarak = 'kampus';
+  // Location values untuk referensi jarak (deteksi lokasi user)
   double? _userLatitude;
   double? _userLongitude;
   bool _isDetectingLocation = false;
@@ -48,12 +52,6 @@ class _RecommendationScreenState extends State<RecommendationScreen> {
       widget.category == 'kontrakan' ? 'Jumlah Kamar' : 'Kecepatan Layanan';
   String get _kriteria4Label =>
       widget.category == 'kontrakan' ? 'Fasilitas' : 'Variasi Layanan';
-  // ignore: unused_element
-  String get _kriteria3Key =>
-      widget.category == 'kontrakan' ? 'jumlah_kamar' : 'kecepatan';
-  // ignore: unused_element
-  String get _kriteria4Key =>
-      widget.category == 'kontrakan' ? 'fasilitas' : 'layanan';
 
   int get _totalBobot =>
       _bobotHarga + _bobotJarak + _bobotKriteria3 + _bobotKriteria4;
@@ -70,6 +68,33 @@ class _RecommendationScreenState extends State<RecommendationScreen> {
     _bobotJarak = 20;
     _bobotKriteria3 = 15;
     _bobotKriteria4 = 15;
+
+    // Load user info
+    _loadUser();
+
+    // Auto-detect lokasi untuk laundry
+    if (widget.category == 'laundry') {
+      WidgetsBinding.instance.addPostFrameCallback((_) {
+        _detectUserLocation();
+      });
+    }
+  }
+
+  Future<void> _loadUser() async {
+    try {
+      // Use cached user first (no API call needed)
+      if (_authService.currentUser != null) {
+        if (!mounted) return;
+        setState(() => _currentUser = _authService.currentUser);
+        return;
+      }
+      // Fallback: load from SharedPreferences via API
+      await _authService.loadToken();
+      if (!mounted) return;
+      setState(() => _currentUser = _authService.currentUser);
+    } catch (e) {
+      debugPrint('Load user error: $e');
+    }
   }
 
   /// Auto-balance: when one bobot changes, redistribute the remaining
@@ -123,17 +148,15 @@ class _RecommendationScreenState extends State<RecommendationScreen> {
         bobots[otherIdx[i]] = newOther[i];
       }
 
-      // Final safety check: if sum != 100 due to clamping, adjust the largest
+      // Final safety: force total == 100 by adjusting the largest other bobot
+      // without snapping to 5 (exact correction takes priority over pretty numbers)
       int total = bobots.reduce((a, b) => a + b);
       if (total != 100) {
         int diff = 100 - total;
         int adjustIdx = otherIdx.reduce(
           (a, b) => bobots[a] >= bobots[b] ? a : b,
         );
-        int adjusted = (bobots[adjustIdx] + diff).clamp(10, 70);
-        // Snap to nearest multiple of 5
-        adjusted = ((adjusted / 5).round() * 5).clamp(10, 70);
-        bobots[adjustIdx] = adjusted;
+        bobots[adjustIdx] = (bobots[adjustIdx] + diff).clamp(5, 75);
       }
 
       _bobotHarga = bobots[0];
@@ -168,17 +191,31 @@ class _RecommendationScreenState extends State<RecommendationScreen> {
       return;
     }
 
+    // Validate location for laundry
+    if (widget.category == 'laundry' && _userLatitude == null) {
+      // Auto-detect location first, then re-calculate
+      await _detectUserLocation();
+      if (!mounted) return;
+      // If still no location after detection attempt, warn and stop
+      if (_userLatitude == null || _userLongitude == null) {
+        ScaffoldMessenger.of(context).showSnackBar(
+          const SnackBar(
+            content: Text(
+              'Lokasi belum terdeteksi. Aktifkan GPS dan coba lagi.',
+            ),
+            backgroundColor: Colors.orange,
+          ),
+        );
+        return;
+      }
+    }
+
     setState(() {
       _isLoading = true;
       _errorMessage = null;
       _noData = false;
     });
 
-    // Clear image cache agar foto terbaru selalu dimuat
-    await DefaultCacheManager().emptyCache();
-    PaintingBinding.instance.imageCache.clear();
-    PaintingBinding.instance.imageCache.clearLiveImages();
-
     final endpoint = widget.category == 'kontrakan'
         ? '/saw/calculate/kontrakan'
         : '/saw/calculate/laundry';
@@ -197,11 +234,11 @@ class _RecommendationScreenState extends State<RecommendationScreen> {
         bodyParams['jenis_layanan'] = _selectedJenisLayanan;
       }
 
-      if (widget.category == 'laundry' && _referensiJarak == 'user') {
-        if (_userLatitude != null && _userLongitude != null) {
-          bodyParams['user_lat'] = _userLatitude;
-          bodyParams['user_lng'] = _userLongitude;
-        }
+      if (widget.category == 'laundry' &&
+          _userLatitude != null &&
+          _userLongitude != null) {
+        bodyParams['user_lat'] = _userLatitude;
+        bodyParams['user_lng'] = _userLongitude;
       }
 
       final response = await http
@@ -215,6 +252,8 @@ class _RecommendationScreenState extends State<RecommendationScreen> {
           )
           .timeout(const Duration(seconds: 15));
 
+      if (!mounted) return;
+
       if (response.statusCode == 200) {
         final data = json.decode(response.body);
         if (data['success'] == true) {
@@ -245,35 +284,37 @@ class _RecommendationScreenState extends State<RecommendationScreen> {
     } catch (e) {
       debugPrint('SAW API Error: $e');
       debugPrint('URL: ${AppConfig.baseUrl}$endpoint');
+      if (!mounted) return;
       setState(() {
         _errorMessage =
             'Tidak dapat terhubung ke server (${AppConfig.baseUrl}). Periksa koneksi internet Anda dan coba lagi.\n\nDetail: $e';
         _hasCalculated = true;
       });
     } finally {
-      setState(() {
-        _isLoading = false;
-      });
+      if (mounted) {
+        setState(() {
+          _isLoading = false;
+        });
+      }
     }
   }
 
   Future<void> _detectUserLocation() async {
+    // Guard: prevent re-entrant / duplicate calls
+    if (_isDetectingLocation) return;
+
     setState(() => _isDetectingLocation = true);
     try {
       bool serviceEnabled = await Geolocator.isLocationServiceEnabled();
       if (!serviceEnabled) {
-        if (mounted) {
-          ScaffoldMessenger.of(context).showSnackBar(
-            const SnackBar(
-              content: Text('Aktifkan GPS Anda terlebih dahulu'),
-              backgroundColor: Colors.red,
-            ),
-          );
-        }
-        setState(() {
-          _referensiJarak = 'kampus';
-          _isDetectingLocation = false;
-        });
+        if (!mounted) return;
+        ScaffoldMessenger.of(context).showSnackBar(
+          const SnackBar(
+            content: Text('Aktifkan GPS Anda terlebih dahulu'),
+            backgroundColor: Colors.red,
+          ),
+        );
+        setState(() => _isDetectingLocation = false);
         return;
       }
 
@@ -281,71 +322,62 @@ class _RecommendationScreenState extends State<RecommendationScreen> {
       if (permission == LocationPermission.denied) {
         permission = await Geolocator.requestPermission();
         if (permission == LocationPermission.denied) {
-          if (mounted) {
-            ScaffoldMessenger.of(context).showSnackBar(
-              const SnackBar(
-                content: Text('Izin lokasi ditolak'),
-                backgroundColor: Colors.red,
-              ),
-            );
-          }
-          setState(() {
-            _referensiJarak = 'kampus';
-            _isDetectingLocation = false;
-          });
+          if (!mounted) return;
+          ScaffoldMessenger.of(context).showSnackBar(
+            const SnackBar(
+              content: Text('Izin lokasi ditolak'),
+              backgroundColor: Colors.red,
+            ),
+          );
+          setState(() => _isDetectingLocation = false);
           return;
         }
       }
 
       if (permission == LocationPermission.deniedForever) {
-        if (mounted) {
-          ScaffoldMessenger.of(context).showSnackBar(
-            const SnackBar(
-              content: Text(
-                'Izin lokasi ditolak permanen. Ubah di pengaturan.',
-              ),
-              backgroundColor: Colors.red,
+        if (!mounted) return;
+        ScaffoldMessenger.of(context).showSnackBar(
+          const SnackBar(
+            content: Text(
+              'Izin lokasi ditolak permanen. Ubah di pengaturan.',
             ),
-          );
-        }
-        setState(() {
-          _referensiJarak = 'kampus';
-          _isDetectingLocation = false;
-        });
+            backgroundColor: Colors.red,
+          ),
+        );
+        setState(() => _isDetectingLocation = false);
         return;
       }
 
       Position position = await Geolocator.getCurrentPosition(
         desiredAccuracy: LocationAccuracy.high,
+      ).timeout(
+        const Duration(seconds: 15),
+        onTimeout: () => throw TimeoutException('Deteksi lokasi timeout'),
       );
+
+      if (!mounted) return;
       setState(() {
         _userLatitude = position.latitude;
         _userLongitude = position.longitude;
         _isDetectingLocation = false;
       });
 
-      if (mounted) {
-        ScaffoldMessenger.of(context).showSnackBar(
-          const SnackBar(
-            content: Text('Lokasi berhasil dideteksi!'),
-            backgroundColor: Colors.green,
-            duration: Duration(seconds: 2),
-          ),
-        );
-      }
+      ScaffoldMessenger.of(context).showSnackBar(
+        const SnackBar(
+          content: Text('Lokasi berhasil dideteksi!'),
+          backgroundColor: Colors.green,
+          duration: Duration(seconds: 2),
+        ),
+      );
     } catch (e) {
-      if (mounted) {
-        ScaffoldMessenger.of(context).showSnackBar(
-          SnackBar(
-            content: Text('Gagal mendeteksi lokasi: $e'),
-            backgroundColor: Colors.red,
-          ),
-        );
-      }
-      setState(() {
-        _referensiJarak = 'kampus';
-        _isDetectingLocation = false;
-      });
+      if (!mounted) return;
+      ScaffoldMessenger.of(context).showSnackBar(
+        SnackBar(
+          content: Text('Gagal mendeteksi lokasi: ${e.toString().replaceAll('Exception: ', '')}'),
+          backgroundColor: Colors.red,
+        ),
+      );
+      setState(() => _isDetectingLocation = false);
     }
   }
 
@@ -390,6 +422,8 @@ class _RecommendationScreenState extends State<RecommendationScreen> {
       child: Column(
         crossAxisAlignment: CrossAxisAlignment.start,
         children: [
+          _buildUserInfoCard(),
+          const SizedBox(height: 16),
           _buildMethodInfoCard(),
           const SizedBox(height: 16),
           if (widget.category == 'laundry') ...[
@@ -409,12 +443,151 @@ class _RecommendationScreenState extends State<RecommendationScreen> {
     );
   }
 
+  Widget _buildUserInfoCard() {
+    final name = _currentUser?.name ?? '';
+    final email = _currentUser?.email ?? '';
+    final initials = name.isEmpty
+        ? 'U'
+        : name.trim().split(' ').length >= 2
+            ? '${name.trim().split(' ')[0][0]}${name.trim().split(' ')[1][0]}'.toUpperCase()
+            : name.trim()[0].toUpperCase();
+
+    final hour = DateTime.now().hour;
+    final greeting = hour < 11
+        ? 'Selamat Pagi'
+        : hour < 15
+            ? 'Selamat Siang'
+            : hour < 18
+                ? 'Selamat Sore'
+                : 'Selamat Malam';
+
+    final categoryLabel = widget.category == 'kontrakan' ? 'kontrakan' : 'laundry';
+
+    return Container(
+      padding: const EdgeInsets.all(16),
+      decoration: BoxDecoration(
+        color: Colors.white,
+        borderRadius: BorderRadius.circular(16),
+        boxShadow: [
+          BoxShadow(
+            color: Colors.black.withValues(alpha: 0.04),
+            blurRadius: 10,
+            offset: const Offset(0, 3),
+          ),
+        ],
+      ),
+      child: Row(
+        children: [
+          // Avatar
+          Container(
+            width: 52,
+            height: 52,
+            decoration: BoxDecoration(
+              gradient: LinearGradient(
+                colors: [_categoryColor, _categoryColor.withValues(alpha: 0.7)],
+                begin: Alignment.topLeft,
+                end: Alignment.bottomRight,
+              ),
+              shape: BoxShape.circle,
+              boxShadow: [
+                BoxShadow(
+                  color: _categoryColor.withValues(alpha: 0.3),
+                  blurRadius: 8,
+                  offset: const Offset(0, 3),
+                ),
+              ],
+            ),
+            child: Center(
+              child: Text(
+                initials,
+                style: const TextStyle(
+                  fontSize: 20,
+                  fontWeight: FontWeight.w800,
+                  color: Colors.white,
+                ),
+              ),
+            ),
+          ),
+          const SizedBox(width: 14),
+          // Info
+          Expanded(
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Text(
+                  '$greeting,',
+                  style: TextStyle(
+                    fontSize: 12,
+                    color: Colors.grey.shade500,
+                    fontWeight: FontWeight.w500,
+                  ),
+                ),
+                const SizedBox(height: 2),
+                Text(
+                  name.isEmpty ? 'Pengguna' : name,
+                  style: const TextStyle(
+                    fontSize: 17,
+                    fontWeight: FontWeight.w800,
+                    color: Color(0xFF1A1A2E),
+                  ),
+                  maxLines: 1,
+                  overflow: TextOverflow.ellipsis,
+                ),
+                if (email.isNotEmpty) ...[
+                  const SizedBox(height: 2),
+                  Text(
+                    email,
+                    style: TextStyle(
+                      fontSize: 12,
+                      color: Colors.grey.shade400,
+                    ),
+                    maxLines: 1,
+                    overflow: TextOverflow.ellipsis,
+                  ),
+                ],
+              ],
+            ),
+          ),
+          // Category badge
+          Container(
+            padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 6),
+            decoration: BoxDecoration(
+              color: _categoryColor.withValues(alpha: 0.1),
+              borderRadius: BorderRadius.circular(20),
+            ),
+            child: Row(
+              mainAxisSize: MainAxisSize.min,
+              children: [
+                Icon(
+                  widget.category == 'kontrakan'
+                      ? Icons.home_work_rounded
+                      : Icons.local_laundry_service_rounded,
+                  size: 14,
+                  color: _categoryColor,
+                ),
+                const SizedBox(width: 5),
+                Text(
+                  categoryLabel,
+                  style: TextStyle(
+                    fontSize: 12,
+                    fontWeight: FontWeight.w700,
+                    color: _categoryColor,
+                  ),
+                ),
+              ],
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
   Widget _buildMethodInfoCard() {
     return Container(
       padding: const EdgeInsets.all(16),
       decoration: BoxDecoration(
         gradient: LinearGradient(
-          colors: [_categoryColor, _categoryColor.withOpacity(0.8)],
+          colors: [_categoryColor, _categoryColor.withValues(alpha: 0.8)],
         ),
         borderRadius: BorderRadius.circular(16),
         boxShadow: [
@@ -902,158 +1075,114 @@ class _RecommendationScreenState extends State<RecommendationScreen> {
             children: [
               Icon(Icons.my_location, color: _categoryColor, size: 20),
               const SizedBox(width: 8),
-              Text(
-                'Referensi Jarak',
-                style: TextStyle(
-                  fontSize: 15,
-                  fontWeight: FontWeight.bold,
-                  color: Colors.grey[800],
+              Expanded(
+                child: Text(
+                  'Lokasi Saya',
+                  style: TextStyle(
+                    fontSize: 15,
+                    fontWeight: FontWeight.bold,
+                    color: Colors.grey[800],
+                  ),
                 ),
               ),
+              if (_userLatitude != null && !_isDetectingLocation)
+                InkWell(
+                  onTap: _detectUserLocation,
+                  borderRadius: BorderRadius.circular(12),
+                  child: Padding(
+                    padding: const EdgeInsets.all(4),
+                    child: Icon(
+                      Icons.refresh,
+                      size: 18,
+                      color: _categoryColor,
+                    ),
+                  ),
+                ),
             ],
           ),
           const SizedBox(height: 4),
           Text(
-            'Tentukan titik referensi untuk perhitungan jarak',
+            'Jarak dihitung dari lokasi Anda saat ini',
             style: TextStyle(fontSize: 12, color: Colors.grey[500]),
           ),
           const SizedBox(height: 12),
-          Container(
-            padding: const EdgeInsets.symmetric(horizontal: 12),
-            decoration: BoxDecoration(
-              color: Colors.grey[50],
-              borderRadius: BorderRadius.circular(12),
-              border: Border.all(color: Colors.grey[200]!),
-            ),
-            child: DropdownButtonHideUnderline(
-              child: DropdownButton<String>(
-                value: _referensiJarak,
-                isExpanded: true,
-                icon: Icon(Icons.arrow_drop_down, color: _categoryColor),
-                items: [
-                  DropdownMenuItem(
-                    value: 'kampus',
-                    child: Row(
-                      children: [
-                        Icon(Icons.school, size: 18, color: _categoryColor),
-                        const SizedBox(width: 10),
-                        const Text('Dari Kampus Polije'),
-                      ],
-                    ),
+          if (_isDetectingLocation)
+            Container(
+              padding: const EdgeInsets.all(10),
+              decoration: BoxDecoration(
+                color: Colors.blue[50],
+                borderRadius: BorderRadius.circular(8),
+              ),
+              child: const Row(
+                children: [
+                  SizedBox(
+                    width: 16,
+                    height: 16,
+                    child: CircularProgressIndicator(strokeWidth: 2),
                   ),
-                  DropdownMenuItem(
-                    value: 'user',
-                    child: Row(
-                      children: [
-                        Icon(
-                          Icons.location_on,
-                          size: 18,
-                          color: Colors.green[700],
-                        ),
-                        const SizedBox(width: 10),
-                        const Text('Dari Lokasi Saya'),
-                      ],
-                    ),
+                  SizedBox(width: 10),
+                  Text(
+                    'Mendeteksi lokasi...',
+                    style: TextStyle(fontSize: 12),
                   ),
                 ],
-                onChanged: (val) {
-                  setState(() {
-                    _referensiJarak = val!;
-                  });
-                  if (val == 'user' && _userLatitude == null)
-                    _detectUserLocation();
-                },
               ),
-            ),
-          ),
-          if (_referensiJarak == 'user') ...[
-            const SizedBox(height: 10),
-            if (_isDetectingLocation)
-              Container(
-                padding: const EdgeInsets.all(10),
-                decoration: BoxDecoration(
-                  color: Colors.blue[50],
-                  borderRadius: BorderRadius.circular(8),
-                ),
-                child: const Row(
-                  children: [
-                    SizedBox(
-                      width: 16,
-                      height: 16,
-                      child: CircularProgressIndicator(strokeWidth: 2),
-                    ),
-                    SizedBox(width: 10),
-                    Text(
-                      'Mendeteksi lokasi...',
-                      style: TextStyle(fontSize: 12),
-                    ),
-                  ],
-                ),
-              )
-            else if (_userLatitude != null && _userLongitude != null)
-              Container(
-                padding: const EdgeInsets.all(10),
-                decoration: BoxDecoration(
-                  color: Colors.green[50],
-                  borderRadius: BorderRadius.circular(8),
-                  border: Border.all(color: Colors.green[200]!),
-                ),
-                child: Row(
-                  children: [
-                    const Icon(
-                      Icons.check_circle,
-                      size: 16,
-                      color: Colors.green,
-                    ),
-                    const SizedBox(width: 8),
-                    Expanded(
-                      child: Text(
-                        'Lokasi: ${_userLatitude!.toStringAsFixed(6)}, ${_userLongitude!.toStringAsFixed(6)}',
-                        style: TextStyle(
-                          fontSize: 11,
-                          color: Colors.green[700],
-                        ),
-                      ),
-                    ),
-                    InkWell(
-                      onTap: _detectUserLocation,
-                      child: Icon(
-                        Icons.refresh,
-                        size: 16,
+            )
+          else if (_userLatitude != null && _userLongitude != null)
+            Container(
+              padding: const EdgeInsets.all(10),
+              decoration: BoxDecoration(
+                color: Colors.green[50],
+                borderRadius: BorderRadius.circular(8),
+                border: Border.all(color: Colors.green[200]!),
+              ),
+              child: Row(
+                children: [
+                  const Icon(
+                    Icons.check_circle,
+                    size: 16,
+                    color: Colors.green,
+                  ),
+                  const SizedBox(width: 8),
+                  Expanded(
+                    child: Text(
+                      'Lokasi terdeteksi: ${_userLatitude!.toStringAsFixed(6)}, ${_userLongitude!.toStringAsFixed(6)}',
+                      style: TextStyle(
+                        fontSize: 11,
                         color: Colors.green[700],
                       ),
                     ),
-                  ],
-                ),
-              )
-            else
-              Container(
-                padding: const EdgeInsets.all(10),
-                decoration: BoxDecoration(
-                  color: Colors.orange[50],
-                  borderRadius: BorderRadius.circular(8),
-                ),
-                child: Row(
-                  children: [
-                    const Icon(Icons.warning, size: 16, color: Colors.orange),
-                    const SizedBox(width: 8),
-                    const Expanded(
-                      child: Text(
-                        'Lokasi belum terdeteksi',
-                        style: TextStyle(fontSize: 12),
-                      ),
-                    ),
-                    TextButton(
-                      onPressed: _detectUserLocation,
-                      child: const Text(
-                        'Deteksi',
-                        style: TextStyle(fontSize: 12),
-                      ),
-                    ),
-                  ],
-                ),
+                  ),
+                ],
               ),
-          ],
+            )
+          else
+            Container(
+              padding: const EdgeInsets.all(10),
+              decoration: BoxDecoration(
+                color: Colors.orange[50],
+                borderRadius: BorderRadius.circular(8),
+              ),
+              child: Row(
+                children: [
+                  const Icon(Icons.warning, size: 16, color: Colors.orange),
+                  const SizedBox(width: 8),
+                  const Expanded(
+                    child: Text(
+                      'Lokasi belum terdeteksi',
+                      style: TextStyle(fontSize: 12),
+                    ),
+                  ),
+                  TextButton(
+                    onPressed: _detectUserLocation,
+                    child: const Text(
+                      'Deteksi',
+                      style: TextStyle(fontSize: 12),
+                    ),
+                  ),
+                ],
+              ),
+            ),
         ],
       ),
     );
@@ -1123,7 +1252,6 @@ class _RecommendationScreenState extends State<RecommendationScreen> {
       children: [
         _buildBobotSummary(),
         if (widget.category == 'laundry' &&
-            _referensiJarak == 'user' &&
             _userLatitude != null)
           Container(
             width: double.infinity,
diff --git a/spk_mobile/lib/screens/search_screen.dart b/spk_mobile/lib/screens/search_screen.dart
index afb327c..193a53c 100644
--- a/spk_mobile/lib/screens/search_screen.dart
+++ b/spk_mobile/lib/screens/search_screen.dart
@@ -1,6 +1,5 @@
 import 'package:flutter/material.dart';
 import 'package:cached_network_image/cached_network_image.dart';
-import 'package:flutter_cache_manager/flutter_cache_manager.dart';
 import '../models/kontrakan.dart';
 import '../models/laundry.dart';
 import '../services/kontrakan_service.dart';
@@ -50,20 +49,22 @@ class _SearchScreenState extends State<SearchScreen> {
 
   Future<void> _loadData() async {
     setState(() => _isLoading = true);
-    // Clear image cache agar data terbaru dari server selalu dimuat
-    await DefaultCacheManager().emptyCache();
-    PaintingBinding.instance.imageCache.clear();
-    PaintingBinding.instance.imageCache.clearLiveImages();
-    final kontrakan = await _kontrakanService.getKontrakan();
-    final laundry = await _laundryService.getLaundry();
-    setState(() {
-      _allKontrakan = kontrakan;
-      _filteredKontrakan = kontrakan;
-      _allLaundry = laundry;
-      _filteredLaundry = laundry;
-      _isLoading = false;
-    });
-    _loadFavoriteIds();
+    try {
+      final kontrakan = await _kontrakanService.getKontrakan();
+      final laundry = await _laundryService.getLaundry();
+      if (!mounted) return;
+      setState(() {
+        _allKontrakan = kontrakan;
+        _filteredKontrakan = kontrakan;
+        _allLaundry = laundry;
+        _filteredLaundry = laundry;
+        _isLoading = false;
+      });
+      _loadFavoriteIds();
+    } catch (e) {
+      if (!mounted) return;
+      setState(() => _isLoading = false);
+    }
   }
 
   Future<void> _loadFavoriteIds() async {
@@ -84,38 +85,48 @@ class _SearchScreenState extends State<SearchScreen> {
   Future<void> _toggleKontrakanFav(int id) async {
     final wasFav = _favKontrakanIds.contains(id);
     setState(() {
-      if (wasFav)
-        _favKontrakanIds.remove(id);
-      else
-        _favKontrakanIds.add(id);
+      if (wasFav) _favKontrakanIds.remove(id); else _favKontrakanIds.add(id);
     });
-    final result = await _favoriteService.toggleKontrakanFavorite(id);
-    if (result['success'] != true && mounted) {
-      setState(() {
-        if (wasFav)
-          _favKontrakanIds.add(id);
-        else
-          _favKontrakanIds.remove(id);
-      });
+    try {
+      final result = await _favoriteService.toggleKontrakanFavorite(id);
+      if (result['success'] != true && mounted) {
+        setState(() {
+          if (wasFav) _favKontrakanIds.add(id); else _favKontrakanIds.remove(id);
+        });
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(content: Text(result['message'] ?? 'Gagal'), backgroundColor: Colors.red.shade600),
+        );
+      }
+    } catch (e) {
+      if (mounted) {
+        setState(() {
+          if (wasFav) _favKontrakanIds.add(id); else _favKontrakanIds.remove(id);
+        });
+      }
     }
   }
 
   Future<void> _toggleLaundryFav(int id) async {
     final wasFav = _favLaundryIds.contains(id);
     setState(() {
-      if (wasFav)
-        _favLaundryIds.remove(id);
-      else
-        _favLaundryIds.add(id);
+      if (wasFav) _favLaundryIds.remove(id); else _favLaundryIds.add(id);
     });
-    final result = await _favoriteService.toggleLaundryFavorite(id);
-    if (result['success'] != true && mounted) {
-      setState(() {
-        if (wasFav)
-          _favLaundryIds.add(id);
-        else
-          _favLaundryIds.remove(id);
-      });
+    try {
+      final result = await _favoriteService.toggleLaundryFavorite(id);
+      if (result['success'] != true && mounted) {
+        setState(() {
+          if (wasFav) _favLaundryIds.add(id); else _favLaundryIds.remove(id);
+        });
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(content: Text(result['message'] ?? 'Gagal'), backgroundColor: Colors.red.shade600),
+        );
+      }
+    } catch (e) {
+      if (mounted) {
+        setState(() {
+          if (wasFav) _favLaundryIds.add(id); else _favLaundryIds.remove(id);
+        });
+      }
     }
   }
 
@@ -194,10 +205,9 @@ class _SearchScreenState extends State<SearchScreen> {
       }).toList();
     }
 
-    // Filter by price
+    // Filter by price (laundry hargaKiloan is per-kg, no multiplication needed)
     filtered = filtered.where((l) {
-      final harga = l.hargaKiloan * 10; // Approximate for 10kg
-      return harga >= _priceRange.start && harga <= _priceRange.end;
+      return l.hargaKiloan >= _priceRange.start && l.hargaKiloan <= _priceRange.end;
     }).toList();
 
     setState(() => _filteredLaundry = filtered);
@@ -280,8 +290,10 @@ class _SearchScreenState extends State<SearchScreen> {
                       children: [
                         Expanded(
                           child: GestureDetector(
-                            onTap: () =>
-                                setState(() => _selectedCategory = 'Kontrakan'),
+                            onTap: () {
+                                setState(() => _selectedCategory = 'Kontrakan');
+                                _applyFilters();
+                            },
                             child: AnimatedContainer(
                               duration: const Duration(milliseconds: 200),
                               padding: const EdgeInsets.symmetric(vertical: 10),
@@ -329,8 +341,10 @@ class _SearchScreenState extends State<SearchScreen> {
                         const SizedBox(width: 4),
                         Expanded(
                           child: GestureDetector(
-                            onTap: () =>
-                                setState(() => _selectedCategory = 'Laundry'),
+                            onTap: () {
+                                setState(() => _selectedCategory = 'Laundry');
+                                _applyLaundryFilters();
+                            },
                             child: AnimatedContainer(
                               duration: const Duration(milliseconds: 200),
                               padding: const EdgeInsets.symmetric(vertical: 10),
diff --git a/spk_mobile/lib/services/auth_service.dart b/spk_mobile/lib/services/auth_service.dart
index 3230369..f6357ea 100644
--- a/spk_mobile/lib/services/auth_service.dart
+++ b/spk_mobile/lib/services/auth_service.dart
@@ -220,6 +220,9 @@ class AuthService {
     required String password,
     required String passwordConfirmation,
   }) async {
+    if (_currentUser == null || _token == null) {
+      return {'success': false, 'message': 'Silakan login ulang'};
+    }
     try {
       final response = await http.put(
         Uri.parse('${AppConfig.baseUrl}/profile/update'),
@@ -229,8 +232,8 @@ class AuthService {
           'Authorization': 'Bearer $_token',
         },
         body: jsonEncode({
-          'name': _currentUser?.name ?? '',
-          'email': _currentUser?.email ?? '',
+          'name': _currentUser!.name,
+          'email': _currentUser!.email,
           'password': password,
           'password_confirmation': passwordConfirmation,
         }),
diff --git a/spk_mobile/lib/services/favorite_service.dart b/spk_mobile/lib/services/favorite_service.dart
index 6713d8d..13f90b8 100644
--- a/spk_mobile/lib/services/favorite_service.dart
+++ b/spk_mobile/lib/services/favorite_service.dart
@@ -1,4 +1,5 @@
 import 'dart:convert';
+import 'package:flutter/foundation.dart';
 import 'package:http/http.dart' as http;
 import '../config/app_config.dart';
 import '../models/kontrakan.dart';
@@ -21,54 +22,118 @@ class FavoriteService {
     return headers;
   }
 
-  // Get all user's favorites with full data
+  /// Pastikan token ada sebelum request
+  bool _ensureAuthenticated() {
+    if (_authService.token == null) {
+      debugPrint('[FAV] ❌ Token NULL — user belum login!');
+      return false;
+    }
+    return true;
+  }
+
+  // Get all user's favorites with full data (raw JSON)
   Future<Map<String, dynamic>> getFavorites() async {
+    if (!_ensureAuthenticated()) {
+      return {'success': false, 'message': 'Belum login', 'kontrakan': [], 'laundry': []};
+    }
+
     try {
-      final response = await http.get(
-        Uri.parse('${AppConfig.baseUrl}/favorites'),
-        headers: _headers,
-      );
+      final url = '${AppConfig.baseUrl}/favorites';
+      debugPrint('[FAV] GET $url');
+      debugPrint('[FAV] Token: ${_authService.token!.substring(0, 10)}...');
+
+      final response = await http
+          .get(Uri.parse(url), headers: _headers)
+          .timeout(AppConfig.connectionTimeout);
+
+      debugPrint('[FAV] GET Status: ${response.statusCode}');
+      debugPrint('[FAV] GET Body: ${response.body.length > 300 ? response.body.substring(0, 300) : response.body}');
+
+      if (response.statusCode == 401) {
+        debugPrint('[FAV] ❌ 401 Unauthorized — token expired/invalid');
+        return {'success': false, 'message': 'Sesi expired, silakan login ulang', 'kontrakan': [], 'laundry': []};
+      }
 
       final data = jsonDecode(response.body);
 
       if (response.statusCode == 200 && data['success'] == true) {
         return {
           'success': true,
-          'kontrakan': data['data']['kontrakan'] ?? [],
-          'laundry': data['data']['laundry'] ?? [],
+          'kontrakan': data['data']?['kontrakan'] ?? [],
+          'laundry': data['data']?['laundry'] ?? [],
         };
       } else {
-        return {'success': false, 'kontrakan': [], 'laundry': []};
+        debugPrint('[FAV] ❌ Response not success: ${response.statusCode} ${data['message']}');
+        return {
+          'success': false,
+          'message': data['message'] ?? 'Gagal memuat favorit',
+          'kontrakan': [],
+          'laundry': [],
+        };
       }
-    } catch (e) {
-      // Error getting favorites silently
-      return {'success': false, 'kontrakan': [], 'laundry': []};
+    } catch (e, stack) {
+      debugPrint('[FAV] ❌ Exception in getFavorites: $e');
+      debugPrint('[FAV] Stack: $stack');
+      return {
+        'success': false,
+        'message': 'Gagal terhubung ke server: $e',
+        'kontrakan': [],
+        'laundry': [],
+      };
     }
   }
 
-  // Get favorites with parsed models
+  // Get favorites with parsed Kontrakan/Laundry models
   Future<Map<String, dynamic>> getFavoritesWithModels() async {
+    final result = await getFavorites();
+
+    if (result['success'] != true) {
+      // Return typed empty lists to avoid cast errors downstream
+      return {
+        'success': false,
+        'message': result['message'] ?? 'Gagal memuat favorit',
+        'kontrakan': <Kontrakan>[],
+        'laundry': <Laundry>[],
+      };
+    }
+
     try {
-      final result = await getFavorites();
-      if (result['success'] != true) return result;
+      final rawKontrakan = result['kontrakan'] as List? ?? [];
+      final rawLaundry = result['laundry'] as List? ?? [];
 
-      final kontrakanList = (result['kontrakan'] as List)
-          .map((json) => Kontrakan.fromJson(json as Map<String, dynamic>))
-          .toList();
+      debugPrint('[FAV] Parsing ${rawKontrakan.length} kontrakan, ${rawLaundry.length} laundry');
 
-      final laundryList = (result['laundry'] as List)
-          .map((json) => Laundry.fromJson(json as Map<String, dynamic>))
-          .toList();
+      final kontrakanList = <Kontrakan>[];
+      for (final json in rawKontrakan) {
+        try {
+          kontrakanList.add(Kontrakan.fromJson(json as Map<String, dynamic>));
+        } catch (e) {
+          debugPrint('[FAV] ⚠ Skip kontrakan parse error: $e — data: $json');
+        }
+      }
+
+      final laundryList = <Laundry>[];
+      for (final json in rawLaundry) {
+        try {
+          laundryList.add(Laundry.fromJson(json as Map<String, dynamic>));
+        } catch (e) {
+          debugPrint('[FAV] ⚠ Skip laundry parse error: $e — data: $json');
+        }
+      }
+
+      debugPrint('[FAV] ✅ Parsed ${kontrakanList.length} kontrakan, ${laundryList.length} laundry');
 
       return {
         'success': true,
         'kontrakan': kontrakanList,
         'laundry': laundryList,
       };
-    } catch (e) {
-      // Error parsing favorites silently
+    } catch (e, stack) {
+      debugPrint('[FAV] ❌ Exception parsing favorites: $e');
+      debugPrint('[FAV] Stack: $stack');
       return {
         'success': false,
+        'message': 'Gagal memproses data favorit',
         'kontrakan': <Kontrakan>[],
         'laundry': <Laundry>[],
       };
@@ -83,80 +148,121 @@ class FavoriteService {
         return {'kontrakan': [], 'laundry': []};
       }
 
-      return {
-        'kontrakan': (result['kontrakan'] as List)
-            .map<int>((e) => (e as Map<String, dynamic>)['id'] as int? ?? 0)
-            .toList(),
-        'laundry': (result['laundry'] as List)
-            .map<int>((e) => (e as Map<String, dynamic>)['id'] as int? ?? 0)
-            .toList(),
-      };
+      final kontrakanIds = <int>[];
+      for (final e in (result['kontrakan'] as List? ?? [])) {
+        final id = (e as Map<String, dynamic>?)?['id'];
+        if (id != null) kontrakanIds.add(id is int ? id : int.tryParse(id.toString()) ?? 0);
+      }
+
+      final laundryIds = <int>[];
+      for (final e in (result['laundry'] as List? ?? [])) {
+        final id = (e as Map<String, dynamic>?)?['id'];
+        if (id != null) laundryIds.add(id is int ? id : int.tryParse(id.toString()) ?? 0);
+      }
+
+      debugPrint('[FAV] IDs → kontrakan: $kontrakanIds, laundry: $laundryIds');
+      return {'kontrakan': kontrakanIds, 'laundry': laundryIds};
     } catch (e) {
+      debugPrint('[FAV] ❌ Exception in getFavoriteIds: $e');
       return {'kontrakan': [], 'laundry': []};
     }
   }
 
   // Toggle kontrakan favorite status
   Future<Map<String, dynamic>> toggleKontrakanFavorite(int kontrakanId) async {
+    if (!_ensureAuthenticated()) {
+      return {'success': false, 'message': 'Belum login'};
+    }
+
     try {
-      final response = await http.post(
-        Uri.parse('${AppConfig.baseUrl}/favorites/kontrakan/$kontrakanId'),
-        headers: _headers,
-      );
+      final url = '${AppConfig.baseUrl}/favorites/kontrakan/$kontrakanId';
+      debugPrint('[FAV] POST $url');
+
+      final response = await http
+          .post(Uri.parse(url), headers: _headers)
+          .timeout(AppConfig.connectionTimeout);
+
+      debugPrint('[FAV] Toggle kontrakan → ${response.statusCode}: ${response.body}');
+
+      if (response.statusCode == 401) {
+        return {'success': false, 'message': 'Sesi expired, silakan login ulang'};
+      }
 
       final data = jsonDecode(response.body);
+      final statusOk = response.statusCode == 200 || response.statusCode == 201;
 
-      if (response.statusCode == 200 && data['success'] == true) {
+      if (statusOk && data['success'] == true) {
         return {
           'success': true,
           'message': data['message'] ?? 'Status favorit berhasil diubah',
-          'isFavorite': data['data']['is_favorite'] ?? false,
+          'isFavorite': data['is_favorited'] ?? false,
         };
       } else {
         return {
           'success': false,
-          'message': data['message'] ?? 'Gagal mengubah status favorit',
+          'message': data['message'] ?? 'Gagal mengubah status favorit (${response.statusCode})',
         };
       }
     } catch (e) {
-      return {'success': false, 'message': 'Error: $e'};
+      debugPrint('[FAV] ❌ Exception toggleKontrakan: $e');
+      return {'success': false, 'message': 'Gagal terhubung ke server'};
     }
   }
 
   // Toggle laundry favorite status
   Future<Map<String, dynamic>> toggleLaundryFavorite(int laundryId) async {
+    if (!_ensureAuthenticated()) {
+      return {'success': false, 'message': 'Belum login'};
+    }
+
     try {
-      final response = await http.post(
-        Uri.parse('${AppConfig.baseUrl}/favorites/laundry/$laundryId'),
-        headers: _headers,
-      );
+      final url = '${AppConfig.baseUrl}/favorites/laundry/$laundryId';
+      debugPrint('[FAV] POST $url');
+
+      final response = await http
+          .post(Uri.parse(url), headers: _headers)
+          .timeout(AppConfig.connectionTimeout);
+
+      debugPrint('[FAV] Toggle laundry → ${response.statusCode}: ${response.body}');
+
+      if (response.statusCode == 401) {
+        return {'success': false, 'message': 'Sesi expired, silakan login ulang'};
+      }
 
       final data = jsonDecode(response.body);
+      final statusOk = response.statusCode == 200 || response.statusCode == 201;
 
-      if (response.statusCode == 200 && data['success'] == true) {
+      if (statusOk && data['success'] == true) {
         return {
           'success': true,
           'message': data['message'] ?? 'Status favorit berhasil diubah',
-          'isFavorite': data['data']['is_favorite'] ?? false,
+          'isFavorite': data['is_favorited'] ?? false,
         };
       } else {
         return {
           'success': false,
-          'message': data['message'] ?? 'Gagal mengubah status favorit',
+          'message': data['message'] ?? 'Gagal mengubah status favorit (${response.statusCode})',
         };
       }
     } catch (e) {
-      return {'success': false, 'message': 'Error: $e'};
+      debugPrint('[FAV] ❌ Exception toggleLaundry: $e');
+      return {'success': false, 'message': 'Gagal terhubung ke server'};
     }
   }
 
   // Remove favorite
   Future<Map<String, dynamic>> removeFavorite(int favoriteId) async {
+    if (!_ensureAuthenticated()) {
+      return {'success': false, 'message': 'Belum login'};
+    }
+
     try {
-      final response = await http.delete(
-        Uri.parse('${AppConfig.baseUrl}/favorites/$favoriteId'),
-        headers: _headers,
-      );
+      final response = await http
+          .delete(
+            Uri.parse('${AppConfig.baseUrl}/favorites/$favoriteId'),
+            headers: _headers,
+          )
+          .timeout(AppConfig.connectionTimeout);
 
       final data = jsonDecode(response.body);
 
@@ -172,18 +278,18 @@ class FavoriteService {
         };
       }
     } catch (e) {
-      return {'success': false, 'message': 'Error: $e'};
+      debugPrint('[FAV] ❌ Exception removeFavorite: $e');
+      return {'success': false, 'message': 'Gagal terhubung ke server'};
     }
   }
 
   // Check if kontrakan is favorite
   Future<bool> isKontrakanFavorite(int kontrakanId) async {
     try {
-      final favorites = await getFavorites();
-      final kontrakanList = favorites['kontrakan'] as List<int>? ?? [];
-      return kontrakanList.contains(kontrakanId);
+      final ids = await getFavoriteIds();
+      return (ids['kontrakan'] ?? []).contains(kontrakanId);
     } catch (e) {
-      // Error checking favorite silently
+      debugPrint('[FAV] ❌ Exception isKontrakanFavorite: $e');
       return false;
     }
   }
@@ -191,11 +297,10 @@ class FavoriteService {
   // Check if laundry is favorite
   Future<bool> isLaundryFavorite(int laundryId) async {
     try {
-      final favorites = await getFavorites();
-      final laundryList = favorites['laundry'] as List<int>? ?? [];
-      return laundryList.contains(laundryId);
+      final ids = await getFavoriteIds();
+      return (ids['laundry'] ?? []).contains(laundryId);
     } catch (e) {
-      // Error checking favorite silently
+      debugPrint('[FAV] ❌ Exception isLaundryFavorite: $e');
       return false;
     }
   }
diff --git a/spk_mobile/lib/services/kontrakan_service.dart b/spk_mobile/lib/services/kontrakan_service.dart
index fefce98..51444d9 100644
--- a/spk_mobile/lib/services/kontrakan_service.dart
+++ b/spk_mobile/lib/services/kontrakan_service.dart
@@ -30,22 +30,17 @@ class KontrakanService {
     String status = 'tersedia',
   }) async {
     try {
-      var url = '${AppConfig.baseUrl}/kontrakan?status=$status';
+      var uri = Uri.parse('${AppConfig.baseUrl}/kontrakan').replace(
+        queryParameters: {
+          'status': status,
+          if (search != null && search.isNotEmpty) 'search': search,
+          if (hargaMin != null) 'harga_min': hargaMin.toString(),
+          if (hargaMax != null) 'harga_max': hargaMax.toString(),
+          if (jumlahKamar != null) 'jumlah_kamar': jumlahKamar.toString(),
+        },
+      );
 
-      if (search != null && search.isNotEmpty) {
-        url += '&search=$search';
-      }
-      if (hargaMin != null) {
-        url += '&harga_min=$hargaMin';
-      }
-      if (hargaMax != null) {
-        url += '&harga_max=$hargaMax';
-      }
-      if (jumlahKamar != null) {
-        url += '&jumlah_kamar=$jumlahKamar';
-      }
-
-      final response = await http.get(Uri.parse(url), headers: _headers);
+      final response = await http.get(uri, headers: _headers);
 
       if (response.statusCode == 200) {
         final data = jsonDecode(response.body);
diff --git a/spk_mobile/lib/services/server_discovery_service.dart b/spk_mobile/lib/services/server_discovery_service.dart
new file mode 100644
index 0000000..2234afc
--- /dev/null
+++ b/spk_mobile/lib/services/server_discovery_service.dart
@@ -0,0 +1,145 @@
+import 'dart:async';
+import 'dart:io';
+import 'package:http/http.dart' as http;
+import 'package:shared_preferences/shared_preferences.dart';
+import '../config/app_config.dart';
+
+/// Service untuk mendeteksi IP server Laravel secara otomatis.
+/// Urutan pencarian:
+///   1. IP tersimpan di cache (paling cepat jika masih valid)
+///   2. Android Emulator (10.0.2.2)
+///   3. Localhost (desktop / iOS simulator)
+///   4. Scan subnet lokal HP secara paralel
+class ServerDiscoveryService {
+  static const int _port = 8000;
+  static const String _cacheKey = 'discovered_server_url';
+  static const Duration _probeTimeout = Duration(seconds: 2);
+
+  // ─── PUBLIC ENTRY POINT ─────────────────────────────────────────────────────
+
+  /// Temukan server dan update [AppConfig] secara otomatis.
+  /// Kembalikan `true` jika server ditemukan, `false` jika tidak.
+  static Future<bool> discover({
+    void Function(String status)? onStatus,
+  }) async {
+    onStatus?.call('Mencari server...');
+
+    // 1. Coba cache terlebih dahulu
+    final cached = await _getCachedUrl();
+    if (cached != null) {
+      onStatus?.call('Mencoba koneksi tersimpan...');
+      if (await _isAlive(cached)) {
+        AppConfig.setServerUrl(cached);
+        return true;
+      }
+    }
+
+    // 2. Android Emulator
+    const emulatorUrl = 'http://10.0.2.2:$_port';
+    if (await _isAlive(emulatorUrl)) {
+      await _saveCache(emulatorUrl);
+      AppConfig.setServerUrl(emulatorUrl);
+      return true;
+    }
+
+    // 3. Localhost (Windows/iOS)
+    const localhostUrl = 'http://localhost:$_port';
+    if (await _isAlive(localhostUrl)) {
+      await _saveCache(localhostUrl);
+      AppConfig.setServerUrl(localhostUrl);
+      return true;
+    }
+
+    // 4. Scan subnet lokal HP
+    onStatus?.call('Memindai jaringan lokal...');
+    final subnets = await _getLocalSubnets();
+    if (subnets.isNotEmpty) {
+      final found = await _scanSubnets(subnets, onStatus: onStatus);
+      if (found != null) {
+        await _saveCache(found);
+        AppConfig.setServerUrl(found);
+        return true;
+      }
+    }
+
+    // Gagal — tetap pakai nilai AppConfig yang lama (last known)
+    return false;
+  }
+
+  // ─── HELPERS ────────────────────────────────────────────────────────────────
+
+  /// Cek apakah server ada di URL tersebut (respons apapun = server hidup).
+  static Future<bool> _isAlive(String serverUrl) async {
+    try {
+      final response = await http
+          .get(
+            Uri.parse('$serverUrl/api'),
+            headers: {'Accept': 'application/json'},
+          )
+          .timeout(_probeTimeout);
+      // Respons 4xx/5xx tetap berarti server bisa dijangkau
+      return response.statusCode > 0;
+    } catch (_) {
+      return false;
+    }
+  }
+
+  /// Ambil semua subnet IPv4 milik device (e.g., "192.168.1").
+  static Future<List<String>> _getLocalSubnets() async {
+    final subnets = <String>[];
+    try {
+      final interfaces = await NetworkInterface.list(
+        type: InternetAddressType.IPv4,
+        includeLinkLocal: false,
+      );
+      for (final iface in interfaces) {
+        for (final addr in iface.addresses) {
+          final parts = addr.address.split('.');
+          if (parts.length == 4 && parts[0] != '127') {
+            final subnet = '${parts[0]}.${parts[1]}.${parts[2]}';
+            if (!subnets.contains(subnet)) subnets.add(subnet);
+          }
+        }
+      }
+    } catch (_) {}
+    return subnets;
+  }
+
+  /// Scan semua host di subnet secara paralel, kembalikan URL pertama yang aktif.
+  static Future<String?> _scanSubnets(
+    List<String> subnets, {
+    void Function(String)? onStatus,
+  }) async {
+    final completer = Completer<String?>();
+    int remaining = subnets.length * 254;
+
+    if (remaining == 0) return null;
+
+    for (final subnet in subnets) {
+      for (int i = 1; i <= 254; i++) {
+        final url = 'http://$subnet.$i:$_port';
+        _isAlive(url).then((alive) {
+          if (alive && !completer.isCompleted) {
+            completer.complete(url);
+          }
+          remaining--;
+          if (remaining <= 0 && !completer.isCompleted) {
+            completer.complete(null);
+          }
+        });
+      }
+    }
+
+    return completer.future;
+  }
+
+  static Future<String?> _getCachedUrl() async {
+    final prefs = await SharedPreferences.getInstance();
+    return prefs.getString(_cacheKey);
+  }
+
+  static Future<void> _saveCache(String serverUrl) async {
+    final prefs = await SharedPreferences.getInstance();
+    await prefs.setString(_cacheKey, serverUrl);
+  }
+}