import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
import 'package:location/resource/assets.gen.dart';
import 'package:location/resource/string.gen.dart';
import 'package:location/utils/common_style.dart';

class MemberRetainDialog {
  static final String _tag = 'MemberRetainDialog';

  static void show(
      {required VoidCallback payClick, required VoidCallback cancelClick}) {
    SmartDialog.show(
        tag: _tag,
        backDismiss: false,
        clickMaskDismiss: false,
        builder: (_) {
          return _MemberRetainDialogWidget(
              payClick: payClick, cancelClick: cancelClick);
        });
  }

  static void dismiss() {
    SmartDialog.dismiss(tag: _tag);
  }
}

class _MemberRetainDialogWidget extends Dialog {
  final VoidCallback payClick;
  final VoidCallback cancelClick;

  const _MemberRetainDialogWidget(
      {required this.payClick, required this.cancelClick});

  @override
  Widget build(BuildContext context) {
    return Container(
      child: IntrinsicHeight(
        child: Column(
          children: [
            Stack(
              children: [
                AspectRatio(
                    aspectRatio: 1080 / 1296,
                    child: Assets.images.imgMemberRetainContainer
                        .image(width: 301.w)),
                Positioned(
                  top: 324.w,
                  left: 73.w,
                  right: 73.w,
                  child: GestureDetector(
                    onTap: () {
                      MemberRetainDialog.dismiss();
                      payClick();
                    },
                    child: Container(
                      height: 40.w,
                      decoration: getPrimaryBtnDecoration(100.w),
                      child: Center(
                        child: Text(StringName.memberContinuePay,
                            style: TextStyle(
                                fontSize: 15.sp, color: Colors.white)),
                      ),
                    ),
                  ),
                ),
                Positioned(
                  bottom: 0,
                  left: 0,
                  right: 0,
                  child: Center(
                    child: GestureDetector(
                      onTap: () {
                        MemberRetainDialog.dismiss();
                        cancelClick();
                      },
                      child: Assets.images.iconMemberRetainClose
                          .image(width: 32.w, height: 32.w),
                    ),
                  ),
                )
              ],
            ),
          ],
        ),
      ),
    );
  }
}