import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
import 'package:huixiang/generated/l10n.dart';
import 'package:huixiang/utils/flutter_utils.dart';
import 'package:huixiang/utils/font_weight.dart';
import 'package:huixiang/view_widget/round_button.dart';

import 'custom_image.dart';
import 'my_appbar.dart';

class BadgeAttainmentDialog extends StatefulWidget {

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

}

class _BadgeAttainmentDialog extends State<BadgeAttainmentDialog> {
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor:Colors.transparent,
      appBar: MyAppBar(
        title:"",
        titleColor: Colors.white,
        leadingColor: Colors.white,
        background: Colors.transparent,
      ),
      body: Container(
        alignment:Alignment.center,
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.center,
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Text(
              "恭喜您解锁新成就",
              style: TextStyle(
                color: Color(0xFFFFFFFF),
                fontSize: 20.sp,
                fontWeight: MyFontWeight.regular,
              ),
            ),
            MImage(
              "assets/image/by_badge.webp",
              width: 248,
              height: 248,
              // fit: BoxFit.cover,
              errorSrc: "assets/image/default_1.webp",
              fadeSrc: "assets/image/default_1.webp",
            ),
            Text(
              "累计消费¥500",
              style: TextStyle(
                color: Color(0xFFFFFFFF),
                fontSize: 24.sp,
                fontWeight: MyFontWeight.semi_bold,
              ),
            ),
            Text(
              "获得消费白银徽章",
              style: TextStyle(
                color: Color(0xFFFFFFFF),
                fontSize: 16.sp,
                fontWeight: MyFontWeight.semi_bold,
              ),
            ),
            Container(
              margin: EdgeInsets.only(top:16),
              width: 76,
              height: 26.h,
              alignment: Alignment.center,
              decoration: BoxDecoration(
                borderRadius:
                BorderRadius.circular(18),
                color: Colors.white,
              ),
              child: Row(
                crossAxisAlignment: CrossAxisAlignment.center,
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  Image.asset(
                    "assets/image/icon_gold_coin.webp",
                    width: 20,
                    height: 20,
                  ),
                  Text(
                    "+10",
                    style: TextStyle(
                      fontSize: 12.sp,
                      fontWeight: MyFontWeight.medium,
                      color: Color(0xFF634815),
                    ),
                  ),
                ],
              ),
            ),
          ],
        ),
      ),
    );
  }
}