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/showBottomSheetTool.dart';
import '../../../../tools/submitBtn.dart';
import '../../../../tools/titleAppBar.dart';
import '../../../../translations/trans_lib.dart';

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

  @override
  State<CheckingInAddStaffPage> createState() => _CheckingInAddStaffPageState();
}

class _CheckingInAddStaffPageState extends State<CheckingInAddStaffPage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: AppColors.mainBackgroundColor,
      appBar: TitleAppBar(barTitle:"${TranslationLoader.lanKeys!.add!.tr} ${TranslationLoader.lanKeys!.staff!.tr}", haveBack:true, backgroundColor: AppColors.mainColor),
      body: Column(
        children: [
          CommonItem(leftTitel:TranslationLoader.lanKeys!.name!.tr, rightTitle:"", isHaveLine: true, isHaveRightWidget: true, rightWidget: getTFWidget(TranslationLoader.lanKeys!.pleaseEnter!.tr)),
          CommonItem(leftTitel:TranslationLoader.lanKeys!.punchingMode!.tr, rightTitle:"APP", isHaveLine: false, isHaveDirection: true, action: (){
            _showSeletClockInType();
          }),
          SizedBox(height: 10.h,),
          CommonItem(leftTitel:TranslationLoader.lanKeys!.whetherTheEmployeeHasAKey!.tr, rightTitle:"", isHaveLine: true, isHaveRightWidget: true, rightWidget: Row(
            children: [
              whetherTheEmployeeHasAKeyWidget("有", (){

              }),
              SizedBox(width: 30.w,),
              whetherTheEmployeeHasAKeyWidget("无", (){

              }),
            ],
          )),
          Visibility(
              visible:true,
              child: CommonItem(leftTitel:TranslationLoader.lanKeys!.accountNumber!.tr, rightTitle:"", isHaveLine: true, isHaveRightWidget: true, rightWidget: getTFWidget(TranslationLoader.lanKeys!.pleaseEnter!.tr)),
          ),
          Visibility(
            visible:true,
            child: CommonItem(leftTitel:TranslationLoader.lanKeys!.selectKey!.tr, rightTitle:"", isHaveLine: false, isHaveDirection: true, action: (){
              _showSeletClockInType();
            }),
          ),
          SizedBox(height: 50.w,),
          SubmitBtn(btnName: TranslationLoader.lanKeys!.sure!.tr, 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: (){

              }
          ),
        ],
      ),
    );
  }

  Widget getTFWidget(String tfStr){
    return Container(
      height: 50.h,
      width: 300.w,
      // color: Colors.red,
      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,
                //不需要输入框下划线
                border: InputBorder.none,
              ),
            ),
          ),
          SizedBox(width: 10.w,),
        ],
      ),
    );
  }

  void _showSeletClockInType(){
    var list = ["15080825640",];
     ShowBottomSheetTool().showSingleRowPicker(
      //上下文
        context,
        //默认的索引
        normalIndex: 0,
        title: "选择钥匙",
        cancelTitle: TranslationLoader.lanKeys!.cancel!.tr,
        sureTitle: TranslationLoader.lanKeys!.sure!.tr,
        //要显示的列表
        //可自定义数据适配器
        //adapter: PickerAdapter(),
        data: list,
        //选择事件的回调
        clickCallBack: (int index, var str) {

        }
    );
  }

  Widget whetherTheEmployeeHasAKeyWidget(String title, Function action){
    return GestureDetector(
      onTap: (){

      },
      child: Row(
        children: [
            Image.asset('images/icon_round_unSelet.png', width: 40.w, height: 40.w,),
            SizedBox(width: 5.w,),
            Text(title),
          ],
      ),
    );
  }

}