import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:huixiang/generated/l10n.dart';
import 'package:huixiang/utils/font_weight.dart';
import 'package:pin_input_text_field/pin_input_text_field.dart';

class PaySelectedDialog extends StatefulWidget {

  @override
  State<StatefulWidget> createState() {
    return _PaySelectedDialog();
  }

}

class _PaySelectedDialog extends State<PaySelectedDialog> {
  @override
  Widget build(BuildContext context) {
    return StatefulBuilder(
      builder: (BuildContext context, StateSetter setState) {
        return Container(
          width: double.infinity,
          height: 250.h,
          padding: EdgeInsets.only(
            left: 16.w,
            right: 16.w,
            top: 20.h,
            bottom: 20.h,
          ),
          decoration: BoxDecoration(
            boxShadow: [
              BoxShadow(
                color: Color(0x000000).withAlpha(25),
                offset: Offset(0, 1),
                blurRadius: 12.0,
              ),
            ],
            color: Colors.white,
            borderRadius: BorderRadius.only(
              topLeft: Radius.circular(8),
              topRight: Radius.circular(8),),
          ),
          child: Column(
            mainAxisAlignment: MainAxisAlignment.start,
            crossAxisAlignment: CrossAxisAlignment.end,
            children: [
              Row(
                mainAxisAlignment: MainAxisAlignment.start,
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Expanded(
                      child: Align(
                        alignment: Alignment.center,
                        child: Text(
                          "请输入支付密码",
                          style: TextStyle(
                            fontWeight: MyFontWeight.bold,
                            fontSize: 15.sp,
                            color: Color(0xFF000000),
                          ),
                        ),
                      )),
                  GestureDetector(
                    onTap: () {
                      setState(() {
                        Navigator.of(context).pop();
                      });
                    },
                    child: Icon(
                      Icons.close,
                      color: Colors.black,
                      size: 20,
                    ),
                  ),
                  SizedBox(width: 14),
                ],
              ),
              Container(
                margin: EdgeInsets.only(top: 24.h, bottom:10.h),
                padding: EdgeInsets.only(left: 48.w, right: 48.w),
                height: 40.h,
                child: PinInputTextField(
                  decoration: BoxLooseDecoration(
                    strokeColorBuilder: FixedColorBuilder(Color(0xFFEBEAEA)),
                    textStyle: TextStyle(
                      fontWeight: MyFontWeight.medium,
                      fontSize: 18.sp,
                      color: Color(0xFF353535),
                    ),
                    radius: Radius.circular(4.r),
                  ),
                ),
              ),
              GestureDetector(
                onTap: (){},
                child:  Text(
                  "忘记密码？",
                  style: TextStyle(
                    fontWeight: MyFontWeight.medium,
                    fontSize: 12.sp,
                    color: Color(0xFF32A060),
                  ),
                ),
              )
            ],
          ),
        );
      },
    );
  }




}