feat: add payment method

lib/views/dialogs/close_tab_dialog.dart

@@ -1,7 +1,9 @@
-import 'package:kooltab2/viewmodels/bar_screen_view_model.dart';
-import 'package:kooltab2/views/widgets/slide_confirm.dart';
-import 'package:provider/provider.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter_svg/svg.dart';
+import 'package:provider/provider.dart';
+
+import '../../viewmodels/bar_screen_view_model.dart';
+import '../widgets/slide_confirm.dart';
 
 Future<void> confirmCloseTab(BuildContext context) async {
   final viewModel = context.read<BarScreenViewModel>();
@@ -9,39 +11,111 @@ Future<void> confirmCloseTab(BuildContext context) async {
 
   if (tab == null) return;
 
+  String paymentMethod = 'cash';
+
   final confirmed = await showDialog<bool>(
     context: context,
     builder: (dialogContext) {
-      return AlertDialog(
-        title: Text('Close ${tab.customerName}ʼs tab?'),
-        content: SizedBox(
-          width: 360,
-          child: Column(
-            mainAxisSize: MainAxisSize.min,
-            children: [
-              Text('Current total: ${tab.formattedTotal}'),
-              const SizedBox(height: 20),
-
-              SlideConfirm(
-                onConfirmed: () {
-                  Navigator.of(dialogContext).pop(true);
-                },
+      return StatefulBuilder(
+        builder: (context, setDialogState) {
+          return AlertDialog(
+            title: Text('Close ${tab.customerName}ʼs tab?'),
+            content: SizedBox(
+              width: 360,
+              child: Column(
+                mainAxisSize: MainAxisSize.min,
+                children: [
+                  Text('Current total: ${tab.formattedTotal}'),
+                  const SizedBox(height: 20),
+                  Text(
+                    'Payment method',
+                    style: Theme.of(context).textTheme.bodySmall,
+                  ),
+                  const SizedBox(height: 8),
+                  _PaymentPicker(
+                    selected: paymentMethod,
+                    onChanged: (value) {
+                      setDialogState(() => paymentMethod = value);
+                    },
+                  ),
+                  const SizedBox(height: 24),
+                  SlideConfirm(
+                    onConfirmed: () {
+                      Navigator.of(dialogContext).pop(true);
+                    },
+                  ),
+                ],
+              ),
+            ),
+            actionsPadding: const EdgeInsets.fromLTRB(16, 0, 16, 16),
+            actions: [
+              TextButton(
+                onPressed: () => Navigator.of(dialogContext).pop(false),
+                child: const Text('Cancel'),
               ),
             ],
-          ),
-        ),
-        actionsPadding: const EdgeInsets.fromLTRB(16, 0, 16, 16),
-        actions: [
-          TextButton(
-            onPressed: () => Navigator.of(dialogContext).pop(false),
-            child: const Text('Cancel'),
-          ),
-        ],
+          );
+        },
       );
     },
   );
 
   if (confirmed != true) return;
 
-  await viewModel.closeSelectedTab();
+  await viewModel.closeSelectedTab(paymentMethod: paymentMethod);
 }
+
+class _PaymentPicker extends StatelessWidget {
+  final String selected;
+  final ValueChanged<String> onChanged;
+
+  const _PaymentPicker({
+    required this.selected,
+    required this.onChanged,
+  });
+
+  static const _options = [
+    ('cash', 'Cash'),
+    ('payconiq', 'Payconiq'),
+  ];
+
+  @override
+  Widget build(BuildContext context) {
+    return Row(
+      mainAxisAlignment: MainAxisAlignment.center,
+      children: _options.map((option) {
+        final (value, label) = option;
+        final isSelected = selected == value;
+
+        return Padding(
+          padding: const EdgeInsets.symmetric(horizontal: 6),
+          child: ChoiceChip(
+            showCheckmark: false,
+            selected: isSelected,
+            onSelected: (_) => onChanged(value),
+            label: Row(
+              mainAxisSize: MainAxisSize.min,
+              children: [
+                if (value == 'cash')
+                  const Icon(
+                    Icons.attach_money,
+                    size: 16,
+                    color: Colors.lightGreen,
+                  )
+                else
+                  SvgPicture.asset(
+                    'assets/icons/payconic.svg',
+                    width: 16,
+                    height: 16,
+                    colorFilter: ColorFilter.mode(Colors.pinkAccent, BlendMode.srcIn),
+                  ),
+                const SizedBox(width: 6),
+                Text(label),
+              ],
+            ),
+          ),
+        );
+      }).toList(),
+    );
+  }
+}