Add: category on detail page and searching by API

lib/pages/detail.dart

@@ -9,6 +9,7 @@ import 'package:gymlink_module_web/interfaces/items.dart';
 import 'package:gymlink_module_web/pages/basket.dart';
 import 'package:gymlink_module_web/providers/cart.dart';
 import 'package:gymlink_module_web/providers/main.dart';
+import 'package:gymlink_module_web/tools/items.dart';
 import 'package:gymlink_module_web/tools/prefs.dart';
 import 'package:gymlink_module_web/tools/routes.dart';
 import 'package:http/http.dart' as http;
@@ -29,6 +30,7 @@ class _DetailPageState extends State<DetailPage> {
   bool isInCart = false;
   int quantity = 0;
   GymItem? item;
+  String categoryName = '';
   final CarouselController _carouselController = CarouselController();
   int _currentImage = 0;
 
@@ -47,21 +49,33 @@ class _DetailPageState extends State<DetailPage> {
     super.initState();
   }
 
-  void _getItem() async {
+  Future<void> _getItem() async {
     final Uri url =
         Uri.http('gymlink.freemyip.com:8080', 'api/product/get/${widget.id}');
     final response = await http.get(url, headers: {
       'Authorization': 'Bearer ${context.read<GymLinkProvider>().token}',
     });
     if (response.statusCode == 200) {
+      final data =
+          GymItem.fromJson(jsonDecode(utf8.decode(response.bodyBytes)));
       setState(() {
-        item = GymItem.fromJson(jsonDecode(utf8.decode(response.bodyBytes)));
+        item = data;
       });
       WidgetsBinding.instance.addPostFrameCallback((_) {
         for (var element in item!.images) {
           precacheImage(NetworkImage(element.url), context);
         }
       });
+      if (mounted) {
+        getCategories(context).then((value) {
+          categoryName = value
+              .firstWhere(
+                (element) => element.id == (item!.categoryId),
+                orElse: () => GymCategory(id: item!.categoryId, name: ''),
+              )
+              .name;
+        });
+      }
     }
   }
 
@@ -249,6 +263,12 @@ class _DetailPageState extends State<DetailPage> {
                               : Image.network(item!.images[0].url,
                                   width: min(
                                       550, MediaQuery.sizeOf(context).width)),
+                          Padding(
+                              padding: const EdgeInsets.symmetric(vertical: 10),
+                              child: Center(
+                                child: Text(
+                                    'Категория: ${categoryName == "" ? "Без категории" : categoryName}'),
+                              )),
                           item!.description != ''
                               ? Padding(
                                   padding: const EdgeInsetsDirectional.all(30),