import 'dart:io';
import 'package:cached_network_image/cached_network_image.dart';
import 'package:customer/constant/const_texts.dart';
import 'package:customer/controllers/Intercity_home_controller.dart';
import 'package:customer/models/coupon_model.dart';
import 'package:customer/models/tax_model.dart';
import 'package:customer/models/vehicle_type.dart';
import 'package:customer/payment/createRazorPayOrderModel.dart';
import 'package:customer/payment/rozorpayConroller.dart';
import 'package:customer/screen_ui/cab_service_screens/cab_coupon_code_screen.dart';
import 'package:customer/screen_ui/multi_vendor_service/wallet_screen/wallet_screen.dart';
import 'package:customer/themes/responsive.dart';
import 'package:customer/themes/round_button_border.dart';
import 'package:customer/utils/network_image_widget.dart';
import 'package:customer/utils/utils.dart';
import 'package:dotted_border/dotted_border.dart';

import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:geocoding/geocoding.dart' as get_cord_address;
import 'package:get/get.dart';
import 'package:google_maps_flutter/google_maps_flutter.dart';
import 'package:flutter_map/flutter_map.dart' as flutterMap;
import 'package:latlong2/latlong.dart' as latlong;
import 'package:location/location.dart';
import '../../constant/constant.dart';
import '../../controllers/cab_dashboard_controller.dart';
import '../../controllers/theme_controller.dart';
import '../../models/user_model.dart';
import '../../service/fire_store_utils.dart';
import '../../themes/app_them_data.dart';
import '../../themes/round_button_fill.dart';
import '../../themes/show_toast_dialog.dart';
import '../../themes/text_field_widget.dart';
import '../../widget/osm_map/map_picker_page.dart';
import '../../widget/place_picker/location_picker_screen.dart';
import '../../widget/place_picker/selected_location_model.dart';

class IntercityHomeScreen extends StatelessWidget {
  const IntercityHomeScreen({super.key});

  @override
  Widget build(BuildContext context) {
    final themeController = Get.find<ThemeController>();
    final isDark = themeController.isDark.value;
    return GetX(
      init: IntercityHomeController(),
      builder: (controller) {
        return Scaffold(
          body:
              controller.isLoading.value
                  ? Constant.loader()
                  : Stack(
                    children: [
                      Constant.selectedMapType == "osm"
                          ? flutterMap.FlutterMap(
                            mapController: controller.mapOsmController,
                            options: flutterMap.MapOptions(
                              initialCenter:
                                  Constant.currentLocation != null
                                      ? latlong.LatLng(
                                        Constant.currentLocation!.latitude,
                                        Constant.currentLocation!.longitude,
                                      )
                                      : controller.currentOrder.value.id != null
                                      ? latlong.LatLng(
                                        double.parse(
                                          controller
                                              .currentOrder
                                              .value
                                              .sourceLocation!
                                              .latitude
                                              .toString(),
                                        ),
                                        double.parse(
                                          controller
                                              .currentOrder
                                              .value
                                              .sourceLocation!
                                              .longitude
                                              .toString(),
                                        ),
                                      )
                                      : latlong.LatLng(
                                        41.4219057,
                                        -102.0840772,
                                      ),
                              initialZoom: 14,
                            ),
                            children: [
                              flutterMap.TileLayer(
                                urlTemplate:
                                    'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
                                userAgentPackageName:
                                    Platform.isAndroid
                                        ? "com.emart"
                                        : "com.emart.ios",
                              ),
                              flutterMap.MarkerLayer(
                                markers: controller.osmMarker,
                              ),
                              if (controller.routePoints.isNotEmpty)
                                flutterMap.PolylineLayer(
                                  polylines: [
                                    flutterMap.Polyline(
                                      points: controller.routePoints,
                                      strokeWidth: 5.0,
                                      color: Colors.blue,
                                    ),
                                  ],
                                ),
                            ],
                          )
                          : GoogleMap(
                            onMapCreated: (googleMapController) {
                              controller.mapController = googleMapController;

                              if (Constant.currentLocation != null) {
                                controller.setDepartureMarker(
                                  Constant.currentLocation!.latitude,
                                  Constant.currentLocation!.longitude,
                                );
                                controller.searchPlaceNameGoogle();
                              }
                            },
                            initialCameraPosition: CameraPosition(
                              target: controller.currentPosition.value,
                              zoom: 14,
                            ),
                            myLocationEnabled: true,
                            zoomControlsEnabled: true,
                            zoomGesturesEnabled: true,
                            polylines: Set<Polyline>.of(
                              controller.polyLines.values,
                            ),
                            markers:
                                controller.markers
                                    .toSet(), // reactive marker set
                          ),
                      Positioned(
                        top: 50,
                        left: Constant.isRtl ? null : 20,
                        right: Constant.isRtl ? 20 : null,
                        child: InkWell(
                          onTap: () {
                            if (controller.bottomSheetType.value ==
                                "vehicleSelection") {
                              controller.bottomSheetType.value = "location";
                            } else if (controller.bottomSheetType.value ==
                                "payment") {
                              controller.bottomSheetType.value =
                                  "vehicleSelection";
                            } else if (controller.bottomSheetType.value ==
                                "conformRide") {
                              controller.bottomSheetType.value = "payment";
                            } else if (controller.bottomSheetType.value ==
                                    "waitingDriver" ||
                                controller.bottomSheetType.value ==
                                    "driverDetails") {
                              Get.back(result: true);
                            } else {
                              Get.back();
                            }
                          },
                          child: Container(
                            decoration: BoxDecoration(
                              color:
                                  isDark
                                      ? AppThemeData.greyDark50
                                      : AppThemeData.grey50,
                              borderRadius: BorderRadius.circular(30),
                            ),
                            child: Padding(
                              padding: const EdgeInsets.all(10),
                              child: Center(
                                child: Icon(
                                  Icons.arrow_back_ios_new,
                                  size: 20,
                                  color:
                                      isDark
                                          ? AppThemeData.grey50
                                          : AppThemeData.greyDark50,
                                ),
                              ),
                            ),
                          ),
                        ),
                      ),
                      controller.bottomSheetType.value == "location"
                          ? searchLocationBottomSheet(
                            context,
                            controller,
                            isDark,
                          )
                          : controller.bottomSheetType.value ==
                              "vehicleSelection"
                          ? vehicleSelection(context, controller, isDark)
                          : controller.bottomSheetType.value == "payment"
                          ? paymentBottomSheet(context, controller, isDark)
                          : controller.bottomSheetType.value == "conformRide"
                          ? conformBottomSheet(context, isDark)
                          : controller.bottomSheetType.value ==
                              "waitingForDriver"
                          ? waitingDialog(context, controller, isDark)
                          : controller.bottomSheetType.value == "driverDetails"
                          ? driverDialog(context, controller, isDark)
                          : SizedBox(),
                    ],
                  ),
        );
      },
    );
  }

  Widget searchLocationBottomSheet(
    BuildContext context,
    IntercityHomeController controller,
    bool isDark,
  ) {
    return Positioned.fill(
      child: DraggableScrollableSheet(
        initialChildSize: 0.48,
        minChildSize: 0.48,
        maxChildSize: 0.8,
        expand: false,
        builder: (context, scrollController) {
          return Container(
            padding: const EdgeInsets.all(16),
            decoration: BoxDecoration(
              color: isDark ? AppThemeData.grey700 : Colors.white,
              borderRadius: BorderRadius.vertical(top: Radius.circular(35)),
            ),
            child: Column(
              mainAxisSize: MainAxisSize.min,
              children: [
                Container(
                  decoration: BoxDecoration(
                    borderRadius: BorderRadius.circular(10),
                    color: AppThemeData.grey400,
                  ),
                  height: 4,
                  width: 33,
                ),
                SizedBox(height: 10),
                Stack(
                  children: [
                    Container(
                      decoration: BoxDecoration(
                        color: isDark ? AppThemeData.grey700 : Colors.white,
                        borderRadius: BorderRadius.circular(12),
                      ),
                      child: Column(
                        mainAxisSize: MainAxisSize.min,
                        children: [
                          // Pickup Location
                          InkWell(
                            onTap: () async {
                              if (Constant.selectedMapType == 'osm') {
                                final result = await Get.to(
                                  () => MapPickerPage(),
                                );
                                controller.sourceTextEditController.value.text =
                                    '';
                                final firstPlace = result;
                                if (result != null) {
                                  if (Constant.checkZoneCheck(
                                        firstPlace.coordinates.latitude,
                                        firstPlace.coordinates.longitude,
                                      ) ==
                                      true) {
                                    final lat = firstPlace.coordinates.latitude;
                                    final lng =
                                        firstPlace.coordinates.longitude;
                                    final address = firstPlace.address;
                                    controller
                                        .sourceTextEditController
                                        .value
                                        .text = address.toString();
                                    controller.setDepartureMarker(lat, lng);
                                  } else {
                                    ShowToastDialog.showToast(
                                      ConstTexts.serviceIsUnavailable.tr,
                                    );
                                  }
                                }
                              } else {
                                Get.to(LocationPickerScreen())!.then((
                                  value,
                                ) async {
                                  if (value != null) {
                                    SelectedLocationModel
                                    selectedLocationModel = value;

                                    if (Constant.checkZoneCheck(
                                          selectedLocationModel
                                              .latLng!
                                              .latitude,
                                          selectedLocationModel
                                              .latLng!
                                              .longitude,
                                        ) ==
                                        true) {
                                      controller
                                          .sourceTextEditController
                                          .value
                                          .text = Utils.formatAddress(
                                        selectedLocation: selectedLocationModel,
                                      );
                                      controller.setDepartureMarker(
                                        selectedLocationModel.latLng!.latitude,
                                        selectedLocationModel.latLng!.longitude,
                                      );
                                    } else {
                                      ShowToastDialog.showToast(
                                        ConstTexts.serviceIsUnavailable.tr,
                                      );
                                    }
                                  }
                                });
                              }
                            },
                            child: TextFieldWidget(
                              controller:
                                  controller.sourceTextEditController.value,
                              hintText: ConstTexts.pickUpLocation.tr,
                              enable: false,
                              prefix: Padding(
                                padding: EdgeInsets.only(left: 10, right: 10),
                                child: Image.asset(
                                  "assets/icons/pickup.png",
                                  height: 22,
                                  width: 22,
                                ),
                              ),
                            ),
                          ),
                          const SizedBox(height: 10),
                          // Destination Location
                          InkWell(
                            onTap: () async {
                              if (Constant.selectedMapType == 'osm') {
                                final result = await Get.to(
                                  () => MapPickerPage(),
                                );
                                if (result != null) {
                                  controller
                                      .destinationTextEditController
                                      .value
                                      .text = '';
                                  final firstPlace = result;
                                  final lat = firstPlace.coordinates.latitude;
                                  final lng = firstPlace.coordinates.longitude;
                                  final address = firstPlace.address;
                                  controller
                                      .destinationTextEditController
                                      .value
                                      .text = address.toString();
                                  controller.setDestinationMarker(lat, lng);
                                }
                              } else {
                                Get.to(LocationPickerScreen())!.then((
                                  value,
                                ) async {
                                  if (value != null) {
                                    SelectedLocationModel
                                    selectedLocationModel = value;

                                    controller
                                        .destinationTextEditController
                                        .value
                                        .text = Utils.formatAddress(
                                      selectedLocation: selectedLocationModel,
                                    );
                                    controller.setDestinationMarker(
                                      selectedLocationModel.latLng!.latitude,
                                      selectedLocationModel.latLng!.longitude,
                                    );
                                  }
                                });
                              }
                            },
                            child: TextFieldWidget(
                              controller:
                                  controller
                                      .destinationTextEditController
                                      .value,
                              // backgroundColor: AppThemeData.grey50,
                              // borderColor: AppThemeData.grey50,
                              hintText: ConstTexts.destinationLocation.tr,
                              enable: false,
                              prefix: const Padding(
                                padding: EdgeInsets.only(left: 10, right: 10),
                                child: Icon(
                                  Icons.radio_button_checked,
                                  color: Colors.red,
                                ),
                              ),
                            ),
                          ),
                        ],
                      ),
                    ),
                    Positioned(
                      left: 10,
                      top: 33,
                      child: DottedBorder(
                        options: CustomPathDottedBorderOptions(
                          color: Colors.grey.shade400,
                          strokeWidth: 2,
                          dashPattern: [4, 4],
                          customPath:
                              (size) =>
                                  Path()
                                    ..moveTo(size.width / 2, 0)
                                    ..lineTo(size.width / 2, size.height),
                        ),
                        child: const SizedBox(width: 20, height: 40),
                      ),
                    ),
                  ],
                ),
                SizedBox(height: 15),
                Align(
                  alignment: Alignment.centerLeft,
                  child: Text(
                    ConstTexts.popularDestinations.tr,
                    style: AppThemeData.boldTextStyle(
                      fontSize: 16,
                      color: AppThemeData.grey900,
                    ),
                  ),
                ),
                SizedBox(
                  height: 120,
                  child: Padding(
                    padding: const EdgeInsets.all(8.0),
                    child: ListView.builder(
                      itemCount: controller.popularDestination.length,
                      scrollDirection: Axis.horizontal,
                      itemBuilder: (context, index) {
                        return InkWell(
                          onTap: () async {
                            if (controller.popularDestination[index].latitude !=
                                    null ||
                                controller
                                        .popularDestination[index]
                                        .longitude !=
                                    null) {
                              List<get_cord_address.Placemark> placeMarks =
                                  await get_cord_address
                                      .placemarkFromCoordinates(
                                        controller
                                                .popularDestination[index]
                                                .latitude ??
                                            0.0,
                                        controller
                                                .popularDestination[index]
                                                .longitude ??
                                            0.0,
                                      );

                              final address =
                                  (placeMarks.first.subLocality!.isEmpty
                                      ? ''
                                      : "${placeMarks.first.subLocality}, ") +
                                  (placeMarks.first.street!.isEmpty
                                      ? ''
                                      : "${placeMarks.first.street}, ") +
                                  (placeMarks.first.name!.isEmpty
                                      ? ''
                                      : "${placeMarks.first.name}, ") +
                                  (placeMarks
                                          .first
                                          .subAdministrativeArea!
                                          .isEmpty
                                      ? ''
                                      : "${placeMarks.first.subAdministrativeArea}, ") +
                                  (placeMarks.first.administrativeArea!.isEmpty
                                      ? ''
                                      : "${placeMarks.first.administrativeArea}, ") +
                                  (placeMarks.first.country!.isEmpty
                                      ? ''
                                      : "${placeMarks.first.country}, ") +
                                  (placeMarks.first.postalCode!.isEmpty
                                      ? ''
                                      : "${placeMarks.first.postalCode}, ");
                              controller
                                  .destinationTextEditController
                                  .value
                                  .text = address;
                              controller.setDestinationMarker(
                                controller.popularDestination[index].latitude ??
                                    0.0,
                                controller
                                        .popularDestination[index]
                                        .longitude ??
                                    0.0,
                              );
                            }
                          },
                          child: Padding(
                            padding: const EdgeInsets.only(right: 10),
                            child: Stack(
                              children: [
                                CachedNetworkImage(
                                  imageUrl:
                                      (controller
                                                      .popularDestination[index]
                                                      .image !=
                                                  null &&
                                              controller
                                                  .popularDestination[index]
                                                  .image!
                                                  .isNotEmpty)
                                          ? controller
                                              .popularDestination[index]
                                              .image!
                                          : Constant.placeHolderImage,
                                  height: 160,
                                  width: 120,
                                  imageBuilder:
                                      (context, imageProvider) => Container(
                                        decoration: BoxDecoration(
                                          borderRadius: BorderRadius.circular(
                                            10,
                                          ),
                                          image: DecorationImage(
                                            image: imageProvider,
                                            fit: BoxFit.cover,
                                          ),
                                        ),
                                      ),
                                  placeholder:
                                      (context, url) => Center(
                                        child:
                                            CircularProgressIndicator.adaptive(
                                              valueColor:
                                                  AlwaysStoppedAnimation(
                                                    AppThemeData.primary300,
                                                  ),
                                            ),
                                      ),
                                  errorWidget:
                                      (context, url, error) => ClipRRect(
                                        borderRadius: BorderRadius.circular(10),
                                        child: Image.network(
                                          Constant.placeHolderImage,
                                          fit: BoxFit.cover,
                                          cacheHeight: 80,
                                          cacheWidth: 80,
                                        ),
                                      ),
                                  fit: BoxFit.cover,
                                ),
                                Positioned(
                                  left: 5,
                                  top: 80,
                                  child: Text(
                                    controller.popularDestination[index].title
                                        .toString(),
                                    style: AppThemeData.boldTextStyle(
                                      fontSize: 15,
                                      color: AppThemeData.surface,
                                    ),
                                  ),
                                ),
                              ],
                            ),
                          ),
                        );
                      },
                    ),
                  ),
                ),
                SizedBox(height: 10),
                RoundedButtonFill(
                  borderRadius: 10.r,
                  title: ConstTexts.continueT.tr,
                  onPress: () {
                    if (controller
                        .sourceTextEditController
                        .value
                        .text
                        .isEmpty) {
                      ShowToastDialog.showToast(
                        ConstTexts.plsSelectSourceLocation.tr,
                      );
                    } else if (controller
                        .destinationTextEditController
                        .value
                        .text
                        .isEmpty) {
                      ShowToastDialog.showToast(
                        ConstTexts.plsSelectDestinationLocations.tr,
                      );
                    } else {
                      controller.bottomSheetType.value = "vehicleSelection";
                    }
                  },
                  color: AppThemeData.primary300,
                  textColor: AppThemeData.grey900,
                ),
              ],
            ),
          );
        },
      ),
    );
  }

  Widget vehicleSelection(
    BuildContext context,
    IntercityHomeController controller,
    bool isDark,
  ) {
    return Positioned.fill(
      child: DraggableScrollableSheet(
        initialChildSize: 0.40,
        minChildSize: 0.40,
        maxChildSize: 0.8,
        expand: false,
        builder: (context, scrollController) {
          return Container(
            decoration: BoxDecoration(
              color: isDark ? AppThemeData.grey700 : Colors.white,
              borderRadius: const BorderRadius.only(
                topLeft: Radius.circular(24),
                topRight: Radius.circular(24),
              ),
            ),
            child: Padding(
              padding: const EdgeInsets.symmetric(
                horizontal: 15.0,
                vertical: 10,
              ),
              child: Column(
                mainAxisSize: MainAxisSize.min,
                children: [
                  Container(
                    decoration: BoxDecoration(
                      borderRadius: BorderRadius.circular(10),
                      color: AppThemeData.grey400,
                    ),
                    height: 4,
                    width: 33,
                  ),
                  Align(
                    alignment: Alignment.topLeft,
                    child: Padding(
                      padding: const EdgeInsets.symmetric(vertical: 10),
                      child: Text(
                        ConstTexts.selectVehicleType.tr,
                        style: AppThemeData.boldTextStyle(
                          fontSize: 18,
                          color:
                              isDark
                                  ? AppThemeData.greyDark900
                                  : AppThemeData.grey900,
                        ),
                        textAlign: TextAlign.start,
                      ),
                    ),
                  ),
                  Expanded(
                    child: ListView.builder(
                      itemCount: controller.vehicleTypes.length,
                      shrinkWrap: true,
                      padding: EdgeInsets.only(bottom: 20),
                      controller: scrollController,
                      scrollDirection: Axis.vertical,
                      itemBuilder: (context, index) {
                        VehicleType vehicleType =
                            controller.vehicleTypes[index];
                        return Obx(
                          () => InkWell(
                            onTap: () {
                              controller.selectedVehicleType.value =
                                  controller.vehicleTypes[index];
                            },
                            child: Padding(
                              padding: const EdgeInsets.only(bottom: 10),
                              child: Container(
                                decoration: BoxDecoration(
                                  borderRadius: BorderRadius.circular(15),
                                  border: Border.all(
                                    color:
                                        isDark
                                            ? controller
                                                        .selectedVehicleType
                                                        .value
                                                        .id ==
                                                    vehicleType.id
                                                ? Colors.white
                                                : AppThemeData.grey500
                                            : controller
                                                    .selectedVehicleType
                                                    .value
                                                    .id ==
                                                vehicleType.id
                                            ? AppThemeData.grey300
                                            : Colors.transparent,
                                    width: 1,
                                  ),
                                  color:
                                      controller.selectedVehicleType.value.id ==
                                              vehicleType.id
                                          ? AppThemeData.grey50
                                          : isDark
                                          ? AppThemeData.grey300
                                          : Colors.white,
                                ),
                                child: Padding(
                                  padding: const EdgeInsets.symmetric(
                                    vertical: 10,
                                    horizontal: 10,
                                  ),
                                  child: Row(
                                    children: [
                                      ClipRRect(
                                        //borderRadius: BorderRadius.circular(10),
                                        child: CachedNetworkImage(
                                          imageUrl:
                                              vehicleType.vehicleIcon
                                                  .toString(),
                                          height: 60,
                                          width: 60,
                                          imageBuilder:
                                              (context, imageProvider) =>
                                                  Container(
                                                    decoration: BoxDecoration(
                                                      borderRadius:
                                                          BorderRadius.circular(
                                                            10,
                                                          ),
                                                      image: DecorationImage(
                                                        image: imageProvider,
                                                        fit: BoxFit.cover,
                                                      ),
                                                    ),
                                                  ),
                                          placeholder:
                                              (context, url) => Center(
                                                child:
                                                    CircularProgressIndicator.adaptive(
                                                      valueColor:
                                                          AlwaysStoppedAnimation(
                                                            AppThemeData
                                                                .primary300,
                                                          ),
                                                    ),
                                              ),
                                          errorWidget:
                                              (context, url, error) =>
                                                  ClipRRect(
                                                    borderRadius:
                                                        BorderRadius.circular(
                                                          20,
                                                        ),
                                                    child: Image.network(
                                                      Constant.userPlaceHolder,
                                                      fit: BoxFit.cover,
                                                    ),
                                                  ),
                                          fit: BoxFit.cover,
                                        ),
                                      ),
                                      Expanded(
                                        child: Padding(
                                          padding: const EdgeInsets.symmetric(
                                            horizontal: 10,
                                          ),
                                          child: Column(
                                            crossAxisAlignment:
                                                CrossAxisAlignment.start,
                                            children: [
                                              Text(
                                                "${vehicleType.name} | ${controller.distance.toStringAsFixed(2)}km",
                                                style: const TextStyle(
                                                  fontSize: 16,
                                                  fontWeight: FontWeight.bold,
                                                  letterSpacing: 1,
                                                ),
                                              ),
                                              Padding(
                                                padding: const EdgeInsets.only(
                                                  top: 2.0,
                                                ),
                                                child: Text(
                                                  controller.duration.value,
                                                  style: const TextStyle(
                                                    fontWeight: FontWeight.w400,
                                                    letterSpacing: 1,
                                                  ),
                                                ),
                                              ),
                                            ],
                                          ),
                                        ),
                                      ),
                                      Text(
                                        Constant.amountShow(
                                          amount:
                                              controller
                                                  .getAmount(vehicleType)
                                                  .toString(),
                                        ),
                                        style: const TextStyle(
                                          fontSize: 16,
                                          fontWeight: FontWeight.bold,
                                          letterSpacing: 1,
                                        ),
                                      ),
                                    ],
                                  ),
                                ),
                              ),
                            ),
                          ),
                        );
                      },
                    ),
                  ),
                  Obx(
                    () => RoundedButtonFill(
                      borderRadius: 10.r,
                     title: 'pay_amount'.trParams({
  'amount': controller.selectedVehicleType.value.id == null
      ? Constant.amountShow(amount: "0.0")
      : Constant.amountShow(
          amount: controller
              .getAmount(controller.selectedVehicleType.value)
              .toString(),
        ),
}),

                      // title:
                      // "Pay ${controller.selectedVehicleType.value.id == null ? Constant.amountShow(amount: "0.0") : Constant.amountShow(amount: controller.getAmount(controller.selectedVehicleType.value).toString())}",
                      onPress: () async {
                        if (controller.selectedVehicleType.value.id != null) {
                          controller.calculateTotalAmount();
                          controller.bottomSheetType.value = "payment";
                        } else {
                          ShowToastDialog.showToast(
                            ConstTexts.plsSelectVehicleTypeFirst.tr,
                          );
                        }
                      },
                      color: AppThemeData.primary300,
                      textColor: AppThemeData.grey900,
                    ),
                  ),
                ],
              ),
            ),
          );
        },
      ),
    );
  }

  Widget paymentBottomSheet(
    BuildContext context,
    IntercityHomeController controller,
    bool isDark,
  ) {
    return Positioned.fill(
      child: DraggableScrollableSheet(
        initialChildSize: 0.70,
        minChildSize: 0.30,
        maxChildSize: 0.8,
        expand: false,
        builder: (context, scrollController) {
          return Container(
            padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 20),
            decoration: BoxDecoration(
              color: isDark ? AppThemeData.grey700 : Colors.white,
              borderRadius: BorderRadius.vertical(top: Radius.circular(24)),
            ),
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                Row(
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: [
                    Text(
                      ConstTexts.selectPaymentMethod.tr,
                      style: AppThemeData.mediumTextStyle(
                        fontSize: 18,
                        color:
                            isDark
                                ? AppThemeData.greyDark900
                                : AppThemeData.grey900,
                      ),
                    ),
                    GestureDetector(
                      onTap: () {
                        Get.back();
                      },
                      child: Icon(
                        Icons.close,
                        color:
                            isDark
                                ? AppThemeData.greyDark900
                                : AppThemeData.grey900,
                      ),
                    ),
                  ],
                ),
                const SizedBox(height: 20),
                Expanded(
                  child: ListView(
                    padding: EdgeInsets.zero,
                    controller: scrollController,
                    children: [
                      Text(
                        ConstTexts.prefferedPayment.tr,
                        textAlign: TextAlign.start,
                        style: AppThemeData.boldTextStyle(
                          fontSize: 15,
                          color:
                              isDark
                                  ? AppThemeData.greyDark500
                                  : AppThemeData.grey500,
                        ),
                      ),
                      const SizedBox(height: 10),
                      if (controller.walletSettingModel.value.isEnabled ==
                              true ||
                          controller
                                  .cashOnDeliverySettingModel
                                  .value
                                  .isEnabled ==
                              true)
                        Container(
                          decoration: BoxDecoration(
                            borderRadius: BorderRadius.circular(15),
                            color:
                                isDark
                                    ? AppThemeData.greyDark100
                                    : AppThemeData.grey50,
                            border: Border.all(
                              color:
                                  isDark
                                      ? AppThemeData.greyDark200
                                      : AppThemeData.grey200,
                            ),
                          ),
                          child: Padding(
                            padding: const EdgeInsets.all(8.0),
                            child: Column(
                              children: [
                                Visibility(
                                  visible:
                                      controller
                                          .walletSettingModel
                                          .value
                                          .isEnabled ==
                                      true,
                                  child: cardDecoration(
                                    controller,
                                    PaymentGateway.wallet,
                                    isDark,
                                    "assets/images/ic_wallet.png",
                                  ),
                                ),
                                Visibility(
                                  visible:
                                      controller
                                          .cashOnDeliverySettingModel
                                          .value
                                          .isEnabled ==
                                      true,
                                  child: cardDecoration(
                                    controller,
                                    PaymentGateway.cod,
                                    isDark,
                                    "assets/images/ic_cash.png",
                                  ),
                                ),
                              ],
                            ),
                          ),
                        ),
                      if (controller.walletSettingModel.value.isEnabled ==
                              true ||
                          controller
                                  .cashOnDeliverySettingModel
                                  .value
                                  .isEnabled ==
                              true)
                        Column(
                          crossAxisAlignment: CrossAxisAlignment.start,
                          children: [
                            const SizedBox(height: 10),
                            Text(
                              ConstTexts.otherPaymentOptions.tr,
                              textAlign: TextAlign.start,
                              style: AppThemeData.boldTextStyle(
                                fontSize: 15,
                                color:
                                    isDark
                                        ? AppThemeData.greyDark500
                                        : AppThemeData.grey500,
                              ),
                            ),
                            const SizedBox(height: 10),
                          ],
                        ),
                      Container(
                        decoration: BoxDecoration(
                          borderRadius: BorderRadius.circular(15),
                          color:
                              isDark
                                  ? AppThemeData.greyDark100
                                  : AppThemeData.grey50,
                          border: Border.all(
                            color:
                                isDark
                                    ? AppThemeData.greyDark200
                                    : AppThemeData.grey200,
                          ),
                        ),
                        child: Padding(
                          padding: const EdgeInsets.all(8.0),
                          child: Column(
                            children: [
                              Visibility(
                                visible:
                                    controller.stripeModel.value.isEnabled ==
                                    true,
                                child: cardDecoration(
                                  controller,
                                  PaymentGateway.stripe,
                                  isDark,
                                  "assets/images/stripe.png",
                                ),
                              ),
                              Visibility(
                                visible:
                                    controller.payPalModel.value.isEnabled ==
                                    true,
                                child: cardDecoration(
                                  controller,
                                  PaymentGateway.paypal,
                                  isDark,
                                  "assets/images/paypal.png",
                                ),
                              ),
                              Visibility(
                                visible:
                                    controller.payStackModel.value.isEnable ==
                                    true,
                                child: cardDecoration(
                                  controller,
                                  PaymentGateway.payStack,
                                  isDark,
                                  "assets/images/paystack.png",
                                ),
                              ),
                              Visibility(
                                visible:
                                    controller
                                        .mercadoPagoModel
                                        .value
                                        .isEnabled ==
                                    true,
                                child: cardDecoration(
                                  controller,
                                  PaymentGateway.mercadoPago,
                                  isDark,
                                  "assets/images/mercado-pago.png",
                                ),
                              ),
                              Visibility(
                                visible:
                                    controller
                                        .flutterWaveModel
                                        .value
                                        .isEnable ==
                                    true,
                                child: cardDecoration(
                                  controller,
                                  PaymentGateway.flutterWave,
                                  isDark,
                                  "assets/images/flutterwave_logo.png",
                                ),
                              ),
                              Visibility(
                                visible:
                                    controller.payFastModel.value.isEnable ==
                                    true,
                                child: cardDecoration(
                                  controller,
                                  PaymentGateway.payFast,
                                  isDark,
                                  "assets/images/payfast.png",
                                ),
                              ),
                              Visibility(
                                visible:
                                    controller.razorPayModel.value.isEnabled ==
                                    true,
                                child: cardDecoration(
                                  controller,
                                  PaymentGateway.razorpay,
                                  isDark,
                                  "assets/images/razorpay.png",
                                ),
                              ),
                              Visibility(
                                visible:
                                    controller.midTransModel.value.enable ==
                                    true,
                                child: cardDecoration(
                                  controller,
                                  PaymentGateway.midTrans,
                                  isDark,
                                  "assets/images/midtrans.png",
                                ),
                              ),
                              Visibility(
                                visible:
                                    controller.orangeMoneyModel.value.enable ==
                                    true,
                                child: cardDecoration(
                                  controller,
                                  PaymentGateway.orangeMoney,
                                  isDark,
                                  "assets/images/orange_money.png",
                                ),
                              ),
                              Visibility(
                                visible:
                                    controller.xenditModel.value.enable == true,
                                child: cardDecoration(
                                  controller,
                                  PaymentGateway.xendit,
                                  isDark,
                                  "assets/images/xendit.png",
                                ),
                              ),
                            ],
                          ),
                        ),
                      ),
                      SizedBox(height: 20),
                    ],
                  ),
                ),
                RoundedButtonFill(
                  borderRadius: 10.r,
                  title: ConstTexts.continueT.tr,
                  color: AppThemeData.primary300,
                  textColor: AppThemeData.grey900,
                  onPress: () async {
                    if (controller.selectedPaymentMethod.value.isEmpty) {
                      ShowToastDialog.showToast(
                        ConstTexts.plsSelectPaymentMethod.tr,
                      );
                      return;
                    }
                    if (controller.selectedPaymentMethod.value == "wallet") {
                      num walletAmount =
                          controller.userModel.value.walletAmount ?? 0;
                      if (walletAmount <= 0) {
                        ShowToastDialog.showToast(
                          ConstTexts.insufficientWallet.tr,
                        );
                        return;
                      }
                    }
                    if (controller.currentOrder.value.id != null) {
                      controller.bottomSheetType.value = "driverDetails";
                    } else {
                      controller.bottomSheetType.value = "conformRide";
                    }
                  },
                ),
                // RoundedButtonFill(
                //   title: "Continue".tr,
                //   color: AppThemeData.primary300,
                //   textColor: AppThemeData.grey900,
                //   onPress: () async {
                //     if (controller.selectedPaymentMethod.value.isEmpty) {
                //       ShowToastDialog.showToast("Please select a payment method");
                //     } else {
                //       if (controller.currentOrder.value.id != null) {
                //         controller.bottomSheetType.value = "driverDetails";
                //       } else {
                //         controller.bottomSheetType.value = "conformRide";
                //       }
                //     }
                //   },
                // ),
              ],
            ),
          );
        },
      ),
    );
  }

  Widget conformBottomSheet(BuildContext context, bool isDark) {
    return Positioned.fill(
      child: DraggableScrollableSheet(
        initialChildSize: 0.7,
        minChildSize: 0.3,
        maxChildSize: 0.8,
        expand: false,
        builder: (context, scrollController) {
          return GetX(
            init: IntercityHomeController(),
            builder: (controller) {
              return Container(
                decoration: BoxDecoration(
                  color: isDark ? AppThemeData.grey700 : Colors.white,
                  borderRadius: BorderRadius.only(
                    topLeft: Radius.circular(30),
                    topRight: Radius.circular(30),
                  ),
                ),
                child: Padding(
                  padding: const EdgeInsets.symmetric(
                    horizontal: 15.0,
                    vertical: 10,
                  ),
                  child: Column(
                    mainAxisSize: MainAxisSize.min,
                    children: [
                      Container(
                        decoration: BoxDecoration(
                          borderRadius: BorderRadius.circular(10),
                          color: AppThemeData.grey400,
                        ),
                        height: 4,
                        width: 33,
                      ),
                      Expanded(
                        child: ListView(
                          controller: scrollController,
                          padding: EdgeInsets.zero,
                          children: [
                            const SizedBox(height: 10),
                            Stack(
                              children: [
                                Container(
                                  decoration: BoxDecoration(
                                    color:
                                        isDark
                                            ? Colors.transparent
                                            : Colors.white,
                                    borderRadius: BorderRadius.circular(12),
                                  ),
                                  child: Column(
                                    mainAxisSize: MainAxisSize.min,
                                    children: [
                                      // Pickup Location
                                      InkWell(
                                        onTap: () async {
                                          if (Constant.selectedMapType ==
                                              'osm') {
                                            final result = await Get.to(
                                              () => MapPickerPage(),
                                            );
                                            if (result != null) {
                                              controller
                                                  .sourceTextEditController
                                                  .value
                                                  .text = '';
                                              final firstPlace = result;
                                              final lat =
                                                  firstPlace
                                                      .coordinates
                                                      .latitude;
                                              final lng =
                                                  firstPlace
                                                      .coordinates
                                                      .longitude;
                                              final address =
                                                  firstPlace.address;
                                              controller
                                                  .sourceTextEditController
                                                  .value
                                                  .text = address.toString();
                                              controller.setDepartureMarker(
                                                lat,
                                                lng,
                                              );
                                            }
                                          } else {
                                            Get.to(
                                              LocationPickerScreen(),
                                            )!.then((value) async {
                                              if (value != null) {
                                                SelectedLocationModel
                                                selectedLocationModel = value;

                                                controller
                                                    .sourceTextEditController
                                                    .value
                                                    .text = Utils.formatAddress(
                                                  selectedLocation:
                                                      selectedLocationModel,
                                                );
                                                controller.setDepartureMarker(
                                                  selectedLocationModel
                                                      .latLng!
                                                      .latitude,
                                                  selectedLocationModel
                                                      .latLng!
                                                      .longitude,
                                                );
                                              }
                                            });
                                          }
                                        },
                                        child: TextFieldWidget(
                                          controller:
                                              controller
                                                  .sourceTextEditController
                                                  .value,
                                          hintText:
                                              ConstTexts.pickUpLocation.tr,
                                          enable: false,
                                          prefix: const Padding(
                                            padding: EdgeInsets.only(
                                              left: 10,
                                              right: 10,
                                            ),
                                            child: Icon(
                                              Icons.stop_circle_outlined,
                                              color: Colors.green,
                                            ),
                                          ),
                                        ),
                                      ),
                                      const SizedBox(height: 10),
                                      // Destination Location
                                      InkWell(
                                        onTap: () async {
                                          if (Constant.selectedMapType ==
                                              'osm') {
                                            final result = await Get.to(
                                              () => MapPickerPage(),
                                            );
                                            if (result != null) {
                                              controller
                                                  .destinationTextEditController
                                                  .value
                                                  .text = '';
                                              final firstPlace = result;
                                              final lat =
                                                  firstPlace
                                                      .coordinates
                                                      .latitude;
                                              final lng =
                                                  firstPlace
                                                      .coordinates
                                                      .longitude;
                                              final address =
                                                  firstPlace.address;
                                              controller
                                                  .destinationTextEditController
                                                  .value
                                                  .text = address.toString();
                                              controller.setDestinationMarker(
                                                lat,
                                                lng,
                                              );
                                            }
                                          } else {
                                            Get.to(
                                              LocationPickerScreen(),
                                            )!.then((value) async {
                                              if (value != null) {
                                                SelectedLocationModel
                                                selectedLocationModel = value;

                                                controller
                                                    .destinationTextEditController
                                                    .value
                                                    .text = Utils.formatAddress(
                                                  selectedLocation:
                                                      selectedLocationModel,
                                                );
                                                controller.setDestinationMarker(
                                                  selectedLocationModel
                                                      .latLng!
                                                      .latitude,
                                                  selectedLocationModel
                                                      .latLng!
                                                      .longitude,
                                                );
                                              }
                                            });
                                          }
                                        },
                                        child: TextFieldWidget(
                                          controller:
                                              controller
                                                  .destinationTextEditController
                                                  .value,
                                          // backgroundColor: AppThemeData.grey50,
                                          // borderColor: AppThemeData.grey50,
                                          hintText:
                                              ConstTexts.destinationLocation.tr,
                                          enable: false,
                                          prefix: const Padding(
                                            padding: EdgeInsets.only(
                                              left: 10,
                                              right: 10,
                                            ),
                                            child: Icon(
                                              Icons.radio_button_checked,
                                              color: Colors.red,
                                            ),
                                          ),
                                        ),
                                      ),
                                    ],
                                  ),
                                ),
                                Positioned(
                                  left: 10,
                                  top: 33,
                                  child: DottedBorder(
                                    options: CustomPathDottedBorderOptions(
                                      color: Colors.grey.shade400,
                                      strokeWidth: 2,
                                      dashPattern: [4, 4],
                                      customPath:
                                          (size) =>
                                              Path()
                                                ..moveTo(size.width / 2, 0)
                                                ..lineTo(
                                                  size.width / 2,
                                                  size.height,
                                                ),
                                    ),
                                    child: const SizedBox(
                                      width: 20,
                                      height: 40,
                                    ),
                                  ),
                                ),
                              ],
                            ),
                            const SizedBox(height: 10),

                            Row(
                              children: [
                                Expanded(
                                  child: Text(
                                    ConstTexts.promoCode.tr,
                                    style: AppThemeData.boldTextStyle(
                                      fontSize: 16,
                                      color:
                                          isDark
                                              ? AppThemeData.greyDark900
                                              : AppThemeData.grey900,
                                    ),
                                  ),
                                ),
                                InkWell(
                                  onTap: () {
                                    Get.to(CabCouponCodeScreen())!.then((
                                      value,
                                    ) {
                                      if (value != null) {
                                        double couponAmount =
                                            Constant.calculateDiscount(
                                              amount:
                                                  controller.subTotal.value
                                                      .toString(),
                                              offerModel: value,
                                            );
                                        if (couponAmount <
                                            controller.subTotal.value) {
                                          controller.selectedCouponModel.value =
                                              value;
                                          controller.calculateTotalAmount();
                                        } else {
                                          ShowToastDialog.showToast(
                                            ConstTexts.thisOfferNotEligible.tr,
                                          );
                                        }
                                      }
                                    });
                                  },
                                  child: Text(
                                    ConstTexts.viewAll.tr,
                                    style: AppThemeData.boldTextStyle(
                                      decoration: TextDecoration.underline,
                                      fontSize: 14,
                                      color:
                                          isDark
                                              ? AppThemeData.primary300
                                              : AppThemeData.primary300,
                                    ),
                                  ),
                                ),
                              ],
                            ),
                            const SizedBox(height: 5),
                            ClipRRect(
                              borderRadius: BorderRadius.circular(10),
                              child: Container(
                                width: Responsive.width(100, context),
                                height: Responsive.height(6, context),
                                color: AppThemeData.carRent50,
                                child: DottedBorder(
                                  options: RectDottedBorderOptions(
                                    dashPattern: [10, 5],
                                    strokeWidth: 1,
                                    padding: EdgeInsets.all(0),
                                    color: AppThemeData.carRent400,
                                  ),
                                  child: Padding(
                                    padding: const EdgeInsets.symmetric(
                                      horizontal: 16,
                                      vertical: 10,
                                    ),
                                    child: Row(
                                      mainAxisAlignment:
                                          MainAxisAlignment.center,
                                      crossAxisAlignment:
                                          CrossAxisAlignment.center,
                                      children: [
                                        SvgPicture.asset(
                                          "assets/icons/ic_coupon.svg",
                                        ),
                                        Expanded(
                                          child: Padding(
                                            padding: const EdgeInsets.symmetric(
                                              horizontal: 10,
                                            ),
                                            child: TextFormField(
                                              controller:
                                                  controller
                                                      .couponCodeTextEditController
                                                      .value,
                                              style:
                                                  AppThemeData.semiBoldTextStyle(
                                                    color:
                                                        AppThemeData
                                                            .parcelService500,
                                                    fontSize: 16,
                                                  ),
                                              decoration: InputDecoration(
                                                border: InputBorder.none,
                                                hintText:
                                                    ConstTexts.writeCoupon.tr,
                                                contentPadding: EdgeInsets.only(
                                                  bottom: 10,
                                                ),
                                                hintStyle:
                                                    AppThemeData.semiBoldTextStyle(
                                                      color:
                                                          AppThemeData
                                                              .parcelService500,
                                                      fontSize: 16,
                                                    ),
                                              ),
                                            ),
                                          ),
                                        ),
                                        RoundedButtonFill(
                                          borderRadius: 10.r,
                                          title: ConstTexts.redeemNow.tr,
                                          width: 27.w,

                                          fontSizes: 14,
                                          onPress: () async {
                                            if (controller.cabCouponList
                                                .where(
                                                  (element) =>
                                                      element.code!
                                                          .toLowerCase() ==
                                                      controller
                                                          .couponCodeTextEditController
                                                          .value
                                                          .text
                                                          .toLowerCase(),
                                                )
                                                .isNotEmpty) {
                                              CouponModel
                                              couponModel = controller
                                                  .cabCouponList
                                                  .firstWhere(
                                                    (p0) =>
                                                        p0.code!
                                                            .toLowerCase() ==
                                                        controller
                                                            .couponCodeTextEditController
                                                            .value
                                                            .text
                                                            .toLowerCase(),
                                                  );
                                              if (couponModel.expiresAt!
                                                  .toDate()
                                                  .isAfter(DateTime.now())) {
                                                double couponAmount =
                                                    Constant.calculateDiscount(
                                                      amount:
                                                          controller
                                                              .subTotal
                                                              .value
                                                              .toString(),
                                                      offerModel: couponModel,
                                                    );
                                                if (couponAmount <
                                                    controller.subTotal.value) {
                                                  controller
                                                      .selectedCouponModel
                                                      .value = couponModel;
                                                  controller
                                                      .calculateTotalAmount();
                                                  controller.update();
                                                } else {
                                                  ShowToastDialog.showToast(
                                                    ConstTexts
                                                        .thisOfferNotEligible
                                                        .tr,
                                                  );
                                                }
                                              } else {
                                                ShowToastDialog.showToast(
                                                  ConstTexts.couponExpired.tr,
                                                );
                                              }
                                            } else {
                                              ShowToastDialog.showToast(
                                                ConstTexts.invalidCouponCode.tr,
                                              );
                                            }
                                          },
                                          color: AppThemeData.parcelService300,
                                          textColor: AppThemeData.grey50,
                                        ),
                                      ],
                                    ),
                                  ),
                                ),
                              ),
                            ),
                            const SizedBox(height: 10),

                            Container(
                              decoration: BoxDecoration(
                                borderRadius: BorderRadius.circular(15),
                                color:
                                    isDark
                                        ? AppThemeData.greyDark50
                                        : AppThemeData.grey50,
                                border: Border.all(
                                  color:
                                      isDark
                                          ? AppThemeData.greyDark200
                                          : AppThemeData.grey200,
                                ),
                              ),
                              padding: const EdgeInsets.all(16),
                              child: Column(
                                crossAxisAlignment: CrossAxisAlignment.start,
                                children: [
                                  Text(
                                    ConstTexts.orderSummary.tr,
                                    style: AppThemeData.boldTextStyle(
                                      fontSize: 14,
                                      color:
                                          isDark
                                              ? AppThemeData.greyDark500
                                              : AppThemeData.grey500,
                                    ),
                                  ),
                                  const SizedBox(height: 8),

                                  Padding(
                                    padding: const EdgeInsets.symmetric(
                                      vertical: 4,
                                    ),
                                    child: Row(
                                      mainAxisAlignment:
                                          MainAxisAlignment.spaceBetween,
                                      children: [
                                        Text(
                                          ConstTexts.subtotal.tr,
                                          style: AppThemeData.mediumTextStyle(
                                            fontSize: 16,
                                            color:
                                                isDark
                                                    ? AppThemeData.greyDark900
                                                    : AppThemeData.grey900,
                                          ),
                                        ),
                                        Text(
                                          Constant.amountShow(
                                            amount:
                                                controller.subTotal.value
                                                    .toString(),
                                          ),
                                          style: AppThemeData.semiBoldTextStyle(
                                            fontSize: 16,
                                            color:
                                                isDark
                                                    ? AppThemeData.greyDark900
                                                    : AppThemeData.grey900,
                                          ),
                                        ),
                                      ],
                                    ),
                                  ),

                                  Padding(
                                    padding: const EdgeInsets.symmetric(
                                      vertical: 4,
                                    ),
                                    child: Row(
                                      mainAxisAlignment:
                                          MainAxisAlignment.spaceBetween,
                                      children: [
                                        Row(
                                          children: [
                                            Text(
                                              ConstTexts.discount.tr,
                                              style:
                                                  AppThemeData.mediumTextStyle(
                                                    fontSize: 16,
                                                    color:
                                                        isDark
                                                            ? AppThemeData
                                                                .greyDark900
                                                            : AppThemeData
                                                                .grey900,
                                                  ),
                                            ),
                                            SizedBox(width: 5),
                                            Text(
                                              controller
                                                          .selectedCouponModel
                                                          .value
                                                          .id ==
                                                      null
                                                  ? ""
                                                  : "(${controller.selectedCouponModel.value.code})",
                                              style:
                                                  AppThemeData.mediumTextStyle(
                                                    fontSize: 16,
                                                    color:
                                                        AppThemeData.primary300,
                                                  ),
                                            ),
                                          ],
                                        ),
                                        Text(
                                          Constant.amountShow(
                                            amount:
                                                controller.discount.value
                                                    .toString(),
                                          ),
                                          style: AppThemeData.semiBoldTextStyle(
                                            fontSize: 16,
                                            color: AppThemeData.danger300,
                                          ),
                                        ),
                                      ],
                                    ),
                                  ),

                                  // Tax List
                                  ListView.builder(
                                    itemCount: Constant.taxList.length,
                                    shrinkWrap: true,
                                    physics: NeverScrollableScrollPhysics(),
                                    padding: EdgeInsets.zero,
                                    itemBuilder: (context, index) {
                                      TaxModel taxModel =
                                          Constant.taxList[index];
                                      return Padding(
                                        padding: const EdgeInsets.only(
                                          bottom: 5,
                                        ),
                                        child: Row(
                                          children: [
                                            Expanded(
                                              child: Text(
                                                '${taxModel.title} (${taxModel.tax} ${taxModel.type == "Fixed" ? Constant.currencyData!.code : "%"})',
                                                textAlign: TextAlign.start,
                                                style:
                                                    AppThemeData.mediumTextStyle(
                                                      fontSize: 14,
                                                      color:
                                                          isDark
                                                              ? AppThemeData
                                                                  .greyDark900
                                                              : AppThemeData
                                                                  .grey900,
                                                    ),
                                              ),
                                            ),
                                            Text(
                                              Constant.amountShow(
                                                amount:
                                                    Constant.calculateTax(
                                                      amount:
                                                          (controller
                                                                      .subTotal
                                                                      .value -
                                                                  controller
                                                                      .discount
                                                                      .value)
                                                              .toString(),
                                                      taxModel: taxModel,
                                                    ).toString(),
                                              ),
                                              textAlign: TextAlign.start,
                                              style:
                                                  AppThemeData.semiBoldTextStyle(
                                                    fontSize: 16,
                                                    color:
                                                        isDark
                                                            ? AppThemeData
                                                                .greyDark900
                                                            : AppThemeData
                                                                .grey900,
                                                  ),
                                            ),
                                          ],
                                        ),
                                      );
                                    },
                                  ),
                                  const Divider(),

                                  Padding(
                                    padding: const EdgeInsets.symmetric(
                                      vertical: 4,
                                    ),
                                    child: Row(
                                      mainAxisAlignment:
                                          MainAxisAlignment.spaceBetween,
                                      children: [
                                        Text(
                                          ConstTexts.orderTotal.tr,
                                          style: AppThemeData.mediumTextStyle(
                                            fontSize: 16,
                                            color:
                                                isDark
                                                    ? AppThemeData.greyDark900
                                                    : AppThemeData.grey900,
                                          ),
                                        ),
                                        Text(
                                          Constant.amountShow(
                                            amount:
                                                controller.totalAmount.value
                                                    .toString(),
                                          ),
                                          style: AppThemeData.semiBoldTextStyle(
                                            fontSize: 16,
                                            color:
                                                isDark
                                                    ? AppThemeData.greyDark900
                                                    : AppThemeData.grey900,
                                          ),
                                        ),
                                      ],
                                    ),
                                  ),
                                ],
                              ),
                            ),
                            const SizedBox(height: 20),
                            Container(
                              decoration: BoxDecoration(
                                borderRadius: BorderRadius.circular(15),
                                color:
                                    isDark
                                        ? AppThemeData.greyDark50
                                        : AppThemeData.grey50,
                                border: Border.all(
                                  color:
                                      isDark
                                          ? AppThemeData.greyDark200
                                          : AppThemeData.grey200,
                                ),
                              ),
                              padding: const EdgeInsets.all(10),
                              child: Row(
                                children: [
                                  controller.selectedPaymentMethod.value == ''
                                      ? cardDecorationScreen(
                                        controller,
                                        PaymentGateway.wallet,
                                        isDark,
                                        "",
                                      )
                                      : controller
                                              .selectedPaymentMethod
                                              .value ==
                                          PaymentGateway.wallet.name
                                      ? cardDecorationScreen(
                                        controller,
                                        PaymentGateway.wallet,
                                        isDark,
                                        "assets/images/ic_wallet.png",
                                      )
                                      : controller
                                              .selectedPaymentMethod
                                              .value ==
                                          PaymentGateway.cod.name
                                      ? cardDecorationScreen(
                                        controller,
                                        PaymentGateway.cod,
                                        isDark,
                                        "assets/images/ic_cash.png",
                                      )
                                      : controller
                                              .selectedPaymentMethod
                                              .value ==
                                          PaymentGateway.stripe.name
                                      ? cardDecorationScreen(
                                        controller,
                                        PaymentGateway.stripe,
                                        isDark,
                                        "assets/images/stripe.png",
                                      )
                                      : controller
                                              .selectedPaymentMethod
                                              .value ==
                                          PaymentGateway.paypal.name
                                      ? cardDecorationScreen(
                                        controller,
                                        PaymentGateway.paypal,
                                        isDark,
                                        "assets/images/paypal.png",
                                      )
                                      : controller
                                              .selectedPaymentMethod
                                              .value ==
                                          PaymentGateway.payStack.name
                                      ? cardDecorationScreen(
                                        controller,
                                        PaymentGateway.payStack,
                                        isDark,
                                        "assets/images/paystack.png",
                                      )
                                      : controller
                                              .selectedPaymentMethod
                                              .value ==
                                          PaymentGateway.mercadoPago.name
                                      ? cardDecorationScreen(
                                        controller,
                                        PaymentGateway.mercadoPago,
                                        isDark,
                                        "assets/images/mercado-pago.png",
                                      )
                                      : controller
                                              .selectedPaymentMethod
                                              .value ==
                                          PaymentGateway.flutterWave.name
                                      ? cardDecorationScreen(
                                        controller,
                                        PaymentGateway.flutterWave,
                                        isDark,
                                        "assets/images/flutterwave_logo.png",
                                      )
                                      : controller
                                              .selectedPaymentMethod
                                              .value ==
                                          PaymentGateway.payFast.name
                                      ? cardDecorationScreen(
                                        controller,
                                        PaymentGateway.payFast,
                                        isDark,
                                        "assets/images/payfast.png",
                                      )
                                      : controller
                                              .selectedPaymentMethod
                                              .value ==
                                          PaymentGateway.midTrans.name
                                      ? cardDecorationScreen(
                                        controller,
                                        PaymentGateway.midTrans,
                                        isDark,
                                        "assets/images/midtrans.png",
                                      )
                                      : controller
                                              .selectedPaymentMethod
                                              .value ==
                                          PaymentGateway.orangeMoney.name
                                      ? cardDecorationScreen(
                                        controller,
                                        PaymentGateway.orangeMoney,
                                        isDark,
                                        "assets/images/orange_money.png",
                                      )
                                      : controller
                                              .selectedPaymentMethod
                                              .value ==
                                          PaymentGateway.xendit.name
                                      ? cardDecorationScreen(
                                        controller,
                                        PaymentGateway.xendit,
                                        isDark,
                                        "assets/images/xendit.png",
                                      )
                                      : cardDecorationScreen(
                                        controller,
                                        PaymentGateway.razorpay,
                                        isDark,
                                        "assets/images/razorpay.png",
                                      ),
                                  SizedBox(width: 22),
                                  Text(
                                    controller.selectedPaymentMethod.value,
                                    textAlign: TextAlign.start,
                                    style: AppThemeData.boldTextStyle(
                                      fontSize: 16,
                                      color:
                                          isDark
                                              ? AppThemeData.greyDark900
                                              : AppThemeData.grey900,
                                    ),
                                  ),
                                ],
                              ),
                            ),
                          ],
                        ),
                      ),
                      RoundedButtonFill(
                        borderRadius: 10.r,
                        title: ConstTexts.confirmBooking.tr,
                        onPress: () async {
                          controller.placeOrder();
                        },
                        color: AppThemeData.primary300,
                        textColor: AppThemeData.grey900,
                      ),
                    ],
                  ),
                ),
              );
            },
          );
        },
      ),
    );
  }

  Widget waitingDialog(
    BuildContext context,
    IntercityHomeController controller,
    bool isDark,
  ) {
    return Positioned.fill(
      child: DraggableScrollableSheet(
        initialChildSize: 0.4,
        minChildSize: 0.4,
        maxChildSize: 0.4,
        expand: false,
        builder: (context, scrollController) {
          return Container(
            decoration: BoxDecoration(
              color: Colors.white,
              borderRadius: BorderRadius.only(
                topLeft: Radius.circular(30),
                topRight: Radius.circular(30),
              ),
            ),
            child: Padding(
              padding: const EdgeInsets.symmetric(
                horizontal: 15.0,
                vertical: 10,
              ),
              child: Column(
                mainAxisSize: MainAxisSize.min,
                children: [
                  Container(
                    decoration: BoxDecoration(
                      borderRadius: BorderRadius.circular(10),
                      color: AppThemeData.grey400,
                    ),
                    height: 4,
                    width: 33,
                  ),
                  SizedBox(height: 30),
                  Text(
                    ConstTexts.waitingForDriver.tr,
                    style: AppThemeData.mediumTextStyle(
                      fontSize: 18,
                      color: AppThemeData.grey900,
                    ),
                  ),
                  Image.asset('assets/loader.gif', width: 250),
                  RoundedButtonFill(
                    borderRadius: 10.r,
                    title: ConstTexts.cancelRide.tr,
                    onPress: () async {
                      try {
                        // 1. Update current order status
                        controller.currentOrder.update((order) {
                          if (order != null) {
                            order.status = Constant.orderRejected;
                          }
                        });

                        // 2. Save to Firestore
                        if (controller.currentOrder.value.id != null) {
                          await FireStoreUtils.updateCabOrder(
                            controller.currentOrder.value,
                          );
                        }

                        // 3. Reset controller states
                        controller.bottomSheetType.value = "";
                        controller.polyLines.clear();
                        controller.markers.clear();
                        controller.osmMarker.clear();
                        controller.routePoints.clear();
                        controller.sourceTextEditController.value.clear();
                        controller.destinationTextEditController.value.clear();
                        controller.departureLatLong.value = const LatLng(
                          0.0,
                          0.0,
                        );
                        controller.destinationLatLong.value = const LatLng(
                          0.0,
                          0.0,
                        );
                        controller.departureLatLongOsm.value = latlong.LatLng(
                          0.0,
                          0.0,
                        );
                        controller.destinationLatLongOsm.value = latlong.LatLng(
                          0.0,
                          0.0,
                        );

                        // 4. Reset user’s in-progress order
                        if (Constant.userModel != null) {
                          Constant.userModel!.inProgressOrderID = null;
                          await FireStoreUtils.updateUser(Constant.userModel!);
                        }

                        // 5. Optional feedback
                        ShowToastDialog.showToast(
                          ConstTexts.riderCancelledSucces.tr,
                        );
                        Get.back();
                        CabDashboardController cabDashboardController = Get.put(
                          CabDashboardController(),
                        );
                        cabDashboardController.selectedIndex.value = 0;
                      } catch (e) {
                        ShowToastDialog.showToast(ConstTexts.failedToCancel.tr);
                      }
                    },
                    color: AppThemeData.danger300,
                    textColor: AppThemeData.surface,
                  ),
                ],
              ),
            ),
          );
        },
      ),
    );
  }

  Widget driverDialog(
    BuildContext context,
    IntercityHomeController controller,
    bool isDark,
  ) {
    return Positioned.fill(
      child: DraggableScrollableSheet(
        initialChildSize: 0.7,
        minChildSize: 0.7,
        maxChildSize: 0.8,
        expand: false,
        builder: (context, scrollController) {
          return Container(
            decoration: BoxDecoration(
              color: isDark ? AppThemeData.grey700 : Colors.white,
              borderRadius: BorderRadius.only(
                topLeft: Radius.circular(30),
                topRight: Radius.circular(30),
              ),
            ),
            child: Padding(
              padding: const EdgeInsets.symmetric(
                horizontal: 15.0,
                vertical: 10,
              ),
              child: Column(
                mainAxisSize: MainAxisSize.min,
                children: [
                  Container(
                    decoration: BoxDecoration(
                      borderRadius: BorderRadius.circular(10),
                      color: AppThemeData.grey400,
                    ),
                    height: 4,
                    width: 33,
                  ),
                  Expanded(
                    child: ListView(
                      controller: scrollController,
                      padding: EdgeInsets.zero,
                      children: [
                        const SizedBox(height: 10),
                        Stack(
                          children: [
                            Container(
                              decoration: BoxDecoration(
                                color:
                                    isDark ? Colors.transparent : Colors.white,
                                borderRadius: BorderRadius.circular(12),
                              ),
                              child: Column(
                                mainAxisSize: MainAxisSize.min,
                                children: [
                                  // Pickup Location
                                  InkWell(
                                    onTap: () async {
                                      // if (Constant.selectedMapType == 'osm') {
                                      //   final result = await Get.to(() => MapPickerPage());
                                      //   if (result != null) {
                                      //     controller.sourceTextEditController.value.text = '';
                                      //     final firstPlace = result;
                                      //     final lat = firstPlace.coordinates.latitude;
                                      //     final lng = firstPlace.coordinates.longitude;
                                      //     final address = firstPlace.address;
                                      //     controller.sourceTextEditController.value.text = address.toString();
                                      //     controller.setDepartureMarker(lat, lng);
                                      //   }
                                      // } else {
                                      //   Get.to(LocationPickerScreen())!.then((value) async {
                                      //     if (value != null) {
                                      //       SelectedLocationModel selectedLocationModel = value;
                                      //
                                      //       controller.sourceTextEditController.value.text = Utils.formatAddress(selectedLocation: selectedLocationModel);
                                      //       controller.setDepartureMarker(selectedLocationModel.latLng!.latitude, selectedLocationModel.latLng!.longitude);
                                      //     }
                                      //   });
                                      // }
                                    },
                                    child: TextFieldWidget(
                                      controller:
                                          controller
                                              .sourceTextEditController
                                              .value,
                                      hintText: ConstTexts.pickUpLocation.tr,
                                      enable: false,
                                      readOnly: true,
                                      prefix: const Padding(
                                        padding: EdgeInsets.only(
                                          left: 10,
                                          right: 10,
                                        ),
                                        child: Icon(
                                          Icons.stop_circle_outlined,
                                          color: Colors.green,
                                        ),
                                      ),
                                    ),
                                  ),
                                  const SizedBox(height: 10),
                                  // Destination Location
                                  InkWell(
                                    onTap: () async {
                                      // if (Constant.selectedMapType == 'osm') {
                                      //   final result = await Get.to(() => MapPickerPage());
                                      //   if (result != null) {
                                      //     controller.destinationTextEditController.value.text = '';
                                      //     final firstPlace = result;
                                      //     final lat = firstPlace.coordinates.latitude;
                                      //     final lng = firstPlace.coordinates.longitude;
                                      //     final address = firstPlace.address;
                                      //     controller.destinationTextEditController.value.text = address.toString();
                                      //     controller.setDestinationMarker(lat, lng);
                                      //   }
                                      // } else {
                                      //   Get.to(LocationPickerScreen())!.then((value) async {
                                      //     if (value != null) {
                                      //       SelectedLocationModel selectedLocationModel = value;
                                      //
                                      //       controller.destinationTextEditController.value.text = Utils.formatAddress(selectedLocation: selectedLocationModel);
                                      //       controller.setDestinationMarker(selectedLocationModel.latLng!.latitude, selectedLocationModel.latLng!.longitude);
                                      //     }
                                      //   });
                                      // }
                                    },
                                    child: TextFieldWidget(
                                      controller:
                                          controller
                                              .destinationTextEditController
                                              .value,
                                      // backgroundColor: AppThemeData.grey50,
                                      // borderColor: AppThemeData.grey50,
                                      hintText:
                                          ConstTexts.destinationLocation.tr,
                                      enable: false,
                                      readOnly: true,
                                      prefix: const Padding(
                                        padding: EdgeInsets.only(
                                          left: 10,
                                          right: 10,
                                        ),
                                        child: Icon(
                                          Icons.radio_button_checked,
                                          color: Colors.red,
                                        ),
                                      ),
                                    ),
                                  ),
                                ],
                              ),
                            ),
                            Positioned(
                              left: 10,
                              top: 33,
                              child: DottedBorder(
                                options: CustomPathDottedBorderOptions(
                                  color: Colors.grey.shade400,
                                  strokeWidth: 2,
                                  dashPattern: [4, 4],
                                  customPath:
                                      (size) =>
                                          Path()
                                            ..moveTo(size.width / 2, 0)
                                            ..lineTo(
                                              size.width / 2,
                                              size.height,
                                            ),
                                ),
                                child: const SizedBox(width: 20, height: 40),
                              ),
                            ),
                          ],
                        ),
                        const SizedBox(height: 14),
                        Row(
                          mainAxisAlignment: MainAxisAlignment.start,
                          crossAxisAlignment: CrossAxisAlignment.start,
                          children: [
                            ClipRRect(
                              borderRadius: BorderRadiusGeometry.circular(10),
                              child: NetworkImageWidget(
                                imageUrl:
                                    controller
                                        .currentOrder
                                        .value
                                        .driver
                                        ?.profilePictureURL ??
                                    '',
                                height: 70,
                                width: 70,
                                borderRadius: 35,
                              ),
                            ),
                            SizedBox(width: 10),
                            Expanded(
                              child: Column(
                                mainAxisAlignment: MainAxisAlignment.start,
                                crossAxisAlignment: CrossAxisAlignment.start,
                                children: [
                                  Text(
                                    controller.currentOrder.value.driver
                                            ?.fullName() ??
                                        '',
                                    style: AppThemeData.boldTextStyle(
                                      color:
                                          isDark
                                              ? AppThemeData.greyDark900
                                              : AppThemeData.grey900,
                                      fontSize: 18,
                                    ),
                                  ),
                                  Text(
                                    "${controller.currentOrder.value.driver?.vehicleType ?? ''} | ${controller.currentOrder.value.driver?.carMakes ?? ''}",
                                    style: TextStyle(
                                      fontFamily: AppThemeData.medium,
                                      color:
                                          isDark
                                              ? AppThemeData.greyDark700
                                              : AppThemeData.grey700,
                                      fontSize: 14,
                                    ),
                                  ),
                                  Text(
                                    controller
                                            .currentOrder
                                            .value
                                            .driver
                                            ?.carNumber ??
                                        '',
                                    style: AppThemeData.boldTextStyle(
                                      color:
                                          isDark
                                              ? AppThemeData.greyDark700
                                              : AppThemeData.grey700,
                                      fontSize: 16,
                                    ),
                                  ),
                                ],
                              ),
                            ),
                            RoundedButtonBorder(
                              title:
                                  controller.driverModel.value.averageRating
                                      .toStringAsFixed(1) ??
                                  '',
                              width: 20,
                              height: 3.5,
                              radius: 10,
                              isRight: false,
                              isCenter: true,
                              textColor: AppThemeData.warning400,
                              borderColor: AppThemeData.warning400,
                              color: AppThemeData.warning50,
                              icon: SvgPicture.asset(
                                "assets/icons/ic_start.svg",
                              ),
                              onPress: () {},
                            ),
                          ],
                        ),
                        const SizedBox(height: 20),
                        Container(
                          decoration: BoxDecoration(
                            borderRadius: BorderRadius.circular(15),
                            color:
                                isDark
                                    ? AppThemeData.greyDark50
                                    : AppThemeData.grey50,
                            border: Border.all(
                              color:
                                  isDark
                                      ? AppThemeData.greyDark200
                                      : AppThemeData.grey200,
                            ),
                          ),
                          padding: const EdgeInsets.all(16),
                          child: Column(
                            crossAxisAlignment: CrossAxisAlignment.start,
                            children: [
                              Text(
                                ConstTexts.orderSummary.tr,
                                style: AppThemeData.boldTextStyle(
                                  fontSize: 14,
                                  color:
                                      isDark
                                          ? AppThemeData.greyDark500
                                          : AppThemeData.grey500,
                                ),
                              ),
                              const SizedBox(height: 8),

                              Padding(
                                padding: const EdgeInsets.symmetric(
                                  vertical: 4,
                                ),
                                child: Row(
                                  mainAxisAlignment:
                                      MainAxisAlignment.spaceBetween,
                                  children: [
                                    Text(
                                      ConstTexts.subtotal.tr,
                                      style: AppThemeData.mediumTextStyle(
                                        fontSize: 16,
                                        color:
                                            isDark
                                                ? AppThemeData.greyDark900
                                                : AppThemeData.grey900,
                                      ),
                                    ),
                                    Text(
                                      Constant.amountShow(
                                        amount:
                                            controller.subTotal.value
                                                .toString(),
                                      ),
                                      style: AppThemeData.semiBoldTextStyle(
                                        fontSize: 16,
                                        color:
                                            isDark
                                                ? AppThemeData.greyDark900
                                                : AppThemeData.grey900,
                                      ),
                                    ),
                                  ],
                                ),
                              ),

                              Padding(
                                padding: const EdgeInsets.symmetric(
                                  vertical: 4,
                                ),
                                child: Row(
                                  mainAxisAlignment:
                                      MainAxisAlignment.spaceBetween,
                                  children: [
                                    Text(
                                      ConstTexts.discount.tr,
                                      style: AppThemeData.mediumTextStyle(
                                        fontSize: 16,
                                        color:
                                            isDark
                                                ? AppThemeData.greyDark900
                                                : AppThemeData.grey900,
                                      ),
                                    ),
                                    Text(
                                      Constant.amountShow(
                                        amount:
                                            controller.discount.value
                                                .toString(),
                                      ),
                                      style: AppThemeData.semiBoldTextStyle(
                                        fontSize: 16,
                                        color: AppThemeData.danger300,
                                      ),
                                    ),
                                  ],
                                ),
                              ),

                              // Tax List
                              ListView.builder(
                                itemCount: Constant.taxList.length,
                                shrinkWrap: true,
                                physics: NeverScrollableScrollPhysics(),
                                padding: EdgeInsets.zero,
                                itemBuilder: (context, index) {
                                  TaxModel taxModel = Constant.taxList[index];
                                  return Padding(
                                    padding: const EdgeInsets.only(bottom: 5),
                                    child: Row(
                                      children: [
                                        Expanded(
                                          child: Text(
                                            '${taxModel.title} (${taxModel.tax} ${taxModel.type == "Fixed" ? Constant.currencyData!.code : "%"})',
                                            textAlign: TextAlign.start,
                                            style: AppThemeData.mediumTextStyle(
                                              fontSize: 14,
                                              color:
                                                  isDark
                                                      ? AppThemeData.greyDark900
                                                      : AppThemeData.grey900,
                                            ),
                                          ),
                                        ),
                                        Text(
                                          Constant.amountShow(
                                            amount:
                                                Constant.calculateTax(
                                                  amount:
                                                      (controller
                                                                  .subTotal
                                                                  .value -
                                                              controller
                                                                  .discount
                                                                  .value)
                                                          .toString(),
                                                  taxModel: taxModel,
                                                ).toString(),
                                          ),
                                          textAlign: TextAlign.start,
                                          style: AppThemeData.semiBoldTextStyle(
                                            fontSize: 16,
                                            color:
                                                isDark
                                                    ? AppThemeData.greyDark900
                                                    : AppThemeData.grey900,
                                          ),
                                        ),
                                      ],
                                    ),
                                  );
                                },
                              ),
                              const Divider(),

                              Padding(
                                padding: const EdgeInsets.symmetric(
                                  vertical: 4,
                                ),
                                child: Row(
                                  mainAxisAlignment:
                                      MainAxisAlignment.spaceBetween,
                                  children: [
                                    Text(
                                      ConstTexts.orderTotal.tr,
                                      style: AppThemeData.mediumTextStyle(
                                        fontSize: 16,
                                        color:
                                            isDark
                                                ? AppThemeData.greyDark900
                                                : AppThemeData.grey900,
                                      ),
                                    ),
                                    Text(
                                      Constant.amountShow(
                                        amount:
                                            controller.totalAmount.value
                                                .toString(),
                                      ),
                                      style: AppThemeData.semiBoldTextStyle(
                                        fontSize: 16,
                                        color:
                                            isDark
                                                ? AppThemeData.greyDark900
                                                : AppThemeData.grey900,
                                      ),
                                    ),
                                  ],
                                ),
                              ),
                            ],
                          ),
                        ),
                        const SizedBox(height: 20),
                        Container(
                          decoration: BoxDecoration(
                            borderRadius: BorderRadius.circular(15),
                            color:
                                isDark
                                    ? AppThemeData.greyDark50
                                    : AppThemeData.grey50,
                            border: Border.all(
                              color:
                                  isDark
                                      ? AppThemeData.greyDark200
                                      : AppThemeData.grey200,
                            ),
                          ),
                          padding: const EdgeInsets.all(10),
                          child: InkWell(
                            onTap: () {
                              controller.bottomSheetType.value = 'payment';
                            },
                            child: Row(
                              children: [
                                controller.selectedPaymentMethod.value ==
                                        PaymentGateway.wallet.name
                                    ? cardDecorationScreen(
                                      controller,
                                      PaymentGateway.wallet,
                                      isDark,
                                      "assets/images/ic_wallet.png",
                                    )
                                    : controller.selectedPaymentMethod.value ==
                                        PaymentGateway.cod.name
                                    ? cardDecorationScreen(
                                      controller,
                                      PaymentGateway.cod,
                                      isDark,
                                      "assets/images/ic_cash.png",
                                    )
                                    : controller.selectedPaymentMethod.value ==
                                        PaymentGateway.stripe.name
                                    ? cardDecorationScreen(
                                      controller,
                                      PaymentGateway.stripe,
                                      isDark,
                                      "assets/images/stripe.png",
                                    )
                                    : controller.selectedPaymentMethod.value ==
                                        PaymentGateway.paypal.name
                                    ? cardDecorationScreen(
                                      controller,
                                      PaymentGateway.paypal,
                                      isDark,
                                      "assets/images/paypal.png",
                                    )
                                    : controller.selectedPaymentMethod.value ==
                                        PaymentGateway.payStack.name
                                    ? cardDecorationScreen(
                                      controller,
                                      PaymentGateway.payStack,
                                      isDark,
                                      "assets/images/paystack.png",
                                    )
                                    : controller.selectedPaymentMethod.value ==
                                        PaymentGateway.mercadoPago.name
                                    ? cardDecorationScreen(
                                      controller,
                                      PaymentGateway.mercadoPago,
                                      isDark,
                                      "assets/images/mercado-pago.png",
                                    )
                                    : controller.selectedPaymentMethod.value ==
                                        PaymentGateway.flutterWave.name
                                    ? cardDecorationScreen(
                                      controller,
                                      PaymentGateway.flutterWave,
                                      isDark,
                                      "assets/images/flutterwave_logo.png",
                                    )
                                    : controller.selectedPaymentMethod.value ==
                                        PaymentGateway.payFast.name
                                    ? cardDecorationScreen(
                                      controller,
                                      PaymentGateway.payFast,
                                      isDark,
                                      "assets/images/payfast.png",
                                    )
                                    : controller.selectedPaymentMethod.value ==
                                        PaymentGateway.midTrans.name
                                    ? cardDecorationScreen(
                                      controller,
                                      PaymentGateway.midTrans,
                                      isDark,
                                      "assets/images/midtrans.png",
                                    )
                                    : controller.selectedPaymentMethod.value ==
                                        PaymentGateway.orangeMoney.name
                                    ? cardDecorationScreen(
                                      controller,
                                      PaymentGateway.orangeMoney,
                                      isDark,
                                      "assets/images/orange_money.png",
                                    )
                                    : controller.selectedPaymentMethod.value ==
                                        PaymentGateway.xendit.name
                                    ? cardDecorationScreen(
                                      controller,
                                      PaymentGateway.xendit,
                                      isDark,
                                      "assets/images/xendit.png",
                                    )
                                    : cardDecorationScreen(
                                      controller,
                                      PaymentGateway.razorpay,
                                      isDark,
                                      "assets/images/razorpay.png",
                                    ),
                                SizedBox(width: 22),
                                Text(
                                  controller.selectedPaymentMethod.value,
                                  textAlign: TextAlign.start,
                                  style: AppThemeData.boldTextStyle(
                                    fontSize: 16,
                                    color:
                                        isDark
                                            ? AppThemeData.greyDark900
                                            : AppThemeData.grey900,
                                  ),
                                ),
                              ],
                            ),
                          ),
                        ),
                        const SizedBox(height: 20),
                        Obx(() {
                          if (controller.currentOrder.value.status ==
                              Constant.orderInTransit) {
                            return Column(
                              children: [
                                RoundedButtonFill(
                                  borderRadius: 10.r,
                                  title: "SOS",
                                  color: Colors.red.withValues(alpha: 0.50),
                                  textColor: AppThemeData.grey50,
                                  isCenter: true,
                                  icon: Icon(Icons.call, color: Colors.white),
                                  onPress: () async {
                                    ShowToastDialog.showLoader(
                                      ConstTexts.pleaseWait.tr,
                                    );

                                    LocationData location =
                                        await controller.currentLocation.value
                                            .getLocation();

                                    await FireStoreUtils.getSOS(
                                      controller.currentOrder.value.id ?? '',
                                    ).then((value) async {
                                      if (value == false) {
                                        await FireStoreUtils.setSos(
                                          controller.currentOrder.value.id ??
                                              '',
                                          UserLocation(
                                            latitude: location.latitude!,
                                            longitude: location.longitude!,
                                          ),
                                        ).then((value) {
                                          ShowToastDialog.closeLoader();
                                          ScaffoldMessenger.of(
                                            context,
                                          ).showSnackBar(
                                            SnackBar(
                                              content: Builder(
                                                builder: (context) {
                                                  return Text(
                                                    ConstTexts
                                                        .yourSosRequest
                                                        .tr,
                                                  );
                                                },
                                              ),
                                              backgroundColor: Colors.green,
                                              duration: const Duration(
                                                seconds: 3,
                                              ),
                                            ),
                                          );
                                        });
                                      } else {
                                        ShowToastDialog.closeLoader();
                                        ScaffoldMessenger.of(
                                          context,
                                        ).showSnackBar(
                                          SnackBar(
                                            content: Builder(
                                              builder: (context) {
                                                return Text(
                                                  ConstTexts
                                                      .yourSosrequestAlreadySubmitted
                                                      .tr,
                                                );
                                              },
                                            ),
                                            backgroundColor: Colors.red,
                                            duration: const Duration(
                                              seconds: 3,
                                            ),
                                          ),
                                        );
                                      }
                                    });
                                  },
                                ),
                                const SizedBox(height: 20),
                              ],
                            );
                          } else {
                            return const SizedBox.shrink();
                          }
                        }),
                      ],
                    ),
                  ),
                  Obx(() {
                    if (controller.currentOrder.value.status ==
                            Constant.orderInTransit &&
                        controller.currentOrder.value.paymentStatus == false) {
                      return RoundedButtonFill(
                        borderRadius: 10.r,
                        title: ConstTexts.payNow.tr,
                        onPress: () async {
                          if (controller.selectedPaymentMethod.value ==
                              PaymentGateway.stripe.name) {
                            controller.stripeMakePayment(
                              amount: controller.totalAmount.value.toString(),
                            );
                          } else if (controller.selectedPaymentMethod.value ==
                              PaymentGateway.paypal.name) {
                            controller.paypalPaymentSheet(
                              controller.totalAmount.value.toString(),
                              context,
                            );
                          } else if (controller.selectedPaymentMethod.value ==
                              PaymentGateway.payStack.name) {
                            controller.payStackPayment(
                              controller.totalAmount.value.toString(),
                            );
                          } else if (controller.selectedPaymentMethod.value ==
                              PaymentGateway.mercadoPago.name) {
                            controller.mercadoPagoMakePayment(
                              context: context,
                              amount: controller.totalAmount.value.toString(),
                            );
                          } else if (controller.selectedPaymentMethod.value ==
                              PaymentGateway.flutterWave.name) {
                            controller.flutterWaveInitiatePayment(
                              context: context,
                              amount: controller.totalAmount.value.toString(),
                            );
                          } else if (controller.selectedPaymentMethod.value ==
                              PaymentGateway.payFast.name) {
                            controller.payFastPayment(
                              context: context,
                              amount: controller.totalAmount.value.toString(),
                            );
                          } else if (controller.selectedPaymentMethod.value ==
                              PaymentGateway.cod.name) {
                            controller.completeOrder();
                          } else if (controller.selectedPaymentMethod.value ==
                              PaymentGateway.wallet.name) {
                            controller.completeOrder();
                          } else if (controller.selectedPaymentMethod.value ==
                              PaymentGateway.midTrans.name) {
                            controller.midtransMakePayment(
                              context: context,
                              amount: controller.totalAmount.value.toString(),
                            );
                          } else if (controller.selectedPaymentMethod.value ==
                              PaymentGateway.orangeMoney.name) {
                            controller.orangeMakePayment(
                              context: context,
                              amount: controller.totalAmount.value.toString(),
                            );
                          } else if (controller.selectedPaymentMethod.value ==
                              PaymentGateway.xendit.name) {
                            controller.xenditPayment(
                              context,
                              controller.totalAmount.value.toString(),
                            );
                          } else if (controller.selectedPaymentMethod.value ==
                              PaymentGateway.razorpay.name) {
                            RazorPayController()
                                .createOrderRazorPay(
                                  amount: double.parse(
                                    controller.totalAmount.value.toString(),
                                  ),
                                  razorpayModel: controller.razorPayModel.value,
                                )
                                .then((value) {
                                  if (value == null) {
                                    Get.back();
                                    ShowToastDialog.showToast(
                                      ConstTexts.somethingWentWrong.tr,
                                    );
                                  } else {
                                    CreateRazorPayOrderModel result = value;
                                    controller.openCheckout(
                                      amount:
                                          controller.totalAmount.value
                                              .toString(),
                                      orderId: result.id,
                                    );
                                  }
                                });
                          } else {
                            ShowToastDialog.showToast(
                              ConstTexts.plsSelectPaymentMethod.tr,
                            );
                          }
                        },
                        color: AppThemeData.primary300,
                        textColor: AppThemeData.grey900,
                      );
                    } else {
                      return const SizedBox.shrink();
                    }
                  }),
                ],
              ),
            ),
          );
        },
      ),
    );
  }

  Padding cardDecorationScreen(
    IntercityHomeController controller,
    PaymentGateway value,
    isDark,
    String image,
  ) {
    return Padding(
      padding: const EdgeInsets.symmetric(vertical: 5),
      child: Container(
        width: 40,
        height: 40,
        decoration: ShapeDecoration(
          shape: RoundedRectangleBorder(
            side: const BorderSide(width: 1, color: Color(0xFFE5E7EB)),
            borderRadius: BorderRadius.circular(8),
          ),
        ),
        child: Padding(
          padding: EdgeInsets.all(value.name == "payFast" ? 0 : 8.0),
          child:
              image == ''
                  ? Container(
                    color: isDark ? AppThemeData.grey800 : AppThemeData.grey100,
                  )
                  : Image.asset(image),
        ),
      ),
    );
  }

  Obx cardDecoration(
    IntercityHomeController controller,
    PaymentGateway value,
    isDark,
    String image,
  ) {
    return Obx(
      () => Padding(
        padding: const EdgeInsets.symmetric(vertical: 5),
        child: Column(
          children: [
            InkWell(
              onTap: () {
                controller.selectedPaymentMethod.value = value.name;
              },
              child: Row(
                children: [
                  Container(
                    width: 50,
                    height: 50,
                    decoration: ShapeDecoration(
                      shape: RoundedRectangleBorder(
                        side: const BorderSide(
                          width: 1,
                          color: Color(0xFFE5E7EB),
                        ),
                        borderRadius: BorderRadius.circular(8),
                      ),
                    ),
                    child: Padding(
                      padding: EdgeInsets.all(
                        value.name == "payFast" ? 0 : 8.0,
                      ),
                      child: Image.asset(image),
                    ),
                  ),
                  const SizedBox(width: 10),
                  value.name == "wallet"
                      ? Expanded(
                        child: Column(
                          crossAxisAlignment: CrossAxisAlignment.start,
                          children: [
                            Text(
                              value.name.capitalizeString(),
                              textAlign: TextAlign.start,
                              style: AppThemeData.semiBoldTextStyle(
                                fontSize: 16,
                                color:
                                    isDark
                                        ? AppThemeData.grey50
                                        : AppThemeData.grey900,
                              ),
                            ),
                            Text(
                              Constant.amountShow(
                                amount:
                                    controller.userModel.value.walletAmount ==
                                            null
                                        ? '0.0'
                                        : controller
                                            .userModel
                                            .value
                                            .walletAmount
                                            .toString(),
                              ),
                              textAlign: TextAlign.start,
                              style: AppThemeData.semiBoldTextStyle(
                                fontSize: 14,
                                color:
                                    isDark
                                        ? AppThemeData.primary300
                                        : AppThemeData.primary300,
                              ),
                            ),
                          ],
                        ),
                      )
                      : Expanded(
                        child: Text(
                          value.name.capitalizeString(),
                          textAlign: TextAlign.start,
                          style: AppThemeData.semiBoldTextStyle(
                            fontSize: 16,
                            color:
                                isDark
                                    ? AppThemeData.grey50
                                    : AppThemeData.grey900,
                          ),
                        ),
                      ),
                  const Expanded(child: SizedBox()),
                  Radio(
                    value: value.name,
                    groupValue: controller.selectedPaymentMethod.value,
                    activeColor:
                        isDark
                            ? AppThemeData.primary300
                            : AppThemeData.primary300,
                    onChanged: (value) {
                      controller.selectedPaymentMethod.value = value.toString();
                    },
                  ),
                ],
              ),
            ),
          ],
        ),
      ),
    );
  }
}