diff --git a/hotel_booking/admin/ajax/new_booking.php b/hotel_booking/admin/ajax/new_booking.php
index 6d8617e..dd0b931 100644
--- a/hotel_booking/admin/ajax/new_booking.php
+++ b/hotel_booking/admin/ajax/new_booking.php
@@ -25,7 +25,8 @@
                     <td>$data[order_id]</td>
                     <td style='font-size: 14px;'>
                         <b>Room:</b> $data[room_name]<br>
-                        <b>Price:</b> $$data[price]
+                        <b>Price:</b> $$data[price]/night<br>
+                        <b>Total:</b> $$data[total_pay]
                     </td>
                     <td style='font-size: 14px;'>
                         <b>Book date:</b> $date<br>
@@ -34,7 +35,7 @@
                     </td>
                     <td>
                         <button type='button' onclick='room_number($data[booking_id])' class='btn-third text-white fw-bold mb-2' style='font-size: 12px;' data-bs-toggle='modal' data-bs-target='#room-number'>Room Number</button><br>
-                        <button type='button' class='btn-cancel text-white fw-bold' style='font-size: 12px;'>Cancel Booking</button>
+                        <button type='button' onclick='cancel_booking($data[booking_id])' class='btn-cancel text-white fw-bold' style='font-size: 12px;'>Cancel Booking</button>
                     </td>
                 </tr>
             ";
@@ -53,4 +54,13 @@
         echo ($res == 2) ? 1 : 0;
     }
 
+    if(isset($_POST['cancel_booking'])){
+        $frm_data = filteration($_POST);
+        $query = "UPDATE `booking_order` SET `booking_status` =? WHERE booking_id =?";
+        $values = ['cancel', $frm_data['booking_id']];
+        $res = update($query, $values, 'si');
+
+        echo $res;
+    }
+
 ?>
\ No newline at end of file
diff --git a/hotel_booking/admin/new_booking.php b/hotel_booking/admin/new_booking.php
index e6edf1d..65084d7 100644
--- a/hotel_booking/admin/new_booking.php
+++ b/hotel_booking/admin/new_booking.php
@@ -125,6 +125,27 @@
             xhr.send(data);
         });
 
+        function cancel_booking(id){
+            if(confirm("Are you sure you want to cancel this booking?")){
+                let data = new FormData();
+                data.append('booking_id', id);
+                data.append('cancel_booking', '');
+
+                let xhr = new XMLHttpRequest();
+                xhr.open("POST", "ajax/new_booking.php", true)
+
+                xhr.onload = function(){
+                    if(this.responseText == 1){
+                        alert('success', 'This booking was successfully cancel!');
+                        get_booking();
+                    } else{
+                        alert('error', 'Fail to cancel this booking');
+                    }
+                }
+                xhr.send(data);
+            }
+        }
+
 
         window.onload = function(){
             get_booking();