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/diets/presentation/widgets/info_bouble.dart';
import 'package:eatvio_app/features/feed/models/diets_pagination_model.dart';
import 'package:eatvio_app/features/feed/models/plan_pagination_model.dart';
import 'package:eatvio_app/core/theme/custom_text_style.dart';
import 'package:eatvio_app/core/theme/theme_helper.dart';
import 'package:eatvio_app/features/feed/presentation/bloc/plans_cubit/plans_cubit.dart';
import 'package:eatvio_app/generated/l10n.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 PlanWidget extends StatefulWidget {
  final PlanModel plan;
  final int index;

  const PlanWidget({
    super.key,
    required this.plan,
    required this.index,
  });

  @override
  State<PlanWidget> createState() => _PlanWidgetState();
}

class _PlanWidgetState extends State<PlanWidget> {
  bool isMoreOptionsVisible = false;

  @override
  Widget build(BuildContext context) {
    final s = S.of(context);
    return InkWell(
      onTap: () => GoRouter.of(context).pushNamed(
        'aboutPlanScreen',
        extra: {
          'slug': widget.plan.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.plan.image}',
                    fit: BoxFit.cover,
                    width: MediaQuery.of(context).size.width,
                    height: 426,
                  ),
                ),
                Positioned(
                  left: 14,
                  child: BookmarkButton(
                    onTap: () async {
                      if (widget.plan.isFavorite) {
                        await context.read<PlansCubit>().removePlanFromFavorite(widget.plan.slug, widget.index);
                      } else {
                        await context.read<PlansCubit>().addPlanToFavorite(widget.plan.slug, widget.index);
                      }
                    },
                    color: appTheme.whiteA700,
                    isFavorite: widget.plan.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.plan.author.authorIsMe,
                        path: 'plan/${widget.plan.slug}',
                        id: widget.plan.id,
                        slug: widget.plan.slug,
                        complainedContentType: ComplainedContent.plan,
                        userSlug: widget.plan.author.authorSlug,
                      ),
                    ),
                  ),
                ),
                Positioned(
                  bottom: 16,
                  child: SizedBox(
                    width: MediaQuery.sizeOf(context).width,
                    child: InfoRow(
                      plan: widget.plan,
                      itemsBackgroundColor: appTheme.whiteA700,
                      disableDescriptionOfTypes: true,
                      type: ProductType.plan,
                    ),
                  ),
                ),
              ],
            ),
            const SizedBox(height: 12),
            Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                Padding(
                  padding: const EdgeInsets.symmetric(horizontal: 16),
                  child: Text(
                    widget.plan.name,
                    style: TextStyles.textMSemibold.copyWith(color: appTheme.black, fontSize: 18),
                  ),
                ),
                if (widget.plan.details.isNotEmpty) ...[
                  const SizedBox(
                    height: 12,
                  ),
                  Padding(
                    padding: const EdgeInsets.symmetric(horizontal: 16),
                    child: Html(
                      data: widget.plan.details.length > 200 ? '${widget.plan.details.substring(0, 200).replaceAll('\n', '<br>')}...' : widget.plan.details.replaceAll('\n', '<br>'),
                      style: {
                        "*": Style(
                          margin: Margins.zero,
                          color: appTheme.black,
                          fontSize: FontSize(16),
                          fontWeight: TextStyles.textSMedium.fontWeight ?? FontWeight.w400,
                        ),
                      },
                    ),
                  ),
                  if (widget.plan.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,
                        ),
                      ),
                    ),
                ],
              ],
            ),
            const SizedBox(height: 16),
            GestureDetector(
              onTap: () {
                GoRouter.of(context).pushNamed(
                  'profileScreen',
                  extra: Author(
                    authorSlug: widget.plan.author.authorSlug,
                    authorName: widget.plan.author.authorName,
                    authorProfileIcon: widget.plan.author.authorProfileIcon,
                    authorIsMe: widget.plan.author.authorIsMe,
                  ),
                );
              },
              child: Padding(
                padding: const EdgeInsets.only(left: 16.0),
                child: ListTile(
                  contentPadding: EdgeInsets.zero,
                  leading: Container(
                    width: 46,
                    height: 46,
                    decoration: BoxDecoration(
                      shape: BoxShape.circle,
                      image: DecorationImage(
                        image: NetworkImage(sl<AppConfig>().baseUrl + widget.plan.author.authorProfileIcon),
                        fit: BoxFit.cover,
                      ),
                    ),
                  ),
                  subtitle: Row(
                    children: [
                      InfoBouble(
                        radius: 12,
                        backgroundColor: appTheme.gray50,
                        padding: const EdgeInsets.symmetric(vertical: 4, horizontal: 10),
                        children: [
                          Text(
                            '${widget.plan.author.authorPlaceInRating}-й в рейтинге',
                            style: TextStyles.textXSSemibold.copyWith(
                              color: appTheme.blueA400,
                            ),
                          ),
                        ],
                      ),
                      const Spacer(),
                      Text(
                        '${widget.plan.packetsCount == 1 ? widget.plan.packet1Options?.price : '${s.from} ${widget.plan.minPriceOfOptions.toStringAsFixed(0)}'}₽',
                        style: TextStyles.headingXLSemibold.copyWith(color: appTheme.greenA700),
                      ),
                      const SizedBox(width: 16),
                    ],
                  ),
                  title: Padding(
                    padding: const EdgeInsets.only(bottom: 4.0),
                    child: Text(
                      widget.plan.author.authorName,
                      style: TextStyles.textSSemibold.copyWith(
                        color: appTheme.black,
                      ),
                    ),
                  ),
                ),
              ),
            ),
            const SizedBox(height: 16),
            Padding(
              padding: const EdgeInsets.only(
                left: 16,
              ),
              child: Row(
                children: [
                  FeedIconButton(
                    icon: widget.plan.wasLikedByMe ? Icons.favorite_rounded : Icons.favorite_border_rounded,
                    text: widget.plan.totalLikes.toString(),
                    iconColor: widget.plan.wasLikedByMe ? appTheme.blueA400 : null,
                    backgroundColor: widget.plan.wasLikedByMe ? appTheme.transparentBlue : null,
                    onTap: () async {
                      await context.read<PlansCubit>().likePlan(widget.plan.slug, widget.index);
                    },
                  ),
                  const SizedBox(
                    width: 12,
                  ),
                  FeedIconButton(
                    icon: Icons.chat_bubble_outline,
                    text: widget.plan.totalComments.toString(),
                    onTap: () {                      
                      return GoRouter.of(context)
                          .pushNamed('aboutPlanScreen', extra: {'slug': widget.plan.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.plan.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.plan.totalViews.toString(),
                    backgroundColor: Colors.transparent,
                  ),
                ],
              ),
            ),
            const SizedBox(height: 12),
          ],
        ),
      ),
    );
  }
}