change in HomePage

backend/app.js

@@ -15,7 +15,10 @@ const helmet = require("helmet");
 app.use(helmet());
 app.use(express.json());
 app.use(express.urlencoded({ extended: true }));
-app.use(cookieParser());
+app.use((req, res, next) => {
+  console.log(`${req.method} ${req.url}`);
+  next();
+});
 
 app.use(cors({
   origin: process.env.FRONTEND_URL ? process.env.FRONTEND_URL.split(',') : ['http://localhost:3000', 'http://localhost:3001', 'http://localhost:3002', 'https://ambulance-booking-phi.vercel.app'],

backend/controllers/booking.controller.js

@@ -27,16 +27,25 @@ module.exports.createBooking = async (req, res, next) => {
 }
 
 module.exports.updateBookingStatus = async (req, res, next) => {
+    const errors = validationResult(req);
+    if (!errors.isEmpty()) {
+        return res.status(400).json({ errors: errors.array() });
+    }
+    console.log('Update Status Request:', { params: req.params, body: req.body });
     try {
         const { status } = req.body;
         const { id } = req.params;
         const driverId = req.driver ? req.driver._id : null;
+        console.log('Searching for booking with:', { id, status, driverId });
         const booking = await bookingService.updateBookingStatus(id, status, driverId);
         if (!booking) {
+            console.log('Booking NOT found for ID:', id);
             return res.status(404).json({ message: 'Booking not found' });
         }
+        console.log('Booking found and updated:', booking._id);
         res.status(200).json(booking);
     } catch (err) {
+        console.error('Update Status Error:', err);
         res.status(500).json({ message: err.message });
     }
 }

backend/routes/booking.route.js

@@ -21,6 +21,12 @@ router.put('/:id/status',
     bookingController.updateBookingStatus
 );
 
+router.patch('/:id/status',
+    authMiddleware.authDriver,
+    body('status').isIn(['accepted', 'arrived', 'completed', 'cancelled']).withMessage('Invalid status'),
+    bookingController.updateBookingStatus
+);
+
 router.get('/pending',
     authMiddleware.authDriver,
     query('lat').optional().isNumeric().withMessage('Latitude must be a number'),

frontend/app/driver/request/[id]/page.jsx

@@ -13,10 +13,7 @@ const MapComponent = dynamic(() => import('@/common/components/MapComponent'), {
 
 export default function RequestDetails({ params }) {
     const router = useRouter();
-    // In Next.js App Router (prior to 15), params is a prop. In 15, it's a promise. 
-    // Assuming 14 or lower based on previous code usually accessing params directly.
-    // If it breaks, I'll fix it to await params.
-    const id = params.id;
+    const { id } = React.use(params);
     const [booking, setBooking] = useState(null);
 
     const driverTabs = [
@@ -38,7 +35,7 @@ export default function RequestDetails({ params }) {
 
     const handleAccept = async () => {
         try {
-            await api.patch(`/bookings/${id}/status`, { status: "accepted" });
+            await api.put(`/bookings/${id}/status`, { status: "accepted" });
             router.push(`/driver/trip/${id}`);
         } catch (error) {
             console.error("Failed to accept booking:", error);
@@ -47,7 +44,7 @@ export default function RequestDetails({ params }) {
 
     const handleDecline = async () => {
         try {
-            await api.patch(`/bookings/${id}/status`, { status: "declined" });
+            await api.put(`/bookings/${id}/status`, { status: "declined" });
             router.push('/driver/dashboard');
         } catch (error) {
             console.error("Failed to decline booking:", error);

frontend/app/driver/trip/[id]/page.jsx

@@ -14,7 +14,7 @@ const MapComponent = dynamic(() => import('@/common/components/MapComponent'), {
 
 export default function TripDetailsAccepted({ params }) {
     const router = useRouter();
-    const id = params.id;
+    const { id } = React.use(params);
     const [booking, setBooking] = useState(null);
     const [vehicleLocation, setVehicleLocation] = useState(null);
     const [socket, setSocket] = useState(null);
@@ -65,7 +65,7 @@ export default function TripDetailsAccepted({ params }) {
 
     const handleCompleteTrip = async () => {
         try {
-            await api.patch(`/bookings/${id}/status`, { status: "completed" });
+            await api.put(`/bookings/${id}/status`, { status: "completed" });
             router.push('/driver/dashboard');
         } catch (error) {
             console.error("Failed to complete trip:", error);