import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:wow_english/common/extension/string_extension.dart';
import 'package:wow_english/utils/color_util.dart';

import '../../../common/widgets/we_app_bar.dart';

class ReBackPage extends StatefulWidget {
  const ReBackPage({super.key});

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

class ReBackPageState extends State<ReBackPage> {
  late bool _canEnsure;

  @override
  void initState() {
    super.initState();
    _canEnsure = false;
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar:  const WEAppBar(
        titleText: '我要反馈',
      ),
      body: Container(
        color: Colors.white,
        padding: EdgeInsets.symmetric(
            horizontal: 24.w
        ),
        child: SafeArea(
          child: Column(
              children: [
                20.verticalSpace,
                Row(
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: [
                    Text(
                      '请输入您要反馈的问题和意见，10-500个字',
                      textAlign: TextAlign.left,
                      style: TextStyle(
                          fontSize: 19.sp,
                          color: HexColor('#333333')
                      ),
                    ),
                    Text(
                      '48/500',
                      textAlign: TextAlign.right,
                      style: TextStyle(
                          fontSize: 19.sp,
                          color: HexColor('#333333')
                      ),)
                  ],
                ),
                9.5.verticalSpace,
                Expanded(
                  child: Container(
                    decoration: BoxDecoration(
                        image: DecorationImage(
                            fit: BoxFit.fill,
                            image: AssetImage('bg_reback'.assetPng)
                        )
                    ),
                  ),
                ),
                4.5.verticalSpace,
                Container(
                  decoration: BoxDecoration(
                      image: DecorationImage(
                          fit: BoxFit.fill,
                          image: AssetImage(_canEnsure?'re_button'.assetPng:'re_button_dis'.assetPng)
                      )
                  ),
                  alignment: Alignment.center,
                  width: 91.w,
                  height: 45.h,
                  child: Text(
                    '提交',
                    textAlign: TextAlign.center,
                    style: TextStyle(
                        color: Colors.white,
                        fontSize: 17.sp
                    ),
                  ),
                )
              ],
            ),
          ),
      )
    );
  }
}