import 'package:flutter/material.dart';
import 'package:mc_common_app/classes/consts.dart';
import 'package:mc_common_app/config/routes.dart';
import 'package:mc_common_app/extensions/int_extensions.dart';
import 'package:mc_common_app/extensions/string_extensions.dart';
import 'package:mc_common_app/models/advertisment_models/ad_details_model.dart';
import 'package:mc_common_app/theme/colors.dart';
import 'package:mc_common_app/utils/enums.dart';
import 'package:mc_common_app/utils/navigator.dart';
import 'package:mc_common_app/view_models/payment_view_model.dart';
import 'package:mc_common_app/views/advertisement/ads_images_slider.dart';
import 'package:mc_common_app/widgets/button/show_fill_button.dart';
import 'package:mc_common_app/widgets/common_widgets/app_bar.dart';
import 'package:mc_common_app/widgets/extensions/extensions_widget.dart';
import 'package:provider/provider.dart';

class AdsDetailView extends StatelessWidget {
  final AdDetailsModel adDetails;

  const AdsDetailView({Key? key, required this.adDetails}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: CustomAppBar(
        title: "Ads",
        profileImageUrl: MyAssets.bnCar,
        isRemoveBackButton: false,
        isDrawerEnabled: false,
      ),
      body: Container(
        padding: const EdgeInsets.only(bottom: 10, left: 21, right: 21),
        child: Column(
          children: [
            Expanded(
              child: ListView(
                children: [
                  Column(
                    mainAxisSize: MainAxisSize.min,
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      CarouselWithIndicatorDemo(vehicleImages: adDetails.vehicle!.image!),
                      Row(
                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
                        children: [
                          "${adDetails.vehicle!.vehicleTitle} | ${adDetails.vehicle!.color!.label}".toText(fontSize: 18, isBold: true),
                          (adDetails.vehicle!.cityName ?? "").toText(fontSize: 10, isBold: true, color: MyColors.lightTextColor),
                        ],
                      ),
                      Row(
                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
                        children: [
                          Row(
                            children: [
                              "Model: ".toText(fontSize: 14, isBold: true, color: MyColors.lightTextColor),
                              "${adDetails.vehicle!.modelyear!.label}".toText(
                                fontSize: 14,
                                isBold: true,
                              ),
                            ],
                          ),
                          "${adDetails.vehicle!.countryID}".toText(fontSize: 10, isBold: true, color: MyColors.lightTextColor),
                        ],
                      ),
                      Row(
                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
                        children: [
                          Row(
                            children: [
                              "Mileage: ".toText(fontSize: 14, isBold: true, color: MyColors.lightTextColor),
                              "${adDetails.vehicle!.mileage!.mileageEnd}Km".toText(
                                fontSize: 14,
                                isBold: true,
                              ),
                            ],
                          ),
                          adDetails.createdOn != null ? DateTime.parse(adDetails.createdOn!).getTimeAgo().toText(fontSize: 10, isBold: true, color: MyColors.lightTextColor) : const SizedBox(),
                        ],
                      ),
                      Row(
                        children: [
                          "Transmission: ".toText(fontSize: 14, isBold: true, color: MyColors.lightTextColor),
                          "${adDetails.vehicle!.transmission!.label}".toText(
                            fontSize: 14,
                            isBold: true,
                          ),
                        ],
                      ),
                      8.height,
                      "Description: ".toText(fontSize: 14, isBold: true, color: MyColors.lightTextColor),
                      "${adDetails.vehicle!.vehicleDescription}".toText(
                        fontSize: 14,
                        isBold: true,
                      ),
                    ],
                  ).toWhiteContainer(width: double.infinity, allPading: 12),
                ],
              ),
            ),
            SizedBox(
              child: Column(
                children: [
                  const Divider(thickness: 1, height: 1),
                  18.height,
                  Row(
                    crossAxisAlignment: CrossAxisAlignment.end,
                    children: [
                      adDetails.vehicle!.demandAmount!.toInt().toString().toText(fontSize: 30, isBold: true),
                      "SAR".toText(fontSize: 15, isBold: true, color: MyColors.lightTextColor),
                    ],
                  ),
                  14.height,
                  BuildAdDetailsActionButton(adPostStatus: adDetails.adPostStatus!, adId: adDetails.id!),
                ],
              ),
            )
          ],
        ),
      ),
    );
  }
}

class BuildAdDetailsActionButton extends StatelessWidget {
  final AdPostStatus adPostStatus;
  final int adId;

  const BuildAdDetailsActionButton({Key? key, required this.adPostStatus, required this.adId}) : super(key: key);

  Widget pendingForPaymentAction(BuildContext context, {required int adID}) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.center,
      children: [
        Row(
          children: [
            Expanded(
              child: ShowFillButton(
                maxHeight: 55,
                title: "Pay Now",
                onPressed: () {
                  navigateWithName(context, AppRoutes.paymentMethodsView);
                },
              ),
            ),
          ],
        ),
        Row(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            InkWell(
              onTap: () {},
              child: Padding(
                padding: const EdgeInsets.all(8.0),
                child: "Delete Ad".toText(fontSize: 15, isBold: true, color: MyColors.redColor),
              ),
            ),
          ],
        )
      ],
    );
  }

  Widget markAsSoldAction(BuildContext context) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.center,
      children: [
        Row(
          children: [
            Expanded(
              child: ShowFillButton(
                maxHeight: 55,
                title: "Mark As Sold",
                onPressed: () {},
              ),
            ),
          ],
        ),
        Row(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            InkWell(
              onTap: () {},
              child: Padding(
                padding: const EdgeInsets.all(8.0),
                child: "Delete Ad".toText(fontSize: 15, isBold: true, color: MyColors.redColor),
              ),
            ),
          ],
        )
      ],
    );
  }

  Widget cancelReservationAction(BuildContext context) {
    return Row(
      children: [
        Expanded(
          child: ShowFillButton(
            borderColor: MyColors.redColor,
            txtColor: MyColors.redColor,
            isFilled: false,
            fontSize: 16,
            maxHeight: 55,
            title: "Cancel Reservation",
            onPressed: () {},
          ),
        ),
      ],
    );
  }

  Widget defaultAction(BuildContext context) {
    return Row(
      children: [
        Expanded(
          child: ShowFillButton(
            maxHeight: 55,
            title: "Reserve Ad",
            onPressed: () {
              navigateWithName(context, AppRoutes.paymentMethodsView);
            },
          ),
        ),
        12.width,
        Container(
          height: 55,
          width: 55,
          alignment: Alignment.center,
          decoration: BoxDecoration(border: Border.all(color: MyColors.black, width: 3)),
          child: const Icon(Icons.phone, color: MyColors.black),
        ).onPress(() {}),
      ],
    );
  }

  @override
  Widget build(BuildContext context) {
    context.read<PaymentVM>().updateCurrentAdId(id: adId);
    switch (adPostStatus) {
      case AdPostStatus.pendingForPayment:
        return pendingForPaymentAction(context, adID: adId);
      case AdPostStatus.active:
        return markAsSoldAction(context);
      case AdPostStatus.reserved:
        return cancelReservationAction(context);

      case AdPostStatus.buyingService:
      case AdPostStatus.reserveCancel:
      case AdPostStatus.rejected:
      case AdPostStatus.cancelled:
      case AdPostStatus.pendingForPost:
      case AdPostStatus.pendingForReview:
        return pendingForPaymentAction(context, adID: adId);
      case AdPostStatus.sold:
      case AdPostStatus.expired:
        break;
    }
    return defaultAction(context);
  }
}