feat: product variant

lib/presentation/home/dialog/payment_save_dialog.dart

@@ -4,6 +4,7 @@ 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/data/models/response/customer_response_model.dart';
 import 'package:enaklo_pos/data/models/response/table_model.dart';
 import 'package:enaklo_pos/presentation/home/bloc/get_table_status/get_table_status_bloc.dart';
 import 'package:enaklo_pos/presentation/home/bloc/order_form/order_form_bloc.dart';
@@ -18,12 +19,15 @@ class PaymentSaveDialog extends StatefulWidget {
   final String customerName;
   final OrderType orderType;
   final List<ProductQuantity> items;
-  const PaymentSaveDialog(
-      {super.key,
-      required this.selectedTable,
-      required this.customerName,
-      required this.orderType,
-      required this.items});
+  final Customer? customer;
+  const PaymentSaveDialog({
+    super.key,
+    required this.selectedTable,
+    required this.customerName,
+    required this.orderType,
+    required this.items,
+    required this.customer,
+  });
 
   @override
   State<PaymentSaveDialog> createState() => _PaymentSaveDialogState();
@@ -163,6 +167,7 @@ class _PaymentSaveDialogState extends State<PaymentSaveDialog> {
                               customerName: widget.customerName,
                               orderType: widget.orderType,
                               table: selectTable!,
+                              customer: widget.customer,
                             ),
                           );
                     },

lib/presentation/home/dialog/save_dialog.dart

@@ -2,6 +2,7 @@ import 'package:enaklo_pos/core/components/custom_modal_dialog.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/data/models/response/customer_response_model.dart';
 import 'package:enaklo_pos/data/models/response/table_model.dart';
 import 'package:enaklo_pos/presentation/home/dialog/payment_add_order_dialog.dart';
 import 'package:enaklo_pos/presentation/home/dialog/payment_save_dialog.dart';
@@ -14,13 +15,16 @@ class SaveDialog extends StatefulWidget {
   final String customerName;
   final OrderType orderType;
   final List<ProductQuantity> items;
+  final Customer? customer;
 
-  const SaveDialog(
-      {super.key,
-      required this.selectedTable,
-      required this.customerName,
-      required this.orderType,
-      required this.items});
+  const SaveDialog({
+    super.key,
+    required this.selectedTable,
+    required this.customerName,
+    required this.orderType,
+    required this.items,
+    required this.customer,
+  });
 
   @override
   State<SaveDialog> createState() => _SaveDialogState();
@@ -45,10 +49,12 @@ class _SaveDialogState extends State<SaveDialog> {
                 showDialog(
                   context: context,
                   builder: (context) => PaymentSaveDialog(
-                      selectedTable: widget.selectedTable,
-                      customerName: widget.customerName,
-                      orderType: widget.orderType,
-                      items: widget.items),
+                    selectedTable: widget.selectedTable,
+                    customerName: widget.customerName,
+                    orderType: widget.orderType,
+                    items: widget.items,
+                    customer: widget.customer,
+                  ),
                 );
               }),
           SpaceHeight(16.0),

lib/presentation/home/dialog/variant_dialog.dart

@@ -0,0 +1,65 @@
+import 'package:enaklo_pos/core/components/custom_modal_dialog.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/int_ext.dart';
+import 'package:enaklo_pos/data/models/response/product_response_model.dart';
+import 'package:enaklo_pos/presentation/home/bloc/checkout/checkout_bloc.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+
+class VariantDialog extends StatelessWidget {
+  final Product product;
+  const VariantDialog({super.key, required this.product});
+
+  @override
+  Widget build(BuildContext context) {
+    return CustomModalDialog(
+      title: 'Pilih Varian',
+      subtitle: 'Silahkan pilih varian yang sesuai',
+      minWidth: context.deviceWidth * 0.4,
+      contentPadding: EdgeInsets.all(16),
+      child: Wrap(
+        spacing: 12,
+        runSpacing: 12,
+        children: product.variants!.map((variant) {
+          return GestureDetector(
+            onTap: () {
+              // Aksi saat varian dipilih
+              context.pop();
+              context.read<CheckoutBloc>().add(
+                    CheckoutEvent.addItem(product, variant),
+                  );
+            },
+            child: Container(
+              width: (context.deviceWidth * 0.4 - 12 - 32) / 2 - 6, // 2 per row
+              padding: const EdgeInsets.all(12),
+              decoration: BoxDecoration(
+                border: Border.all(color: Colors.grey.shade300),
+                borderRadius: BorderRadius.circular(12),
+                color: Colors.white,
+              ),
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  Text(
+                    variant.name ?? "",
+                    style: const TextStyle(
+                      fontWeight: FontWeight.bold,
+                    ),
+                  ),
+                  const SizedBox(height: 4),
+                  Text(
+                    (variant.priceModifier ?? 0).currencyFormatRpV2,
+                    style: TextStyle(
+                      color: AppColors.grey,
+                    ),
+                  ),
+                ],
+              ),
+            ),
+          );
+        }).toList(),
+      ),
+    );
+  }
+}