payment

lib/presentation/pages/order/widgets/order_left_panel.dart

@@ -36,6 +36,7 @@ class _OrderLeftPanelState extends State<OrderLeftPanel> {
       child: Column(
         children: [
           OrderTitle(
+            totalOrder: widget.state.totalOrder,
             startDate: widget.state.startDate,
             endDate: widget.state.endDate,
             title: widget.status == 'pending'

lib/presentation/pages/order/widgets/order_right_panel.dart

@@ -1,9 +1,11 @@
+import 'package:auto_route/auto_route.dart';
 import 'package:flutter/material.dart';
 
 import '../../../../application/order/order_loader/order_loader_bloc.dart';
 import '../../../../common/theme/theme.dart';
 import '../../../components/button/button.dart';
 import '../../../components/spaces/space.dart';
+import '../../../router/app_router.gr.dart';
 import 'order_information.dart';
 import 'order_list.dart';
 import 'order_list_payment.dart';
@@ -100,7 +102,11 @@ class OrderRightPanel extends StatelessWidget {
                 SpaceWidth(8),
                 AppElevatedButton.filled(
                   width: 120,
-                  onPressed: () {},
+                  onPressed: () {
+                    context.router.push(
+                      PaymentRoute(order: state.selectedOrder!),
+                    );
+                  },
                   label: 'Bayar',
                   icon: Icon(Icons.payment, color: Colors.white),
                 ),

lib/presentation/pages/order/widgets/order_title.dart

@@ -13,6 +13,7 @@ class OrderTitle extends StatelessWidget {
   final DateTime endDate;
   final Function(String) onChanged;
   final void Function(DateTime? start, DateTime? end) onDateRangeChanged;
+  final int totalOrder;
   const OrderTitle({
     super.key,
     required this.title,
@@ -20,6 +21,7 @@ class OrderTitle extends StatelessWidget {
     required this.endDate,
     required this.onChanged,
     required this.onDateRangeChanged,
+    required this.totalOrder,
   });
 
   @override
@@ -46,7 +48,7 @@ class OrderTitle extends StatelessWidget {
                   style: AppStyle.md.copyWith(fontWeight: FontWeight.w600),
                 ),
                 Text(
-                  '0 Pesanan',
+                  '$totalOrder Pesanan',
                   style: AppStyle.md.copyWith(fontWeight: FontWeight.w600),
                 ),
               ],