diff --git a/src/app/admin/(floor-plan-update)/floor-plan/page.jsx b/src/app/admin/(floor-plan-update)/floor-plan/page.jsx
index 14d22b9..c3b4d07 100644
--- a/src/app/admin/(floor-plan-update)/floor-plan/page.jsx
+++ b/src/app/admin/(floor-plan-update)/floor-plan/page.jsx
@@ -38,7 +38,7 @@ const DineInInner = () => {
         enable: 0,
     });
     const [errors, setErrors] = useState({});
-    const [deleteConfirm, setDeleteConfirm] = useState({ show: false, id: null });
+    const [deleteConfirm, setDeleteConfirm] = useState({ show: false, id: null, isDeleted: null});
     const [restaruntBranch, setRestaruntBranch] = useState("")
     const [floorData, setFloorData] = useState(null);
     const [roomData, setRoomData] = useState(null);
@@ -66,7 +66,7 @@ const DineInInner = () => {
         description: "",
     });
     const [roomErrors, setRoomErrors] = useState({});
-    const [roomDeleteConfirm, setRoomDeleteConfirm] = useState({ show: false, id: null });
+    const [roomDeleteConfirm, setRoomDeleteConfirm] = useState({ show: false, id: null, isDeleted: null });
 
     useEffect(() => {
         const restarunt = localStorage.getItem("restaurantbranch")
@@ -286,9 +286,12 @@ const DineInInner = () => {
     };
 
     const handleRoomDelete = async () => {
-        try {
-            await client.delete(`/Dine360 Room/${roomDeleteConfirm?.id}`);
-            setRoomDeleteConfirm({ show: false, id: null });
+        try {            
+            const body = {
+                isdeleted: roomDeleteConfirm?.isDeleted == 0 ? 1 : 0
+            }
+            await client.put(`/Dine360 Room/${roomDeleteConfirm?.id}`, body);
+            setRoomDeleteConfirm({ show: false, id: null, isDeleted: null });
             getRoomData(selectedFloor);
         } catch (error) {
             if (
@@ -576,6 +579,9 @@ const DineInInner = () => {
                                         }}
                                     >
                                         <div className="card-body  px-3 py-1 d-flex align-items-center ">
+                                            {
+                                            room?.isdeleted == 1 && (<Icon icon="mdi:block-helper" style={{color:"red"}}/>)
+                                            }
                                             <span
                                                 className="text-truncatew-100 text-sm fw-semibold"
                                                 title={room.roomname}
@@ -606,9 +612,17 @@ const DineInInner = () => {
                                                     <li>
                                                         <Link className="dropdown-item px-16 py-8 d-flex align-items-center gap-2 rounded text-secondary-light bg-hover-neutral-200 text-hover-neutral-900" href="#" onClick={(e) => {
                                                             e.preventDefault();
-                                                            setRoomDeleteConfirm({ show: true, id: room.name });
+                                                            setRoomDeleteConfirm({ show: true, id: room.name, isDeleted: room.isdeleted });
                                                         }}>
-                                                            <Icon icon="fluent:delete-24-regular" /> Delete
+                                                              {room.isdeleted === 1 ? (
+                                                                <>
+                                                                    <Icon icon="mdi:restore" /> Restore
+                                                                </>
+                                                            ) : (
+                                                                <>
+                                                                    <Icon icon="fluent:delete-24-regular" /> Delete
+                                                                </>
+                                                            )}
                                                         </Link>
                                                     </li>
                                                 </ul>
@@ -749,13 +763,18 @@ const DineInInner = () => {
                                                                             className='dropdown-item px-16 py-8 d-flex align-items-center gap-2 rounded text-secondary-light bg-hover-neutral-200 text-hover-neutral-900'
                                                                             onClick={(e) => {
                                                                                 e.preventDefault();
-                                                                                setDeleteConfirm({ show: true, id: table.name })
+                                                                                setDeleteConfirm({ show: true, id: table.name, isDeleted: table.isdeleted })
                                                                             }}
-                                                                        >  <Icon
-                                                                                icon='fluent:delete-24-regular'
-                                                                                className='menu-icon'
-                                                                            />
-                                                                            Delete
+                                                                        > 
+                                                                         {table.isdeleted === 1 ? (
+                                                                <>
+                                                                    <Icon icon="mdi:restore" /> Restore
+                                                                </>
+                                                            ) : (
+                                                                <>
+                                                                    <Icon icon="fluent:delete-24-regular" /> Delete
+                                                                </>
+                                                            )}
                                                                         </Link>
                                                                     </li>
                                                                 </ul>
@@ -941,23 +960,28 @@ const DineInInner = () => {
 
                             <div className="modal-body">
                                 <div className="d-flex justify-content-between mb-1">
-                                    <h6 className="text-lg mb-0">Confirm Delete</h6>
+                                   <h6 className="text-lg mb-0">
+                                        {roomDeleteConfirm?.isDeleted === 0 ? "Confirm to Delete" : "Confirm to Restore"}
+                                    </h6>
                                     <button
                                         type="button"
                                         className="btn-close"
-                                        onClick={() => setRoomDeleteConfirm({ show: false, id: null })}
+                                        onClick={() => setRoomDeleteConfirm({ show: false, id: null, isDeleted: null })}
                                     ></button>
                                 </div>
-                                <p className="mb-0">Are you sure you want to delete this Room?</p>
+                                <p className="mb-0">
+                                    {roomDeleteConfirm?.isDeleted === 0
+                                        ? "Are you sure you want to set this room as Delete?"
+                                        : "Are you sure you want to set this room as Restore?"}</p>
                                 <div className="d-flex justify-content-end gap-2 mt-1">
                                     <button
                                         className="btn btn-outline-danger-600  px-14 py-6 text-sm"
-                                        onClick={() => setRoomDeleteConfirm({ show: false, id: null })}
+                                        onClick={() => setRoomDeleteConfirm({ show: false, id: null, isDeleted: null })}
                                     >
                                         Cancel
                                     </button>
                                     <button className="btn btn-danger  px-14 py-6 text-sm" onClick={handleRoomDelete}>
-                                        Delete
+                                        {roomDeleteConfirm?.isDeleted === 0 ? "Delete" : "Restore"}
                                     </button>
                                 </div>
                             </div>
@@ -1142,23 +1166,29 @@ const DineInInner = () => {
 
                             <div className="modal-body">
                                 <div className="d-flex justify-content-between mb-1">
-                                    <h6 className="text-lg mb-0">Confirm Delete</h6>
+                                    <h6 className="text-lg mb-0">
+                                            {deleteConfirm?.isDeleted === 0 ? "Confirm to Delete" : "Confirm to Restore"}
+                                    </h6>
                                     <button
                                         type="button"
                                         className="btn-close"
-                                        onClick={() => setDeleteConfirm({ show: false, id: null })}
+                                        onClick={() => setDeleteConfirm({ show: false, id: null, isDeleted: null })}
                                     ></button>
                                 </div>
-                                <p className="m-0">Are you sure you want to delete this Table?</p>
+                                <p className="m-0">
+                                    {floorDeleteConfirm?.isDeleted === 0
+                                        ? "Are you sure you want to set this table as Delete?"
+                                        : "Are you sure you want to set this table as Restore?"}
+                                </p>
                                 <div className="d-flex justify-content-end gap-2 mt-1">
                                     <button
                                         className="btn btn-outline-danger px-14 py-6 text-sm"
-                                        onClick={() => setDeleteConfirm({ show: false, id: null })}
+                                        onClick={() => setDeleteConfirm({ show: false, id: null, isDeleted: null })}
                                     >
                                         Cancel
                                     </button>
                                     <button className="btn btn-danger px-14 py-6 text-sm" onClick={handleDelete}>
-                                        Delete
+                                        {deleteConfirm?.isDeleted === 0 ? "Delete" : "Restore"}
                                     </button>
                                 </div>
                             </div>