feat: select order item

lib/presentation/home/bloc/order_form/order_form_bloc.dart

@@ -17,6 +17,9 @@ part 'order_form_bloc.freezed.dart';
 class OrderFormBloc extends Bloc<OrderFormEvent, OrderFormState> {
   final OrderRemoteDatasource _orderRemoteDatasource;
   OrderFormBloc(this._orderRemoteDatasource) : super(OrderFormState.initial()) {
+    on<_Started>((event, emit) {
+      emit(OrderFormState.loaded(order: event.order));
+    });
     on<_Create>(
       (event, emit) async {
         emit(const _Loading());
@@ -100,5 +103,62 @@ class OrderFormBloc extends Bloc<OrderFormEvent, OrderFormState> {
         }
       },
     );
+    on<_ToggleItem>((event, emit) {
+      state.maybeWhen(
+        loaded: (order, selectedItems, _) {
+          final newList = [...selectedItems];
+          final exists = newList.any((e) => e.id == event.item.id);
+
+          if (exists) {
+            newList.removeWhere((e) => e.id == event.item.id);
+          } else {
+            newList.add(event.item);
+          }
+
+          final isAll = newList.length == (order.orderItems?.length ?? 0);
+
+          emit(OrderFormState.loaded(
+            order: order,
+            selectedItems: newList,
+            isAllSelected: isAll,
+          ));
+        },
+        orElse: () {},
+      );
+    });
+
+    on<_ToggleSelectAll>((event, emit) {
+      state.maybeWhen(
+        loaded: (order, _, __) {
+          final items = event.selectAll
+              ? (order.orderItems ?? <OrderItem>[])
+              : <OrderItem>[];
+
+          emit(OrderFormState.loaded(
+            order: order,
+            selectedItems: items,
+            isAllSelected: event.selectAll,
+          ));
+        },
+        orElse: () {},
+      );
+    });
+
+    on<_Refund>((event, emit) async {
+      state.maybeWhen(
+        loaded: (order, selectedItems, _) async {
+          if (selectedItems.isEmpty) return;
+
+          emit(const OrderFormState.loading());
+
+          try {
+            emit(OrderFormState.success(order));
+          } catch (e) {
+            emit(OrderFormState.error('Refund gagal: ${e.toString()}'));
+          }
+        },
+        orElse: () {},
+      );
+    });
   }
 }

lib/presentation/home/bloc/order_form/order_form_event.dart

@@ -2,6 +2,7 @@ part of 'order_form_bloc.dart';
 
 @freezed
 class OrderFormEvent with _$OrderFormEvent {
+  const factory OrderFormEvent.started(Order order) = _Started;
   const factory OrderFormEvent.create({
     required List<ProductQuantity> items,
     required String customerName,
@@ -15,4 +16,8 @@ class OrderFormEvent with _$OrderFormEvent {
     required String tableNumber,
     required PaymentMethod paymentMethod,
   }) = _CreateWithPaymentMethod;
+  const factory OrderFormEvent.toggleItem(OrderItem item) = _ToggleItem;
+  const factory OrderFormEvent.toggleSelectAll(bool selectAll) =
+      _ToggleSelectAll;
+  const factory OrderFormEvent.refund() = _Refund;
 }

lib/presentation/home/bloc/order_form/order_form_state.dart

@@ -4,6 +4,11 @@ part of 'order_form_bloc.dart';
 class OrderFormState with _$OrderFormState {
   const factory OrderFormState.initial() = _Initial;
   const factory OrderFormState.loading() = _Loading;
+  const factory OrderFormState.loaded({
+    required Order order,
+    @Default([]) List<OrderItem> selectedItems,
+    @Default(false) bool isAllSelected,
+  }) = _Loaded;
   const factory OrderFormState.success(Order order) = _Success;
   const factory OrderFormState.error(String message) = _Error;
 }

lib/presentation/home/pages/home_page.dart

@@ -532,7 +532,8 @@ class _HomePageState extends State<HomePage> {
                                         elevation: 1,
                                         disabled: items.isEmpty,
                                         onPressed: () {
-                                          if (orderType.name == 'dineIn') {
+                                          if (orderType.name == 'dineIn' &&
+                                              widget.table == null) {
                                             AppFlushbar.showError(context,
                                                 'Mohon pilih meja terlebih dahulu');
                                             return;
@@ -544,7 +545,7 @@ class _HomePageState extends State<HomePage> {
                                             table: widget.table,
                                           ));
                                         },
-                                        label: 'Lanjutkan Pembayaran ',
+                                        label: 'Lanjutkan Pembayaran',
                                       ),
                                     ),
                                   ),

lib/presentation/sales/pages/sales_page.dart

@@ -1,6 +1,7 @@
 import 'package:enaklo_pos/core/components/buttons.dart';
 import 'package:enaklo_pos/core/components/spaces.dart';
 import 'package:enaklo_pos/data/models/response/order_response_model.dart';
+import 'package:enaklo_pos/presentation/home/bloc/order_form/order_form_bloc.dart';
 import 'package:enaklo_pos/presentation/sales/blocs/day_sales/day_sales_bloc.dart';
 import 'package:enaklo_pos/presentation/sales/blocs/order_loader/order_loader_bloc.dart';
 import 'package:enaklo_pos/presentation/sales/dialog/payment_dialog.dart';
@@ -127,6 +128,9 @@ class _SalesPageState extends State<SalesPage> {
                                           setState(() {
                                             orderDetail = filtered[index];
                                           });
+                                          context.read<OrderFormBloc>().add(
+                                              OrderFormEvent.started(
+                                                  filtered[index]));
                                         },
                                         child: SalesCard(
                                           order: orders[index],

lib/presentation/sales/widgets/sales_list_order.dart

@@ -1,8 +1,11 @@
 import 'package:enaklo_pos/core/components/spaces.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/order_response_model.dart';
+import 'package:enaklo_pos/presentation/home/bloc/order_form/order_form_bloc.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
 
 class SalesListOrder extends StatelessWidget {
   final Order? order;
@@ -16,62 +19,106 @@ class SalesListOrder extends StatelessWidget {
         color: AppColors.white,
         borderRadius: BorderRadius.circular(8),
       ),
-      child: Column(
+      child: BlocBuilder<OrderFormBloc, OrderFormState>(
-        crossAxisAlignment: CrossAxisAlignment.start,
+        builder: (context, state) {
-        children: [
+          return state.maybeWhen(
-          Container(
+            orElse: () => const SizedBox.shrink(),
-            padding: const EdgeInsets.all(16),
+            loaded: (orderX, selectedItems, isAllSelected) => Column(
-            width: double.infinity,
+              crossAxisAlignment: CrossAxisAlignment.start,
-            decoration: const BoxDecoration(
+              children: [
-              border: Border(
+                Container(
-                bottom: BorderSide(color: AppColors.background),
+                  padding: const EdgeInsets.all(16),
-              ),
+                  width: double.infinity,
+                  decoration: const BoxDecoration(
+                    border: Border(
+                      bottom: BorderSide(color: AppColors.background),
+                    ),
+                  ),
+                  child: Row(
+                    children: [
+                      Checkbox(
+                        value: isAllSelected,
+                        activeColor: AppColors.primary,
+                        onChanged: (val) {
+                          context.read<OrderFormBloc>().add(
+                              OrderFormEvent.toggleSelectAll(val ?? false));
+                        },
+                      ),
+                      Text(
+                        'Daftar Pembelian',
+                        style: TextStyle(
+                          color: AppColors.black,
+                          fontSize: 16,
+                          fontWeight: FontWeight.w600,
+                        ),
+                      ),
+                    ],
+                  ),
+                ),
+                SpaceHeight(12),
+                Column(
+                  children: List.generate(
+                    order?.orderItems?.length ?? 0,
+                    (index) {
+                      final item = order!.orderItems![index];
+                      final isSelected =
+                          selectedItems.any((e) => e.id == item.id);
+                      return _item(
+                        context,
+                        isSelected,
+                        item,
+                      );
+                    },
+                  ).toList(),
+                ),
+              ],
             ),
-            child: Text(
+          );
-              'Daftar Pembelian',
+        },
-              style: TextStyle(
-                color: AppColors.black,
-                fontSize: 16,
-                fontWeight: FontWeight.w600,
-              ),
-            ),
-          ),
-          SpaceHeight(12),
-          Column(
-            children: List.generate(
-              order?.orderItems?.length ?? 0,
-              (index) => _item(order!.orderItems![index]),
-            ).toList(),
-          ),
-        ],
       ),
     );
   }
 
-  Padding _item(OrderItem product) {
+  Padding _item(BuildContext context, bool isSelected, OrderItem product) {
     return Padding(
       padding: const EdgeInsets.symmetric(vertical: 12, horizontal: 16)
           .copyWith(top: 0),
       child: Row(
         mainAxisAlignment: MainAxisAlignment.spaceBetween,
         children: [
-          Column(
+          SizedBox(
-            crossAxisAlignment: CrossAxisAlignment.start,
+            width: context.deviceWidth * 0.2,
-            children: [
+            child: Row(
-              Text(
+              children: [
-                product.productName ?? '',
+                Checkbox(
-                style: const TextStyle(
+                  value: isSelected,
-                  fontSize: 14,
+                  activeColor: AppColors.primary,
-                  fontWeight: FontWeight.w600,
+                  onChanged: (_) {
+                    context
+                        .read<OrderFormBloc>()
+                        .add(OrderFormEvent.toggleItem(product));
+                  },
                 ),
-              ),
+                Column(
-              Text(
+                  crossAxisAlignment: CrossAxisAlignment.start,
-                (product.unitPrice ?? 0).toString().currencyFormatRpV2,
+                  children: [
-                style: const TextStyle(
+                    Text(
-                  fontSize: 14,
+                      product.productName ?? '',
+                      style: const TextStyle(
+                        fontSize: 14,
+                        fontWeight: FontWeight.w600,
+                      ),
+                    ),
+                    Text(
+                      (product.unitPrice ?? 0).toString().currencyFormatRpV2,
+                      style: const TextStyle(
+                        fontSize: 14,
+                      ),
+                    ),
+                  ],
                 ),
-              ),
+              ],
-            ],
+            ),
           ),
           Text(
             'X${product.quantity}',