import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.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: Column(
        children: [
          CommonItem(leftTitel:"接收者", 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: 28.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: (){

          }),
        ],
      ),
    );
  }
}