feat: order type

lib/presentation/home/widgets/home_right_title.dart

@@ -1,11 +1,14 @@
 import 'package:enaklo_pos/core/components/buttons.dart';
 import 'package:enaklo_pos/core/constants/colors.dart';
 import 'package:enaklo_pos/core/extensions/build_context_ext.dart';
+import 'package:enaklo_pos/core/extensions/string_ext.dart';
 import 'package:enaklo_pos/data/models/response/table_model.dart';
+import 'package:enaklo_pos/presentation/home/bloc/checkout/checkout_bloc.dart';
 import 'package:enaklo_pos/presentation/home/dialog/type_dialog.dart';
 import 'package:enaklo_pos/presentation/home/pages/dashboard_page.dart';
 import 'package:enaklo_pos/presentation/sales/pages/sales_page.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
 
 class HomeRightTitle extends StatelessWidget {
   final TableModel? table;
@@ -72,25 +75,43 @@ class HomeRightTitle extends StatelessWidget {
           Row(
             children: [
               Expanded(
-                child: Button.filled(
-                  width: 180.0,
-                  height: 40,
-                  elevation: 0,
-                  onPressed: () {
-                    showDialog(
-                        context: context,
-                        builder: (context) {
-                          return TypeDialog();
-                        });
+                child: BlocBuilder<CheckoutBloc, CheckoutState>(
+                  builder: (context, state) {
+                    return state.maybeWhen(
+                      orElse: () => const SizedBox.shrink(),
+                      loaded: (items,
+                          discountModel,
+                          discount,
+                          discountAmount,
+                          tax,
+                          serviceCharge,
+                          totalQuantity,
+                          totalPrice,
+                          draftName,
+                          orderType) {
+                        return Button.filled(
+                          width: 180.0,
+                          height: 40,
+                          elevation: 0,
+                          onPressed: () {
+                            showDialog(
+                                context: context,
+                                builder: (context) {
+                                  return TypeDialog();
+                                });
+                          },
+                          mainAxisAlignment: MainAxisAlignment.start,
+                          crossAxisAlignment: CrossAxisAlignment.start,
+                          icon: Icon(
+                            Icons.dinner_dining_outlined,
+                            color: Colors.white,
+                            size: 24,
+                          ),
+                          label: orderType.value.toTitleCase(),
+                        );
+                      },
+                    );
                   },
-                  mainAxisAlignment: MainAxisAlignment.start,
-                  crossAxisAlignment: CrossAxisAlignment.start,
-                  icon: Icon(
-                    Icons.dinner_dining_outlined,
-                    color: Colors.white,
-                    size: 24,
-                  ),
-                  label: 'Dine In',
                 ),
               ),
               Expanded(