import 'package:cached_network_image/cached_network_image.dart';
import 'package:eatvio_app/core/const.dart';
import 'package:eatvio_app/core/locator_service.dart';
import 'package:eatvio_app/core/theme/custom_text_style.dart';
import 'package:eatvio_app/core/theme/theme_helper.dart';
import 'package:eatvio_app/core/utils/localization_utils.dart';
import 'package:eatvio_app/core/utils/toasts.dart';
import 'package:eatvio_app/core/widgets/custom_outlined_button.dart';
import 'package:eatvio_app/features/feed/presentation/bloc/recipes_cubit/recipes_cubit.dart';
import 'package:eatvio_app/features/recipe/models/my_recipe_model.dart';
import 'package:eatvio_app/features/recipe/presentation/cubit/my_recipes_cubit/my_recieps_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 MyRecipeWidget extends StatefulWidget {
  final MyRecipeModel recipe;

  const MyRecipeWidget({
    super.key,
    required this.recipe,
  });

  @override
  State<MyRecipeWidget> createState() => _MyRecipeWidgetState();
}

class _MyRecipeWidgetState extends State<MyRecipeWidget> {
  late final int hours;
  late final int minutes;
  late final String timeTitle;

  @override
  void initState() {
    super.initState();
    hours = widget.recipe.cookingTime ~/ 60;
    minutes = widget.recipe.cookingTime % 60;
    if (hours > 0) {
      timeTitle = '$hours ${getHourForm(hours)} $minutes ${getMinuteForm(minutes)}';
    } else {
      timeTitle = '$minutes ${getMinuteForm(minutes)}';
    }
  }

  @override
  Widget build(BuildContext context) {
    final s = S.of(context);
    return DecoratedBox(
      decoration: BoxDecoration(
        borderRadius: BorderRadius.circular(12),
        color: Colors.white,
      ),
      child: Column(
        mainAxisSize: MainAxisSize.min,
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Stack(
            children: [
              InkWell(
                onTap: () async => GoRouter.of(context).pushNamed(
                  'aboutRecipesScreen',
                  extra: {
                    'recipe': await context.read<MyRecipesCubit>().getRecipeById(widget.recipe.slug),
                    'navigateToComments': false,
                  },
                ),
                child: ClipRRect(
                  borderRadius: const BorderRadius.vertical(top: Radius.circular(12)),
                  child: CachedNetworkImage(
                    imageUrl: '$baseUrl/storage/${widget.recipe.image}',
                    fit: BoxFit.fitWidth,
                    width: MediaQuery.of(context).size.width,
                  ),
                ),
              ),
              Positioned(
                left: 8,
                bottom: 8,
                child: Wrap(
                  runSpacing: 8,
                  children: [
                    _iconButton('assets/icons/clock.svg', timeTitle),
                    const SizedBox(width: 8),
                    _iconButton('assets/icons/steps.svg', '${widget.recipe.steps?.length ?? 0} ${getStepForm(widget.recipe.steps?.length ?? 0)}'),
                    const SizedBox(width: 8),
                    _iconButton('assets/icons/calories.svg', '${widget.recipe.calories.toStringAsFixed(0)} ккал'),
                  ],
                ),
              ),
            ],
          ),
          const SizedBox(height: 12),
          Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Padding(
                padding: const EdgeInsets.symmetric(horizontal: 16),
                child: Text(
                  widget.recipe.title!,
                  style: TextStyles.textMSemibold.copyWith(color: appTheme.black),
                ),
              ),
              if (widget.recipe.description.isNotEmpty) ...[
                const SizedBox(
                  height: 12,
                ),
                Padding(
                  padding: const EdgeInsets.symmetric(horizontal: 16),
                  child: Html(
                    data: widget.recipe.description.length > 200 ? '${widget.recipe.description.substring(0, 200)}...' : widget.recipe.description,
                    style: {
                      "*": Style(
                        margin: Margins.zero,
                        color: appTheme.black,
                        fontSize: FontSize(TextStyles.textSMedium.fontSize ?? 14),
                        fontWeight: TextStyles.textSMedium.fontWeight ?? FontWeight.w400,
                      ),
                    },
                  ),
                ),
              ],
            ],
          ),
          const SizedBox(height: 20),
          Padding(
            padding: const EdgeInsets.symmetric(horizontal: 16.0),
            child: Column(
              children: [
                Row(
                  children: [
                    Expanded(
                      child: CustomOutlinedButton(
                        onPressed: () async {
                          final result = await sl<RecipesCubit>().deleteRecipe(widget.recipe.slug);
                          if (!result) {
                            showErrorToast('Не удалось удалить рецепт');
                            return;
                          }
                          showSuccessToast('Рецепт удален');
                          if (context.mounted) context.read<MyRecipesCubit>().getMyRecipes();
                        },
                        text: 'Удалить',
                        height: 52,
                        buttonTextStyle: TextStyles.textMSemibold.copyWith(color: appTheme.black),
                        buttonStyle: ButtonStyle(
                          shape: WidgetStatePropertyAll(RoundedRectangleBorder(borderRadius: BorderRadius.circular(20))),
                          backgroundColor: WidgetStatePropertyAll(appTheme.lightGray0),
                          side: const WidgetStatePropertyAll(BorderSide.none),
                        ),
                      ),
                    ),
                    const SizedBox(width: 8),
                    Expanded(
                      child: CustomOutlinedButton(
                        onPressed: () async {
                          final box = context.findRenderObject() as RenderBox?;
                          await SharePlus.instance.share(
                            ShareParams(
                              uri: Uri.parse('$baseUrl/ru/recipe/${widget.recipe.slug}'),
                              sharePositionOrigin: box!.localToGlobal(Offset.zero) & box.size,
                            ),
                          );
                        },
                        height: 52,
                        width: 52,
                        buttonStyle: ButtonStyle(
                          shape: WidgetStatePropertyAll(RoundedRectangleBorder(borderRadius: BorderRadius.circular(20))),
                          backgroundColor: WidgetStatePropertyAll(appTheme.blueA400),
                          side: const WidgetStatePropertyAll(BorderSide.none),
                        ),
                        text: s.share,
                        buttonTextStyle: TextStyles.textMSemibold.copyWith(color: appTheme.whiteA700),
                      ),
                    ),
                  ],
                ),
                const SizedBox(height: 8),
              ],
            ),
          ),
        ],
      ),
    );
  }

  _iconButton(String iconPath, [String? text]) {
    return Container(
      padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 4),
      decoration: BoxDecoration(
        color: appTheme.whiteA700,
        borderRadius: BorderRadius.circular(16),
      ),
      height: 32,
      child: Row(
        mainAxisSize: MainAxisSize.min,
        children: [
          SvgPicture.asset(
            iconPath,
          ),
          if (text != null) const SizedBox(width: 8),
          if (text != null)
            Text(
              text,
              style: const TextStyle(
                fontSize: 12,
                color: Colors.black,
                fontWeight: FontWeight.w500,
              ),
            ),
        ],
      ),
    );
  }
}