lib/presentation/payment/pages/payment_page.dart

@@ -19,11 +19,13 @@ class PaymentPage extends StatefulWidget {
   final Order order;
   final bool isSplit;
   final String? splitType;
+  final String? customerId;
   const PaymentPage({
     super.key,
     required this.order,
     this.isSplit = false,
     this.splitType,
+    this.customerId,
   });
 
   @override
@@ -462,7 +464,7 @@ class _PaymentPageState extends State<PaymentPage> {
     } else {
       final request = PaymentSplitBillRequest(
         amount: widget.order.totalAmount ?? 0,
-        customerId: '',
+        customerId: widget.customerId ?? "",
         items: itemPending
                 ?.map((item) => SplitItem(
                       orderItemId: item.id ?? "",

lib/presentation/split_bill/pages/split_bill_page.dart

@@ -2,7 +2,9 @@ import 'dart:developer';
 
 import 'package:enaklo_pos/core/components/flushbar.dart';
 import 'package:enaklo_pos/core/extensions/build_context_ext.dart';
+import 'package:enaklo_pos/data/models/response/customer_response_model.dart';
 import 'package:enaklo_pos/data/models/response/order_response_model.dart';
+import 'package:enaklo_pos/presentation/home/widgets/customer_auto_complete_field.dart';
 import 'package:enaklo_pos/presentation/payment/pages/payment_page.dart';
 import 'package:flutter/material.dart';
 
@@ -26,6 +28,9 @@ class SplitBillPage extends StatefulWidget {
 }
 
 class _SplitBillPageState extends State<SplitBillPage> {
+  final customerController = TextEditingController();
+  Customer? selectedCustomer;
+
   int selectedSplitType = 0; // 0 = Per Product, 1 = Per Amount
 
   // Per Product Split Data
@@ -186,6 +191,7 @@ class _SplitBillPageState extends State<SplitBillPage> {
             flex: 3,
             child: Container(
               padding: EdgeInsets.all(24),
+              child: SingleChildScrollView(
                 child: Column(
                   crossAxisAlignment: CrossAxisAlignment.start,
                   children: [
@@ -199,6 +205,10 @@ class _SplitBillPageState extends State<SplitBillPage> {
                     ),
                     SizedBox(height: 24),
 
+                    _buildCustomer(context),
+
+                    SizedBox(height: 24),
+
                     // Split Type Selection
                     Row(
                       children: [
@@ -211,7 +221,7 @@ class _SplitBillPageState extends State<SplitBillPage> {
                     SizedBox(height: 32),
 
                     // Split Content
-                  Expanded(
+                    Container(
                       child: selectedSplitType == 0
                           ? _buildPerProductSplit()
                           : _buildPerAmountSplit(),
@@ -247,11 +257,32 @@ class _SplitBillPageState extends State<SplitBillPage> {
                 ),
               ),
             ),
+          ),
         ],
       ),
     );
   }
 
+  Widget _buildCustomer(BuildContext context) {
+    return Container(
+      padding: EdgeInsets.all(16),
+      decoration: BoxDecoration(
+        color: AppColorSplitBill.cardBackground,
+        border: Border.all(color: AppColorSplitBill.border),
+        borderRadius: BorderRadius.circular(8),
+      ),
+      child: CustomerAutocomplete(
+        controller: customerController,
+        selectedCustomer: selectedCustomer,
+        onSelected: (customer) {
+          setState(() {
+            selectedCustomer = customer;
+          });
+        },
+      ),
+    );
+  }
+
   Widget _buildOrderItem(OrderItem item) {
     return Container(
       padding: EdgeInsets.symmetric(vertical: 12),
@@ -347,8 +378,7 @@ class _SplitBillPageState extends State<SplitBillPage> {
           ),
         ),
         SizedBox(height: 16),
-        Expanded(
+        Container(
-          child: Container(
           padding: EdgeInsets.all(16),
           decoration: BoxDecoration(
             color: AppColorSplitBill.cardBackground,
@@ -367,15 +397,14 @@ class _SplitBillPageState extends State<SplitBillPage> {
                 ),
               ),
               SizedBox(height: 16),
-                Expanded(
+              ListView.builder(
-                  child: ListView.builder(
                 itemCount: getOrderItemPending().length,
+                shrinkWrap: true,
+                physics: NeverScrollableScrollPhysics(),
                 itemBuilder: (context, index) {
-                      return _buildProductSplitItem(
+                  return _buildProductSplitItem(getOrderItemPending()[index]);
-                          getOrderItemPending()[index]);
                 },
               ),
-                ),
               Container(
                 width: double.infinity,
                 height: 1,
@@ -406,7 +435,6 @@ class _SplitBillPageState extends State<SplitBillPage> {
             ],
           ),
         ),
-        ),
       ],
     );
   }
@@ -764,6 +792,7 @@ class _SplitBillPageState extends State<SplitBillPage> {
           order: splitOrder,
           isSplit: true,
           splitType: 'ITEM',
+          customerId: selectedCustomer?.id,
         ));
       } else {
         AppFlushbar.showError(context, "Pilih minimal satu produk untuk split");
@@ -790,6 +819,7 @@ class _SplitBillPageState extends State<SplitBillPage> {
             order: splitOrder,
             isSplit: true,
             splitType: 'AMOUNT',
+            customerId: selectedCustomer?.id,
           ),
         );
       } else if (splitAmount > totalAmount) {