diff --git a/app/Http/Controllers/Backend/AdminsController.php b/app/Http/Controllers/Backend/AdminsController.php
index 53f4c6e..2597580 100644
--- a/app/Http/Controllers/Backend/AdminsController.php
+++ b/app/Http/Controllers/Backend/AdminsController.php
@@ -141,6 +141,8 @@ class AdminsController extends Controller
         if($request->cabang_id) {
             $userHasCabang = UserHasCabang::where('user_id', $admin->id)->first();
             $userHasCabang ? $userHasCabang->update(['cabang_id' => $request->cabang_id]) : UserHasCabang::create(['user_id' => $admin->id, 'cabang_id' => $request->cabang_id]);
+        } else {
+            UserHasCabang::where('user_id', $admin->id)->delete();
         }
 
         AuditTrailHelper::AddAuditTrail('Update', 'Update User Data (' . $request->email . ') in the User Table');
diff --git a/app/Http/Controllers/Backend/BudgetControlController.php b/app/Http/Controllers/Backend/BudgetControlController.php
index 808deed..187e18e 100644
--- a/app/Http/Controllers/Backend/BudgetControlController.php
+++ b/app/Http/Controllers/Backend/BudgetControlController.php
@@ -14,6 +14,7 @@ use App\Models\FormMeetingSeminar;
 use App\Models\FormOthers;
 use App\Models\FormEntertaimentPresentation;
 use App\Models\FormVehicleRunningCost;
+use App\Models\UserHasCabang;
 
 class BudgetControlController extends Controller
 {
@@ -23,7 +24,30 @@ class BudgetControlController extends Controller
 		session()->put('redirect_url', route('budget_control'));
 
 		// Get the budget control data
-		$budget = BudgetControl::orderBy('created_at', 'desc')->with(['user', 'cabang'])->get();
+		// $budget = BudgetControl::orderBy('created_at', 'desc')->with(['user', 'cabang'])->get();
+		$role = auth()->user()->getRoleNames()[0];
+		$budget = null;
+
+		if ($role == 'Admin Region' || $role == 'Marketing Operational Manager Region') {
+			$region_id = auth()->user()->getMyCabangAndRegionId()['region'];
+
+			if ($region_id) {
+				// Get budget controls where the region matches
+				$budget = BudgetControl::whereHas('cabang', function ($query) use ($region_id) {
+					$query->where('region_id', $region_id);
+				})->get();
+			}
+		} elseif ($role == 'Area Manager Cabang') {
+			$cabang_id = auth()->user()->getMyCabangAndRegionId()['cabang'];
+
+			if ($cabang_id) {
+				// Get budget controls where the cabang matches
+				$budget = BudgetControl::where('cabang_id', $cabang_id)->get();
+			}
+		} else {
+			// Get all budget controls for other roles
+			$budget = BudgetControl::all();
+		}
 
 		// Initialize an empty array to hold the used budget sums
 		$usedBudget = [];
diff --git a/app/Http/Controllers/Backend/ReportController.php b/app/Http/Controllers/Backend/ReportController.php
index 2df23f7..42040d3 100644
--- a/app/Http/Controllers/Backend/ReportController.php
+++ b/app/Http/Controllers/Backend/ReportController.php
@@ -638,23 +638,25 @@ class ReportController extends Controller
     {
         $role = auth()->user()->getRoleNames()[0];
         $cabangs = [];
+        $regions = [];
 
         if ($role == 'Admin Region' || $role == 'Marketing Operational Manager Region') {
             $region_id = auth()->user()->getMyCabangAndRegionId()['region'];
 
             if ($region_id) {
                 $cabangs = Cabang::where('region_id', $region_id)->get();
+                $regions = Region::where('id', $region_id)->get();
             }
         } else if ($role == 'Area Manager Cabang') {
             $cabang_id = auth()->user()->getMyCabangAndRegionId()['cabang'];
 
             if ($cabang_id) {
                 $cabangs = Cabang::where('id', $cabang_id)->get();
+                $regions = Region::where('id', $cabangs[0]->region_id)->get();
             }
-        } else if ($role == 'Medical Representatif') {
-            $cabangs = null;
         } else {
             $cabangs = Cabang::all();
+            $regions = Region::all();
         }
 
         return view('backend.pages.report.jurnal', [
@@ -662,6 +664,7 @@ class ReportController extends Controller
                 'title' => 'Generate Reports For Jurnal',
             ],
             'cabang' => $cabangs,
+            'regions' => $regions
         ]);
     }
 
diff --git a/app/Http/Controllers/Master/CabangController.php b/app/Http/Controllers/Master/CabangController.php
index 50923ef..0d60cb8 100644
--- a/app/Http/Controllers/Master/CabangController.php
+++ b/app/Http/Controllers/Master/CabangController.php
@@ -22,6 +22,13 @@ class CabangController extends Controller
 		]);
   }
 
+	public function getCabangByRegion($regionCode)
+	{
+		$region_id = Region::where('code', $regionCode)->first()->id;
+		$cabang = Cabang::where('region_id', $region_id)->get(['code', 'name']);
+		return response()->json($cabang);
+	}
+
 	public function create()
 	{
 		$this->checkAuthorization(auth()->user(), ['cabang.create']);
diff --git a/resources/views/backend/pages/forms/entertainment/index.blade.php b/resources/views/backend/pages/forms/entertainment/index.blade.php
index 83ae6aa..7fd02d5 100644
--- a/resources/views/backend/pages/forms/entertainment/index.blade.php
+++ b/resources/views/backend/pages/forms/entertainment/index.blade.php
@@ -338,8 +338,32 @@
 			if ($('#dataTable').length) {
 				$('#dataTable').DataTable({
 					responsive: false,
-					dom: 'Bfrtip',
-					buttons: ['excel', 'pdf', 'print', 'colvis'],
+					dom: 'Blfrtip',
+					lengthMenu: [ [10, 50, 100, -1], [10, 50, 100, "All"] ], // Control the entries dropdown
+					buttons: [
+						{
+							extend: 'excel',
+							text: 'Excel'
+						},
+						{
+							extend: 'pdf',
+							text: 'PDF',
+							orientation: 'landscape',
+							pageSize: 'A4',
+							exportOptions: {
+								columns: ':visible'
+							}
+						},
+						{
+							extend: 'print',
+							text: 'Print',
+							orientation: 'landscape',
+							exportOptions: {
+								columns: ':visible'
+							}
+						},
+						'colvis'
+					]
 				});
 			}
 
diff --git a/resources/views/backend/pages/forms/meeting/index.blade.php b/resources/views/backend/pages/forms/meeting/index.blade.php
index 15c91bb..d650c3f 100644
--- a/resources/views/backend/pages/forms/meeting/index.blade.php
+++ b/resources/views/backend/pages/forms/meeting/index.blade.php
@@ -338,8 +338,32 @@
 			if ($('#dataTable').length) {
 				$('#dataTable').DataTable({
 					responsive: false,
-					dom: 'Bfrtip',
-					buttons: ['excel', 'pdf', 'print', 'colvis'],
+					dom: 'Blfrtip',
+					lengthMenu: [ [10, 50, 100, -1], [10, 50, 100, "All"] ], // Control the entries dropdown
+					buttons: [
+						{
+							extend: 'excel',
+							text: 'Excel'
+						},
+						{
+							extend: 'pdf',
+							text: 'PDF',
+							orientation: 'landscape',
+							pageSize: 'A4',
+							exportOptions: {
+								columns: ':visible'
+							}
+						},
+						{
+							extend: 'print',
+							text: 'Print',
+							orientation: 'landscape',
+							exportOptions: {
+								columns: ':visible'
+							}
+						},
+						'colvis'
+					]
 				});
 			}
 
diff --git a/resources/views/backend/pages/forms/other/index.blade.php b/resources/views/backend/pages/forms/other/index.blade.php
index 29dbb7b..9250298 100644
--- a/resources/views/backend/pages/forms/other/index.blade.php
+++ b/resources/views/backend/pages/forms/other/index.blade.php
@@ -327,8 +327,32 @@
 			if ($('#dataTable').length) {
 				$('#dataTable').DataTable({
 					responsive: false,
-					dom: 'Bfrtip',
-					buttons: ['excel', 'pdf', 'print', 'colvis'],
+					dom: 'Blfrtip',
+					lengthMenu: [ [10, 50, 100, -1], [10, 50, 100, "All"] ], // Control the entries dropdown
+					buttons: [
+						{
+							extend: 'excel',
+							text: 'Excel'
+						},
+						{
+							extend: 'pdf',
+							text: 'PDF',
+							orientation: 'landscape',
+							pageSize: 'A4',
+							exportOptions: {
+								columns: ':visible'
+							}
+						},
+						{
+							extend: 'print',
+							text: 'Print',
+							orientation: 'landscape',
+							exportOptions: {
+								columns: ':visible'
+							}
+						},
+						'colvis'
+					]
 				});
 			}
 
diff --git a/resources/views/backend/pages/forms/upcountry/index.blade.php b/resources/views/backend/pages/forms/upcountry/index.blade.php
index 29c9626..36c3c00 100644
--- a/resources/views/backend/pages/forms/upcountry/index.blade.php
+++ b/resources/views/backend/pages/forms/upcountry/index.blade.php
@@ -364,8 +364,32 @@
 			if ($('#dataTable').length) {
 				$('#dataTable').DataTable({
 					responsive: false,
-					dom: 'Bfrtip',
-					buttons: ['excel', 'pdf', 'print', 'colvis'],
+					dom: 'Blfrtip',
+					lengthMenu: [ [10, 50, 100, -1], [10, 50, 100, "All"] ], // Control the entries dropdown
+					buttons: [
+						{
+							extend: 'excel',
+							text: 'Excel'
+						},
+						{
+							extend: 'pdf',
+							text: 'PDF',
+							orientation: 'landscape',
+							pageSize: 'A4',
+							exportOptions: {
+								columns: ':visible'
+							}
+						},
+						{
+							extend: 'print',
+							text: 'Print',
+							orientation: 'landscape',
+							exportOptions: {
+								columns: ':visible'
+							}
+						},
+						'colvis'
+					]
 				});
 			}
 
diff --git a/resources/views/backend/pages/forms/vehicle/index.blade.php b/resources/views/backend/pages/forms/vehicle/index.blade.php
index 422f000..8a7a970 100644
--- a/resources/views/backend/pages/forms/vehicle/index.blade.php
+++ b/resources/views/backend/pages/forms/vehicle/index.blade.php
@@ -343,8 +343,32 @@
 			if ($('#dataTable').length) {
 				$('#dataTable').DataTable({
 					responsive: false,
-					dom: 'Bfrtip',
-					buttons: ['excel', 'pdf', 'print', 'colvis'],
+					dom: 'Blfrtip',
+					lengthMenu: [ [10, 50, 100, -1], [10, 50, 100, "All"] ], // Control the entries dropdown
+					buttons: [
+						{
+							extend: 'excel',
+							text: 'Excel'
+						},
+						{
+							extend: 'pdf',
+							text: 'PDF',
+							orientation: 'landscape',
+							pageSize: 'A4',
+							exportOptions: {
+								columns: ':visible'
+							}
+						},
+						{
+							extend: 'print',
+							text: 'Print',
+							orientation: 'landscape',
+							exportOptions: {
+								columns: ':visible'
+							}
+						},
+						'colvis'
+					]
 				});
 			}
 
diff --git a/resources/views/backend/pages/master/cabang/index.blade.php b/resources/views/backend/pages/master/cabang/index.blade.php
index e565655..926e2ae 100644
--- a/resources/views/backend/pages/master/cabang/index.blade.php
+++ b/resources/views/backend/pages/master/cabang/index.blade.php
@@ -95,14 +95,36 @@
     <script>
         $(document).ready(function () {
             if ($('#dataTable').length) {
-                $('#dataTable').DataTable({
-                    responsive: true,
-                    dom: 'Bfrtip',
-                    buttons: [
-                        'excel', 'pdf', 'print'
-                    ]
-                });
-            }
+				$('#dataTable').DataTable({
+					responsive: false,
+					dom: 'Blfrtip',
+					lengthMenu: [ [10, 50, 100, -1], [10, 50, 100, "All"] ], // Control the entries dropdown
+					buttons: [
+						{
+							extend: 'excel',
+							text: 'Excel'
+						},
+						{
+							extend: 'pdf',
+							text: 'PDF',
+							orientation: 'landscape',
+							pageSize: 'A4',
+							exportOptions: {
+								columns: ':visible'
+							}
+						},
+						{
+							extend: 'print',
+							text: 'Print',
+							orientation: 'landscape',
+							exportOptions: {
+								columns: ':visible'
+							}
+						},
+						'colvis'
+					]
+				});
+			}
         });
     </script>
 @endsection
diff --git a/resources/views/backend/pages/master/category/index.blade.php b/resources/views/backend/pages/master/category/index.blade.php
index 98b0c98..81fc27f 100644
--- a/resources/views/backend/pages/master/category/index.blade.php
+++ b/resources/views/backend/pages/master/category/index.blade.php
@@ -87,14 +87,36 @@
     <script>
         $(document).ready(function () {
             if ($('#dataTable').length) {
-                $('#dataTable').DataTable({
-                    responsive: false,
-                    dom: 'Bfrtip',
-                    buttons: [
-                        'excel', 'pdf', 'print'
-                    ]
-                });
-            }
+				$('#dataTable').DataTable({
+					responsive: false,
+					dom: 'Blfrtip',
+					lengthMenu: [ [10, 50, 100, -1], [10, 50, 100, "All"] ], // Control the entries dropdown
+					buttons: [
+						{
+							extend: 'excel',
+							text: 'Excel'
+						},
+						{
+							extend: 'pdf',
+							text: 'PDF',
+							orientation: 'landscape',
+							pageSize: 'A4',
+							exportOptions: {
+								columns: ':visible'
+							}
+						},
+						{
+							extend: 'print',
+							text: 'Print',
+							orientation: 'landscape',
+							exportOptions: {
+								columns: ':visible'
+							}
+						},
+						'colvis'
+					]
+				});
+			}
         });
     </script>
 @endsection
diff --git a/resources/views/backend/pages/master/cost/index.blade.php b/resources/views/backend/pages/master/cost/index.blade.php
index 42ada2d..9a3c111 100644
--- a/resources/views/backend/pages/master/cost/index.blade.php
+++ b/resources/views/backend/pages/master/cost/index.blade.php
@@ -87,14 +87,36 @@
     <script>
         $(document).ready(function () {
             if ($('#dataTable').length) {
-                $('#dataTable').DataTable({
-                    responsive: false,
-                    dom: 'Bfrtip',
-                    buttons: [
-                        'excel', 'pdf', 'print'
-                    ]
-                });
-            }
+				$('#dataTable').DataTable({
+					responsive: false,
+					dom: 'Blfrtip',
+					lengthMenu: [ [10, 50, 100, -1], [10, 50, 100, "All"] ], // Control the entries dropdown
+					buttons: [
+						{
+							extend: 'excel',
+							text: 'Excel'
+						},
+						{
+							extend: 'pdf',
+							text: 'PDF',
+							orientation: 'landscape',
+							pageSize: 'A4',
+							exportOptions: {
+								columns: ':visible'
+							}
+						},
+						{
+							extend: 'print',
+							text: 'Print',
+							orientation: 'landscape',
+							exportOptions: {
+								columns: ':visible'
+							}
+						},
+						'colvis'
+					]
+				});
+			}
         });
     </script>
 @endsection
diff --git a/resources/views/backend/pages/master/rayon/index.blade.php b/resources/views/backend/pages/master/rayon/index.blade.php
index 47b3987..7875037 100644
--- a/resources/views/backend/pages/master/rayon/index.blade.php
+++ b/resources/views/backend/pages/master/rayon/index.blade.php
@@ -87,14 +87,36 @@
     <script>
         $(document).ready(function () {
             if ($('#dataTable').length) {
-                $('#dataTable').DataTable({
-                    responsive: true,
-                    dom: 'Bfrtip',
-                    buttons: [
-                        'excel', 'pdf', 'print'
-                    ]
-                });
-            }
+				$('#dataTable').DataTable({
+					responsive: false,
+					dom: 'Blfrtip',
+					lengthMenu: [ [10, 50, 100, -1], [10, 50, 100, "All"] ], // Control the entries dropdown
+					buttons: [
+						{
+							extend: 'excel',
+							text: 'Excel'
+						},
+						{
+							extend: 'pdf',
+							text: 'PDF',
+							orientation: 'landscape',
+							pageSize: 'A4',
+							exportOptions: {
+								columns: ':visible'
+							}
+						},
+						{
+							extend: 'print',
+							text: 'Print',
+							orientation: 'landscape',
+							exportOptions: {
+								columns: ':visible'
+							}
+						},
+						'colvis'
+					]
+				});
+			}
         });
     </script>
 @endsection
diff --git a/resources/views/backend/pages/master/region/index.blade.php b/resources/views/backend/pages/master/region/index.blade.php
index b4b1849..ade24a7 100644
--- a/resources/views/backend/pages/master/region/index.blade.php
+++ b/resources/views/backend/pages/master/region/index.blade.php
@@ -91,14 +91,36 @@
     <script>
         $(document).ready(function () {
             if ($('#dataTable').length) {
-                $('#dataTable').DataTable({
-                    responsive: true,
-                    dom: 'Bfrtip',
-                    buttons: [
-                        'excel', 'pdf', 'print'
-                    ]
-                });
-            }
+				$('#dataTable').DataTable({
+					responsive: false,
+					dom: 'Blfrtip',
+					lengthMenu: [ [10, 50, 100, -1], [10, 50, 100, "All"] ], // Control the entries dropdown
+					buttons: [
+						{
+							extend: 'excel',
+							text: 'Excel'
+						},
+						{
+							extend: 'pdf',
+							text: 'PDF',
+							orientation: 'landscape',
+							pageSize: 'A4',
+							exportOptions: {
+								columns: ':visible'
+							}
+						},
+						{
+							extend: 'print',
+							text: 'Print',
+							orientation: 'landscape',
+							exportOptions: {
+								columns: ':visible'
+							}
+						},
+						'colvis'
+					]
+				});
+			}
         });
     </script>
 @endsection
diff --git a/resources/views/backend/pages/report/all.blade.php b/resources/views/backend/pages/report/all.blade.php
index e02959c..b1e9030 100644
--- a/resources/views/backend/pages/report/all.blade.php
+++ b/resources/views/backend/pages/report/all.blade.php
@@ -98,15 +98,11 @@
 											<label for="cabang">Pilih Cabang</label>
 											<select name="cabang" id="cabang" class="form-control">
 												<option value="">Semua Cabang</option>
-												@foreach ($cabang as $cabang)
-													<option value="{{ $cabang->code }}" {{ request()->cabang == $cabang->code ? 'selected' : '' }}>
-														{{ $cabang->name }}
-													</option>
-												@endforeach
+												<!-- Cabang options will be dynamically populated -->
 											</select>
 										</div>
 									</div>
-									<div class="col-md-3">
+									<div class="col-md-2">
 										<div class="form-group mb-3">
 											<label for="month">Pilih Periode Bulan</label>
 											<select name="month" id="month" class="form-control">
@@ -127,7 +123,7 @@
 										</div>
 									</div>
 
-									<div class="col-md-3">
+									<div class="col-md-2">
 										<div class="form-group mb-3">
 											<label for="year">Pilih Periode Tahun</label>
 											<select name="year" id="year" class="form-control">
@@ -138,6 +134,19 @@
 											</select>
 										</div>
 									</div>
+
+									<div class="col-md-2">
+										<div class="form-group mb-3">
+											<label for="status">Status</label>
+											<select name="status" id="status" class="form-control">
+												<option value="">Semua Status</option>
+												<option value="On Progress" {{ request()->status == 'On Progress' ? 'selected' : '' }}>On Progress</option>
+												<option value="Approved" {{ request()->status == 'Approved' ? 'selected' : '' }}>Approved</option>
+												<option value="Closed" {{ request()->status == 'Closed' ? 'selected' : '' }}>Closed</option>
+												<option value="Rejected" {{ request()->status == 'Rejected' ? 'selected' : '' }}>Rejected</option>
+											</select>
+										</div>
+									</div>
 											
 								</div>
 
@@ -222,12 +231,60 @@
 
 @section('scripts')
     <script>
-        if ($('#dataTable-table').length) {
-            $('#dataTable-table').DataTable({
+		if ($('#dataTable-table').length) {
+			$('#dataTable-table').DataTable({
 				responsive: false,
-				dom: 'Bfrtip',
-				buttons: ['excel', 'pdf', 'print', 'colvis'],
+				dom: 'Blfrtip',
+				lengthMenu: [ [10, 25, 50, -1], [10, 25, 50, "All"] ], // Control the entries dropdown
+				buttons: [
+					{
+						extend: 'excel',
+						text: 'Excel'
+					},
+					{
+						extend: 'pdf',
+						text: 'PDF',
+						orientation: 'landscape',
+						pageSize: 'A4',
+						exportOptions: {
+							columns: ':visible'
+						}
+					},
+					{
+						extend: 'print',
+						text: 'Print',
+						orientation: 'landscape',
+						exportOptions: {
+							columns: ':visible'
+						}
+					},
+					'colvis'
+				]
 			});
-        }
-    </script>
+		}
+	</script>
+
+	<script>
+		document.getElementById('region').addEventListener('change', function () {
+			const regionCode = this.value;
+			const cabangSelect = document.getElementById('cabang');
+
+			// Clear existing options
+			cabangSelect.innerHTML = '<option value="">Semua Cabang</option>';
+
+			if (regionCode) {
+				fetch(`/api/cabang-by-region/${regionCode}`)
+					.then(response => response.json())
+					.then(data => {
+						data.forEach(cabang => {
+							const option = document.createElement('option');
+							option.value = cabang.code;
+							option.textContent = cabang.name;
+							cabangSelect.appendChild(option);
+						});
+					})
+					.catch(error => console.error('Error fetching cabang data:', error));
+			}
+		});
+	</script>
 @endsection
diff --git a/resources/views/backend/pages/report/entertainment.blade.php b/resources/views/backend/pages/report/entertainment.blade.php
index 019995e..aa2e84c 100644
--- a/resources/views/backend/pages/report/entertainment.blade.php
+++ b/resources/views/backend/pages/report/entertainment.blade.php
@@ -22,7 +22,7 @@
 				<div class="col-md-12">
 					<div class="card">
 						<div class="card-body">
-							<form action="{{ route('reports.entertainment') }}" method="GET">
+							<form action="{{ route('reports.upcountry') }}" method="GET">
 								<div class="d-flex">
 									<div class="col-md-3">
 										<div class="form-group mb-3">
@@ -42,11 +42,7 @@
 											<label for="cabang">Pilih Cabang</label>
 											<select name="cabang" id="cabang" class="form-control">
 												<option value="">Semua Cabang</option>
-												@foreach ($cabang as $cabang)
-													<option value="{{ $cabang->code }}" {{ request()->cabang == $cabang->code ? 'selected' : '' }}>
-														{{ $cabang->name }}
-													</option>
-												@endforeach
+												<!-- Cabang options will be dynamically populated -->
 											</select>
 										</div>
 									</div>
@@ -79,7 +75,7 @@
 								<div class="col-md-3">
 									<div class="form-group">
 										<button type="submit" class="btn btn-primary">Filter</button>
-										<a href="{{ route('reports.entertainment') }}" class="btn btn-secondary">Reset</a>
+										<a href="{{ route('reports.upcountry') }}" class="btn btn-secondary">Reset</a>
 									</div>
 								</div>
 							</form>
@@ -173,12 +169,60 @@
 
 @section('scripts')
     <script>
-        if ($('#dataTable-table').length) {
-            $('#dataTable-table').DataTable({
+		if ($('#dataTable-table').length) {
+			$('#dataTable-table').DataTable({
 				responsive: false,
-				dom: 'Bfrtip',
-				buttons: ['excel', 'pdf', 'print', 'colvis'],
+				dom: 'Blfrtip',
+				lengthMenu: [ [10, 50, 100, -1], [10, 50, 100, "All"] ], // Control the entries dropdown
+				buttons: [
+					{
+						extend: 'excel',
+						text: 'Excel'
+					},
+					{
+						extend: 'pdf',
+						text: 'PDF',
+						orientation: 'landscape',
+						pageSize: 'A4',
+						exportOptions: {
+							columns: ':visible'
+						}
+					},
+					{
+						extend: 'print',
+						text: 'Print',
+						orientation: 'landscape',
+						exportOptions: {
+							columns: ':visible'
+						}
+					},
+					'colvis'
+				]
 			});
-        }
-    </script>
+		}
+	</script>
+
+	<script>
+		document.getElementById('region').addEventListener('change', function () {
+			const regionCode = this.value;
+			const cabangSelect = document.getElementById('cabang');
+
+			// Clear existing options
+			cabangSelect.innerHTML = '<option value="">Semua Cabang</option>';
+
+			if (regionCode) {
+				fetch(`/api/cabang-by-region/${regionCode}`)
+					.then(response => response.json())
+					.then(data => {
+						data.forEach(cabang => {
+							const option = document.createElement('option');
+							option.value = cabang.code;
+							option.textContent = cabang.name;
+							cabangSelect.appendChild(option);
+						});
+					})
+					.catch(error => console.error('Error fetching cabang data:', error));
+			}
+		});
+	</script>
 @endsection
diff --git a/resources/views/backend/pages/report/generate_jurnal.blade.php b/resources/views/backend/pages/report/generate_jurnal.blade.php
index 3ca55a3..ccddb8a 100644
--- a/resources/views/backend/pages/report/generate_jurnal.blade.php
+++ b/resources/views/backend/pages/report/generate_jurnal.blade.php
@@ -140,15 +140,36 @@
 
 @section('scripts')
     <script>
-        if ($('#dataTable-table').length) {
-            $('#dataTable-table').DataTable({
-                responsive: false,
-                dom: 'Bfrtip',
-                buttons: ['excel', 'csv', 'pdf', 'print', 'colvis'],
-                paging: false,
-                info: false,
-                pageLength: -1
-            });
-        }
-    </script>
+		if ($('#dataTable-table').length) {
+			$('#dataTable-table').DataTable({
+				responsive: false,
+				dom: 'Blfrtip',
+				lengthMenu: [ [10, 50, 100, -1], [10, 50, 100, "All"] ], // Control the entries dropdown
+				buttons: [
+					{
+						extend: 'excel',
+						text: 'Excel'
+					},
+					{
+						extend: 'pdf',
+						text: 'PDF',
+						orientation: 'landscape',
+						pageSize: 'A4',
+						exportOptions: {
+							columns: ':visible'
+						}
+					},
+					{
+						extend: 'print',
+						text: 'Print',
+						orientation: 'landscape',
+						exportOptions: {
+							columns: ':visible'
+						}
+					},
+					'colvis'
+				]
+			});
+		}
+	</script>
 @endsection
diff --git a/resources/views/backend/pages/report/jurnal.blade.php b/resources/views/backend/pages/report/jurnal.blade.php
index 0df8b94..59dc8cd 100644
--- a/resources/views/backend/pages/report/jurnal.blade.php
+++ b/resources/views/backend/pages/report/jurnal.blade.php
@@ -13,20 +13,29 @@
 						<div class="card-body">
 							<form action="{{ route('reports.jurnal.generate') }}" method="GET">
 								<div class="d-flex">
-									<div class="col-md-4">
+									<div class="col-md-3">
 										<div class="form-group mb-3">
-											<label for="cabang">Pilih Cabang</label>
-											<select name="cabang" id="cabang" class="form-control" required>
-												<option value="">Semua Cabang</option>
-												@foreach ($cabang as $cabang)
-													<option value="{{ $cabang->code }}" {{ request()->cabang == $cabang->code ? 'selected' : '' }}>
-														{{ $cabang->name }}
+											<label for="region">Pilih Region</label>
+											<select name="region" id="region" class="form-control" required>
+												<option value="">Semua Region</option>
+												@foreach ($regions as $region)
+													<option value="{{ $region->code }}" {{ request()->region == $region->code ? 'selected' : '' }}>
+														{{ $region->name }}
 													</option>
 												@endforeach
 											</select>
 										</div>
 									</div>
-									<div class="col-md-4">
+									<div class="col-md-3">
+										<div class="form-group mb-3">
+											<label for="cabang">Pilih Cabang</label>
+											<select name="cabang" id="cabang" class="form-control" required>
+												<option value="">Semua Cabang</option>
+												<!-- Cabang options will be dynamically populated -->
+											</select>
+										</div>
+									</div>
+									<div class="col-md-3">
 										<div class="form-group mb-3">
 											<label for="month">Pilih Periode Bulan</label>
 											<select name="month" id="month" class="form-control" required>
@@ -47,7 +56,7 @@
 										</div>
 									</div>
 
-									<div class="col-md-4">
+									<div class="col-md-3">
 										<div class="form-group mb-3">
 											<label for="year">Pilih Periode Tahun</label>
 											<select name="year" id="year" class="form-control" required>
@@ -77,13 +86,61 @@
 @endsection
 
 @section('scripts')
-    <script>
-        if ($('#dataTable-table').length) {
-            $('#dataTable-table').DataTable({
+	<script>
+		if ($('#dataTable-table').length) {
+			$('#dataTable-table').DataTable({
 				responsive: false,
-				dom: 'Bfrtip',
-				buttons: ['excel', 'pdf', 'print', 'colvis'],
+				dom: 'Blfrtip',
+				lengthMenu: [ [10, 50, 100, -1], [10, 50, 100, "All"] ], // Control the entries dropdown
+				buttons: [
+					{
+						extend: 'excel',
+						text: 'Excel'
+					},
+					{
+						extend: 'pdf',
+						text: 'PDF',
+						orientation: 'landscape',
+						pageSize: 'A4',
+						exportOptions: {
+							columns: ':visible'
+						}
+					},
+					{
+						extend: 'print',
+						text: 'Print',
+						orientation: 'landscape',
+						exportOptions: {
+							columns: ':visible'
+						}
+					},
+					'colvis'
+				]
 			});
-        }
-    </script>
+		}
+	</script>
+
+	<script>
+		document.getElementById('region').addEventListener('change', function () {
+			const regionCode = this.value;
+			const cabangSelect = document.getElementById('cabang');
+
+			// Clear existing options
+			cabangSelect.innerHTML = '<option value="">Semua Cabang</option>';
+
+			if (regionCode) {
+				fetch(`/api/cabang-by-region/${regionCode}`)
+					.then(response => response.json())
+					.then(data => {
+						data.forEach(cabang => {
+							const option = document.createElement('option');
+							option.value = cabang.code;
+							option.textContent = cabang.name;
+							cabangSelect.appendChild(option);
+						});
+					})
+					.catch(error => console.error('Error fetching cabang data:', error));
+			}
+		});
+	</script>
 @endsection
diff --git a/resources/views/backend/pages/report/meeting.blade.php b/resources/views/backend/pages/report/meeting.blade.php
index 5d50e9e..42564ba 100644
--- a/resources/views/backend/pages/report/meeting.blade.php
+++ b/resources/views/backend/pages/report/meeting.blade.php
@@ -22,7 +22,7 @@
 				<div class="col-md-12">
 					<div class="card">
 						<div class="card-body">
-							<form action="{{ route('reports.meeting') }}" method="GET">
+							<form action="{{ route('reports.upcountry') }}" method="GET">
 								<div class="d-flex">
 									<div class="col-md-3">
 										<div class="form-group mb-3">
@@ -42,11 +42,7 @@
 											<label for="cabang">Pilih Cabang</label>
 											<select name="cabang" id="cabang" class="form-control">
 												<option value="">Semua Cabang</option>
-												@foreach ($cabang as $cabang)
-													<option value="{{ $cabang->code }}" {{ request()->cabang == $cabang->code ? 'selected' : '' }}>
-														{{ $cabang->name }}
-													</option>
-												@endforeach
+												<!-- Cabang options will be dynamically populated -->
 											</select>
 										</div>
 									</div>
@@ -79,7 +75,7 @@
 								<div class="col-md-3">
 									<div class="form-group">
 										<button type="submit" class="btn btn-primary">Filter</button>
-										<a href="{{ route('reports.meeting') }}" class="btn btn-secondary">Reset</a>
+										<a href="{{ route('reports.upcountry') }}" class="btn btn-secondary">Reset</a>
 									</div>
 								</div>
 							</form>
@@ -162,13 +158,61 @@
 @endsection
 
 @section('scripts')
-    <script>
-        if ($('#dataTable-table').length) {
-            $('#dataTable-table').DataTable({
+<script>
+		if ($('#dataTable-table').length) {
+			$('#dataTable-table').DataTable({
 				responsive: false,
-				dom: 'Bfrtip',
-				buttons: ['excel', 'pdf', 'print', 'colvis'],
+				dom: 'Blfrtip',
+				lengthMenu: [ [10, 50, 100, -1], [10, 50, 100, "All"] ], // Control the entries dropdown
+				buttons: [
+					{
+						extend: 'excel',
+						text: 'Excel'
+					},
+					{
+						extend: 'pdf',
+						text: 'PDF',
+						orientation: 'landscape',
+						pageSize: 'A4',
+						exportOptions: {
+							columns: ':visible'
+						}
+					},
+					{
+						extend: 'print',
+						text: 'Print',
+						orientation: 'landscape',
+						exportOptions: {
+							columns: ':visible'
+						}
+					},
+					'colvis'
+				]
 			});
-        }
-    </script>
+		}
+	</script>
+
+	<script>
+		document.getElementById('region').addEventListener('change', function () {
+			const regionCode = this.value;
+			const cabangSelect = document.getElementById('cabang');
+
+			// Clear existing options
+			cabangSelect.innerHTML = '<option value="">Semua Cabang</option>';
+
+			if (regionCode) {
+				fetch(`/api/cabang-by-region/${regionCode}`)
+					.then(response => response.json())
+					.then(data => {
+						data.forEach(cabang => {
+							const option = document.createElement('option');
+							option.value = cabang.code;
+							option.textContent = cabang.name;
+							cabangSelect.appendChild(option);
+						});
+					})
+				.catch(error => console.error('Error fetching cabang data:', error));
+			}
+		});
+	</script>
 @endsection
diff --git a/resources/views/backend/pages/report/others.blade.php b/resources/views/backend/pages/report/others.blade.php
index 45d11e5..584c876 100644
--- a/resources/views/backend/pages/report/others.blade.php
+++ b/resources/views/backend/pages/report/others.blade.php
@@ -22,7 +22,7 @@
 				<div class="col-md-12">
 					<div class="card">
 						<div class="card-body">
-							<form action="{{ route('reports.others') }}" method="GET">
+							<form action="{{ route('reports.upcountry') }}" method="GET">
 								<div class="d-flex">
 									<div class="col-md-3">
 										<div class="form-group mb-3">
@@ -42,11 +42,7 @@
 											<label for="cabang">Pilih Cabang</label>
 											<select name="cabang" id="cabang" class="form-control">
 												<option value="">Semua Cabang</option>
-												@foreach ($cabang as $cabang)
-													<option value="{{ $cabang->code }}" {{ request()->cabang == $cabang->code ? 'selected' : '' }}>
-														{{ $cabang->name }}
-													</option>
-												@endforeach
+												<!-- Cabang options will be dynamically populated -->
 											</select>
 										</div>
 									</div>
@@ -79,7 +75,7 @@
 								<div class="col-md-3">
 									<div class="form-group">
 										<button type="submit" class="btn btn-primary">Filter</button>
-										<a href="{{ route('reports.others') }}" class="btn btn-secondary">Reset</a>
+										<a href="{{ route('reports.upcountry') }}" class="btn btn-secondary">Reset</a>
 									</div>
 								</div>
 							</form>
@@ -170,13 +166,61 @@
 @endsection
 
 @section('scripts')
-    <script>
-        if ($('#dataTable-table').length) {
-            $('#dataTable-table').DataTable({
+	<script>
+		if ($('#dataTable-table').length) {
+			$('#dataTable-table').DataTable({
 				responsive: false,
-				dom: 'Bfrtip',
-				buttons: ['excel', 'pdf', 'print', 'colvis'],
+				dom: 'Blfrtip',
+				lengthMenu: [ [10, 50, 100, -1], [10, 50, 100, "All"] ], // Control the entries dropdown
+				buttons: [
+					{
+						extend: 'excel',
+						text: 'Excel'
+					},
+					{
+						extend: 'pdf',
+						text: 'PDF',
+						orientation: 'landscape',
+						pageSize: 'A4',
+						exportOptions: {
+							columns: ':visible'
+						}
+					},
+					{
+						extend: 'print',
+						text: 'Print',
+						orientation: 'landscape',
+						exportOptions: {
+							columns: ':visible'
+						}
+					},
+					'colvis'
+				]
 			});
-        }
-    </script>
+		}
+	</script>
+
+	<script>
+		document.getElementById('region').addEventListener('change', function () {
+			const regionCode = this.value;
+			const cabangSelect = document.getElementById('cabang');
+
+			// Clear existing options
+			cabangSelect.innerHTML = '<option value="">Semua Cabang</option>';
+
+			if (regionCode) {
+				fetch(`/api/cabang-by-region/${regionCode}`)
+					.then(response => response.json())
+					.then(data => {
+						data.forEach(cabang => {
+							const option = document.createElement('option');
+							option.value = cabang.code;
+							option.textContent = cabang.name;
+							cabangSelect.appendChild(option);
+						});
+					})
+					.catch(error => console.error('Error fetching cabang data:', error));
+			}
+		});
+	</script>
 @endsection
diff --git a/resources/views/backend/pages/report/upcountry.blade.php b/resources/views/backend/pages/report/upcountry.blade.php
index 6273398..9246ea0 100644
--- a/resources/views/backend/pages/report/upcountry.blade.php
+++ b/resources/views/backend/pages/report/upcountry.blade.php
@@ -42,11 +42,7 @@
 											<label for="cabang">Pilih Cabang</label>
 											<select name="cabang" id="cabang" class="form-control">
 												<option value="">Semua Cabang</option>
-												@foreach ($cabang as $cabang)
-													<option value="{{ $cabang->code }}" {{ request()->cabang == $cabang->code ? 'selected' : '' }}>
-														{{ $cabang->name }}
-													</option>
-												@endforeach
+												<!-- Cabang options will be dynamically populated -->
 											</select>
 										</div>
 									</div>
@@ -169,12 +165,60 @@
 
 @section('scripts')
     <script>
-        if ($('#dataTable-table').length) {
-            $('#dataTable-table').DataTable({
+		if ($('#dataTable-table').length) {
+			$('#dataTable-table').DataTable({
 				responsive: false,
-				dom: 'Bfrtip',
-				buttons: ['excel', 'pdf', 'print', 'colvis'],
+				dom: 'Blfrtip',
+				lengthMenu: [ [10, 50, 100, -1], [10, 50, 100, "All"] ], // Control the entries dropdown
+				buttons: [
+					{
+						extend: 'excel',
+						text: 'Excel'
+					},
+					{
+						extend: 'pdf',
+						text: 'PDF',
+						orientation: 'landscape',
+						pageSize: 'A4',
+						exportOptions: {
+							columns: ':visible'
+						}
+					},
+					{
+						extend: 'print',
+						text: 'Print',
+						orientation: 'landscape',
+						exportOptions: {
+							columns: ':visible'
+						}
+					},
+					'colvis'
+				]
 			});
-        }
-    </script>
+		}
+	</script>
+
+	<script>
+		document.getElementById('region').addEventListener('change', function () {
+			const regionCode = this.value;
+			const cabangSelect = document.getElementById('cabang');
+
+			// Clear existing options
+			cabangSelect.innerHTML = '<option value="">Semua Cabang</option>';
+
+			if (regionCode) {
+				fetch(`/api/cabang-by-region/${regionCode}`)
+					.then(response => response.json())
+					.then(data => {
+						data.forEach(cabang => {
+							const option = document.createElement('option');
+							option.value = cabang.code;
+							option.textContent = cabang.name;
+							cabangSelect.appendChild(option);
+						});
+					})
+					.catch(error => console.error('Error fetching cabang data:', error));
+			}
+		});
+	</script>
 @endsection
diff --git a/resources/views/backend/pages/report/vehicle.blade.php b/resources/views/backend/pages/report/vehicle.blade.php
index ccd00df..b062bd2 100644
--- a/resources/views/backend/pages/report/vehicle.blade.php
+++ b/resources/views/backend/pages/report/vehicle.blade.php
@@ -22,7 +22,7 @@
 				<div class="col-md-12">
 					<div class="card">
 						<div class="card-body">
-							<form action="{{ route('reports.vehicle') }}" method="GET">
+							<form action="{{ route('reports.upcountry') }}" method="GET">
 								<div class="d-flex">
 									<div class="col-md-3">
 										<div class="form-group mb-3">
@@ -42,11 +42,7 @@
 											<label for="cabang">Pilih Cabang</label>
 											<select name="cabang" id="cabang" class="form-control">
 												<option value="">Semua Cabang</option>
-												@foreach ($cabang as $cabang)
-													<option value="{{ $cabang->code }}" {{ request()->cabang == $cabang->code ? 'selected' : '' }}>
-														{{ $cabang->name }}
-													</option>
-												@endforeach
+												<!-- Cabang options will be dynamically populated -->
 											</select>
 										</div>
 									</div>
@@ -79,7 +75,7 @@
 								<div class="col-md-3">
 									<div class="form-group">
 										<button type="submit" class="btn btn-primary">Filter</button>
-										<a href="{{ route('reports.vehicle') }}" class="btn btn-secondary">Reset</a>
+										<a href="{{ route('reports.upcountry') }}" class="btn btn-secondary">Reset</a>
 									</div>
 								</div>
 							</form>
@@ -174,13 +170,61 @@
 @endsection
 
 @section('scripts')
-    <script>
-        if ($('#dataTable-table').length) {
-            $('#dataTable-table').DataTable({
+	<script>
+		if ($('#dataTable-table').length) {
+			$('#dataTable-table').DataTable({
 				responsive: false,
-				dom: 'Bfrtip',
-				buttons: ['excel', 'pdf', 'print', 'colvis'],
+				dom: 'Blfrtip',
+				lengthMenu: [ [10, 50, 100, -1], [10, 50, 100, "All"] ], // Control the entries dropdown
+				buttons: [
+					{
+						extend: 'excel',
+						text: 'Excel'
+					},
+					{
+						extend: 'pdf',
+						text: 'PDF',
+						orientation: 'landscape',
+						pageSize: 'A4',
+						exportOptions: {
+							columns: ':visible'
+						}
+					},
+					{
+						extend: 'print',
+						text: 'Print',
+						orientation: 'landscape',
+						exportOptions: {
+							columns: ':visible'
+						}
+					},
+					'colvis'
+				]
 			});
-        }
-    </script>
+		}
+	</script>
+
+	<script>
+		document.getElementById('region').addEventListener('change', function () {
+			const regionCode = this.value;
+			const cabangSelect = document.getElementById('cabang');
+
+			// Clear existing options
+			cabangSelect.innerHTML = '<option value="">Semua Cabang</option>';
+
+			if (regionCode) {
+				fetch(`/api/cabang-by-region/${regionCode}`)
+					.then(response => response.json())
+					.then(data => {
+						data.forEach(cabang => {
+							const option = document.createElement('option');
+							option.value = cabang.code;
+							option.textContent = cabang.name;
+							cabangSelect.appendChild(option);
+						});
+					})
+					.catch(error => console.error('Error fetching cabang data:', error));
+			}
+		});
+	</script>
 @endsection
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index ef3930f..31d59e5 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -22,16 +22,17 @@
             </div>
 
             <nav class="main-header navbar navbar-expand navbar-dark bg-primary">
-
                 <ul class="navbar-nav">
                     <li class="nav-item">
-                        <a class="nav-link" data-widget="pushmenu" href="#" role="button"><i
-                                class="fas fa-bars"></i></a>
+                        <a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
                     </li>
-                
                 </ul>
 
-                <ul class="navbar-nav ml-auto">
+                <div class="navbar-center text-white m-auto">
+                    <span id="date-time" class="font-weight-bold"></span>
+                </div>
+
+                <ul class="navbar-nav">
                     <li class="nav-item">
                         <a class="nav-link" data-widget="fullscreen" href="#" role="button">
                             <i class="fas fa-expand-arrows-alt"></i>
@@ -40,16 +41,13 @@
 
                     <li class="nav-item dropdown" title="Account Profile">
                         <a class="nav-link" data-toggle="dropdown" href="#">
-                            {{ Auth::guard('admin')->user()->name }} <i class="far fa-user"></i> 
+                            {{ Auth::guard('admin')->user()->name }} <i class="far fa-user"></i>
                         </a>
                         @include('layouts.partials.logout')
                     </li>
-
-
                 </ul>
             </nav>
 
-
             <aside class="main-sidebar elevation-1 sidebar-light-danger">
 
                 <a href="#" class="brand-link bg-light">
@@ -78,12 +76,18 @@
                                         <a class="d-block font-weight-bold" style="font-size: 11px;">
                                             {{ Auth::guard('admin')->user()->getRoleNames()[0] }}
                                         </a>
-                                        @if(auth()->user()->getMyCabangAndRegion()['cabang'] != '-')
+                                        @if(auth()->user()->getMyCabangAndRegion()['cabang'] != '-' && Auth::guard('admin')->user()->getRoleNames()[0] == 'Medical Representatif')
                                             <a class="d-block" style="font-size: 14px;">
                                                 <span class="badge badge-primary">
                                                     {{ auth()->user()->getMyCabangAndRegion()['cabang'] }}
                                                 </span>
                                             </a>
+                                        @elseif(Auth::guard('admin')->user()->getRoleNames()[0] != 'superadmin')
+                                            <a class="d-block" style="font-size: 14px;">
+                                                <span class="badge badge-primary">
+                                                    Head Office
+                                                </span>
+                                            </a>
                                         @endif
                                     </div>
                                 </div>
@@ -115,5 +119,30 @@
             @include('layouts.partials.scripts')
             @yield('scripts')
     </body>
-
 </html>
+
+<script>
+    function updateDateTime() {
+        const dateTimeElement = document.getElementById('date-time');
+        const now = new Date();
+
+        const options = {
+            timeZone: 'Asia/Jakarta',
+            weekday: 'long',
+            year: 'numeric',
+            month: 'long',
+            day: 'numeric',
+            hour: '2-digit',
+            minute: '2-digit',
+            hour12: false // Use 24-hour format
+        };
+
+        dateTimeElement.textContent = new Intl.DateTimeFormat('id-ID', options).format(now);
+    }
+
+    // Update the clock every second
+    setInterval(updateDateTime, 1000);
+
+    // Initialize the clock on page load
+    updateDateTime();
+</script>
diff --git a/resources/views/layouts/partials/styles.blade.php b/resources/views/layouts/partials/styles.blade.php
index 0cbc74d..cdec1f2 100644
--- a/resources/views/layouts/partials/styles.blade.php
+++ b/resources/views/layouts/partials/styles.blade.php
@@ -93,5 +93,11 @@
         .dt-search {
             float: right;
             text-align: right;
+            margin-right: 20px;
+        }
+
+        .dt-length {
+            float: right;
+            text-align: right;
         }
     </style>
diff --git a/routes/api.php b/routes/api.php
index e81e739..babfa27 100644
--- a/routes/api.php
+++ b/routes/api.php
@@ -2,6 +2,7 @@
 
 use Illuminate\Http\Request;
 use Illuminate\Support\Facades\Route;
+use App\Http\Controllers\Master\CabangController;
 
 /*
 |--------------------------------------------------------------------------
@@ -17,3 +18,5 @@ use Illuminate\Support\Facades\Route;
 // Route::middleware('auth:api')->get('/user', function (Request $request) {
 //     return $request->user();
 // });
+
+Route::get('/api/cabang-by-region/{regionCode}', [CabangController::class, 'getCabangByRegion']);
\ No newline at end of file
diff --git a/routes/web.php b/routes/web.php
index 3dd5c67..c627899 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -23,6 +23,7 @@ use App\Http\Controllers\Master\RegionController;
 use App\Http\Controllers\Master\CabangController;
 
 Auth::routes();
+require __DIR__ . '/api.php';
 
 Route::group(['prefix' => 'admin', 'as' => 'admin.'], function () {
     // Login Routes.