lib/data/datasources/order_remote_datasource.dart

@@ -395,4 +395,56 @@ class OrderRemoteDatasource {
       return const Left('Terjadi kesalahan tak terduga');
     }
   }
+
+  Future<Either<String, bool>> refund({
+    required String orderId,
+    required String reason,
+    required List<OrderItem> orderItems,
+  }) async {
+    final authData = await AuthLocalDataSource().getAuthData();
+    final url = '${Variables.baseUrl}/api/v1/orders/$orderId/refund';
+
+    final int refundAmount = orderItems.fold(
+      0,
+      (sum, item) => sum + ((item.unitPrice ?? 0) * (item.quantity ?? 0)),
+    );
+    try {
+      final response = await dio.post(
+        url,
+        data: {
+          'refund_amount': refundAmount,
+          "order_items": orderItems
+              .map((item) => {
+                    'order_item_id': item.id,
+                    "refund_quantity": item.quantity,
+                    "refund_amount": item.totalPrice,
+                    "reason": "Item was cold"
+                  })
+              .toList(),
+          'reason': reason,
+        },
+        options: Options(
+          headers: {
+            'Authorization': 'Bearer ${authData.token}',
+            'Accept': 'application/json',
+            'Content-Type': 'application/json',
+          },
+        ),
+      );
+
+      if (response.statusCode == 200) {
+        return Right(true);
+      } else {
+        return const Left('Gagal refund');
+      }
+    } on DioException catch (e) {
+      final errorMessage = e.response?.data['message'] ?? 'Kesalahan jaringan';
+      log("💥 Dio error: ${e.message}");
+      log("💥 Dio response: ${e.response?.data}");
+      return Left(errorMessage);
+    } catch (e) {
+      log("💥 Unexpected error: $e");
+      return const Left('Terjadi kesalahan tak terduga');
+    }
+  }
 }

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

@@ -174,19 +174,17 @@ class OrderFormBloc extends Bloc<OrderFormEvent, OrderFormState> {
     });
 
     on<_Refund>((event, emit) async {
-      state.maybeWhen(
+      emit(const OrderFormState.loading());
-        loaded: (order, selectedItems, _) async {
-          if (selectedItems.isEmpty) return;
 
-          emit(const OrderFormState.loading());
+      final result = await _orderRemoteDatasource.refund(
+        orderId: event.orderId,
+        reason: event.reason,
+        orderItems: event.items,
+      );
 
-          try {
+      result.fold(
-            emit(OrderFormState.success(order));
+        (error) => emit(_Error(error)),
-          } catch (e) {
+        (success) => emit(_SuccessMsg()),
-            emit(OrderFormState.error('Refund gagal: ${e.toString()}'));
-          }
-        },
-        orElse: () {},
       );
     });
   }

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

@@ -20,8 +20,12 @@ class OrderFormEvent with _$OrderFormEvent {
     required List<ProductQuantity> items,
     required String orderId,
   }) = _AddToOrder;
+  const factory OrderFormEvent.refund({
+    required List<OrderItem> items,
+    required String orderId,
+    required String reason,
+  }) = _Refund;
   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

@@ -10,5 +10,6 @@ class OrderFormState with _$OrderFormState {
     @Default(false) bool isAllSelected,
   }) = _Loaded;
   const factory OrderFormState.success(Order order) = _Success;
+  const factory OrderFormState.successMsg() = _SuccessMsg;
   const factory OrderFormState.error(String message) = _Error;
 }

lib/presentation/sales/dialog/refund_dialog.dart

@@ -0,0 +1,148 @@
+import 'package:enaklo_pos/core/components/buttons.dart';
+import 'package:enaklo_pos/core/components/custom_modal_dialog.dart';
+import 'package:enaklo_pos/core/components/custom_text_field.dart';
+import 'package:enaklo_pos/core/components/flushbar.dart';
+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:enaklo_pos/presentation/sales/blocs/order_loader/order_loader_bloc.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+
+class RefundDialog extends StatefulWidget {
+  final Order order;
+  final List<OrderItem> selectedItems;
+  const RefundDialog(
+      {super.key, required this.order, required this.selectedItems});
+
+  @override
+  State<RefundDialog> createState() => _RefundDialogState();
+}
+
+class _RefundDialogState extends State<RefundDialog> {
+  final TextEditingController _reasonController = TextEditingController();
+
+  @override
+  Widget build(BuildContext context) {
+    return CustomModalDialog(
+      title: 'Refund',
+      subtitle: 'Pengembalian dana',
+      contentPadding:
+          const EdgeInsets.symmetric(horizontal: 16.0, vertical: 24.0),
+      child: Column(
+        children: [
+          Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              Text(
+                'Pesanan yang akan di refund',
+                style: const TextStyle(
+                  fontSize: 14,
+                  fontWeight: FontWeight.w600,
+                  color: AppColors.black,
+                ),
+              ),
+              SpaceHeight(12),
+              Column(
+                children: widget.selectedItems
+                    .map((item) => _item(context, item))
+                    .toList(),
+              ),
+            ],
+          ),
+          SpaceHeight(16),
+          CustomTextField(
+            controller: _reasonController,
+            label: 'Alasan',
+          ),
+          SpaceHeight(24),
+          BlocListener<OrderFormBloc, OrderFormState>(
+            listener: (context, state) {
+              state.maybeWhen(
+                orElse: () {},
+                successMsg: () {
+                  context.pop();
+                  AppFlushbar.showSuccess(context, 'Refund Berhasil!');
+                  context
+                      .read<OrderLoaderBloc>()
+                      .add(OrderLoaderEvent.getByStatus('completed'));
+                },
+                error: (msg) {
+                  AppFlushbar.showError(context, msg);
+                },
+              );
+            },
+            child: BlocBuilder<OrderFormBloc, OrderFormState>(
+              builder: (context, state) {
+                return state.maybeWhen(
+                  orElse: () => Button.filled(
+                    onPressed: () {
+                      context.read<OrderFormBloc>().add(
+                            OrderFormEvent.refund(
+                              orderId: widget.order.id ?? '',
+                              reason: _reasonController.text,
+                              items: widget.selectedItems,
+                            ),
+                          );
+                    },
+                    label: 'Refund',
+                  ),
+                  loading: () => Center(
+                    child: const CircularProgressIndicator(),
+                  ),
+                );
+              },
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  Row _item(
+    BuildContext context,
+    OrderItem product,
+  ) {
+    return Row(
+      mainAxisAlignment: MainAxisAlignment.spaceBetween,
+      children: [
+        SizedBox(
+          width: context.deviceWidth * 0.1,
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              Text(
+                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}',
+          style: const TextStyle(
+            fontSize: 14,
+          ),
+        ),
+        Text(
+          (product.totalPrice ?? 0).toString().currencyFormatRpV2,
+          style: const TextStyle(
+            fontSize: 14,
+          ),
+        ),
+      ],
+    );
+  }
+}

lib/presentation/sales/pages/sales_page.dart

@@ -1,10 +1,12 @@
 import 'package:enaklo_pos/core/components/buttons.dart';
+import 'package:enaklo_pos/core/components/flushbar.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';
+import 'package:enaklo_pos/presentation/sales/dialog/refund_dialog.dart';
 import 'package:enaklo_pos/presentation/sales/widgets/sales_detail.dart';
 import 'package:enaklo_pos/presentation/sales/widgets/sales_list_order.dart';
 import 'package:enaklo_pos/presentation/sales/widgets/sales_order_information.dart';
@@ -187,10 +189,38 @@ class _SalesPageState extends State<SalesPage> {
                               ),
                             ],
                             if (widget.status == 'completed')
-                              Button.outlined(
+                              BlocBuilder<OrderFormBloc, OrderFormState>(
-                                onPressed: () {},
+                                builder: (context, state) {
-                                label: 'Refund',
+                                  return state.maybeWhen(
-                                icon: Icon(Icons.autorenew),
+                                    orElse: () => Button.outlined(
+                                      onPressed: () {},
+                                      label: 'Refund',
+                                      icon: Icon(Icons.autorenew),
+                                    ),
+                                    loaded:
+                                        (order, selectedItems, isAllSelected) =>
+                                            Button.outlined(
+                                      onPressed: () {
+                                        if (selectedItems.isEmpty) {
+                                          AppFlushbar.showError(context,
+                                              'Silahkan pilih item yang ingin di refund.');
+
+                                          return;
+                                        }
+
+                                        showDialog(
+                                          context: context,
+                                          builder: (context) => RefundDialog(
+                                            order: orderDetail!,
+                                            selectedItems: selectedItems,
+                                          ),
+                                        );
+                                      },
+                                      label: 'Refund',
+                                      icon: Icon(Icons.autorenew),
+                                    ),
+                                  );
+                                },
                               ),
                           ],
                         ),