import 'dart:io';

import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:mohem_flutter_app/api/leave_balance_api_client.dart';
import 'package:mohem_flutter_app/classes/utils.dart';
import 'package:mohem_flutter_app/extensions/int_extensions.dart';
import 'package:mohem_flutter_app/extensions/widget_extensions.dart';
import 'package:mohem_flutter_app/generated/locale_keys.g.dart';
import 'package:mohem_flutter_app/models/leave_balance/get_absence_attendance_types_list_model.dart';
import 'package:mohem_flutter_app/models/leave_balance/get_absence_dff_structure_list_model.dart';
import 'package:mohem_flutter_app/models/worklist/replacement_list_model.dart';
import 'package:mohem_flutter_app/widgets/app_bar_widget.dart';
import 'package:mohem_flutter_app/widgets/bottom_sheet.dart';
import 'package:mohem_flutter_app/widgets/bottom_sheets/search_employee_bottom_sheet.dart';
import 'package:mohem_flutter_app/widgets/button/default_button.dart';
import 'package:mohem_flutter_app/widgets/dynamic_forms/dynamic_textfield_widget.dart';

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

  @override
  _AddLeaveBalanceScreenState createState() {
    return _AddLeaveBalanceScreenState();
  }
}

class _AddLeaveBalanceScreenState extends State<AddLeaveBalanceScreen> {
  List<GetAbsenceDffStructureList> absenceDff = [];
  List<GetAbsenceAttendanceTypesList> absenceList = [];

  GetAbsenceAttendanceTypesList? selectedAbsenceType;
  DateTime? startTime;
  DateTime? endTime;
  int totalDays = 0;
  String comment = "";
  ReplacementList? selectedReplacementEmployee;

  @override
  void initState() {
    super.initState();
    getAbsenceAttendanceTypes();
  }

  void getAbsenceAttendanceTypes() async {
    try {
      Utils.showLoading(context);
      absenceList = await LeaveBalanceApiClient().getAbsenceAttendanceTypes();
      Utils.hideLoading(context);
      setState(() {});
    } catch (ex) {
      Utils.hideLoading(context);
      Utils.handleException(ex, context, null);
    }
  }

  void getAbsenceDffStructure(String flexCode) async {
    try {
      Utils.showLoading(context);
      absenceDff.clear();
      absenceDff = await LeaveBalanceApiClient().getAbsenceDffStructure(flexCode, "HR_LOA_SS", -999);
      Utils.hideLoading(context);
      setState(() {});
    } catch (ex) {
      Utils.hideLoading(context);
      Utils.handleException(ex, context, null);
    }
  }

  @override
  void dispose() {
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      appBar: AppBarWidget(
        context,
        title: LocaleKeys.leaveBalance.tr(),
      ),
      body: Column(
        children: [
          ListView(
            padding: const EdgeInsets.all(21),
            children: [
              PopupMenuButton(
                child: DynamicTextFieldWidget(
                  LocaleKeys.absenceType.tr() + "*",
                  selectedAbsenceType == null ? LocaleKeys.selectTypeT.tr() : selectedAbsenceType!.aBSENCEATTENDANCETYPENAME!,
                  isEnable: false,
                  isPopup: true,
                ),
                itemBuilder: (_) => <PopupMenuItem<int>>[
                  for (int i = 0; i < absenceList.length; i++) PopupMenuItem<int>(value: i, child: Text(absenceList[i].aBSENCEATTENDANCETYPENAME!)),
                ],
                onSelected: (int popupIndex) {
                  if (selectedAbsenceType == absenceList[popupIndex]) {
                    return;
                  }
                  selectedAbsenceType = absenceList[popupIndex];
                  setState(() {});
                },
              ),
              12.height,
              DynamicTextFieldWidget(
                LocaleKeys.startDateT.tr() + "*",
                startTime == null ? "Select date" : startTime.toString(),
                suffixIconData: Icons.calendar_today,
                isEnable: false,
                onTap: () async {
                  var start = await _selectDate(context, startTime);
                  if (start != startTime) {
                    startTime = start;
                    setState(() {});
                  }
                },
              ),
              12.height,
              DynamicTextFieldWidget(
                LocaleKeys.endDateT.tr() + "*",
                endTime == null ? "Select date" : endTime.toString(),
                suffixIconData: Icons.calendar_today,
                isEnable: false,
                onTap: () async {
                  var end = await _selectDate(context, endTime);
                  if (end != endTime) {
                    endTime = end;
                    setState(() {});
                  }
                },
              ),
              12.height,
              DynamicTextFieldWidget(
                "totla dsays",
                "days",
                isInputTypeNum: true,
                onChange: (input) {
                  totalDays = int.parse(input);
                },
              ),
              12.height,
              DynamicTextFieldWidget(
                LocaleKeys.selectEmployee.tr(),
                selectedReplacementEmployee == null ? LocaleKeys.searchForEmployee.tr() : selectedReplacementEmployee!.employeeDisplayName ?? "",
                isEnable: false,
                onTap: () {
                  showMyBottomSheet(
                    context,
                    child: SearchEmployeeBottomSheet(
                      title: LocaleKeys.searchForEmployee.tr(),
                      apiMode: LocaleKeys.delegate.tr(),
                      onSelectEmployee: (_selectedEmployee) {
                        //   Navigator.pop(context);
                        selectedReplacementEmployee = _selectedEmployee;
                        setState(() {});
                      },
                    ),
                  );
                },
              ),
              12.height,
              DynamicTextFieldWidget(
                LocaleKeys.comments.tr(),
                LocaleKeys.writeComment.tr(),
                lines: 2,
                onChange: (input) {
                  comment = input;
                },
              ),
            ],
          ).expanded,
          DefaultButton(
            LocaleKeys.next.tr(),
            (selectedAbsenceType == null || startTime == null || endTime == null) ? null : () {},
          ).insideContainer
        ],
      ),
    );
  }

  Future<DateTime> _selectDate(BuildContext context, DateTime? dateInput) async {
    DateTime time = dateInput ?? DateTime.now();
    if (Platform.isIOS) {
      await showCupertinoModalPopup(
        context: context,
        builder: (cxt) => Container(
          height: 250,
          color: Colors.white,
          child: CupertinoDatePicker(
            backgroundColor: Colors.white,
            mode: CupertinoDatePickerMode.date,
            onDateTimeChanged: (value) {
              if (value != dateInput) {
                time = value;
              }
            },
            initialDateTime: dateInput,
          ),
        ),
      );
    } else {
      DateTime? picked =
          await showDatePicker(context: context, initialDate: dateInput ?? DateTime.now(), initialEntryMode: DatePickerEntryMode.calendarOnly, firstDate: DateTime(2015, 8), lastDate: DateTime(2101));
      if (picked != null && picked != dateInput) {
        time = picked;
      }
    }
    time = DateTime(time.year, time.month, time.day);
    return time;
  }
}