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: 10.w),
          child: SafeArea(
            child: LayoutBuilder(builder: (context, constraints) {
              return SingleChildScrollView(
                child: ConstrainedBox(
                  constraints: BoxConstraints(
                    minHeight: constraints.maxHeight,
                  ),
                  child: IntrinsicHeight(
                    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(
                                    image: AssetImage('bg_reback'.assetPng),
                                    fit: BoxFit.fill)),
                            child: Padding(
                              padding: const EdgeInsets.symmetric(
                                  vertical: 10, horizontal: 16),
                              // 设置对称内边距
                              child: TextField(
                                textInputAction: TextInputAction.done,
                                decoration: InputDecoration(
                                    border: InputBorder.none,
                                    hintStyle: TextStyle(
                                        fontSize: 16.sp,
                                        color: const Color(0xFF999999))),
                              ),
                            ),
                          ),
                        ),
                        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),
                          ),
                        )
                      ],
                    ),
                  ),
                ),
              );
            }),
          ),
        ));
  }
}