import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:get/get.dart';
import 'package:taafee_mobile/common/extensions/widget_extension.dart';
import 'package:taafee_mobile/features/auth/business_logic_layer/auth_controller.dart';
import 'package:taafee_mobile/features/card/business_logic_layer/card_controller.dart';
import 'package:taafee_mobile/features/card/data_layer/model/card_model.dart';
import 'package:taafee_mobile/features/favorite/business_logic_layer/favorite_controller.dart';

import '../../../../common/widgets/button.dart';
import '../../../../common/widgets/text.dart';
import '../../../../core/routing/routing_manager.dart';

// ignore: must_be_immutable
class FavoriteWidget extends StatelessWidget {
  final CardController cardController = Get.find<CardController>();
  final FavoriteController favoriteController = Get.find<FavoriteController>();
  final CardModel cardModel;
  final bool isFavoriteCardWidget;
  final bool isFromDetailsScreen;
  AuthController authController = Get.find<AuthController>();
  FavoriteWidget(
      {super.key,
      this.isFavoriteCardWidget = false,
      this.isFromDetailsScreen = false,
      required this.cardModel});

  @override
  Widget build(BuildContext context) {
    if (authController.isGuest.value) {
      return SvgPicture.asset(
        'assets/icons/heart.svg',
        colorFilter: const ColorFilter.mode(Colors.white, BlendMode.srcIn),
      ).onTap(() {
        Get.defaultDialog(
            title: '',
            content: Column(
              children: [
                BoldTextWidget('you_have_to_sign_in'.tr),
                const SizedBox(
                  height: 20,
                ),
                ButtonWidget(
                    onTap: () {
                      RoutingManager.off(RouteName.login);
                    },
                    title: 'sign_in'.tr)
              ],
            ));
      });
    } else {
      if (isFromDetailsScreen || isFavoriteCardWidget) {
        return ValueBuilder<bool>(
          initialValue: favoriteController.isCardFav(cardModel.id),
          builder: (bool? value, toggle) {
            if (value!) {
              return SvgPicture.asset(
                'assets/icons/heart_fill.svg',
              ).onTap(() async {
                toggle(!value);

                favoriteController.toggleFavoriteCard(cardModel.id);

                cardController.toggleFavorite(cardModel.id, true,
                    onSuccess: (val) {});
              });
            }
            return SvgPicture.asset(
              'assets/icons/heart.svg',
              colorFilter:
                  const ColorFilter.mode(Colors.white, BlendMode.srcIn),
            ).onTap(() async {
              toggle(!value);

              favoriteController.toggleFavoriteCard(
                cardModel.id,
                cardModel: cardModel,
                userId: cardModel.user.id,
              );

              cardController.toggleFavorite(cardModel.id, false,
                  onSuccess: (val) {
                // if (isFromDetailsScreen) {
                //   favoriteController.getFavorites();
                // }
              });

              // cardModel.isFav = !cardModel.isFav;
              // if (isFavoriteCardWidget || isFromDetailsScreen) {
              //   cardController.cardState.result.clear();
              //   cardController.getCards();
              // }
            });
          },
        );
      } else {
        return Obx(() {
          if (favoriteController.isCardFav(cardModel.id)) {
            return SvgPicture.asset(
              'assets/icons/heart_fill.svg',
            ).onTap(() async {
              favoriteController.toggleFavoriteCard(cardModel.id);
              cardController.toggleFavorite(cardModel.id, true,
                  onSuccess: (val) {
                // favoriteController.getFavorites();
              });
            });
          } else {
            return SvgPicture.asset(
              'assets/icons/heart.svg',
              colorFilter:
                  const ColorFilter.mode(Colors.white, BlendMode.srcIn),
            ).onTap(() async {
              favoriteController.toggleFavoriteCard(
                cardModel.id,
                cardModel: cardModel,
                userId: cardModel.user.id,
              );
              cardController.toggleFavorite(cardModel.id, false,
                  onSuccess: (val) {
                // favoriteController.getFavorites();
              });
            });
          }
        });

        //   //   // cardModel.isFav = !cardModel.isFav;
        //   //   // if (isFavoriteCardWidget || isFromDetailsScreen) {
        //   //   //   cardController.cardState.result.clear();
        //   //   //   cardController.getCards();
        //   //   // }
      }
    }
  }
}