eatvio_app/lib/features/feed/presentation/widgets/blog_post_widget.dart

import 'package:dismissible_page/dismissible_page.dart';
import 'package:eatvio_app/core/app_config.dart';
import 'package:eatvio_app/core/enums/complained_content.dart';
import 'package:eatvio_app/core/locator_service.dart';
import 'package:eatvio_app/core/theme/theme_helper.dart';
import 'package:eatvio_app/core/utils/date_time_utils.dart';
import 'package:eatvio_app/core/widgets/custom_popup.dart';
import 'package:eatvio_app/core/widgets/feed_icon_button.dart';
import 'package:eatvio_app/core/widgets/markdown_html_widget.dart';
import 'package:eatvio_app/features/chat/presentation/pages/photo_view_screen.dart';
import 'package:eatvio_app/features/feed/models/feed_blog_post_model.dart';
import 'package:eatvio_app/features/feed/models/post_feed_mapper.dart';
import 'package:eatvio_app/features/feed/presentation/bloc/feed_cubit/feed_cubit.dart';
import 'package:eatvio_app/features/feed/presentation/widgets/blog_post_media_content.dart';
import 'package:eatvio_app/features/feed/presentation/widgets/subscribe_button_widget.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:go_router/go_router.dart';
import 'package:share_plus/share_plus.dart';

class BlogPostWidget extends StatefulWidget {
  final FeedBlogPostModel post;

  const BlogPostWidget({super.key, required this.post});

  @override
  State<BlogPostWidget> createState() => _BlogPostWidgetState();
}

class _BlogPostWidgetState extends State<BlogPostWidget> {
  late bool isLiked;
  late int totalLikes;
  int currentGalleryIndex = 0;

  FeedBlogPostModel get post => widget.post;

  @override
  void initState() {
    super.initState();
    isLiked = post.wasLikedByMe;
    totalLikes = post.totalLikes;
  }

  @override
  void didUpdateWidget(covariant BlogPostWidget oldWidget) {
    super.didUpdateWidget(oldWidget);
    if (oldWidget.post.id != post.id) {
      currentGalleryIndex = 0;
      isLiked = post.wasLikedByMe;
      totalLikes = post.totalLikes;
      return;
    }
    if (oldWidget.post.wasLikedByMe != post.wasLikedByMe ||
        oldWidget.post.totalLikes != post.totalLikes) {
      isLiked = post.wasLikedByMe;
      totalLikes = post.totalLikes;
    }
  }

  void _openGallery(List<String> imageUrls, int index, {Object? heroTag}) {
    context.pushTransparentRoute(
      rootNavigator: true,
      PhotoViewScreen(imageUrls: imageUrls, index: index, heroTag: heroTag),
    );
  }

  Future<void> _toggleLike() async {
    final nextLiked = !isLiked;
    setState(() {
      isLiked = nextLiked;
      nextLiked ? totalLikes++ : totalLikes--;
    });
    context.read<FeedCubit>().updateFeedBlogPostList(post, nextLiked);
    if (nextLiked) {
      await context.read<FeedCubit>().likePost(post.id);
    } else {
      await context.read<FeedCubit>().unlikedPost(post.id);
    }
  }

  @override
  Widget build(BuildContext context) {
    final imageUrl = PostFeedMapper.resolveMediaUrl(post.image);
    final embedUrl = post.videoEmbedUrl?.trim();
    final hasMedia = PostFeedMapper.hasVisibleMedia(
      image: imageUrl,
      images: post.images,
      videoEmbedUrl: embedUrl,
    );

    return InkWell(
      borderRadius: BorderRadius.circular(12),
      onTap: () =>
          GoRouter.of(context).pushNamed('blogPostScreen', extra: post.id),
      child: Material(
        borderRadius: BorderRadius.circular(12),
        color: Colors.white,
        child: Column(
          mainAxisSize: MainAxisSize.min,
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            const SizedBox(height: 12),
            _BlogPostHeader(post: post),
            _BlogPostTextContent(post: post, includeBottomSpacing: hasMedia),
            if (hasMedia)
              BlogPostMediaContent(
                galleryImages: post.images,
                imageUrl: imageUrl,
                videoEmbedUrl: embedUrl != null && embedUrl.isNotEmpty ? embedUrl : null,
                videoUrlThumb: post.videoUrlThumb,
                currentGalleryIndex: currentGalleryIndex,
                heroTag: 'feed-blog-post-${post.id}-cover',
                onOpenGallery: (urls, index) => _openGallery(
                  urls,
                  index,
                  heroTag: urls.length == 1 ? 'feed-blog-post-${post.id}-cover' : null,
                ),
                onGalleryChanged: (index) {
                  setState(() {
                    currentGalleryIndex = index;
                  });
                },
              ),
            SizedBox(height: hasMedia ? 12 : 8),
            _BlogPostActionsRow(
              post: post,
              isLiked: isLiked,
              totalLikes: totalLikes,
              onToggleLike: _toggleLike,
            ),
            const SizedBox(height: 8),
          ],
        ),
      ),
    );
  }
}

class _BlogPostHeader extends StatelessWidget {
  const _BlogPostHeader({required this.post});

  final FeedBlogPostModel post;

  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.symmetric(horizontal: 12),
      child: Row(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          GestureDetector(
            onTap: () => GoRouter.of(
              context,
            ).pushNamed('profileScreen', extra: post.author.authorSlug),
            child: CircleAvatar(
              radius: 20,
              backgroundColor: Colors.black12,
              foregroundImage: post.author.authorProfileIcon.isNotEmpty
                  ? NetworkImage(
                      PostFeedMapper.resolveMediaUrl(
                        post.author.authorProfileIcon,
                      ),
                    )
                  : null,
              backgroundImage: const AssetImage('assets/images/no_avatar.png'),
            ),
          ),
          const SizedBox(width: 8),
          Expanded(
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                Text(
                  post.author.authorName,
                  overflow: TextOverflow.ellipsis,
                  style: const TextStyle(
                    height: 1,
                    color: Colors.black87,
                    fontWeight: FontWeight.w500,
                    fontSize: 16,
                  ),
                ),
                const SizedBox(height: 4),
                Text(
                  '${calculateDifference(post.createdAt)} в ${post.createdAt.hour.toString().padLeft(2, '0')}:${post.createdAt.minute.toString().padLeft(2, '0')}',
                  style: const TextStyle(
                    height: 1,
                    color: Colors.black45,
                    fontSize: 14,
                  ),
                ),
              ],
            ),
          ),
          if (!(post.author.isEntitySubscribedByMe ?? false) &&
              !post.author.authorIsMe)
            Padding(
              padding: const EdgeInsets.only(right: 8),
              child: SubscribeButtonWidget(slug: post.author.authorSlug),
            ),
          CustomPopup(
            isAuthor: post.author.authorIsMe,
            isAuthorAdmin: post.author.isAdmin,
            complainedContentType: ComplainedContent.posts,
            path: 'blog_post/${post.id}',
            id: post.id,
            feedBlogPostModel: post,
            userSlug: post.author.authorSlug,
          ),
        ],
      ),
    );
  }
}

class _BlogPostTextContent extends StatelessWidget {
  const _BlogPostTextContent({required this.post, required this.includeBottomSpacing});

  final FeedBlogPostModel post;
  final bool includeBottomSpacing;

  @override
  Widget build(BuildContext context) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        if (post.title.isNotEmpty) ...[
          const SizedBox(height: 12),
          Padding(
            padding: const EdgeInsets.symmetric(horizontal: 12),
            child: Text(
              post.title,
              style: const TextStyle(
                fontSize: 18,
                fontWeight: FontWeight.w600,
                color: Colors.black87,
              ),
            ),
          ),
        ],
        if (post.title.isEmpty) const SizedBox(height: 8),
        if (post.title.isNotEmpty && post.description.isNotEmpty)
          const SizedBox(height: 8),
        if (post.description.isNotEmpty)
          Padding(
            padding: const EdgeInsets.symmetric(horizontal: 12),
            child: MarkdownHtmlWidget(
              markdownText: _truncateDescription(post.description),
            ),
          ),
        if (post.description.length > 200)
          const Padding(
            padding: EdgeInsets.symmetric(horizontal: 12),
            child: Text(
              'Показать ещё',
              style: TextStyle(
                height: 1,
                color: Color(0xFF8B8B8B),
                fontSize: 14,
                fontWeight: FontWeight.w600,
              ),
            ),
          ),
        if (includeBottomSpacing && (post.title.isNotEmpty || post.description.isNotEmpty))
          const SizedBox(height: 8),
      ],
    );
  }
}

class _BlogPostActionsRow extends StatelessWidget {
  const _BlogPostActionsRow({
    required this.post,
    required this.isLiked,
    required this.totalLikes,
    required this.onToggleLike,
  });

  final FeedBlogPostModel post;
  final bool isLiked;
  final int totalLikes;
  final Future<void> Function() onToggleLike;

  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.symmetric(horizontal: 12),
      child: Row(
        children: [
          FeedIconButton(
            icon: isLiked
                ? Icons.favorite_rounded
                : Icons.favorite_border_rounded,
            text: totalLikes.toString(),
            iconColor: isLiked ? Colors.red.withValues(alpha: 0.8) : null,
            backgroundColor: isLiked ? Colors.red.withValues(alpha: 0.1) : null,
            textColor: isLiked ? Colors.red.withValues(alpha: 0.8) : null,
            onTap: onToggleLike,
          ),
          const SizedBox(width: 8),
          FeedIconButton(
            svgIcon: SvgPicture.asset(
              'assets/icons/comment.svg',
              height: 20,
              width: 20,
              colorFilter: ColorFilter.mode(appTheme.gray600, BlendMode.srcIn),
            ),
            text: post.totalComments.toString(),
            onTap: () => GoRouter.of(
              context,
            ).pushNamed('blogPostScreen', extra: post.id),
          ),
          const SizedBox(width: 8),
          FeedIconButton(
            svgIcon: SvgPicture.asset(
              height: 15,
              width: 12,
              'assets/icons/repost.svg',
              colorFilter: ColorFilter.mode(appTheme.gray600, BlendMode.srcIn),
            ),
            onTap: () {
              final box = context.findRenderObject() as RenderBox?;
              SharePlus.instance.share(
                ShareParams(
                  uri: Uri.parse(
                    '${sl<AppConfig>().baseUrl}/ru/blog_post/${post.id}',
                  ),
                  sharePositionOrigin:
                      box!.localToGlobal(Offset.zero) & box.size,
                ),
              );
            },
          ),
          const Spacer(),
          Icon(Icons.visibility_rounded, size: 16, color: appTheme.gray500),
          const SizedBox(width: 4),
          Text(
            post.totalViews.toString(),
            style: TextStyle(
              fontSize: 12,
              color: appTheme.gray500,
              fontWeight: FontWeight.w400,
            ),
          ),
        ],
      ),
    );
  }
}

String _truncateDescription(String description) {
  final isLong = description.length > 200;
  if (!isLong) return description;

  var cutPoint = 200;
  final preview = description.substring(0, cutPoint);
  final boldOpen = (preview.split('**').length - 1) ~/ 2;
  final boldClose = preview.split('**').length - 1 - boldOpen * 2;
  final hasUnclosedBold = boldOpen > boldClose;

  if (hasUnclosedBold) {
    final searchEnd = (cutPoint + 100).clamp(0, description.length);
    final boldClosePos = description.indexOf('**', cutPoint);
    if (boldClosePos != -1 && boldClosePos < searchEnd) {
      cutPoint = boldClosePos + 2;
    } else {
      cutPoint = description.lastIndexOf(' ', 200);
      if (cutPoint == -1 || cutPoint < 150) cutPoint = 200;
    }
  } else {
    cutPoint = description.lastIndexOf(' ', cutPoint);
    if (cutPoint == -1 || cutPoint < 150) cutPoint = 200;
  }

  return description.substring(0, cutPoint);
}