import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';
import 'package:star_lock/main/lockDetail/checkingIn/checkingInHolidays/checkingInSetHolidays/checkingInSetHolidays_state.dart';
import 'package:star_lock/tools/noData.dart';
import 'package:star_lock/tools/pickers/pickers.dart';
import 'package:star_lock/tools/pickers/style/picker_style.dart';
import 'package:star_lock/tools/pickers/time_picker/model/date_mode.dart';
import 'package:star_lock/tools/pickers/time_picker/model/pduration.dart';
import 'package:star_lock/tools/pickers/time_picker/model/suffix.dart';

import '../../../../../appRouters.dart';
import '../../../../../app_settings/app_colors.dart';
import '../../../../../tools/dateTool.dart';
import '../../../../../tools/titleAppBar.dart';
import 'checkingInSetHolidays_entity.dart';
import 'checkingInSetHolidays_logic.dart';

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

  @override
  State<CheckingInSetHolidaysPage> createState() =>
      _CheckingInSetHolidaysPageState();
}

class _CheckingInSetHolidaysPageState extends State<CheckingInSetHolidaysPage> {
  final CheckingInSetHolidaysLogic logic =
      Get.put(CheckingInSetHolidaysLogic());
  final CheckingInSetHolidaysState state =
      Get.find<CheckingInSetHolidaysLogic>().state;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        backgroundColor: AppColors.mainBackgroundColor,
        appBar: TitleAppBar(
          haveTitleWidget: true,
          titleWidget: titleWidget(),
          haveBack: true,
          backgroundColor: AppColors.mainColor,
          actionsList: <Widget>[
            GestureDetector(
                onTap: () async {
                  final dynamic data = await Get.toNamed(
                      Routers.checkingInAddHolidaysPage,
                      arguments: <String, String>{
                        'companyId': state.companyId.value
                      });
                  if (data != null) {
                    logic.editStaffLoadData();
                  }
                },
                child: Image.asset(
                  'images/icon_add_white.png',
                  width: 36.w,
                  height: 36.w,
                )),
            SizedBox(
              width: 30.w,
            ),
          ],
        ),
        body: Obx(() {
          return state.holidaysListData.isNotEmpty
              ? ListView.builder(
                  itemCount: state.holidaysListData.length,
                  itemBuilder: (BuildContext c, int index) {
                    final HolidaysMonthListData holidaysMonthListData =
                        state.holidaysListData[index];
                    return _checkingInListMouthItem(holidaysMonthListData);
                  })
              : NoData();
        }));
  }

  Widget _checkingInListMouthItem(HolidaysMonthListData holidaysMonthListData) {
    final double width = Get.width - 20.w * 2;
    final double l = width * 0.2;
    final double r = width * 0.8;
    return GestureDetector(
      child: Container(
        decoration: BoxDecoration(
          gradient: LinearGradient(
            colors: <Color>[
              colorWithMonth(int.parse(
                  holidaysMonthListData.listItem![0].month.toString())),
              Colors.white
            ],
            stops: const <double>[0.2, 0.2],
          ),
        ),
        margin: EdgeInsets.only(left: 20.w, right: 20.w, top: 20.w),
        child: Row(
          children: <Widget>[
            Container(
                color: colorWithMonth(int.parse(
                    holidaysMonthListData.listItem![0].month.toString())),
                width: l,
                child: Center(
                    child: Text(
                  '${holidaysMonthListData.listItem![0].month}\n${"月".tr}',
                  textAlign: TextAlign.center,
                  style: TextStyle(fontSize: 28.sp, color: Colors.white),
                ))),
            SizedBox(
              width: r,
              child: ListView.builder(
                  shrinkWrap: true,
                  physics: const NeverScrollableScrollPhysics(),
                  itemCount: holidaysMonthListData.listItem!.length,
                  itemBuilder: (BuildContext c, int index) {
                    final ListItem listItem =
                        holidaysMonthListData.listItem![index];
                    return _checkingInListItem(
                        listItem.vacationName,
                        DateTool().dateToYMDString(
                            listItem.vacationStartDate.toString()),
                        DateTool().dateToYMDString(
                            listItem.vacationEndDate.toString()),
                        listItem.fillClassDate!.isNotEmpty
                            ? DateTool().dateToYMDString(
                                listItem.fillClassDate.toString())
                            : '', () async {
                      final dynamic data = await Get.toNamed(
                          Routers.checkingInDeletHolidaysPage,
                          arguments: <String, ListItem>{'listItem': listItem});
                      if (data != null) {
                        logic.editStaffLoadData();
                      }
                    });
                  }),
            ),
          ],
        ),
      ),
    );
  }

  Widget _checkingInListItem(String? lockTypeTitle, String? vacationStartDate,
      String? vacationEndDate, String? makeUpClass, Function() action) {
    return GestureDetector(
      onTap: action,
      child: Container(
        padding:
            EdgeInsets.only(left: 20.w, right: 20.w, top: 10.h, bottom: 10.h),
        decoration: BoxDecoration(
          border: Border(
            bottom: BorderSide(
              color: AppColors.mainBackgroundColor, width: 1.h, // 设置边框宽度
            ),
          ),
        ),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.start,
          crossAxisAlignment: CrossAxisAlignment.start,
          children: <Widget>[
            Text(
              Characters(lockTypeTitle!).join('\u{200B}'),
              style: TextStyle(fontSize: 24.sp),
            ),
            SizedBox(height: 10.h),
            Row(
              mainAxisAlignment: MainAxisAlignment.start,
              children: <Widget>[
                Text(
                  '${"放假日期".tr}:$vacationStartDate - $vacationEndDate',
                  style: TextStyle(fontSize: 20.sp),
                ),
              ],
            ),
            SizedBox(height: 5.h),
            Row(
              mainAxisAlignment: MainAxisAlignment.start,
              children: <Widget>[
                Text(
                  '${"补班日期".tr}:$makeUpClass',
                  style: TextStyle(fontSize: 20.sp),
                ),
              ],
            ),
          ],
        ),
      ),
    );
  }

  Widget titleWidget() {
    return GestureDetector(
      onTap: showListType,
      child: Obx(() => Container(
            width: 300.w,
            height: 50.h,
            color: AppColors.mainColor,
            child: Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[
                Text(
                  '${state.selectYear.value}${'年'.tr}',
                  style: TextStyle(color: Colors.white, fontSize: 26.sp),
                ),
                SizedBox(
                  width: 5.w,
                ),
                Image.asset(
                  'images/main/icon_lockDetail_checkIn_topTitle.png',
                  width: 22.w,
                  height: 16.w,
                )
              ],
            ),
          )),
    );
  }

  void showListType() {
    Pickers.showDatePicker(
      context,
      // 模式，详见下方
      mode: DateMode.Y,
      // 样式  详见下方样式
      pickerStyle: PickerStyle(
        cancelButton: GestureDetector(
          onTap: Get.back,
          child: Container(
            alignment: Alignment.center,
            padding: const EdgeInsets.only(left: 22, right: 12),
            child: Text('取消'.tr,
                style: const TextStyle(color: Colors.black, fontSize: 16.0)),
          ),
        ),
        commitButton: GestureDetector(
          onTap: Get.back,
          child: Container(
            alignment: Alignment.center,
            padding: const EdgeInsets.only(left: 22, right: 12),
            child: Text('确定'.tr,
                style: const TextStyle(color: Colors.black, fontSize: 16.0)),
          ),
        ),
      ),
      // 默认选中
      selectDate: PDuration(year: 2023),
      minDate: PDuration(year: 1900),
      maxDate: PDuration(year: 2100),
      onConfirm: (PDuration p) {
        state.selectYear.value = p.year!;
        logic.editStaffLoadData();
      },
    );
  }

  Color colorWithMonth(int month) {
    Color colorType;
    switch (month) {
      case 1:
        colorType = const Color(0xFFb8d152);
        break;
      case 2:
        colorType = const Color(0xFF8bb639);
        break;
      case 3:
        colorType = const Color(0xFF5fb15a);
        break;
      case 4:
        colorType = const Color(0xFFeeb582);
        break;
      case 5:
        colorType = const Color(0xFFf3b749);
        break;
      case 6:
        colorType = const Color(0xFFe4893c);
        break;
      case 7:
        colorType = const Color(0xFFafb5d7);
        break;
      case 8:
        colorType = const Color(0xFF9a95b2);
        break;
      case 9:
        colorType = const Color(0xFF585da6);
        break;
      case 10:
        colorType = const Color(0xFFe696a9);
        break;
      case 11:
        colorType = const Color(0xFFb9706c);
        break;
      case 12:
        colorType = const Color(0xFFc8474e);
        break;
      default:
        colorType = const Color(0xFF333333);
        break;
    }
    return colorType;
  }
}