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 _wifiPassward = TextEditingController();
  final _gatewayNamePassward = TextEditingController();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: AppColors.mainBackgroundColor,
      appBar: TitleAppBar(
          barTitle: TranslationLoader.lanKeys!.gateway!.tr,
          haveBack: true,
          backgroundColor: AppColors.mainColor),
      body: Column(
        children: [
          Container(
              width: 1.sw,
              color: const Color(0xFFF2F6F9),
              padding: EdgeInsets.all(15.h),
              child: Text(
                TranslationLoader.lanKeys!.gatewayConfigurationWifiTip!.tr,
                style: TextStyle(
                    color: AppColors.darkGrayTextColor, fontSize: 20.sp),
              )),
          Expanded(
            child: ListView(
              children: [
                CommonItem(
                    leftTitel: TranslationLoader.lanKeys!.wifiName!.tr,
                    rightTitle: "XinHongJia",
                    allHeight: 100.h,
                    isHaveLine: true,
                    isHaveDirection: true,
                    action: () {
                      // Navigator.pushNamed(context, Routers.minePersonInfoSetSafetyProblemPage);
                    }),
                CommonItem(
                    leftTitel: TranslationLoader.lanKeys!.wifiPassward!.tr,
                    rightTitle: "",
                    isHaveRightWidget: true,
                    rightWidget: getTFWidget(
                        _wifiPassward,
                        TranslationLoader
                            .lanKeys!.pleaseEnterTheWiFiPassword!.tr)),
                SizedBox(
                  height: 10.h,
                ),
                CommonItem(
                    leftTitel: TranslationLoader.lanKeys!.gatewayName!.tr,
                    rightTitle: "",
                    isHaveRightWidget: true,
                    rightWidget: getTFWidget(_gatewayNamePassward,
                        TranslationLoader.lanKeys!.pleaseEnterGatewayName!.tr)),
                SizedBox(
                  height: 10.h,
                ),
                CommonItem(
                    leftTitel: TranslationLoader.lanKeys!.wifiMAC!.tr,
                    rightTitle: "48:55:19:7d:84:7a",
                    allHeight: 100.h,
                    isHaveLine: false),
                SizedBox(
                  height: 10.h,
                ),
                Visibility(
                    visible: true,
                    child: Column(
                      children: [
                        CommonItem(
                            leftTitel: TranslationLoader.lanKeys!.ipAddress!.tr,
                            rightTitle: "192.168.1.1",
                            allHeight: 100.h,
                            isHaveLine: true),
                        CommonItem(
                            leftTitel:
                                TranslationLoader.lanKeys!.subnetMask!.tr,
                            rightTitle: "255.255.255.0",
                            allHeight: 100.h,
                            isHaveLine: true),
                        CommonItem(
                            leftTitel:
                                TranslationLoader.lanKeys!.defaultGateway!.tr,
                            rightTitle: "192.168.1.1",
                            allHeight: 100.h,
                            isHaveLine: true),
                        SizedBox(
                          height: 10.h,
                        ),
                        CommonItem(
                            leftTitel: TranslationLoader.lanKeys!
                                .automaticallyGetTheDNSServerAddress!.tr,
                            rightTitle: "",
                            isHaveLine: true,
                            isHaveRightWidget: true,
                            rightWidget: SizedBox(
                                width: 60.w, height: 50.h, child: _switch())),
                        Visibility(
                            visible: true,
                            child: Column(
                              children: [
                                CommonItem(
                                    leftTitel: TranslationLoader
                                        .lanKeys!.preferredDNS!.tr,
                                    rightTitle: "",
                                    isHaveLine: true,
                                    isHaveRightWidget: true,
                                    rightWidget: getTFWidget(
                                        _gatewayNamePassward,
                                        TranslationLoader
                                            .lanKeys!.pleaseEnter!.tr)),
                                CommonItem(
                                    leftTitel: TranslationLoader
                                        .lanKeys!.alternativeDNS!.tr,
                                    rightTitle: "",
                                    isHaveLine: false,
                                    isHaveRightWidget: true,
                                    rightWidget: getTFWidget(
                                        _gatewayNamePassward,
                                        TranslationLoader
                                            .lanKeys!.pleaseEnter!.tr)),
                              ],
                            )),
                      ],
                    )),
                SizedBox(
                  height: 50.h,
                ),
                Container(
                  margin: EdgeInsets.only(left: 20.w, right: 20.w),
                  child: SubmitBtn(
                      btnName: TranslationLoader.lanKeys!.sure!.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: [
                    GestureDetector(
                      child: SizedBox(
                        // width: 150.w,
                        height: 50.h,
                        // color: Colors.red,
                        child: Center(
                          child: Text(
                              TranslationLoader.lanKeys!.noStaticIPIsUsed!.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: [
          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: (value) {
        setState(() {
          _isOn = value;
        });
      },
    );
  }
}