import 'package:flutter/material.dart'; import 'package:mc_common_app/classes/app_state.dart'; import 'package:mc_common_app/classes/consts.dart'; import 'package:mc_common_app/config/dependencies.dart'; import 'package:mc_common_app/config/routes.dart'; import 'package:mc_common_app/extensions/int_extensions.dart'; import 'package:mc_common_app/extensions/string_extensions.dart'; import 'package:mc_common_app/models/advertisment_models/ad_details_model.dart'; import 'package:mc_common_app/models/advertisment_models/special_service_model.dart'; import 'package:mc_common_app/models/widgets_models.dart'; import 'package:mc_common_app/theme/colors.dart'; import 'package:mc_common_app/utils/dialogs_and_bottomsheets.dart'; import 'package:mc_common_app/utils/enums.dart'; import 'package:mc_common_app/utils/navigator.dart'; import 'package:mc_common_app/utils/utils.dart'; import 'package:mc_common_app/view_models/ad_view_model.dart'; import 'package:mc_common_app/view_models/payment_view_model.dart'; import 'package:mc_common_app/views/advertisement/ad_duration_selection_sheet_content.dart'; import 'package:mc_common_app/views/advertisement/ads_images_slider.dart'; import 'package:mc_common_app/widgets/bottom_sheet.dart'; import 'package:mc_common_app/widgets/button/show_fill_button.dart'; import 'package:mc_common_app/widgets/common_widgets/app_bar.dart'; import 'package:mc_common_app/widgets/common_widgets/info_bottom_sheet.dart'; import 'package:mc_common_app/widgets/dropdown/dropdow_field.dart'; import 'package:mc_common_app/widgets/extensions/extensions_widget.dart'; import 'package:provider/provider.dart'; import 'package:sizer/sizer.dart'; class AdsDetailView extends StatelessWidget { final AdDetailsModel adDetails; const AdsDetailView({Key? key, required this.adDetails}) : super(key: key); void deleteAdBottomSheet(BuildContext context) { AdVM adVM = context.read(); return actionConfirmationBottomSheet( context: context, title: "Do you want to delete the ad?".toText(fontSize: 28, isBold: true, letterSpacing: -1.44), subtitle: "Your ad will be permanently deleted and you cannot undo this action.", actionButtonYes: Expanded( child: ShowFillButton( maxHeight: 55, title: "Yes", fontSize: 15, onPressed: () { Navigator.pop(context); adVM.deleteMyAd(context, adId: adDetails.id!); }, ), ), actionButtonNo: Expanded( child: ShowFillButton( maxHeight: 55, isFilled: false, borderColor: MyColors.darkPrimaryColor, title: "No", txtColor: MyColors.darkPrimaryColor, fontSize: 15, onPressed: () { Navigator.pop(context); }, ), ), ); } @override Widget build(BuildContext context) { print("adId: ${adDetails.id}"); print("statusID: ${adDetails.specialservice!.first.name}"); context.read().updateCurrentAdId(id: adDetails.id!); return Scaffold( appBar: CustomAppBar( title: "Ads", profileImageUrl: MyAssets.bnCar, isRemoveBackButton: false, isDrawerEnabled: false, actions: [ (adDetails.isMyAd ?? false ? IconButton( icon: const Icon(Icons.delete_outline, color: MyColors.redColor), onPressed: () { return deleteAdBottomSheet(context); }, ) : IconButton( icon: const Icon(Icons.chat_outlined, color: Colors.black), onPressed: () {}, )) .toContainer( margin: const EdgeInsets.fromLTRB(0, 8, 21, 8), paddingAll: 0, padding: const EdgeInsets.only(right: 21), borderRadius: 100, borderColor: MyColors.lightGreyEFColor, isEnabledBorder: true, height: 40, width: 42, ) ], onTap: () {}, ), body: Container( padding: const EdgeInsets.only(bottom: 10, left: 21, right: 21), child: Column( children: [ Expanded( child: ListView( children: [ Column( mainAxisSize: MainAxisSize.min, crossAxisAlignment: CrossAxisAlignment.start, children: [ CarouselWithIndicatorDemo(vehicleImages: adDetails.vehicle!.image!), Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ "${adDetails.vehicle!.vehicleTitle} | ${adDetails.vehicle!.color!.label}".toText(fontSize: 18, isBold: true), (adDetails.vehicle!.cityName ?? "").toText(fontSize: 10, isBold: true, color: MyColors.lightTextColor), ], ), Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Row( children: [ "Model: ".toText(fontSize: 14, isBold: true, color: MyColors.lightTextColor), "${adDetails.vehicle!.modelyear!.label}".toText( fontSize: 14, isBold: true, ), ], ), "${adDetails.vehicle!.countryID}".toText(fontSize: 10, isBold: true, color: MyColors.lightTextColor), ], ), Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Row( children: [ "Mileage: ".toText(fontSize: 14, isBold: true, color: MyColors.lightTextColor), "${adDetails.vehicle!.mileage!.mileageEnd}Km".toText( fontSize: 14, isBold: true, ), ], ), adDetails.createdOn != null ? DateTime.parse(adDetails.createdOn!).getTimeAgo().toText(fontSize: 10, isBold: true, color: MyColors.lightTextColor) : const SizedBox(), ], ), Row( children: [ "Transmission: ".toText(fontSize: 14, isBold: true, color: MyColors.lightTextColor), "${adDetails.vehicle!.transmission!.label}".toText( fontSize: 14, isBold: true, ), ], ), 8.height, "Description: ".toText(fontSize: 14, isBold: true, color: MyColors.lightTextColor), "${adDetails.vehicle!.vehicleDescription}".toText( fontSize: 14, isBold: true, ), if (adDetails.isMyAd ?? false) ...[ 8.height, "Demand: ".toText(fontSize: 14, isBold: true, color: MyColors.lightTextColor), Row( crossAxisAlignment: CrossAxisAlignment.end, children: [ adDetails.vehicle!.demandAmount!.toInt().toString().toText(fontSize: 30, height: 1.2, isBold: true), " SAR".toText(fontSize: 15, isBold: true, color: MyColors.lightTextColor).paddingOnly(bottom: 5), ], ), if (adDetails.adPostStatus == AdPostStatus.expired) ...[ 8.height, const Divider(thickness: 1, height: 1), 8.height, "Your Ad Duration time is over.".toText( color: MyColors.redColor, fontSize: 12, isItalic: true, ), ], ] ], ).toWhiteContainer(width: double.infinity, allPading: 12), ], ), ), SizedBox( child: Column( children: [ if (!(adDetails.isMyAd ?? false)) ...[ const Divider(thickness: 1, height: 1), 18.height, Row( crossAxisAlignment: CrossAxisAlignment.end, children: [ adDetails.vehicle!.demandAmount!.toInt().toString().toText(fontSize: 30, isBold: true), " SAR".toText(fontSize: 15, isBold: true, color: MyColors.lightTextColor).paddingOnly(bottom: 5), ], ), 14.height, ], adDetails.isMyAd ?? false ? BuildAdDetailsActionButtonForMyAds(adDetailsModel: adDetails) : BuildAdDetailsActionButtonForExploreAds(adDetailsModel: adDetails), ], ), ) ], ), ), ); } } class BuildAdDetailsActionButtonForExploreAds extends StatelessWidget { final AdDetailsModel adDetailsModel; const BuildAdDetailsActionButtonForExploreAds({Key? key, required this.adDetailsModel}) : super(key: key); void reserveAdPriceBreakDownClicked(BuildContext context, AdDetailsModel adDetailsModel) { showModalBottomSheet( context: context, isScrollControlled: true, enableDrag: true, builder: (BuildContext context) { return InfoBottomSheet( title: "Reserve Ad".toText(fontSize: 24, isBold: true), description: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ "Reservation Amounts".toText(fontSize: 16, isBold: true), Row( crossAxisAlignment: CrossAxisAlignment.end, children: [ "${adDetailsModel.reservePrice}".toText(fontSize: 19, isBold: true), 2.width, "SAR".toText(color: MyColors.lightTextColor, fontSize: 10, isBold: true).paddingOnly(bottom: 3), ], ) ], ), const Divider(), "Below Amount that you will pay later".toText(fontSize: 12), Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, crossAxisAlignment: CrossAxisAlignment.end, children: [ "Car Price".toText(fontSize: 16, isBold: true), Row( crossAxisAlignment: CrossAxisAlignment.end, children: [ "${adDetailsModel.vehicle!.demandAmount ?? 0.0}".toText(fontSize: 19, isBold: true), 2.width, "SAR".toText(color: MyColors.lightTextColor, fontSize: 10, isBold: true).paddingOnly(bottom: 3), ], ) ], ), Row( crossAxisAlignment: CrossAxisAlignment.end, mainAxisAlignment: MainAxisAlignment.end, children: [ "VAT Excluded".toText(fontSize: 10, isBold: true), ], ), const Divider(), "Special Services".toText(fontSize: 16, isBold: true), 5.height, Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ "Car insurance Service".toText(fontSize: 14, isBold: true, color: MyColors.lightTextColor, fontWeight: FontWeight.w500), "To be Decided".toText(fontSize: 12, isBold: true), ], ), 5.height, Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ "Registration & Car Plates".toText(fontSize: 14, isBold: true, color: MyColors.lightTextColor), "To be Decided".toText(fontSize: 12, isBold: true), ], ), 5.height, Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ "Home Delivery Service".toText(fontSize: 14, isBold: true, color: MyColors.lightTextColor), "To be Decided".toText(fontSize: 12, isBold: true), ], ), 12.height, "Special service charges will be added based on desired insurance and delivery Location".toText(fontSize: 12), 30.height, Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ "Total Amount ".toText(fontSize: 16, isBold: true), Row( crossAxisAlignment: CrossAxisAlignment.end, children: [ "${(adDetailsModel.vehicle!.demandAmount ?? 0.0)}".toText(fontSize: 19, isBold: true), 2.width, "SAR".toText(color: MyColors.lightTextColor, fontSize: 10, isBold: true).paddingOnly(bottom: 3), ], ) ], ), Row( crossAxisAlignment: CrossAxisAlignment.end, mainAxisAlignment: MainAxisAlignment.end, children: [ "Estimated".toText(fontSize: 10, isBold: true), ], ), 44.height, Row( crossAxisAlignment: CrossAxisAlignment.end, children: [ const Icon( Icons.warning, color: MyColors.adPendingStatusColor, size: 19, ).paddingOnly(bottom: 2), 3.width, "Some services are mandatory while reserving the Ad.".toText( color: MyColors.adPendingStatusColor, fontSize: 12, isItalic: true, ), ], ), 15.height, Row( children: [ Expanded( child: ShowFillButton( maxHeight: 55, title: "Complete Reservation", onPressed: () { Navigator.pop(context); navigateWithName(context, AppRoutes.paymentMethodsView, arguments: PaymentTypes.adReserve); }, ), ), ], ), 19.height, ], )); }); } Widget cancelReservationAction(BuildContext context) { return Row( children: [ Expanded( child: ShowFillButton( borderColor: MyColors.redColor, txtColor: MyColors.redColor, isFilled: false, fontSize: 16, maxHeight: 55, title: "Cancel Reservation", onPressed: () {}, ), ), ], ); } Widget reserveAdAction(BuildContext context, AdDetailsModel adDetailsModel) { return Row( children: [ Expanded( child: ShowFillButton( maxHeight: 55, title: "Reserve Ad", onPressed: () { reserveAdPriceBreakDownClicked(context, adDetailsModel); // navigateWithName(context, AppRoutes.paymentMethodsView); }, ), ), if (adDetailsModel.whatsAppNo != null) ...[ 8.width, Container( height: 55, width: 55, alignment: Alignment.center, decoration: BoxDecoration(border: Border.all(color: MyColors.black, width: 2)), //TODO: It Will be replaced by a WhatsApp Icon child: const Icon(Icons.message, color: MyColors.black), ).onPress(() { Utils.openNumberViaWhatsApp(phoneNumber: adDetailsModel.whatsAppNo ?? ""); }), ], if (adDetailsModel.phoneNo != null) ...[ 8.width, Container( height: 55, width: 55, alignment: Alignment.center, decoration: BoxDecoration(border: Border.all(color: MyColors.black, width: 2)), child: const Icon(Icons.phone, color: MyColors.black), ).onPress(() { Utils.openNumberViaCaller(phoneNumber: adDetailsModel.phoneNo ?? ""); }), ] ], ); } Widget defaultActionForProviderAndCustomer(BuildContext context, AdDetailsModel adDetailsModel) { return (adDetailsModel.phoneNo == null) ? Row( children: [ Expanded( child: ShowFillButton( maxHeight: 55, title: "Contact", fontSize: 18, isBold: false, iconWidget: const Padding( padding: EdgeInsets.only(right: 10), child: Icon(Icons.phone, color: MyColors.white, size: 24), ), onPressed: () { Utils.openNumberViaCaller(phoneNumber: adDetailsModel.phoneNo ?? ""); }, ), ), if (adDetailsModel.whatsAppNo == null) ...[ 8.width, Container( height: 55, width: 55, alignment: Alignment.center, decoration: BoxDecoration(border: Border.all(color: MyColors.black, width: 2)), //TODO: It Will be replaced by a WhatsApp Icon child: const Icon(Icons.message, color: MyColors.black), ).onPress(() { Utils.openNumberViaWhatsApp(phoneNumber: adDetailsModel.whatsAppNo ?? ""); }), ], ], ) : const SizedBox.shrink(); } @override Widget build(BuildContext context) { // switch (adPostStatus) { // case AdPostStatus.pendingForPayment: // break; // case AdPostStatus.active: // break; // case AdPostStatus.reserved: // return cancelReservationAction(context); // // case AdPostStatus.buyingService: // case AdPostStatus.reserveCancel: // case AdPostStatus.rejected: // case AdPostStatus.cancelled: // case AdPostStatus.pendingForPost: // case AdPostStatus.pendingForReview: // case AdPostStatus.sold: // case AdPostStatus.expired: // break; // } // return defaultAction(context); switch (adDetailsModel.createdByRoleEnum!) { case CreatedByRoleEnum.customer: case CreatedByRoleEnum.provider: return defaultActionForProviderAndCustomer(context, adDetailsModel); case CreatedByRoleEnum.admin: return reserveAdAction(context, adDetailsModel); case CreatedByRoleEnum.allAds: return const SizedBox.shrink(); } } } class BuildAdDetailsActionButtonForMyAds extends StatelessWidget { final AdDetailsModel adDetailsModel; const BuildAdDetailsActionButtonForMyAds({Key? key, required this.adDetailsModel}) : super(key: key); void onBookPhotographyServiceClicked(BuildContext context) async { AdVM adVM = context.read(); if (adVM.photoOfficeSelectedId.selectedId == -1) { adVM.getPhotographyServiceScheduleListByOffices(latitude: 46.703430, longitude: 24.625720); } return showModalBottomSheet( context: context, isScrollControlled: true, enableDrag: true, builder: (BuildContext context) { return InfoBottomSheet( title: "Set Date and Time".toText(fontSize: 28, isBold: true, letterSpacing: -1.44, height: 1.2), description: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ 25.height, Builder( builder: (context) { List vehicleCitiesDrop = []; for (var element in adVM.photoSSSchedulesByOffices) { vehicleCitiesDrop.add(DropValue(element.photoOfficeID?.toInt() ?? 0, element.photoOfficeName ?? "", "")); } return DropdownField( (DropValue value) => adVM.updatePhotoOfficeSelectedId(SelectionModel(selectedId: value.id, selectedOption: value.value)), list: vehicleCitiesDrop, dropdownValue: adVM.photoOfficeSelectedId.selectedId != -1 ? DropValue(adVM.photoOfficeSelectedId.selectedId, adVM.photoOfficeSelectedId.selectedOption, "") : null, hint: "Select Office", errorValue: adVM.photoOfficeSelectedId.errorValue, ); }, ), if (adVM.photoOfficeSelectedId.selectedId != -1) ...[ 9.height, // CustomCalenderWidget(customTimeDateSlotList: [], scheduleIndex: scheduleIndex), // if (appointmentsVM.serviceAppointmentScheduleList[scheduleIndex].selectedDateIndex != null) ...[ // 5.height, // Row( // mainAxisAlignment: MainAxisAlignment.start, // children: [ // ("Available Slots").toText(fontSize: 14, isBold: true), // ], // ), // 5.height, // SizedBox( // width: double.infinity, // child: BuildTimeSlots( // timeSlots: appointmentsVM.serviceAppointmentScheduleList[scheduleIndex].customTimeDateSlotList![appointmentsVM.serviceAppointmentScheduleList[scheduleIndex].selectedDateIndex!] // .availableSlots ?? // [], // onPressed: (slotIndex) { // appointmentsVM.updateSelectedAppointmentSlotByDate(scheduleIndex: scheduleIndex, slotIndex: slotIndex); // }, // ), // ), // ], 5.height, Row( children: [ Expanded( child: ShowFillButton( maxHeight: 55, title: "Book and Pay", fontSize: 15, onPressed: () { Navigator.pop(context); }, ), ), ], ), ], 19.height, ], )); }, ); } void reserveAdPriceBreakDownClicked(BuildContext context) { showModalBottomSheet( context: context, isScrollControlled: true, enableDrag: true, builder: (BuildContext context) { return InfoBottomSheet( title: "Reserve Ad".toText(fontSize: 24, isBold: true), description: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ "Reservation Amounts".toText(fontSize: 16, isBold: true), Row( crossAxisAlignment: CrossAxisAlignment.end, children: [ "500".toText(fontSize: 19, isBold: true), 2.width, "SAR".toText(color: MyColors.lightTextColor, fontSize: 10, isBold: true).paddingOnly(bottom: 3), ], ) ], ), const Divider(), "Below Amount that you will pay later".toText(fontSize: 12), Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, crossAxisAlignment: CrossAxisAlignment.end, children: [ "Car Price".toText(fontSize: 16, isBold: true), Row( crossAxisAlignment: CrossAxisAlignment.end, children: [ "30,000".toText(fontSize: 19, isBold: true), 2.width, "SAR".toText(color: MyColors.lightTextColor, fontSize: 10, isBold: true).paddingOnly(bottom: 3), ], ) ], ), Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ "Tax".toText(fontSize: 14, isBold: true, color: MyColors.lightTextColor), Row( crossAxisAlignment: CrossAxisAlignment.end, children: [ "4,500".toText(fontSize: 16, isBold: true), 2.width, "SAR".toText(color: MyColors.lightTextColor, fontSize: 10, isBold: true).paddingOnly(bottom: 0), ], ) ], ), const Divider(), "Special Services".toText(fontSize: 16, isBold: true), 5.height, Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ "Car insurance Service".toText(fontSize: 14, isBold: true, color: MyColors.lightTextColor, fontWeight: FontWeight.w500), "To be Decided".toText(fontSize: 12, isBold: true), ], ), 5.height, Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ "Registration & Car Plates".toText(fontSize: 14, isBold: true, color: MyColors.lightTextColor), "To be Decided".toText(fontSize: 12, isBold: true), ], ), 5.height, Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ "Home Delivery Service".toText(fontSize: 14, isBold: true, color: MyColors.lightTextColor), "To be Decided".toText(fontSize: 12, isBold: true), ], ), 12.height, "Special service charges will be added based on desired insurance and delivery Location".toText(fontSize: 12), 30.height, Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ "Total Amount ".toText(fontSize: 16, isBold: true), Row( crossAxisAlignment: CrossAxisAlignment.end, children: [ "34,500".toText(fontSize: 19, isBold: true), 2.width, "SAR".toText(color: MyColors.lightTextColor, fontSize: 10, isBold: true).paddingOnly(bottom: 3), ], ) ], ), Row( crossAxisAlignment: CrossAxisAlignment.end, mainAxisAlignment: MainAxisAlignment.end, children: [ "Estimated".toText(fontSize: 10, isBold: true), ], ), 44.height, Row( crossAxisAlignment: CrossAxisAlignment.end, children: [ const Icon( Icons.warning, color: MyColors.adPendingStatusColor, size: 19, ).paddingOnly(bottom: 2), 3.width, "Some services are mandatory while reserving the Ad.".toText( color: MyColors.adPendingStatusColor, fontSize: 12, isItalic: true, ), ], ), 15.height, Row( children: [ Expanded( child: ShowFillButton( maxHeight: 55, title: "Complete Reservation", onPressed: () { Navigator.pop(context); navigateWithName(context, AppRoutes.paymentMethodsView); }, ), ), ], ), 19.height, ], )); }); } Widget pendingForReviewAction({required bool isPendingPost}) { return Column( crossAxisAlignment: CrossAxisAlignment.center, children: [ Row( children: [ Expanded( child: ShowFillButton( backgroundColor: MyColors.grey98Color.withOpacity(0.3), txtColor: MyColors.lightTextColor, maxHeight: 55, title: isPendingPost ? "Waiting for admin to post" : "Waiting for Admins Approval", isBold: false, onPressed: () {}, ), ), ], ), ], ); } Widget pendingForPaymentAction(BuildContext context, {required AdDetailsModel ad}) { SpecialServiceModelForAds? photoSpecialServiceModel; for (var element in ad.specialservice!) { if (element.specialServiceID == 1) { photoSpecialServiceModel = element; } } return Column( crossAxisAlignment: CrossAxisAlignment.center, children: [ if (photoSpecialServiceModel != null) ...[ Row( children: [ Expanded( child: ShowFillButton( isFilled: false, borderColor: MyColors.darkPrimaryColor, maxHeight: 55, title: "Book ${photoSpecialServiceModel.name}", txtColor: MyColors.darkPrimaryColor, onPressed: () { onBookPhotographyServiceClicked(context); }, ), ), ], ), 8.height, ], Row( children: [ Expanded( child: ShowFillButton( maxHeight: 55, backgroundColor: MyColors.grey98Color.withOpacity(0.3), txtColor: MyColors.lightTextColor, isBold: false, title: "Pay Now", onPressed: () { navigateWithName(context, AppRoutes.paymentMethodsView, arguments: PaymentTypes.ads); }, ), ), ], ), ], ); } Widget markAsSoldAction(BuildContext context) { AdVM adVM = context.read(); return Column( crossAxisAlignment: CrossAxisAlignment.center, children: [ Row( children: [ Expanded( child: ShowFillButton( maxHeight: 55, title: "Mark As Sold", isBold: false, onPressed: () { adVM.markAdAsSold(context, adId: adDetailsModel.id!); }, ), ), ], ), 8.height, Row( children: [ Expanded( child: ShowFillButton( isFilled: false, borderColor: MyColors.redColor, maxHeight: 55, title: "Deactivate Ad", txtColor: MyColors.redColor, onPressed: () { return actionConfirmationBottomSheet( context: context, title: "Do you want to the Deactivate this Ad?".toText(fontSize: 28, isBold: true, letterSpacing: -1.44), subtitle: "We will stop showing this ad to the buyers.", actionButtonYes: Expanded( child: ShowFillButton( maxHeight: 55, title: "Yes", fontSize: 15, onPressed: () { Navigator.pop(context); adVM.deactivateTheAd(context, adId: adDetailsModel.id!); }, ), ), actionButtonNo: Expanded( child: ShowFillButton( maxHeight: 55, isFilled: false, borderColor: MyColors.darkPrimaryColor, title: "No", txtColor: MyColors.darkPrimaryColor, fontSize: 15, onPressed: () { Navigator.pop(context); }, ), ), ); }, ), ), ], ), ], ); } Widget cancelReservationAction(BuildContext context) { return Row( children: [ Expanded( child: ShowFillButton( borderColor: MyColors.redColor, txtColor: MyColors.redColor, isFilled: false, fontSize: 16, maxHeight: 55, title: "Cancel Reservation", onPressed: () {}, ), ), ], ); } Widget expiredAdAction(BuildContext context) { return Row( children: [ Expanded( child: ShowFillButton( fontSize: 16, maxHeight: 55, title: "Extend Ad", onPressed: () { final AdVM adVM = context.read(); return actionConfirmationBottomSheet( context: context, title: "Do you want to update the Ad Details?".toText(fontSize: 28, isBold: true, letterSpacing: -1.44), subtitle: "You can change the ad duration and details before extending the ad.", actionButtonYes: Expanded( child: ShowFillButton( maxHeight: 55, title: "Yes", fontSize: 15, onPressed: () { Navigator.pop(context); adVM.updateSelectionVehicleTypeId( SelectionModel(selectedId: adDetailsModel.vehicle!.vehicleType!, selectedOption: (adDetailsModel.vehicle!.vehicleType!).toVehicleTypeString(), errorValue: ""), ); showMyBottomSheet(context, child: const AdDurationSelectionSheetContent(isFromExtendAd: true, isUpdateAdSelected: true)); }, ), ), actionButtonNo: Expanded( child: ShowFillButton( maxHeight: 55, isFilled: false, borderColor: MyColors.darkPrimaryColor, title: "No", txtColor: MyColors.darkPrimaryColor, fontSize: 15, onPressed: () { adVM.updateSelectionVehicleTypeId( SelectionModel(selectedId: adDetailsModel.vehicle!.vehicleType!, selectedOption: (adDetailsModel.vehicle!.vehicleType!).toVehicleTypeString(), errorValue: ""), ); showMyBottomSheet(context, child: const AdDurationSelectionSheetContent(isFromExtendAd: true, isUpdateAdSelected: false)); }, ), ), ); }, ), ), ], ); } Widget defaultAction(BuildContext context) { return Row( children: [ Expanded( child: ShowFillButton( maxHeight: 55, title: "Reserve Ad", onPressed: () { reserveAdPriceBreakDownClicked(context); // navigateWithName(context, AppRoutes.paymentMethodsView); }, ), ), 8.width, Container( height: 55, width: 55, alignment: Alignment.center, decoration: BoxDecoration(border: Border.all(color: MyColors.black, width: 2)), //TODO: It Will be replaced by a WhatsApp Icon child: const Icon(Icons.message, color: MyColors.black), ).onPress(() {}), 8.width, Container( height: 55, width: 55, alignment: Alignment.center, decoration: BoxDecoration(border: Border.all(color: MyColors.black, width: 2)), child: const Icon(Icons.phone, color: MyColors.black), ).onPress(() {}), ], ); } @override Widget build(BuildContext context) { switch (adDetailsModel.adPostStatus!) { case AdPostStatus.pendingForPayment: return pendingForPaymentAction(context, ad: adDetailsModel); case AdPostStatus.active: return markAsSoldAction(context); case AdPostStatus.reserved: break; case AdPostStatus.buyingService: case AdPostStatus.reserveCancel: case AdPostStatus.rejected: case AdPostStatus.cancelled: case AdPostStatus.pendingForPost: return pendingForReviewAction(isPendingPost: true); case AdPostStatus.pendingForReview: return pendingForReviewAction(isPendingPost: false); case AdPostStatus.sold: case AdPostStatus.expired: return expiredAdAction(context); case AdPostStatus.allAds: break; } return const SizedBox.shrink(); } }