HMG_Patient_App_New/lib/presentation/appointments/widgets/appointment_card.dart

import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/material.dart';
import 'package:hmg_patient_app_new/core/app_assets.dart';
import 'package:hmg_patient_app_new/core/app_state.dart';
import 'package:hmg_patient_app_new/core/dependencies.dart';
import 'package:hmg_patient_app_new/core/utils/date_util.dart';
import 'package:hmg_patient_app_new/core/utils/size_utils.dart';
import 'package:hmg_patient_app_new/core/utils/utils.dart';
import 'package:hmg_patient_app_new/extensions/string_extensions.dart';
import 'package:hmg_patient_app_new/extensions/widget_extensions.dart';
import 'package:hmg_patient_app_new/features/book_appointments/book_appointments_view_model.dart';
import 'package:hmg_patient_app_new/features/book_appointments/models/resp_models/doctors_list_response_model.dart';
import 'package:hmg_patient_app_new/features/medical_file/medical_file_view_model.dart';
import 'package:hmg_patient_app_new/features/my_appointments/models/resp_models/patient_appointment_history_response_model.dart';
import 'package:hmg_patient_app_new/features/my_appointments/my_appointments_view_model.dart';
import 'package:hmg_patient_app_new/features/my_appointments/utils/appointment_type.dart';
import 'package:hmg_patient_app_new/generated/locale_keys.g.dart';
import 'package:hmg_patient_app_new/presentation/appointments/appointment_details_page.dart';
import 'package:hmg_patient_app_new/presentation/book_appointment/widgets/appointment_calendar.dart';
import 'package:hmg_patient_app_new/theme/colors.dart';
import 'package:hmg_patient_app_new/widgets/buttons/custom_button.dart';
import 'package:hmg_patient_app_new/widgets/chip/app_custom_chip_widget.dart';
import 'package:hmg_patient_app_new/widgets/common_bottom_sheet.dart';
import 'package:hmg_patient_app_new/widgets/loader/bottomsheet_loader.dart';
import 'package:hmg_patient_app_new/widgets/routes/custom_page_route.dart';
import 'package:hmg_patient_app_new/widgets/transitions/fade_page.dart';
import 'package:smooth_corner/smooth_corner.dart';

class AppointmentCard extends StatefulWidget {
  AppointmentCard(
      {super.key,
      required this.patientAppointmentHistoryResponseModel,
      required this.myAppointmentsViewModel,
      required this.bookAppointmentsViewModel,
      this.isLoading = false,
      this.isFromHomePage = false,
      this.isFromMedicalReport = false,
      this.medicalFileViewModel});

  PatientAppointmentHistoryResponseModel patientAppointmentHistoryResponseModel;
  MyAppointmentsViewModel myAppointmentsViewModel;
  bool isLoading;
  bool isFromHomePage;
  bool isFromMedicalReport;
  MedicalFileViewModel? medicalFileViewModel;
  BookAppointmentsViewModel bookAppointmentsViewModel;

  @override
  State<AppointmentCard> createState() => _AppointmentCardState();
}

class _AppointmentCardState extends State<AppointmentCard> {
  @override
  Widget build(BuildContext context) {
    AppState appState = getIt.get<AppState>();
    return InkWell(
      onTap: () {
        Navigator.of(context)
            .push(
          CustomPageRoute(
            page: AppointmentDetailsPage(patientAppointmentHistoryResponseModel: widget.patientAppointmentHistoryResponseModel),
          ),
        )
            .then((val) {
          widget.myAppointmentsViewModel.initAppointmentsViewModel();
          widget.myAppointmentsViewModel.getPatientAppointments(true, false);
        });
      },
      child: Padding(
        padding: EdgeInsets.all(14.h),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: [
                Expanded(
                  child: Wrap(
                    alignment: WrapAlignment.start,
                    direction: Axis.horizontal,
                    spacing: 6.h,
                    runSpacing: 6.h,
                    children: [
                      AppCustomChipWidget(
                        icon: widget.isLoading
                            ? AppAssets.walkin_appointment_icon
                            : (!widget.patientAppointmentHistoryResponseModel.isLiveCareAppointment! ? AppAssets.walkin_appointment_icon : AppAssets.small_livecare_icon),
                        iconColor: widget.isLoading
                            ? AppColors.textColor
                            : !widget.patientAppointmentHistoryResponseModel.isLiveCareAppointment!
                                ? AppColors.textColor
                                : AppColors.whiteColor,
                        labelText: widget.isLoading
                            ? "Walk In"
                            : widget.patientAppointmentHistoryResponseModel.isLiveCareAppointment!
                                ? LocaleKeys.livecare.tr(context: context)
                                : "Walk In".needTranslation,
                        backgroundColor:
                            widget.isLoading ? AppColors.greyColor : (!widget.patientAppointmentHistoryResponseModel.isLiveCareAppointment! ? AppColors.greyColor : AppColors.successColor),
                        textColor: widget.isLoading ? AppColors.textColor : (!widget.patientAppointmentHistoryResponseModel.isLiveCareAppointment! ? AppColors.textColor : AppColors.whiteColor),
                      ).toShimmer2(isShow: widget.isLoading),
                      AppCustomChipWidget(
                        labelText: widget.isLoading
                            ? "OutPatient"
                            : appState.isArabic()
                                ? widget.patientAppointmentHistoryResponseModel.isInOutPatientDescriptionN!
                                : widget.patientAppointmentHistoryResponseModel.isInOutPatientDescription!,
                        backgroundColor: AppColors.primaryRedColor.withOpacity(0.1),
                        textColor: AppColors.primaryRedColor,
                      ).toShimmer2(isShow: widget.isLoading),
                      AppCustomChipWidget(
                        labelText: widget.isLoading ? "Booked" : AppointmentType.getAppointmentStatusType(widget.patientAppointmentHistoryResponseModel.patientStatusType!),
                        backgroundColor: AppColors.successColor.withOpacity(0.1),
                        textColor: AppColors.successColor,
                      ).toShimmer2(isShow: widget.isLoading),
                    ],
                  ).toShimmer2(isShow: widget.isLoading),
                ),
                // TODO: Implement the logic to enable/disable the switch based on reminder status
                AppointmentType.isArrived(widget.patientAppointmentHistoryResponseModel)
                    ? SizedBox().toShimmer2(isShow: widget.isLoading)
                    : Switch(
                        activeColor: AppColors.successColor,
                        activeTrackColor: AppColors.successColor.withValues(alpha: .15),
                        thumbIcon: WidgetStateProperty.resolveWith<Icon?>(
                          (Set<WidgetState> states) {
                            if (states.contains(WidgetState.selected)) {
                              return const Icon(Icons.check); // Icon when switch is ON
                            }
                            return const Icon(Icons.close); // Icon when switch is OFF
                          },
                        ),
                        value: widget.isLoading ? false : widget.patientAppointmentHistoryResponseModel.hasReminder!,
                        onChanged: (newValue) {
                          setState(() {
                            widget.myAppointmentsViewModel.setAppointmentReminder(newValue, widget.patientAppointmentHistoryResponseModel);
                          });
                        },
                      ).toShimmer2(isShow: widget.isLoading),
              ],
            ),
            SizedBox(height: 16.h),
            Row(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                Image.network(
                  widget.isLoading ? "https://hmgwebservices.com/Images/MobileImages/DUBAI/unkown_female.png" : widget.patientAppointmentHistoryResponseModel.doctorImageURL!,
                  width: 63.h,
                  height: 63.h,
                  fit: BoxFit.cover,
                ).circle(100).toShimmer2(isShow: widget.isLoading),
                SizedBox(width: 16.h),
                Expanded(
                  child: Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      (widget.isLoading ? "https://hmgwebservices.com/Images/MobileImages/DUBAI/unkown_female.png" : widget.patientAppointmentHistoryResponseModel.doctorNameObj!)
                          .toText16(isBold: true)
                          .toShimmer2(isShow: widget.isLoading),
                      SizedBox(height: 8.h),
                      Wrap(
                        direction: Axis.horizontal,
                        spacing: 3.h,
                        runSpacing: 4.h,
                        children: [
                          widget.isFromHomePage
                              ? SizedBox.shrink()
                              : AppCustomChipWidget(labelText: widget.isLoading ? "Cardiology" : widget.patientAppointmentHistoryResponseModel.clinicName!).toShimmer2(isShow: widget.isLoading),
                          widget.isFromHomePage
                              ? SizedBox.shrink()
                              : AppCustomChipWidget(labelText: widget.isLoading ? "Olaya" : widget.patientAppointmentHistoryResponseModel.projectName!).toShimmer2(isShow: widget.isLoading),
                          AppCustomChipWidget(
                                  icon: AppAssets.appointment_calendar_icon,
                                  labelText:
                                      widget.isLoading ? "Cardiology" : DateUtil.formatDateToDate(DateUtil.convertStringToDate(widget.patientAppointmentHistoryResponseModel.appointmentDate), false))
                              .toShimmer2(isShow: widget.isLoading),
                          widget.isFromMedicalReport
                              ? SizedBox.shrink()
                              : AppCustomChipWidget(
                                      icon: AppAssets.appointment_time_icon,
                                      labelText: widget.isLoading
                                      ? "Cardiology"
                                      : DateUtil.formatDateToTimeLang(DateUtil.convertStringToDate(widget.patientAppointmentHistoryResponseModel.appointmentDate), false))
                              .toShimmer2(isShow: widget.isLoading),
                        ],
                      ),
                    ],
                  ),
                ),
              ],
            ),
            SizedBox(height: 16.h),
            widget.isFromMedicalReport
                ? CustomButton(
                    text: "Select appointment".needTranslation,
                    onPressed: () {
                      widget.medicalFileViewModel!.setSelectedMedicalReportAppointment(widget.patientAppointmentHistoryResponseModel);
                      Navigator.pop(context, false);
                    },
                    backgroundColor: AppColors.secondaryLightRedColor,
                    borderColor: AppColors.secondaryLightRedColor,
                    textColor: AppColors.primaryRedColor,
                    fontSize: 14,
                    fontWeight: FontWeight.w500,
                    borderRadius: 12,
                    padding: EdgeInsets.fromLTRB(10, 0, 10, 0),
                    height: 40.h,
                    icon: AppAssets.checkmark_icon,
                    iconColor: AppColors.primaryRedColor,
                    iconSize: 16.h,
                  )
                : Row(
                    children: [
                      Expanded(
                        flex: 6,
                        child: AppointmentType.isArrived(widget.patientAppointmentHistoryResponseModel)
                            ? getArrivedAppointmentButton().toShimmer2(isShow: widget.isLoading)
                            : CustomButton(
                                text: AppointmentType.getNextActionText(widget.patientAppointmentHistoryResponseModel.nextAction),
                                onPressed: () {
                                  Navigator.of(context)
                                      .push(CustomPageRoute(
                                    page: AppointmentDetailsPage(patientAppointmentHistoryResponseModel: widget.patientAppointmentHistoryResponseModel),
                                  ))
                                      .then((val) {
                                    widget.myAppointmentsViewModel.initAppointmentsViewModel();
                                    widget.myAppointmentsViewModel.getPatientAppointments(true, false);
                                  });
                                },
                                backgroundColor: AppointmentType.getNextActionButtonColor(widget.patientAppointmentHistoryResponseModel.nextAction).withOpacity(0.15),
                                borderColor: AppointmentType.getNextActionButtonColor(widget.patientAppointmentHistoryResponseModel.nextAction).withOpacity(0.01),
                                textColor: AppointmentType.getNextActionTextColor(widget.patientAppointmentHistoryResponseModel.nextAction),
                                fontSize: 14,
                                fontWeight: FontWeight.w500,
                                borderRadius: 12,
                                padding: EdgeInsets.fromLTRB(10, 0, 10, 0),
                                height: 40.h,
                                icon: AppointmentType.getNextActionIcon(widget.patientAppointmentHistoryResponseModel.nextAction),
                                iconColor: AppointmentType.getNextActionTextColor(widget.patientAppointmentHistoryResponseModel.nextAction),
                                iconSize: 15.h,
                              ).toShimmer2(isShow: widget.isLoading),
                      ),
                      SizedBox(width: 8.h),
                      Expanded(
                        flex: 1,
                        child: Container(
                          height: 40.h,
                          width: 40.h,
                          decoration: RoundedRectangleBorder().toSmoothCornerDecoration(
                            color: AppColors.textColor,
                            borderRadius: 10.h,
                          ),
                          child: Transform.flip(
                            flipX: appState.isArabic(),
                            child: Utils.buildSvgWithAssets(
                              icon: AppAssets.forward_arrow_icon,
                              iconColor: AppColors.whiteColor,
                              width: 40.h,
                              height: 40.h,
                              fit: BoxFit.cover,
                            ),
                          ),
                        ).toShimmer2(isShow: widget.isLoading).onPress(() {
                          Navigator.of(context)
                              .push(
                            CustomPageRoute(
                              page: AppointmentDetailsPage(patientAppointmentHistoryResponseModel: widget.patientAppointmentHistoryResponseModel),
                            ),
                          )
                              .then((val) {
                            widget.myAppointmentsViewModel.initAppointmentsViewModel();
                            widget.myAppointmentsViewModel.getPatientAppointments(true, false);
                          });
                        }),
                      ),
                    ],
                  ),
          ],
        ),
      ),
    );
  }

  Widget getArrivedAppointmentButton() {
    return DateTime.now().difference(DateUtil.convertStringToDate(widget.patientAppointmentHistoryResponseModel.appointmentDate)).inDays <= 15
        ? CustomButton(
            text: LocaleKeys.askDoctor.tr(context: context),
            onPressed: () {},
            backgroundColor: AppColors.secondaryLightRedColor,
            borderColor: AppColors.secondaryLightRedColor,
            textColor: AppColors.primaryRedColor,
            fontSize: 14,
            fontWeight: FontWeight.w500,
            borderRadius: 12,
            padding: EdgeInsets.fromLTRB(10, 0, 10, 0),
            height: 40.h,
            icon: AppAssets.ask_doctor_icon,
            iconColor: AppColors.primaryRedColor,
            iconSize: 16.h,
          )
        : CustomButton(
            text: "Rebook with same doctor".needTranslation,
            onPressed: () {
              openDoctorScheduleCalendar();
            },
            backgroundColor: AppColors.greyColor,
            borderColor: AppColors.greyColor,
            textColor: AppColors.blackColor,
            fontSize: 14,
            fontWeight: FontWeight.w500,
            borderRadius: 12,
            padding: EdgeInsets.fromLTRB(10, 0, 10, 0),
            height: 40.h,
            icon: AppAssets.rebook_appointment_icon,
            iconColor: AppColors.blackColor,
            iconSize: 16.h,
          );
  }

  openDoctorScheduleCalendar() async {
    DoctorsListResponseModel doctor = DoctorsListResponseModel(
      clinicID: widget.patientAppointmentHistoryResponseModel.clinicID,
      projectID: widget.patientAppointmentHistoryResponseModel.projectID,
      doctorID: widget.patientAppointmentHistoryResponseModel.doctorID,
      doctorImageURL: widget.patientAppointmentHistoryResponseModel.doctorImageURL,
      doctorTitle: widget.patientAppointmentHistoryResponseModel.doctorTitle,
      name: widget.patientAppointmentHistoryResponseModel.doctorNameObj,
      nationalityFlagURL: "https://hmgwebservices.com/Images/flag/SYR.png",
      speciality: [],
      clinicName: widget.patientAppointmentHistoryResponseModel.clinicName,
      projectName: widget.patientAppointmentHistoryResponseModel.projectName,
    );
    widget.bookAppointmentsViewModel.setSelectedDoctor(doctor);
    LoaderBottomSheet.showLoader();
    await widget.bookAppointmentsViewModel.getDoctorFreeSlots(
        isBookingForLiveCare: false,
        onSuccess: (dynamic respData) async {
          LoaderBottomSheet.hideLoader();
          showCommonBottomSheetWithoutHeight(
            title: "Pick a Date".needTranslation,
            context,
            child: AppointmentCalendar(),
            isFullScreen: false,
            isCloseButtonVisible: true,
            callBackFunc: () {},
          );
        },
        onError: (err) {
          LoaderBottomSheet.hideLoader();
          showCommonBottomSheetWithoutHeight(
            context,
            child: Utils.getErrorWidget(loadingText: err),
            callBackFunc: () {},
            isFullScreen: false,
            isCloseButtonVisible: true,
          );
        });
  }

  void performAppointmentNextAction(nextAction) {}
}