Delete method.

Controllers/VehicleController.cs

@@ -88,5 +88,11 @@ namespace CarCareTracker.Controllers
             };
             return Json(convertedResult);
         }
+        [HttpPost] 
+        public IActionResult DeleteServiceRecordById(int serviceRecordId)
+        {
+            var result = _serviceRecordDataAccess.DeleteServiceRecordById(serviceRecordId);
+            return Json(result);
+        }
     }
 }

External/Implementations/ServiceRecordDataAccess.cs

@@ -25,6 +25,15 @@ namespace CarCareTracker.External.Implementations
                 return table.FindById(serviceRecordId);
             };
         }
+        public bool DeleteServiceRecordById(int serviceRecordId)
+        {
+            using (var db = new LiteDatabase(dbName))
+            {
+                var table = db.GetCollection<ServiceRecord>(tableName);
+                table.Delete(serviceRecordId);
+                return true;
+            };
+        }
         public bool SaveServiceRecordToVehicle(ServiceRecord serviceRecord)
         {
             using (var db = new LiteDatabase(dbName))

External/Interfaces/IServiceRecordDataAccess.cs

@@ -6,6 +6,7 @@ namespace CarCareTracker.External.Interfaces
     {
         public List<ServiceRecord> GetServiceRecordsByVehicleId(int vehicleId);
         public ServiceRecord GetServiceRecordById(int serviceRecordId);
+        public bool DeleteServiceRecordById(int serviceRecordId);
         public bool SaveServiceRecordToVehicle(ServiceRecord serviceRecord);
     }
 }

Views/Vehicle/_ServiceRecords.cshtml

@@ -24,7 +24,7 @@
                     <td class="col-1">
                         <div class="btn-group">
                             <button onclick="showEditServiceRecordModal(@serviceRecord.Id)" class="btn btn-warning btn-sm"><i class="bi bi-pencil-square"></i></button>
-                            <button onclick="" class="btn btn-danger btn-sm"><i class="bi bi-trash"></i></button>
+                            <button onclick="deleteServiceRecord(@serviceRecord.Id)" class="btn btn-danger btn-sm"><i class="bi bi-trash"></i></button>
                         </div>
                     </td>
                 </tr>

wwwroot/js/vehicle.js

@@ -91,11 +91,23 @@ function editServiceRecordToVehicle() {
             successToast("Service Record updated.");
             hideAddServiceRecordModal();
             getVehicleServiceRecords(formValues.vehicleId);
+            serviceRecordEditId = 0; //reset global var.
         } else {
             errorToast("An error has occurred, please try again later.");
         }
     })
 }
+function deleteServiceRecord(serviceRecordId) {
+    $.post(`/Vehicle/DeleteServiceRecordById?serviceRecordId=${serviceRecordId}`, function (data) {
+        if (data) {
+            successToast("Service Record deleted");
+            var vehicleId = GetVehicleId().vehicleId;
+            getVehicleServiceRecords(vehicleId);
+        } else {
+            errorToast("An error has occurred, please try again later.");
+        }
+    });
+}
 function addServiceRecordToVehicle() {
     //get values
     var formValues = getAndValidateServiceRecordValues();