import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get_utils/get_utils.dart';
import 'package:star_lock/translations/trans_lib.dart';

import '../../../../app_settings/app_colors.dart';
import '../../../../tools/commonItem.dart';
import '../../../../tools/submitBtn.dart';
import '../../../../tools/titleAppBar.dart';

class SendEmailNotificationPage extends StatefulWidget {
  const SendEmailNotificationPage({Key? key}) : super(key: key);

  @override
  State<SendEmailNotificationPage> createState() => _SendEmailNotificationPageState();
}

class _SendEmailNotificationPageState extends State<SendEmailNotificationPage> {
  final TextEditingController _emailController = TextEditingController();

  @override
  Widget build(BuildContext context) {
    _emailController.text = "亲爱的用户 \n\n你收到电子钥匙，请试用APP(www.baidu.com)或小程序开锁 \n\n星锁";
    return Scaffold(
      backgroundColor: AppColors.mainBackgroundColor,
      appBar: TitleAppBar(barTitle: "邮件通知", haveBack: true, backgroundColor: AppColors.mainColor),
      body: SingleChildScrollView(
        child: Column(
          children: [
            CommonItem(
              leftTitel: TranslationLoader.lanKeys!.receiver!.tr,
              rightTitle: "786612630@qq.com",
              isHaveLine: true,
            ),
            CommonItem(
              leftTitel: "类型",
              rightTitle: "个人邮件",
              isHaveDirection: true,
            ),
            Container(height: 10.h),
            CommonItem(leftTitel: "模板", rightTitle: "默认模板", isHaveDirection: true, isHaveLine: true),
            Container(
              height: 360.h,
              color: Colors.white,
              padding: EdgeInsets.only(left: 20.w, right: 20.w, top: 20.h, bottom: 20.h),
              child: TextField(
                maxLines: 8,
                maxLength: 1000,
                textAlign: TextAlign.start,
                controller: _emailController,
                style: TextStyle(
                  color: Colors.black,
                  fontSize: 22.sp,
                ),
                decoration: InputDecoration(
                  border: OutlineInputBorder(
                    ///设置边框四个角的弧度
                    borderRadius: BorderRadius.all(Radius.circular(20.h)),

                    ///用来配置边框的样式
                    borderSide: const BorderSide(
                      ///设置边框的颜色
                      color: Color(0xffB2B2B2),

                      ///设置边框的粗细
                      width: 0.5,
                    ),
                  ),

                  ///用来配置输入框获取焦点时的颜色
                  focusedBorder: OutlineInputBorder(
                    ///设置边框四个角的弧度
                    borderRadius: BorderRadius.all(Radius.circular(20.h)),

                    ///用来配置边框的样式
                    borderSide: const BorderSide(
                      ///设置边框的颜色
                      color: Color(0xffB2B2B2),

                      ///设置边框的粗细
                      width: 1,
                    ),
                  ),
                ),
              ),
            ),
            Container(height: 40.h),
            SubmitBtn(
                btnName: '发送',
                fontSize: 28.sp,
                borderRadius: 20.w,
                margin: EdgeInsets.only(left: 30.w, right: 30.w, top: 30.w),
                padding: EdgeInsets.only(top: 25.w, bottom: 25.w),
                onClick: () {}),
          ],
        ),
      ),
    );
  }
}