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: AppColors.greyBackgroundColor,
        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: 36.w,
                  height: 36.w,
                )),
            SizedBox(
              width: 30.w,
            ),
          ],
        ),
        body: Container(
          color: Colors.white,
          child: 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: AppColors.greyLineColor);
            },
          ),
        ));
  }

  Widget _checkingInStaffManageItem(String lockTypeIcon, String lockTypeTitle,
      String beginTime, String endTime, Function() action) {
    return GestureDetector(
      onTap: action,
      child: Container(
        height: 60.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,
            ),
            Image.asset(
              'images/controls_user.png',
              width: 40.w,
              height: 40.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/controls_user.png',
            //       width: 40.w,
            //       height: 40.w,
            //       color: Colors.white,
            //     )),
            SizedBox(
              width: 30.w,
            ),
            Text(
              lockTypeTitle,
              style: TextStyle(fontSize: 24.sp),
            ),
          ],
        ),
      ),
    );
  }
}