fix beberapa revisi

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