import 'package:flutter/material.dart';
import 'package:flutter_svg/svg.dart';
import 'package:provider/provider.dart';
import 'package:sentry_flutter/sentry_flutter.dart';

import '../../models/payment_method.dart';
import '../../viewmodels/bar_screen_view_model.dart';
import '../widgets/slide_confirm.dart';

Future<void> confirmCloseTab(BuildContext context) async {
  final viewModel = context.read<BarScreenViewModel>();
  final tab = viewModel.selectedTab;

  if (tab == null) return;

  PaymentMethod paymentMethod = PaymentMethod.cash;

  final confirmed = await showDialog<bool>(
    context: context,
    builder: (dialogContext) {
      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'),
              ),
            ],
          );
        },
      );
    },
  );

  if (confirmed != true) return;

  try {
    await viewModel.closeSelectedTab(paymentMethod: paymentMethod);
  } catch (e, stack) {
    Sentry.captureException(e, stackTrace: stack);
    if (!context.mounted) return;
    ScaffoldMessenger.of(context).showSnackBar(
      SnackBar(content: Text('Could not close tab: $e')),
    );
  }
}

class _PaymentPicker extends StatelessWidget {
  final PaymentMethod selected;
  final ValueChanged<PaymentMethod> onChanged;

  const _PaymentPicker({
    required this.selected,
    required this.onChanged,
  });

  static const _options = [
    (PaymentMethod.cash, 'Cash'),
    (PaymentMethod.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 == PaymentMethod.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(),
    );
  }
}