save order pay later page

lib/presentation/pages/checkout/checkout_page.dart

@@ -5,6 +5,7 @@ import 'package:flutter_bloc/flutter_bloc.dart';
 import '../../../application/checkout/checkout_form/checkout_form_bloc.dart';
 import '../../../application/order/order_form/order_form_bloc.dart';
 import '../../../application/payment_method/payment_method_loader/payment_method_loader_bloc.dart';
+import '../../../application/table/table_loader/table_loader_bloc.dart';
 import '../../../common/theme/theme.dart';
 import '../../../injection.dart';
 import '../../components/spaces/space.dart';
@@ -19,23 +20,48 @@ class CheckoutPage extends StatelessWidget implements AutoRouteWrapper {
 
   @override
   Widget build(BuildContext context) {
-    return BlocListener<OrderFormBloc, OrderFormState>(
-      listenWhen: (previous, current) =>
-          previous.failureOrCreateOrder != current.failureOrCreateOrder,
-      listener: (context, state) {
-        state.failureOrCreateOrder.fold(() {}, (either) {
-          either.fold((f) => AppFlushbar.showOrderFailureToast(context, f), (
-            order,
-          ) {
-            if (context.mounted) {
-              context.read<CheckoutFormBloc>().add(
-                CheckoutFormEvent.started([]),
+    return MultiBlocListener(
+      listeners: [
+        BlocListener<OrderFormBloc, OrderFormState>(
+          listenWhen: (previous, current) =>
+              previous.failureOrCreateOrderWithPayment !=
+              current.failureOrCreateOrderWithPayment,
+          listener: (context, state) {
+            state.failureOrCreateOrderWithPayment.fold(() {}, (either) {
+              either.fold(
+                (f) => AppFlushbar.showOrderFailureToast(context, f),
+                (order) {
+                  if (context.mounted) {
+                    context.read<CheckoutFormBloc>().add(
+                      CheckoutFormEvent.started([]),
+                    );
+                    context.router.replace(SuccessOrderRoute(order: order));
+                  }
+                },
               );
-              context.router.replace(SuccessOrderRoute(order: order));
-            }
-          });
-        });
-      },
+            });
+          },
+        ),
+        BlocListener<OrderFormBloc, OrderFormState>(
+          listenWhen: (previous, current) =>
+              previous.failureOrCreateOrder != current.failureOrCreateOrder,
+          listener: (context, state) {
+            state.failureOrCreateOrder.fold(() {}, (either) {
+              either.fold(
+                (f) => AppFlushbar.showOrderFailureToast(context, f),
+                (order) {
+                  if (context.mounted) {
+                    context.read<CheckoutFormBloc>().add(
+                      CheckoutFormEvent.started([]),
+                    );
+                    context.router.replace(SuccessOrderRoute(order: order));
+                  }
+                },
+              );
+            });
+          },
+        ),
+      ],
       child: SafeArea(
         child: Hero(
           tag: 'checkout_screen',
@@ -80,10 +106,18 @@ class CheckoutPage extends StatelessWidget implements AutoRouteWrapper {
   }
 
   @override
-  Widget wrappedRoute(BuildContext context) => BlocProvider(
-    create: (context) =>
-        getIt<PaymentMethodLoaderBloc>()
-          ..add(PaymentMethodLoaderEvent.fetched(isRefresh: true)),
+  Widget wrappedRoute(BuildContext context) => MultiBlocProvider(
+    providers: [
+      BlocProvider(
+        create: (context) =>
+            getIt<PaymentMethodLoaderBloc>()
+              ..add(PaymentMethodLoaderEvent.fetched(isRefresh: true)),
+      ),
+      BlocProvider(
+        create: (context) => getIt<TableLoaderBloc>()
+          ..add(TableLoaderEvent.fetched(isRefresh: true, status: 'available')),
+      ),
+    ],
     child: this,
   );
 }

lib/presentation/pages/checkout/widgets/checkout_right_panel.dart

@@ -1,14 +1,16 @@
 import 'package:auto_route/auto_route.dart';
-import 'package:flutter/widgets.dart';
+import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 
 import '../../../../application/checkout/checkout_form/checkout_form_bloc.dart';
 import '../../../../application/order/order_form/order_form_bloc.dart';
 import '../../../../application/payment_method/payment_method_loader/payment_method_loader_bloc.dart';
+import '../../../../application/table/table_loader/table_loader_bloc.dart';
 import '../../../../common/extension/extension.dart';
 import '../../../../common/theme/theme.dart';
 import '../../../components/button/button.dart';
 import '../../../components/card/payment_card.dart';
+import '../../../components/dialog/order/order_save_dialog.dart';
 import '../../../components/error/payment_method_error_state_widget.dart';
 import '../../../components/field/field.dart';
 import '../../../components/loader/loader_with_text.dart';
@@ -276,36 +278,37 @@ class _CheckoutRightPanelState extends State<CheckoutRightPanel> {
                   ),
                   SpaceWidth(12),
                   Expanded(
-                    child: AppElevatedButton.filled(
-                      onPressed: () {
-                        if (customerController.text == '') {
-                          AppFlushbar.showError(
-                            context,
-                            'Pilih Pelanggan terlebih dahulu',
-                          );
-                          return;
-                        }
+                    child: BlocBuilder<TableLoaderBloc, TableLoaderState>(
+                      builder: (context, tableState) {
+                        return AppElevatedButton.filled(
+                          isLoading: tableState.isFetching,
+                          onPressed: () {
+                            if (customerController.text == '') {
+                              AppFlushbar.showError(
+                                context,
+                                'Pilih Pelanggan terlebih dahulu',
+                              );
+                              return;
+                            }
 
-                        // showDialog(
-                        //   context: context,
-                        //   builder: (dcontext) => SaveDialog(
-                        //     selectedTable: widget.table,
-                        //     customerName: customerController.text,
-                        //     items: items,
-                        //     orderType: orderType,
-                        //     customer: selectedCustomer,
-                        //     deliveryModel: delivery,
-                        //   ),
-                        // );
+                            showDialog(
+                              context: context,
+                              builder: (dcontext) => OrderSaveDialog(
+                                checkoutState: widget.checkoutState,
+                                tables: tableState.tables,
+                              ),
+                            );
+                          },
+                          label: 'Simpan',
+                        );
                       },
-                      label: 'Simpan',
                     ),
                   ),
                   SpaceWidth(12),
                   Expanded(
                     child: AppElevatedButton.filled(
-                      isLoading: orderState.isCreating,
-                      onPressed: orderState.isCreating
+                      isLoading: orderState.isCreatingWithPayment,
+                      onPressed: orderState.isCreatingWithPayment
                           ? null
                           : () {
                               if (customerController.text == '') {