import 'package:flutter/material.dart'; import 'package:mc_common_app/classes/app_state.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/generated/locale_keys.g.dart'; import 'package:mc_common_app/theme/colors.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/chat_view_model.dart'; import 'package:mc_common_app/views/advertisement/components/ads_images_corousel_widget.dart'; import 'package:mc_common_app/views/requests/request_bottomsheets.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/extensions/extensions_widget.dart'; import 'package:provider/provider.dart'; import 'package:easy_localization/easy_localization.dart'; class RequestDetailPage extends StatelessWidget { final RequestDetailPageArguments requestDetailPageArguments; const RequestDetailPage({Key? key, required this.requestDetailPageArguments}) : super(key: key); Widget buildBottomButton({ required RequestStatus requestStatus, required String statusText, required BuildContext context, required Function() onViewChatTapped, }) { switch (requestStatus) { case RequestStatus.submitted: case RequestStatus.inProgress: case RequestStatus.paid: case RequestStatus.shipping: return ShowFillButton( maxWidth: double.infinity, margin: const EdgeInsets.all(15), maxHeight: 55, title: LocaleKeys.viewChat.tr(), isBold: false, onPressed: onViewChatTapped, ); case RequestStatus.completed: case RequestStatus.cancelled: case RequestStatus.expired: case RequestStatus.pending: return buildDisabledButton(statusText); } } Widget buildDisabledButton(String text) { return ShowFillButton( backgroundColor: MyColors.grey98Color.withOpacity(0.3), txtColor: MyColors.lightTextColor, maxWidth: double.infinity, margin: const EdgeInsets.all(15), maxHeight: 55, title: text, isBold: false, onPressed: () {}, ); } Future onViewChatTapped(BuildContext context) async { ChatViewArgumentsForRequest chatViewArgumentsForRequest = ChatViewArgumentsForRequest( chatTypeEnum: ChatTypeEnum.requestOffer, receiverId: requestDetailPageArguments.requestModel.customerID, senderId: AppState().getUser.data!.userInfo!.userId.toString(), requestId: requestDetailPageArguments.requestModel.id, providerIndex: -1, // This will be only sent in case of customer requestModel: requestDetailPageArguments.requestModel, requestIndex: requestDetailPageArguments.requestIndex, // This will be only sent in case of provider ); ChatViewArguments chatViewArguments = ChatViewArguments( chatTypeEnum: ChatTypeEnum.requestOffer, chatViewArgumentsForRequest: chatViewArgumentsForRequest, ); final chatVM = context.read(); await chatVM .getUsersChatMessagesForProvider( customerId: requestDetailPageArguments.requestModel.customerId, context: context, requestOfferId: 0, requestId: requestDetailPageArguments.requestModel.id, customerRequestIndex: requestDetailPageArguments.requestIndex, ) .whenComplete(() => navigateWithName(context, AppRoutes.chatView, arguments: chatViewArguments)); } @override Widget build(BuildContext context) { return Scaffold( appBar: CustomAppBar( title: LocaleKeys.requestDetail.tr(), ), body: SizedBox( width: double.infinity, height: double.infinity, child: Column( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Column( children: [ ImagesCorouselWidget(imagesList: requestDetailPageArguments.requestModel.requestImages ?? []), 24.height, buildRequestContainer(context), ], ).toWhiteContainer( width: double.infinity, allPading: 12, margin: const EdgeInsets.only(top: 21, right: 21, left: 21), ), if (!requestDetailPageArguments.requestModel.isChatted) ...[ ShowFillButton( maxWidth: double.infinity, margin: const EdgeInsets.all(15), maxHeight: 55, title: LocaleKeys.sendOffer.tr(), isBold: false, fontSize: 18, onPressed: () => buildSendOfferBottomSheet(context, requestDetailPageArguments), ), ] else ...[ buildBottomButton( requestStatus: requestDetailPageArguments.requestModel.requestStatus, statusText: "Offer ${requestDetailPageArguments.requestModel.requestStatusName}", context: context, onViewChatTapped: () async => onViewChatTapped(context), ), ], ], ), ), ); } Widget buildRequestContainer(BuildContext context) { final requestDetail = requestDetailPageArguments.requestModel; return Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( mainAxisAlignment: MainAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start, children: [ Expanded( child: Column( crossAxisAlignment: CrossAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.start, children: [ requestDetail.vehicleTypeName.toText(fontSize: 16, letterSpacing: -0.64), showItem("Manufacturer:", requestDetail.brand), showItem("Model:", "${requestDetail.year}"), ], ), ), Column( crossAxisAlignment: CrossAxisAlignment.end, mainAxisAlignment: MainAxisAlignment.start, children: [ "${requestDetail.city ?? ""} ${requestDetail.countryName}".toText( color: MyColors.lightTextColor, ), if (requestDetail.createdOn != null) ...[ DateTime.parse(requestDetail.createdOn!).getTimeAgo().toText( color: MyColors.lightTextColor, ), ], ], ), ], ), showItem("Customer Name: ", requestDetail.customerName), showItem("Description: ", requestDetail.description), 16.height, showItem("Price Range:", ""), Row( children: [ Expanded( child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, crossAxisAlignment: CrossAxisAlignment.end, children: [ Row( crossAxisAlignment: CrossAxisAlignment.end, children: [ "${requestDetail.price.toInt()}".toText(fontSize: 19, isBold: true, letterSpacing: -1.16), 2.width, LocaleKeys.sar.tr().toText(color: MyColors.lightTextColor, fontSize: 10, letterSpacing: -0.4), ], ), Row( children: [ Utils.statusContainerChip( text: (requestDetail.requestStatusName), chipColor: MyColors.grey98Color.withOpacity(0.3), textColor: MyColors.lightTextColor, ), ], ), ], ), ), // const Icon(Icons.arrow_forward) ], ), ], ); } Widget showItem(String title, String value) { return Row( crossAxisAlignment: CrossAxisAlignment.start, children: [ if (title.isNotEmpty) title.toText(color: MyColors.lightTextColor, letterSpacing: -0.48), if (title.isNotEmpty) 2.width, if (value.isNotEmpty) Expanded(child: value.toText(letterSpacing: -0.48)), ], ); } }