order detail

lib/core/router/app_router.dart

@@ -10,6 +10,7 @@ import 'package:worker/features/cart/presentation/pages/cart_page.dart';
 import 'package:worker/features/favorites/presentation/pages/favorites_page.dart';
 import 'package:worker/features/loyalty/presentation/pages/rewards_page.dart';
 import 'package:worker/features/main/presentation/pages/main_scaffold.dart';
+import 'package:worker/features/orders/presentation/pages/order_detail_page.dart';
 import 'package:worker/features/orders/presentation/pages/orders_page.dart';
 import 'package:worker/features/orders/presentation/pages/payment_detail_page.dart';
 import 'package:worker/features/orders/presentation/pages/payments_page.dart';
@@ -119,6 +120,19 @@ class AppRouter {
         ),
       ),
 
+      // Order Detail Route
+      GoRoute(
+        path: RouteNames.orderDetail,
+        name: RouteNames.orderDetail,
+        pageBuilder: (context, state) {
+          final orderId = state.pathParameters['id'];
+          return MaterialPage(
+            key: state.pageKey,
+            child: OrderDetailPage(orderId: orderId ?? ''),
+          );
+        },
+      ),
+
       // Payments Route
       GoRoute(
         path: RouteNames.payments,

lib/features/orders/presentation/pages/orders_page.dart

@@ -107,15 +107,7 @@ class _OrdersPageState extends ConsumerState<OrdersPage> {
                         return OrderCard(
                           order: order,
                           onTap: () {
-                            // TODO: Navigate to order detail page
+                            context.push('/orders/${order.orderId}');
-                            ScaffoldMessenger.of(context).showSnackBar(
-                              SnackBar(
-                                content: Text(
-                                  'Order ${order.orderNumber} tapped',
-                                ),
-                                duration: const Duration(seconds: 1),
-                              ),
-                            );
                           },
                         );
                       },

lib/features/orders/presentation/widgets/order_card.dart

@@ -45,15 +45,6 @@ class OrderCard extends StatelessWidget {
       clipBehavior: Clip.antiAlias,
       child: InkWell(
         onTap: onTap,
-        child: Container(
-          decoration: BoxDecoration(
-            border: Border(
-              left: BorderSide(
-                color: _getStatusColor(order.status),
-                width: 4,
-              ),
-            ),
-          ),
         child: Padding(
           padding: const EdgeInsets.all(16),
           child: Column(
@@ -115,7 +106,6 @@ class OrderCard extends StatelessWidget {
           ),
         ),
       ),
-      ),
     );
   }