import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';

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

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

  @override
  State<GatewayConfigurationWifiPage> createState() =>
      _GatewayConfigurationWifiPageState();
}

class _GatewayConfigurationWifiPageState extends State<GatewayConfigurationWifiPage> {
  final TextEditingController _wifiPassward = TextEditingController();
  final TextEditingController _gatewayNamePassward = TextEditingController();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: AppColors.mainBackgroundColor,
      appBar: TitleAppBar(
          barTitle: '网关'.tr,
          haveBack: true,
          backgroundColor: AppColors.mainColor),
      body: Column(
        children: <Widget>[
          Container(
              width: 1.sw,
              color: const Color(0xFFF2F6F9),
              padding: EdgeInsets.all(15.h),
              child: Text(
                '不支持5G WiFi网络，请选择2.4G WiFi网络进行配置'.tr,
                style: TextStyle(
                    color: AppColors.darkGrayTextColor, fontSize: 20.sp),
              )),
          Expanded(
            child: ListView(
              children: <Widget>[
                CommonItem(
                    leftTitel: 'WiFi名称'.tr,
                    rightTitle: 'XinHongJia',
                    allHeight: 100.h,
                    isHaveLine: true,
                    isHaveDirection: true,
                    action: () {
                      // Navigator.pushNamed(context, Routers.minePersonInfoSetSafetyProblemPage);
                    }),
                CommonItem(
                    leftTitel: 'WiFi密码'.tr,
                    rightTitle: '',
                    isHaveRightWidget: true,
                    rightWidget: getTFWidget(
                        _wifiPassward,
                        '请输入WiFi密码'.tr)),
                SizedBox(
                  height: 10.h,
                ),
                CommonItem(
                    leftTitel: '网关名称'.tr,
                    rightTitle: '',
                    isHaveRightWidget: true,
                    rightWidget: getTFWidget(_gatewayNamePassward,
                        '请输入网关名称'.tr)),
                SizedBox(
                  height: 10.h,
                ),
                CommonItem(
                    leftTitel: '网络MAC'.tr,
                    rightTitle: '48:55:19:7d:84:7a',
                    allHeight: 100.h,
                    isHaveLine: false),
                SizedBox(
                  height: 10.h,
                ),
                Visibility(
                    visible: true,
                    child: Column(
                      children: <Widget>[
                        CommonItem(
                            leftTitel: 'IP地址'.tr,
                            rightTitle: '192.168.1.1',
                            allHeight: 100.h,
                            isHaveLine: true),
                        CommonItem(
                            leftTitel: '子网掩码'.tr,
                            rightTitle: '255.255.255.0',
                            allHeight: 100.h,
                            isHaveLine: true),
                        CommonItem(
                            leftTitel: '默认网关'.tr,
                            rightTitle: '192.168.1.1',
                            allHeight: 100.h,
                            isHaveLine: true),
                        SizedBox(
                          height: 10.h,
                        ),
                        CommonItem(
                            leftTitel: '自动获取DNS服务器地址'.tr,
                            rightTitle: '',
                            isHaveLine: true,
                            isHaveRightWidget: true,
                            rightWidget: SizedBox(
                                width: 60.w, height: 50.h, child: _switch())),
                        Visibility(
                            visible: true,
                            child: Column(
                              children: <Widget>[
                                CommonItem(
                                    leftTitel: '首选DNS'.tr,
                                    rightTitle: '',
                                    isHaveLine: true,
                                    isHaveRightWidget: true,
                                    rightWidget: getTFWidget(
                                        _gatewayNamePassward,
                                      '请输入'.tr,)),
                                CommonItem(
                                    leftTitel: '备选DNS'.tr,
                                    rightTitle: '',
                                    isHaveLine: false,
                                    isHaveRightWidget: true,
                                    rightWidget: getTFWidget(
                                        _gatewayNamePassward,
                                      '请输入'.tr,)),
                              ],
                            )),
                      ],
                    )),
                SizedBox(
                  height: 50.h,
                ),
                Container(
                  margin: EdgeInsets.only(left: 20.w, right: 20.w),
                  child: SubmitBtn(
                      btnName: '确定'.tr,
                      borderRadius: 20.w,
                      margin: EdgeInsets.only(
                          left: 30.w, right: 30.w, top: 20.w, bottom: 20.w),
                      padding: EdgeInsets.only(top: 15.w, bottom: 15.w),
                      onClick: () {
                        // Navigator.pushNamed(context, Routers.selectGatewayPage);
                      }),
                ),
                SizedBox(
                  height: 10.h,
                ),
                Row(
                  mainAxisAlignment: MainAxisAlignment.end,
                  children: <Widget>[
                    GestureDetector(
                      child: SizedBox(
                        // width: 150.w,
                        height: 50.h,
                        // color: Colors.red,
                        child: Center(
                          child: Text(
                              '不使用静态IP'.tr,
                              style: TextStyle(
                                  fontSize: 22.sp, color: AppColors.mainColor)),
                        ),
                      ),
                      onTap: () {
                        // Navigator.pushNamed(context, Routers.starLockForgetPasswordPage);
                      },
                    ),
                    SizedBox(width: 30.w),
                  ],
                ),
                SizedBox(
                  height: 50.h,
                ),
              ],
            ),
          )
        ],
      ),
    );
  }

  // 接受者信息输入框
  Widget getTFWidget(TextEditingController controller, String tfStr) {
    return SizedBox(
      height: 50.h,
      width: 300.w,
      child: Row(
        children: <Widget>[
          Expanded(
            child: TextField(
              //输入框一行
              maxLines: 1,
              controller: controller,
              autofocus: false,
              textAlign: TextAlign.end,
              decoration: InputDecoration(
                //输入里面输入文字内边距设置
                contentPadding: const EdgeInsets.only(top: 12.0, bottom: 8.0),
                hintText: tfStr,
                hintStyle: TextStyle(fontSize: 22.sp),
                //不需要输入框下划线
                border: InputBorder.none,
              ),
            ),
          ),
          SizedBox(
            width: 10.w,
          ),
        ],
      ),
    );
  }

  CupertinoSwitch _switch() {
    bool _isOn = false;
    return CupertinoSwitch(
      activeColor: CupertinoColors.activeBlue,
      trackColor: CupertinoColors.systemGrey5,
      thumbColor: CupertinoColors.white,
      value: _isOn,
      onChanged: (bool value) {
        setState(() {
          _isOn = value;
        });
      },
    );
  }
}