You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
249 lines
14 KiB
Dart
249 lines
14 KiB
Dart
import 'package:easy_localization/easy_localization.dart';
|
|
import 'package:flutter/cupertino.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/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/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_payment_page.dart';
|
|
import 'package:hmg_patient_app_new/presentation/appointments/widgets/appointment_doctor_card.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/transitions/fade_page.dart';
|
|
import 'package:maps_launcher/maps_launcher.dart';
|
|
import 'package:provider/provider.dart';
|
|
|
|
class AppointmentDetailsPage extends StatefulWidget {
|
|
AppointmentDetailsPage({super.key, required this.patientAppointmentHistoryResponseModel});
|
|
|
|
PatientAppointmentHistoryResponseModel patientAppointmentHistoryResponseModel;
|
|
|
|
@override
|
|
State<AppointmentDetailsPage> createState() => _AppointmentDetailsPageState();
|
|
}
|
|
|
|
class _AppointmentDetailsPageState extends State<AppointmentDetailsPage> {
|
|
late MyAppointmentsViewModel myAppointmentsViewModel;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
myAppointmentsViewModel = Provider.of<MyAppointmentsViewModel>(context);
|
|
return Scaffold(
|
|
backgroundColor: AppColors.bgScaffoldColor,
|
|
appBar: AppBar(
|
|
title: "Appointment Details".needTranslation.toText18(),
|
|
backgroundColor: AppColors.bgScaffoldColor,
|
|
),
|
|
body: Column(
|
|
children: [
|
|
Expanded(
|
|
child: SingleChildScrollView(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
"Appointment Details".needTranslation.toText24(isBold: true),
|
|
],
|
|
),
|
|
SizedBox(height: 24.h),
|
|
AppointmentDoctorCard(
|
|
patientAppointmentHistoryResponseModel: widget.patientAppointmentHistoryResponseModel,
|
|
onAskDoctorTap: () {},
|
|
onCancelTap: () {},
|
|
onRescheduleTap: () {},
|
|
),
|
|
SizedBox(height: 16.h),
|
|
if (!AppointmentType.isArrived(widget.patientAppointmentHistoryResponseModel))
|
|
Column(
|
|
children: [
|
|
Container(
|
|
decoration: RoundedRectangleBorder().toSmoothCornerDecoration(
|
|
color: AppColors.whiteColor,
|
|
borderRadius: 20.h,
|
|
hasShadow: false,
|
|
),
|
|
child: Padding(
|
|
padding: EdgeInsets.all(16.h),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
children: [
|
|
"Appointment Status".needTranslation.toText16(isBold: true),
|
|
],
|
|
),
|
|
SizedBox(height: 4.h),
|
|
(!AppointmentType.isConfirmed(widget.patientAppointmentHistoryResponseModel)
|
|
? "Not Confirmed".needTranslation.toText12(color: AppColors.primaryRedColor, fontWeight: FontWeight.w500)
|
|
: "Confirmed".needTranslation.toText12(color: AppColors.successColor, fontWeight: FontWeight.w500)),
|
|
SizedBox(height: 16.h),
|
|
Stack(
|
|
children: [
|
|
ClipRRect(
|
|
clipBehavior: Clip.hardEdge,
|
|
borderRadius: BorderRadius.circular(24),
|
|
child: Image.network(
|
|
"https://maps.googleapis.com/maps/api/staticmap?center=${widget.patientAppointmentHistoryResponseModel.latitude},${widget.patientAppointmentHistoryResponseModel.longitude}&zoom=14&size=350x165&maptype=roadmap&markers=color:red%7C${widget.patientAppointmentHistoryResponseModel.latitude},${widget.patientAppointmentHistoryResponseModel.longitude}&key=AIzaSyB6TERnxIr0yJ3qG4ULBZbu0sAD4tGqtng",
|
|
fit: BoxFit.contain,
|
|
),
|
|
),
|
|
Positioned(
|
|
bottom: 0,
|
|
child: SizedBox(
|
|
width: MediaQuery.of(context).size.width * 0.785,
|
|
child: CustomButton(
|
|
text: "Get Directions".needTranslation,
|
|
onPressed: () {
|
|
MapsLauncher.launchCoordinates(double.parse(widget.patientAppointmentHistoryResponseModel.latitude!),
|
|
double.parse(widget.patientAppointmentHistoryResponseModel.longitude!), widget.patientAppointmentHistoryResponseModel.projectName);
|
|
},
|
|
backgroundColor: AppColors.textColor.withOpacity(0.8),
|
|
borderColor: AppointmentType.getNextActionButtonColor(widget.patientAppointmentHistoryResponseModel.nextAction).withOpacity(0.01),
|
|
textColor: AppColors.whiteColor,
|
|
fontSize: 14,
|
|
fontWeight: FontWeight.w500,
|
|
borderRadius: 12.h,
|
|
padding: EdgeInsets.fromLTRB(10, 0, 10, 0),
|
|
height: 40.h,
|
|
icon: AppAssets.directions_icon,
|
|
iconColor: AppColors.whiteColor,
|
|
iconSize: 13.h,
|
|
).paddingAll(12.h),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
SizedBox(height: 16.h),
|
|
Container(
|
|
decoration: RoundedRectangleBorder().toSmoothCornerDecoration(
|
|
color: AppColors.whiteColor,
|
|
borderRadius: 20.h,
|
|
hasShadow: false,
|
|
),
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.max,
|
|
children: [
|
|
Utils.buildSvgWithAssets(icon: AppAssets.prescription_reminder_icon, width: 35.h, height: 35.h),
|
|
SizedBox(width: 8.h),
|
|
Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
LocaleKeys.setReminder.tr(context: context).toText13(isBold: true),
|
|
"Notify me before the appointment".needTranslation.toText11(color: AppColors.textColorLight, weight: FontWeight.w500),
|
|
],
|
|
),
|
|
const Spacer(),
|
|
Switch(
|
|
activeColor: AppColors.successColor,
|
|
activeTrackColor: AppColors.successColor.withValues(alpha: .15),
|
|
value: widget.patientAppointmentHistoryResponseModel.hasReminder!,
|
|
onChanged: (newValue) {
|
|
setState(() {
|
|
myAppointmentsViewModel.setAppointmentReminder(newValue, widget.patientAppointmentHistoryResponseModel);
|
|
});
|
|
},
|
|
),
|
|
],
|
|
).paddingSymmetrical(16.h, 16.h),
|
|
),
|
|
SizedBox(height: 16.h),
|
|
],
|
|
),
|
|
],
|
|
).paddingSymmetrical(24.h, 24.h),
|
|
),
|
|
),
|
|
Container(
|
|
decoration: RoundedRectangleBorder().toSmoothCornerDecoration(
|
|
color: AppColors.whiteColor,
|
|
borderRadius: 24.h,
|
|
hasShadow: true,
|
|
),
|
|
child: SizedBox(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
if (widget.patientAppointmentHistoryResponseModel.nextAction == 15 || widget.patientAppointmentHistoryResponseModel.nextAction == 20)
|
|
Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
"Total amount to pay".needTranslation.toText18(isBold: true),
|
|
Utils.getPaymentAmountWithSymbol(widget.patientAppointmentHistoryResponseModel.patientShare!.toString().toText16(isBold: true), AppColors.blackColor, 13,
|
|
isSaudiCurrency: true),
|
|
],
|
|
),
|
|
SizedBox(height: 4.h),
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
LocaleKeys.upcomingPaymentNow.tr(context: context).toText12(fontWeight: FontWeight.w500, color: AppColors.greyTextColor),
|
|
"VAT 15%(${widget.patientAppointmentHistoryResponseModel.patientTaxAmount})".needTranslation.toText14(isBold: true, color: AppColors.greyTextColor),
|
|
],
|
|
),
|
|
SizedBox(height: 18.h),
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
SizedBox(
|
|
width: 150.h,
|
|
child: Utils.getPaymentMethods(),
|
|
),
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Utils.getPaymentAmountWithSymbol(widget.patientAppointmentHistoryResponseModel.patientShareWithTax!.toString().toText24(isBold: true), AppColors.blackColor, 17,
|
|
isSaudiCurrency: true),
|
|
],
|
|
),
|
|
],
|
|
)
|
|
],
|
|
).paddingOnly(left: 16.h, top: 24.h, right: 16.h, bottom: 0.h),
|
|
CustomButton(
|
|
text: AppointmentType.getNextActionText(widget.patientAppointmentHistoryResponseModel.nextAction),
|
|
onPressed: () {
|
|
myAppointmentsViewModel.setIsPatientAppointmentShareLoading(true);
|
|
Navigator.of(context).push(
|
|
FadePage(
|
|
page: AppointmentPaymentPage(patientAppointmentHistoryResponseModel: widget.patientAppointmentHistoryResponseModel),
|
|
),
|
|
);
|
|
},
|
|
backgroundColor: AppointmentType.getNextActionButtonColor(widget.patientAppointmentHistoryResponseModel.nextAction),
|
|
borderColor: AppointmentType.getNextActionButtonColor(widget.patientAppointmentHistoryResponseModel.nextAction).withOpacity(0.01),
|
|
textColor: AppColors.whiteColor,
|
|
fontSize: 16,
|
|
fontWeight: FontWeight.w500,
|
|
borderRadius: 12,
|
|
padding: EdgeInsets.fromLTRB(10, 0, 10, 0),
|
|
height: 50.h,
|
|
icon: AppointmentType.getNextActionIcon(widget.patientAppointmentHistoryResponseModel.nextAction),
|
|
iconColor: AppColors.whiteColor,
|
|
iconSize: 18.h,
|
|
).paddingSymmetrical(16.h, 24.h),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|