fix beberapa revisi

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