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

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

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

  @override
  State<CheckingInStaffManagePage> createState() => _CheckingInStaffManagePageState();
}

class _CheckingInStaffManagePageState extends State<CheckingInStaffManagePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      appBar: TitleAppBar(barTitle: TranslationLoader.lanKeys!.staff!.tr, haveBack:true, backgroundColor: AppColors.mainColor, actionsList: [
        GestureDetector(
            onTap: (){
              Navigator.pushNamed(context, Routers.checkingInAddStaffPage);
            },
            child: Image.asset('images/icon_add_white.png', width: 50.w, height: 50.w,)
        ),
        SizedBox(width: 30.w,),
      ],
      ),
      body: ListView.separated(
          itemCount:10,
          itemBuilder: (c, index){
            return _checkingInStaffManageItem('images/icon_lock.png', "张三", "2023.6.21 11.15", "2023.6.21 11.15",(){
              // Navigator.pushNamed(context, Routers.electronicKeyDetailPage);
            });
          },
          separatorBuilder: (context, index) {
            return const Divider(height:1, indent: 20, color: Colors.grey);
          },
      )
    );
  }

  Widget _checkingInStaffManageItem(String lockTypeIcon, String lockTypeTitle, String beginTime, String endTime, Function() action){
    return GestureDetector(
      onTap: action,
      child: Container(
        height: 70.h,
        margin: EdgeInsets.only(left: 10.w, right: 10.w, top: 10.h, bottom: 10.h),
        // decoration:  BoxDecoration(
        //   color: Colors.white,
          // borderRadius: BorderRadius.circular(10.w),
        // ),
        child: Row(
          children: [
            SizedBox(width: 30.w,),
            Container(
                width: 60.h, height: 60.h,
                decoration: BoxDecoration(
                  color: AppColors.mainColor,
                  border: Border.all(width: 1, color: AppColors.mainColor),
                  borderRadius: BorderRadius.circular(30.h),
                ),
                padding: EdgeInsets.all(10.w),
                child: Image.asset('images/mine/icon_mine_main_defaultAvatar.png', width: 40.w, height: 40.w, color: Colors.white,)
            ),
            SizedBox(width: 30.w,),
            Text(lockTypeTitle, style: TextStyle(fontSize: 32.sp, fontWeight: FontWeight.w500), ),
          ],
        ),
      ),
    );
  }

}