import 'dart:async';

import 'package:mc_common_app/generated/locale_keys.g.dart';
import 'package:mc_common_app/view_models/ad_view_model.dart';
import 'package:flutter/material.dart';
import 'package:mc_common_app/extensions/int_extensions.dart';
import 'package:mc_common_app/utils/enums.dart';
import 'package:mc_common_app/views/advertisement/components/ads_list_widget.dart';
import 'package:mc_common_app/widgets/common_widgets/app_bar.dart';
import 'package:mc_common_app/widgets/common_widgets/filters_list.dart';
import 'package:mc_common_app/widgets/extensions/extensions_widget.dart';
import 'package:mc_common_app/widgets/shimmer/home_shimmer_widgets.dart';
import 'package:provider/provider.dart';
import 'package:easy_localization/easy_localization.dart';

class FavouriteAdsView extends StatefulWidget {
  const FavouriteAdsView({super.key});

  @override
  State<FavouriteAdsView> createState() => _FavouriteAdsViewState();
}

class _FavouriteAdsViewState extends State<FavouriteAdsView> {
  int selectedBrandId = 0;

  @override
  void initState() {
    scheduleMicrotask(() async {
      final adVM = context.read<AdVM>();
      // Load filter options if not already loaded
      if (adVM.exploreAdsFilterOptions.isEmpty) {
        await adVM.populateAdsFilterList();
      }
      // exploreAdsFilterOptions is shared with the Explore Ads screen, so its selection
      // may be left on a different brand from there — reset to "All" for this screen.
      for (var filter in adVM.exploreAdsFilterOptions) {
        filter.isSelected = filter.id == 0;
      }
      setState(() {
        selectedBrandId = 0;
      });
      await adVM.getFavouriteAds();
    });
    super.initState();
  }

  // Removed client-side filtering - now using API filter
  // List<AdDetailsModel> getFilteredAds(AdVM adVM) {
  //   if (selectedBrandId == 0) {
  //     return adVM.favouriteAds;
  //   }
  //   return adVM.favouriteAds.where((ad) => ad.vehicle?.model?.vehicleBrandID == selectedBrandId).toList();
  // }

  @override
  Widget build(BuildContext context) {
    return Consumer(builder: (BuildContext context, AdVM adVM, Widget? child) {
      return Scaffold(
        appBar: CustomAppBar(title: LocaleKeys.myFavouriteAds.tr()),
        body: SizedBox(
          width: double.infinity,
          height: double.infinity,
          child: Column(
            children: [
              if (adVM.exploreAdsFilterOptions.isNotEmpty) ...[
                16.height,
                FiltersList(
                  showImages: true,
                  filterList: adVM.exploreAdsFilterOptions,
                  onFilterTapped: (index, selectedFilterId) async {
                    setState(() {
                      selectedBrandId = selectedFilterId;
                    });
                    // Update filter selection in the list
                    for (var filter in adVM.exploreAdsFilterOptions) {
                      filter.isSelected = false;
                    }
                    adVM.exploreAdsFilterOptions[index].isSelected = true;

                    // Call API with filter (0 = all brands)
                    await adVM.getFavouriteAds(
                      vehicleBrandId: selectedFilterId == 0 ? null : selectedFilterId,
                    );
                  },
                  needLeftPadding: false,
                ).paddingOnly(left: 21),
              ],
              16.height,
              Expanded(
                child: RefreshIndicator(
                  onRefresh: () async {
                    await adVM.getFavouriteAds(
                      vehicleBrandId: selectedBrandId == 0 ? null : selectedBrandId,
                    );
                  },
                  child: adVM.state == ViewState.busy
                      ? const AdsListShimmer(itemCount: 5)
                      : adVM.favouriteAds.isEmpty
                          ? Center(
                              child: Text(
                                LocaleKeys.noFavouriteAds.tr(),
                                style: const TextStyle(fontSize: 16),
                              ),
                            )
                          : AdsListWidget(
                              isAdsFragment: false,
                              isDraftAds: false,
                              shouldShowAdStatus: false,
                              adsList: adVM.favouriteAds,
                              // Use API-filtered list directly
                              hasMoreData: false,
                              onReturnFromAdDetail: () => adVM.getFavouriteAds(
                                vehicleBrandId: selectedBrandId == 0 ? null : selectedBrandId,
                              ),
                            ),
                ),
              ),
            ],
          ),
        ),
      );
    });
  }
}