report abnormalities

app/Http/Controllers/ReportsController.php

@@ -22,11 +22,11 @@ class ReportsController extends Controller
 {
 	public function view_report_vehicle_trips(Request $req)
 	{
+		$q = "select id, nopol1 from t_vehicles WHERE dlt is null order by nopol1";
+		$listNopol = DB::select($q);
+
 		$data = [
-			// 'lanes' => ConfRates::getLanesActive(),
+			'listNopol' => $listNopol,
-			// 'provs' => Region::listProv(),
-			// 'vendors' => Users::getUsersActiveByRole(Users::ROLE_VENDOR),
-			// 'truck_types' => ConfTruckTypes::listTruckTypes(ConfTruckTypes::IS_ACTIVE),
 		];
 
 		return view('menu_v1.reports.vehicle_trips', $data);
@@ -49,10 +49,9 @@ class ReportsController extends Controller
 			return new Response($apiResp, $apiResp["meta"]["code"]);
 		}
 
-
-
 		$from_date = $req->input('from_date');
 		$to_date = $req->input('to_date');
+		$vid = $req->input('vid');
 		// $from_date = 1756054800;
 		// $to_date = 1756745940;
 
@@ -81,19 +80,25 @@ class ReportsController extends Controller
 						SUM(trip_start) OVER (PARTITION BY vhc_id ORDER BY crt_d) AS trip_id
 					FROM trips
 				)
-				SELECT
+				select
 					v.id,
-					coalesce(max(a.trip_id), 0) numOfTrip,
+					-- 	coalesce(max(a.trip_id), 0) numOfTrip,
-					SUM(pre_milleage) AS total_milleage,
+					-- 	SUM(pre_milleage) AS total_milleage,
-					v.name, v.nopol1 
+					v.name, v.nopol1,
+					vhc_id, trip_id,
+					sum(pre_milleage) milleage, min(a.crt_d ) start, max(a.crt_d ) finish,
+					(select fulladdress from t_gps_tracks_address where master_id = min(a.id) limit 1) startLoc,
+					(select fulladdress from t_gps_tracks_address where master_id = max(a.id) limit 1) finishLoc
 				FROM  
 					t_vehicles v
 					left join numbered a on a.vhc_id = v.id
-				WHERE v.dlt is null
+				WHERE 
-				GROUP BY v.id
+					v.dlt is null and trip_id != 0 
-				ORDER BY v.id;
+					and if(? , v.id = ? , 1=1)
-			";
+				GROUP BY v.id, a.trip_id 
-			$d = [$from_date, $to_date];
+				ORDER BY v.id
+				";
+			$d = [$from_date, $to_date, $vid, $vid];
 
 			$list = DB::select($q, $d);
 
@@ -177,5 +182,72 @@ class ReportsController extends Controller
 		}
 	}
 
+	public function view_report_abnormalities(Request $req)
+	{
+		$q = "select id, nopol1 from t_vehicles WHERE dlt is null order by nopol1";
+		$listNopol = DB::select($q);
+
+		$data = [
+			'listNopol' => $listNopol,
+		];
+
+		return view('menu_v1.reports.abnormalities', $data);
+	}
+	public function api_report_abnormalities_list(Request $req)
+	{
+		// Validate input
+		$rules = [
+			// 'from_date' => 'required|date',
+			// 'to_date' => 'required|date|after_or_equal:from_date',
+			'type' => 'nullable|in:report,list', // enum "report", "list". nullable default "list"
+		];
+
+		$isValidInput = Validator::make($req->all(), $rules);
+		if (!$isValidInput->passes()) {
+			$apiResp = Responses::bad_input($isValidInput->messages()->first());
+			return new Response($apiResp, $apiResp["meta"]["code"]);
+		}
+
+		$from_date = $req->input('from_date');
+		$to_date = $req->input('to_date');
+		$vid = $req->input('vid');
+
+		try {
+			$q = "
+				select
+					tv.name, tv.nopol1, 
+					t.crt_d, t.speed, tgta.fulladdress,
+					tvd.speed_limit
+				from
+					t_gps_tracks t
+					left join t_vehicles tv on tv.id = t.vhc_id 
+					left join t_vehicles_detail tvd on tvd.vid = tv.id
+					left join t_gps_tracks_address tgta on tgta.master_id = t.id
+				WHERE 
+					t.action = 'location'
+					and t.speed != 0 
+					AND t.crt_d BETWEEN ? AND ?
+					and if(? , tv.id = ? , 1=1)
+					-- and t.speed > tvd.speed_limit 
+				having t.speed > tvd.speed_limit
+				ORDER BY t.crt_d
+			";
+			$d = [$from_date, $to_date, $vid, $vid];
+
+			$list = DB::select($q, $d);
+
+			// // RETURN 1 - LIST
+			// if($req->type != 'report'){
+				$apiResp = Responses::success("success list abnormalities report");
+				$apiResp["data"] = $list;
+				return new Response($apiResp, $apiResp["meta"]["code"]);
+			// }
+
+		} catch (\Exception $e) {
+            $apiResp = Responses::error($e->getMessage());
+            return new Response($apiResp, $apiResp["meta"]["code"]);
+			// return Responses::json(Responses::SERVER_ERROR, 'An error occurred while generating the report.', (object)[]);
+		}
+	}
 
 }

resources/views/menu_v1/reports/abnormalities.blade.php

@@ -0,0 +1,241 @@
+@php
+    $user_role = Auth::user()->role;
+@endphp
+
+@extends('app.app')
+
+@section('title')
+    Vehicles
+@endsection
+
+@section('customcss')
+@endsection
+
+@section('content')
+    <div class="container-fluid">
+        <div class="content">
+            <div class="card">
+                <div class="card-header">
+                    <div class="row d-flex align-items-center">
+                        <div class="col-3">
+                            <p class="card-title text-bold mb-0">Abnormality Report</p>
+                        </div>
+                        @if ($user_role == \App\Models\Users::ROLE_VENDOR || $user_role == \App\Models\Users::ROLE_ADMIN)
+                            @can('vehicle.create')
+                                <!-- <div class="col text-end">
+                                    <button id="btnMdlNewVhc" class="btn btn-sm btn-danger">Add New Vehicle</button>
+                                </div> -->
+                            @endcan
+
+                            {{-- <div class="col-auto text-end ps-0">
+                                <button class="btn btn-sm btn-danger">Upload</button>
+                            </div> --}}
+                        @endif
+                        <div class="col-auto text-end ps-0">
+                            <!-- <button class="btn btn-sm btn-danger">Download</button> -->
+                        </div>
+                    </div>
+                </div>
+                <div class="card-body">
+					<!-- filter -->
+					<div class="row">
+						<div class="col-2">
+							<div class="form-group">
+								<label class="text-muted">From</label>
+								<!-- default today -->
+								<!-- <input type="date" class="form-control" id="tgl0" value="{{ date('Y-m-d') }}"> -->
+								<input class="form-control" id="tgl0" value="{{ date('d-m-Y 00:00') }}">
+							</div>
+						</div>
+						<div class="col-2">
+							<div class="form-group">
+								<label class="text-muted">To</label>
+								<input class="form-control" id="tgl1" value="{{ date('d-m-Y 23:59') }}">
+							</div>
+						</div>
+						<div class="col-2">
+							<div class="form-group">
+								<label class="text-muted">License Plate</label>
+								<select name="license_plate" class="form-control" id="filterNopol">
+									<option value="">-- All --</option>
+									@foreach ($listNopol as $nopol)
+										<option value="{{ $nopol->id }}">{{ $nopol->nopol1 }}</option>
+									@endforeach
+								</select>
+							</div>
+						</div>
+						<div class="col-1 d-flex align-items-end">
+							<button class="btn btn-sm btn-primary" id="submitFilter">Submit</button>
+						</div>
+						<div class="col-5 d-flex align-items-end">
+							<button class="btn btn-sm btn-danger ms-auto" id="btnDownloadReport">Download Report</button>
+						</div>
+					</div>
+					</div>
+                    <div class="table-responsive p-3">
+                        <table id="tVehicleTrips" class="table table-hover dataTable w-100">
+                            <thead>
+                                <tr class="">
+                                    <!-- <th class="">Vehicle ID</th> -->
+                                    <!-- <th class="text-center">Action</th> -->
+                                    <th class="">Vehicle Name</th>
+                                    <th class="">License Plate Number</th>
+                                    <th class="">Time</th>
+                                    <th class="">Speed (kph)</th>
+                                    <th class="">Location</th>
+                                </tr>
+                            </thead>
+                        </table>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+	<!-- modal -->
+@endsection
+
+@section('customjs')
+    <script src="{{ asset('assets/js/load-image.all.min.js') }}"></script>
+	<!-- DataTables Buttons + JSZip (for Excel export) -->
+	<script src="https://cdn.datatables.net/buttons/2.4.2/js/dataTables.buttons.min.js"></script>
+	<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js"></script>
+	<script src="https://cdn.datatables.net/buttons/2.4.2/js/buttons.html5.min.js"></script>
+	<script>
+        'use strict';
+        const State = {
+            file_jimp_worker: "{{ asset('assets/js/worker/jimp.js') }}",
+            storage_lara: "{{ asset('storage') }}/",
+            dvc_type: {
+                built_in: "{{ \App\Models\Devices::TYPE_BUILT_IN }}",
+                portable: "{{ \App\Models\Devices::TYPE_PORTABLE }}",
+            },
+        };
+
+        const Wrapper = {
+            activate: function() {
+                Wrapper.init();
+                Wrapper.event();
+                DTable.activate();
+
+			},
+			init: ()=>{
+				$('#tgl0, #tgl1').datetimepicker({
+					format:'d-m-Y H:i',
+					defaultTime:'00:00',
+					closeOnDateSelect: true,
+					// mask:true
+				});
+
+			},
+            event: function() {
+                $('#submitFilter').on('click', function() {
+					DTable.reload();
+				});
+				// Trigger export on external button click
+				$('#btnDownloadReport').on('click', function() {
+					DTable.table.button('.buttons-excel').trigger();
+				});
+            },
+        };
+
+        const DTable = {
+			table: null,
+    		lastAjax: null, // keep track of the last ajax request
+            activate: function() {
+                DTable.reload();
+            },
+            reload: function() {
+				// Abort the last request if it's still running
+				if (DTable.lastAjax) {
+					DTable.lastAjax.abort();
+				}
+				if (DTable.table) {
+					// If table already exists → reload
+					DTable.table.ajax.reload();
+					return;
+				}
+
+				DTable.table = $('#tVehicleTrips').DataTable({
+					searching: false,   // 🔹 remove search box
+					ordering: false,    // 🔹 disable sorting for all columns
+					processing: true,
+					serverSide: false,
+					bLengthChange: true,
+					deferRender: true,
+					ajax: function(data, callback, settings) {
+						// Abort previous
+						if (DTable.lastAjax) {
+							DTable.lastAjax.abort();
+						}
+
+						// Fire new request
+						DTable.lastAjax = $.ajax({
+							url: `{{ route('api_report_abnormalities_list') }}?
+								cptid=${AppState.current_company}
+								&from_date=${moment($('#tgl0').val(), "DD-MM-YYYY HH:mm").unix()}
+								&to_date=${moment($('#tgl1').val(), "DD-MM-YYYY HH:mm").unix()}
+								&vid=${$('#filterNopol').val() || ''}`,
+							type: 'GET',
+							success: function(json) {
+								callback(json);
+							},
+							error: function(xhr, status, error) {
+								if (status !== 'abort') {
+									console.error("AJAX error:", error);
+								}
+							},
+							complete: function() {
+								DTable.lastAjax = null;
+							}
+						});
+					},
+                    deferRender: true,
+					columns: [
+						// { data: 'id', visible: false }, // vhc_id
+						{
+							data: 'name',
+							className: 'text-start text-nowrap',
+						},
+						{
+							data: 'nopol1',
+							className: 'text-start',
+						},
+						{ 
+							data: "crt_d",
+							className: 'text-nowrap',
+							render: (data, type, row, meta) => {
+								return moment.unix(data).format('DD MMM YYYY HH:mm:ss');
+							}
+						},
+						{ data: "speed", className: 'text-end'},
+						{ 
+							data: "fulladdress",
+							render: (data, type, row, meta) => {
+								return Helper.shortenText(decodeURIComponent(data || ''), 255)
+							},
+						},
+					],
+					paging: false,
+					buttons: [
+						{
+							extend: 'excelHtml5',
+							title: `Abnormality Report - ${moment(safeVal('#tgl0')).format('DD MMM YYYY')} to ${moment(safeVal('#tgl1')).format('DD MMM YYYY')}`,
+							className: 'd-none', // hide default button
+							exportOptions: {
+								columns: ':visible:not(:first-child)' // 🔹 exclude first column
+							}
+						}
+					]
+				});
+            },
+        };
+
+        function safeVal(selector) {
+            const val = $(selector).val();
+            return (val === undefined || val === null || val === '') ? null : val;
+        }
+
+        Wrapper.activate();
+    </script>
+@endsection

resources/views/menu_v1/reports/vehicle_trips.blade.php

@@ -43,30 +43,49 @@
 							<div class="form-group">
 								<label class="text-muted">From</label>
 								<!-- default today -->
-								<input type="date" class="form-control" id="tgl0" value="{{ date('Y-m-d') }}">
+								<!-- <input type="date" class="form-control" id="tgl0" value="{{ date('Y-m-d') }}"> -->
+								<input class="form-control" id="tgl0" value="{{ date('d-m-Y 00:00') }}">
 							</div>
 						</div>
 						<div class="col-2">
 							<div class="form-group">
 								<label class="text-muted">To</label>
-								<input type="date" class="form-control" id="tgl1" value="{{ date('Y-m-d') }}">
+								<input class="form-control" id="tgl1" value="{{ date('d-m-Y 23:59') }}">
 							</div>
 						</div>
-						<div class="col-8 d-flex align-items-end">
+						<div class="col-2">
+							<div class="form-group">
+								<label class="text-muted">License Plate</label>
+								<select name="license_plate" class="form-control" id="filterNopol">
+									<option value="">-- All --</option>
+									@foreach ($listNopol as $nopol)
+										<option value="{{ $nopol->id }}">{{ $nopol->nopol1 }}</option>
+									@endforeach
+								</select>
+							</div>
+						</div>
+						<div class="col-1 d-flex align-items-end">
+							<button class="btn btn-sm btn-primary" id="submitFilter">Submit</button>
+						</div>
+						<div class="col-5 d-flex align-items-end">
 							<button class="btn btn-sm btn-danger ms-auto" id="btnDownloadReport">Download Report</button>
 						</div>
 					</div>
 					</div>
                     <div class="table-responsive p-3">
-                        <table id="tVehicleTrips" class="table table-hover dataTable ">
+                        <table id="tVehicleTrips" class="table table-hover dataTable w-100">
                             <thead>
                                 <tr class="">
-                                    <!-- <th class="">#</th> -->
+                                    <th class="">Vehicle ID</th>
                                     <!-- <th class="text-center">Action</th> -->
                                     <th class="">Vehicle Name</th>
                                     <th class="">License Plate Number</th>
                                     <th class="">Number of Trip</th>
-                                    <th class="">Total Milage (km)</th>
+                                    <th class="">Total Mileage (km)</th>
+                                    <th class="">Trip #</th>
+                                    <th class="">Start</th>
+                                    <th class="">Finish</th>
+                                    <th class="">Mileage (km)</th>
                                 </tr>
                             </thead>
                             <!-- <tbody>
@@ -166,12 +185,22 @@
 
         const Wrapper = {
             activate: function() {
+                Wrapper.init();
                 Wrapper.event();
                 DTable.activate();
 
 			},
+			init: ()=>{
+				$('#tgl0, #tgl1').datetimepicker({
+					format:'d-m-Y H:i',
+					defaultTime:'00:00',
+					closeOnDateSelect: true,
+					// mask:true
+				});
+
+			},
             event: function() {
-                $('#tgl0, #tgl1').on('change', function() {
+                $('#submitFilter').on('click', function() {
 					DTable.reload();
 				});
 				// Trigger export on external button click
@@ -192,8 +221,19 @@
 				if (DTable.lastAjax) {
 					DTable.lastAjax.abort();
 				}
+				if (DTable.table) {
+					// If table already exists → reload
+					DTable.table.ajax.reload();
+					return;
+				}
+
+				let mileageSum = {};
+				let tripCount = {};
+
 
 				DTable.table = $('#tVehicleTrips').DataTable({
+					searching: false,   // 🔹 remove search box
+					ordering: false,    // 🔹 disable sorting for all columns
 					processing: true,
 					serverSide: false,
 					bLengthChange: true,
@@ -209,10 +249,22 @@
 						DTable.lastAjax = $.ajax({
 							url: `{{ route('api_report_vehicle_trips_list') }}?
 								cptid=${AppState.current_company}
-								&from_date=${moment(safeVal('#tgl0')).startOf('day').unix()}
+								&from_date=${moment($('#tgl0').val(), "DD-MM-YYYY HH:mm").unix()}
-								&to_date=${moment(safeVal('#tgl1')).endOf('day').unix()}`,
+								&to_date=${moment($('#tgl1').val(), "DD-MM-YYYY HH:mm").unix()}
+								&vid=${$('#filterNopol').val() || ''}`,
 							type: 'GET',
 							success: function(json) {
+								// Precompute totals by vhc_id
+
+								json.data.forEach(row => {
+									const id = row.id; // vhc_id
+									if (!mileageSum[id]) {
+										mileageSum[id] = 0;
+										tripCount[id] = 0;
+									}
+									mileageSum[id] += parseFloat(row.milleage || 0);
+									tripCount[id] += 1;
+								});
 								callback(json);
 							},
 							error: function(xhr, status, error) {
@@ -227,6 +279,7 @@
 					},
                     deferRender: true,
 					columns: [
+						{ data: 'id', visible: false }, // vhc_id
 						{
 							data: 'name',
 							className: 'text-start text-nowrap',
@@ -241,29 +294,88 @@
 							orderable: true,
 							searchable: true,
 						},
-						{
+ 						{ data: "id", className: 'text-end'},
-							data: 'numOfTrip',
+						{ data: "id", className: 'text-end'},
-							className: 'text-end',
+						{ data: "trip_id", className: 'text-end'},
-							visible: true,
+						{ 
-							orderable: true,
+							data: 'start', 
-							searchable: true,
+							render: (data, type, row, meta) => {
+								// let addr = row
+								return `
+									${moment.unix(data).format('DD MMM YYYY HH:mm:ss')}<br>
+									${Helper.shortenText(decodeURIComponent(row.startLoc || 'address'), 255) || "-"}
+								`;
+							} 
 						},
-						{
+						{ 
-							data: 'total_milleage',
+							data: 'finish', 
-							className: 'text-end',
+							render: (data, type, row, meta) => {
-							visible: true,
+								// let addr = row
-							orderable: true,
+								return `
-							searchable: false,
+									${moment.unix(data).format('DD MMM YYYY HH:mm:ss')}<br>
-							render: function(data, type, row, meta) {
+									${Helper.shortenText(decodeURIComponent(row.finishLoc || 'address'), 255) || "-"}
+								`;
+							} 
+						},
+						{ 
+							data: 'milleage', 
+							className: 'text-end', render: function(data, type, row, meta) {
 								return (data === null) ? '0' : parseFloat(data).toFixed(2);
 							}
 						},
 					],
+					paging: false,
+					drawCallback: function (settings) {
+						const api = this.api();
+						const rows = api.rows({ page: 'current' }).nodes();
+						let last = null;
+
+						api.column(0, { page: 'current' }) // vhc_id col
+							.data()
+							.each(function (group, i) {
+								if (last !== group) {
+									// count how many rows this vhc_id spans
+									const rowspanCount = api
+										.column(0, { page: 'current' })
+										.data()
+										.filter(function (d) {
+											return d === group;
+										}).length;
+
+									// merge vhc_id
+									$(rows).eq(i).find('td:eq(0)').attr('rowspan', rowspanCount);
+									$(rows).eq(i).find('td:eq(1)').attr('rowspan', rowspanCount);
+									$(rows).eq(i).find('td:eq(2)').attr('rowspan', rowspanCount);
+									$(rows).eq(i).find('td:eq(3)').attr('rowspan', rowspanCount);
+
+									// fill trip count
+									$(rows).eq(i).find('td:eq(2)')
+										.attr('rowspan', rowspanCount)
+										.text(tripCount[group]);
+
+									// fill mileage sum
+									$(rows).eq(i).find('td:eq(3)')
+										.attr('rowspan', rowspanCount)
+										.text(mileageSum[group].toFixed(2));
+
+									last = group;
+								} else {
+									// remove duplicate cells
+									$(rows).eq(i).find('td:eq(0)').remove();
+									$(rows).eq(i).find('td:eq(0)').remove();
+									$(rows).eq(i).find('td:eq(0)').remove();
+									$(rows).eq(i).find('td:eq(0)').remove();
+								}
+							});
+						},
 					buttons: [
 						{
 							extend: 'excelHtml5',
 							title: `Vehicle Trip Report - ${moment(safeVal('#tgl0')).format('DD MMM YYYY')} to ${moment(safeVal('#tgl1')).format('DD MMM YYYY')}`,
-							className: 'd-none' // hide default button
+							className: 'd-none', // hide default button
+							exportOptions: {
+								columns: ':visible:not(:first-child)' // 🔹 exclude first column
+							}
 						}
 					]
 				});

resources/views/template/navbar.blade.php

@@ -51,6 +51,9 @@
 							<li>
 								<a class="dropdown-item {{ Request::segment(2) == 'vehicle-trips' ? 'active' : '' }}" href="{{ route('view_report_vehicle_trips') }}" title="">Vehicle Trips</a>
 							</li>
+							<li>
+								<a class="dropdown-item {{ Request::segment(2) == 'abnormalities' ? 'active' : '' }}" href="{{ route('view_report_abnormalities') }}" title="">Abnormalities</a>
+							</li>
                         </ul>
                     </li>
                 @endif

routes/web.php

@@ -156,6 +156,8 @@ Route::middleware(["auth", "auth.user"])->group(function () {
 	// reports
     Route::get("/reports/vehicle-trips", "ReportsController@view_report_vehicle_trips")->name("view_report_vehicle_trips");
     Route::get("/reports/vehicle-trips-list", "ReportsController@api_report_vehicle_trips_list")->name("api_report_vehicle_trips_list");
+    Route::get("/reports/abnormalities", "ReportsController@view_report_abnormalities")->name("view_report_abnormalities");
+    Route::get("/reports/abnormalities-list", "ReportsController@api_report_abnormalities_list")->name("api_report_abnormalities_list");
 
 
     Route::get("/user/vendor/transactions", "MenuController@view_user_vendor_transaction")->name(