import 'package:cached_network_image/cached_network_image.dart';
import 'package:eatvio_app/core/app_config.dart';
import 'package:eatvio_app/core/enums/complained_content.dart';
import 'package:eatvio_app/core/enums/product_type.dart';
import 'package:eatvio_app/core/locator_service.dart';
import 'package:eatvio_app/core/widgets/bookmark_button.dart';
import 'package:eatvio_app/core/widgets/custom_popup.dart';
import 'package:eatvio_app/core/widgets/info_row.dart';
import 'package:eatvio_app/core/widgets/feed_icon_button.dart';
import 'package:eatvio_app/features/feed/models/diets_pagination_model.dart';
import 'package:eatvio_app/features/feed/presentation/bloc/diets_cubit/diets_cubit.dart';
import 'package:eatvio_app/core/theme/custom_text_style.dart';
import 'package:eatvio_app/core/theme/theme_helper.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:flutter_html/flutter_html.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:go_router/go_router.dart';
import 'package:share_plus/share_plus.dart';

class DietsWidget extends StatefulWidget { 
  final Diet diet;
  final int index;
  const DietsWidget({
    super.key,
    required this.diet,
    required this.index,
  });

  @override
  State<DietsWidget> createState() => _DietsWidgetState();
}

class _DietsWidgetState extends State<DietsWidget> {
  bool isMoreOptionsVisible = false;
  
  @override
  Widget build(BuildContext context) {
    return InkWell(
      onTap: () => GoRouter.of(context).pushNamed(
        'aboutDietScreen',
        extra: {
          'slug': widget.diet.slug,
          'index': widget.index,
          'navigateToComments': false,
        },
      ),
      child: Material(
        borderRadius: BorderRadius.circular(12),
        color: Colors.white,
        child: Column(
          mainAxisSize: MainAxisSize.min,
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Stack(
              children: [
                ClipRRect(
                  borderRadius: const BorderRadius.vertical(top: Radius.circular(12)),
                  child: CachedNetworkImage(
                    imageUrl: '${sl<AppConfig>().baseUrl}/storage/${widget.diet.image}',
                    fit: BoxFit.fitWidth,
                    width: MediaQuery.of(context).size.width,
                  ),
                ),
                Positioned(
                  left: 14,
                  child: BookmarkButton(
                    onTap: () async {
                      if (widget.diet.isFavorite) {
                        await context.read<DietsCubit>().removeDietFromFavorite(widget.diet.id, widget.index);
                      } else {
                        await context.read<DietsCubit>().addDietToFavorite(widget.diet.id, widget.index);
                      }
                    },
                    color: appTheme.whiteA700,
                    isFavorite: widget.diet.isFavorite,
                    borderRadius: const BorderRadius.vertical(bottom: Radius.circular(12)),
                    width: 40,
                    height: 44,
                    size: 19,
                  ),
                ),
                Positioned(
                  right: 12,
                  top: 12,
                  child: SizedBox(
                    width: 32,
                    height: 24,
                    child: Material(
                      color: Colors.white,
                      borderRadius: BorderRadius.circular(4),
                      child: CustomPopup(
                        isAuthor: widget.diet.author.authorIsMe,
                        path: 'diet/${widget.diet.slug}',
                        id: widget.diet.id,
                        complainedContentType: ComplainedContent.diet,
                        diet: widget.diet,
                        userSlug: widget.diet.author.authorSlug,
                      ),
                    ),
                  ),
                ),
                Positioned(
                  bottom: 16,
                  child: SizedBox(
                    width: MediaQuery.sizeOf(context).width,
                    child: InfoRow(
                      diet: widget.diet,
                      itemsBackgroundColor: appTheme.whiteA700,
                      disableDescriptionOfTypes: true,
                      type: ProductType.diet,
                    ),
                  ),
                ),
              ],
            ),
            const SizedBox(height: 12),
            Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                Padding(
                  padding: const EdgeInsets.symmetric(horizontal: 16),
                  child: Text(
                    widget.diet.name,
                    style: TextStyles.textMSemibold.copyWith(color: appTheme.black),
                  ),
                ),
                if (widget.diet.details.isNotEmpty) ...[
                  const SizedBox(
                    height: 12,
                  ),
                  Padding(
                    padding: const EdgeInsets.symmetric(horizontal: 16),
                    child: Html(
                      data: widget.diet.details.length > 200 ? '${widget.diet.details.substring(0, 200).replaceAll('\n', '<br>')}...' : widget.diet.details.replaceAll('\n', '<br>'),
                      style: {
                        "*": Style(
                          margin: Margins.zero,
                          color: appTheme.black,
                          fontSize: FontSize(TextStyles.textSMedium.fontSize ?? 14),
                          fontWeight: TextStyles.textSMedium.fontWeight ?? FontWeight.w400,
                        ),
                      },
                    ),
                  ),
                ],
                if (widget.diet.details.length > 200)
                  const Padding(
                    padding: EdgeInsets.only(left: 16, top: 8),
                    child: Text(
                      'Показать ещё',
                      style: TextStyle(
                        height: 1,
                        color: Color(0xFF8B8B8B),
                        fontSize: 14,
                        fontWeight: FontWeight.w600,
                      ),
                    ),
                  ),
              ],
            ),
            Padding(
              padding: const EdgeInsets.only(left: 16, top: 12),
              child: Row(
                children: [
                  FeedIconButton(
                    icon: widget.diet.wasLikedByMe ? Icons.favorite_rounded : Icons.favorite_border_rounded,
                    text: widget.diet.totalLikes.toString(),
                    iconColor: widget.diet.wasLikedByMe ? appTheme.blueA400 : null,
                    backgroundColor: widget.diet.wasLikedByMe ? appTheme.transparentBlue : null,
                    onTap: () async {
                      await context.read<DietsCubit>().likeDiet(widget.diet.id, widget.index);
                    },
                  ),
                  const SizedBox(
                    width: 12,
                  ),
                  FeedIconButton(
                    icon: Icons.chat_bubble_outline,
                    text: widget.diet.totalComments.toString(),
                    onTap: () =>
                        GoRouter.of(context).pushNamed('aboutDietScreen', extra: {'slug': widget.diet.slug, 'index': widget.index, 'navigateToComments': true}),
                  ),
                  const SizedBox(
                    width: 12,
                  ),
                  FeedIconButton(
                    svgIcon: SvgPicture.asset('assets/icons/repost.svg'),
                    onTap: () async {
                      final box = context.findRenderObject() as RenderBox?;
                      final result = await SharePlus.instance.share(
                        ShareParams(
                          uri: Uri.parse('${sl<AppConfig>().baseUrl}/ru/diet/${widget.diet.id}'),
                          sharePositionOrigin: box!.localToGlobal(Offset.zero) & box.size,
                        ),
                      );
                      switch (result.status) {
                        case ShareResultStatus.success:
                        case ShareResultStatus.dismissed:
                        case ShareResultStatus.unavailable:
                      }
                    },
                  ),
                  const Spacer(),
                  FeedIconButton(
                    svgIcon: SvgPicture.asset('assets/icons/eye2.svg'),
                    text: widget.diet.totalViews.toString(),
                    backgroundColor: Colors.transparent,
                  ),
                ],
              ),
            ),
            const SizedBox(height: 12),
          ],
        ),
      ),
    );
  }
}