feat(recipe): add creating recipes

lib/features/recipes/presentation/widgets/step_image_widget.dart

@@ -0,0 +1,126 @@
+import 'dart:io';
+
+import 'package:eatvio_app/features/recipes/presentation/bloc/create_recipe_cubit/create_recipe_cubit.dart';
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:flutter_svg/flutter_svg.dart';
+import 'package:image_picker/image_picker.dart';
+
+class StepImageWidget extends StatefulWidget {
+  final int index;
+
+  const StepImageWidget({
+    super.key,
+    required this.index,
+  });
+
+  @override
+  State<StepImageWidget> createState() => _StepImageWidgetState();
+}
+
+class _StepImageWidgetState extends State<StepImageWidget> {
+  XFile? image;
+  late final CreateRecipeCubit createRecipeCubit;
+
+  @override
+  void initState() {
+    super.initState();
+    createRecipeCubit = context.read<CreateRecipeCubit>();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return GestureDetector(
+      onTap: () {
+        _showImagePicker();
+      },
+      child: image == null
+          ? SvgPicture.asset(
+              width: MediaQuery.of(context).size.width - 32,
+              'assets/icons/add_step_photo.svg',
+            )
+          : Stack(
+              children: [
+                ClipRRect(
+                  borderRadius: BorderRadius.circular(20),
+                  child: Image.file(
+                    File(image!.path),
+                  ),
+                ),
+                Positioned(
+                  right: 16,
+                  top: 16,
+                  child: GestureDetector(
+                    onTap: () {
+                      setState(() {
+                        image = null;
+                      });
+                      createRecipeCubit.replaceImageInStep(null, widget.index);
+                    },
+                    child: Container(
+                      padding: EdgeInsets.all(4),
+                      decoration: BoxDecoration(
+                        color: Colors.white,
+                        shape: BoxShape.circle,
+                      ),
+                      child: Icon(Icons.close_rounded),
+                    ),
+                  ),
+                ),
+              ],
+            ),
+    );
+  }
+
+  _showImagePicker() {
+    showCupertinoModalPopup<void>(
+      context: context,
+      builder: (context) => CupertinoActionSheet(
+        actions: [
+          CupertinoActionSheetAction(
+            onPressed: () async {
+              final picker = ImagePicker();
+              image = await picker.pickImage(source: ImageSource.camera);
+              setState(() {});
+              if (image != null) {
+                createRecipeCubit.replaceImageInStep(File(image!.path), widget.index);
+              }
+              Navigator.of(context).pop();
+            },
+            child: const Row(
+              children: const [
+                Icon(Icons.photo_camera),
+                SizedBox(width: 8),
+                Text('Фото'),
+              ],
+            ),
+          ),
+          CupertinoActionSheetAction(
+            onPressed: () async {
+              final picker = ImagePicker();
+              image = await picker.pickImage(source: ImageSource.gallery);
+              setState(() {});
+              if (image != null) {
+                createRecipeCubit.replaceImageInStep(File(image!.path), widget.index);
+              }
+              Navigator.of(context).pop();
+            },
+            child: const Row(
+              children: const [
+                Icon(Icons.photo),
+                SizedBox(width: 8),
+                Text('Галерея'),
+              ],
+            ),
+          ),
+        ],
+        cancelButton: CupertinoActionSheetAction(
+          onPressed: () => Navigator.of(context).pop(),
+          isDestructiveAction: true,
+          child: const Text('Отмена'),
+        ),
+      ),
+    );
+  }
+}