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

import 'package:cached_network_image/cached_network_image.dart';
import 'package:dismissible_page/dismissible_page.dart';
import 'package:eatvio_app/core/app_export.dart';
import 'package:eatvio_app/features/chat/presentation/pages/photo_view_screen.dart';
import 'package:eatvio_app/features/feed/models/recipes_model.dart';
import 'package:flutter/material.dart';

class RecipesWidget extends StatefulWidget {
  final Recipes recipes;

  const RecipesWidget({super.key, required this.recipes});

  @override
  State<RecipesWidget> createState() => _RecipesWidgetState();
}

class _RecipesWidgetState extends State<RecipesWidget> {
  @override
  Widget build(BuildContext context) {
    return InkWell(
      borderRadius: BorderRadius.circular(12),
      onTap: () {},
      child: Ink(
        decoration: BoxDecoration(
          borderRadius: BorderRadius.circular(12),
          color: Colors.white,
        ),
        child: Column(
          mainAxisSize: MainAxisSize.min,
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Stack(
              alignment: Alignment.bottomLeft,
              children: [
                ClipRRect(
                  borderRadius: BorderRadius.vertical(top: Radius.circular(12)),
                  child: GestureDetector(
                    onTap: () {
                      context.pushTransparentRoute(
                        rootNavigator: true,
                        PhotoViewScreen(
                          imageUrls: [baseUrl + '/storage/' + widget.recipes.image],
                          index: 0,
                        ),
                      );
                    },
                    child: Hero(
                      tag: baseUrl + '/storage/' + widget.recipes.image,
                      child: CachedNetworkImage(
                        imageUrl: baseUrl + '/storage/' + widget.recipes.image,
                      ),
                    ),
                  ),
                ),
                Padding(
                  padding: const EdgeInsets.all(8.0),
                  child: Row(
                    children: [
                      Container(
                        padding: EdgeInsets.symmetric(horizontal: 8, vertical: 4),
                        decoration: BoxDecoration(
                          color: Colors.white54,
                          borderRadius: BorderRadius.circular(16),
                        ),
                        child: Row(
                          children: [
                            Icon(
                              Icons.visibility_rounded,
                              size: 20,
                              color: Colors.black,
                            ),
                            SizedBox(width: 4),
                            Text(
                              '0',
                              style: TextStyle(
                                fontSize: 14,
                                color: Colors.black,
                                fontWeight: FontWeight.w400,
                              ),
                            ),
                          ],
                        ),
                      ),
                      SizedBox(width: 8),
                      Container(
                        padding: EdgeInsets.symmetric(horizontal: 8, vertical: 4),
                        decoration: BoxDecoration(
                          color: Colors.white54,
                          borderRadius: BorderRadius.circular(16),
                        ),
                        child: Row(
                          children: [
                            Icon(
                              Icons.favorite_border_rounded,
                              size: 20,
                              color: Colors.black,
                            ),
                            SizedBox(width: 4),
                            Text(
                              '0',
                              style: TextStyle(
                                fontSize: 14,
                                color: Colors.black,
                                fontWeight: FontWeight.w400,
                              ),
                            ),
                          ],
                        ),
                      ),
                    ],
                  ),
                ),
              ],
            ),
            SizedBox(height: 12),
            Padding(
              padding: const EdgeInsets.symmetric(horizontal: 12),
              child: Text(
                widget.recipes.title,
                style: TextStyle(
                  fontWeight: FontWeight.w600,
                  color: Colors.black87,
                ),
              ),
            ),
            SizedBox(height: 8),
            Padding(
              padding: const EdgeInsets.symmetric(horizontal: 12),
              child: Text(
                widget.recipes.description,
                style: TextStyle(
                  color: Colors.black87,
                ),
              ),
            ),
            SizedBox(height: 12),
            Padding(
              padding: const EdgeInsets.symmetric(horizontal: 12),
              child: Wrap(
                runSpacing: 8,
                children: [
                  _iconButton(Icons.fastfood, '139.9 ккал'),
                  SizedBox(width: 8),
                  _iconButton(Icons.timer_rounded, widget.recipes.cookingTime.toString() + ' минут'),
                  SizedBox(width: 8),
                  _iconButton(Icons.fast_forward_rounded, widget.recipes.steps.length.toString() + ' этапов'),
                ],
              ),
            ),
            SizedBox(height: 8),
          ],
        ),
      ),
    );
  }

  _iconButton(IconData icon, [String? text]) {
    return Ink(
      padding: EdgeInsets.symmetric(horizontal: 12, vertical: 4),
      decoration: BoxDecoration(
        color: appTheme.gray100,
        borderRadius: BorderRadius.circular(16),
      ),
      height: 32,
      child: Row(
        mainAxisSize: MainAxisSize.min,
        children: [
          Icon(
            icon,
            size: 20,
            color: appTheme.gray600,
          ),
          if (text != null) SizedBox(width: 8),
          if (text != null)
            Text(
              text,
              style: TextStyle(
                fontSize: 14,
                color: appTheme.gray600,
                fontWeight: FontWeight.w500,
              ),
            ),
        ],
      ),
    );
  }
}