car_common_app/lib/views/requests/request_detail_page.dart

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<void> 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<ChatVM>();
    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)),
      ],
    );
  }
}