import 'package:carousel_slider/carousel_slider.dart';
import 'package:flutter/material.dart';
import 'package:fluttertoast/fluttertoast.dart';
import 'package:go_router/go_router.dart';
import 'package:grocery_app/src/common_widget/network_image.dart';
import 'package:grocery_app/src/core/routes/routes.dart';
import 'package:grocery_app/src/logic/provider/home_provider.dart';
import 'package:grocery_app/src/ui/bestdeal/bestdeal_screen.dart';
import 'package:grocery_app/src/ui/fruitvegidetail/fruit_veggie_detail.dart';
import 'package:grocery_app/src/ui/header.dart';
import 'package:grocery_app/utils/constants/color_constant.dart';
import 'package:grocery_app/utils/constants/shared_pref_utils.dart';
import 'package:grocery_app/utils/extensions/extensions.dart';
import 'package:grocery_app/utils/extensions/uicontext.dart';
import 'package:material_design_icons_flutter/material_design_icons_flutter.dart';
import 'package:provider/provider.dart';

class HomeScreen extends StatefulWidget {
  const HomeScreen({super.key});

  @override
  State<HomeScreen> createState() => _HomeScreenState();
}

class _HomeScreenState extends State<HomeScreen> {
  @override
  void initState() {
    super.initState();

    Provider.of<ProductProvider>(context, listen: false).getBanners(context);
    Provider.of<ProductProvider>(context, listen: false)
        .gettAllProduct(context, "");
    Provider.of<ProductProvider>(context, listen: false)
        .getBestDealProduct(context);
    Provider.of<ProductProvider>(context, listen: false)
        .getAllcategory(context);
  }

  @override
  Widget build(BuildContext context) {
    return SafeArea(
      child: Scaffold(
        body: Padding(
          padding: context.bodyAllPadding.copyWith(
            top: 0,
          ),
          child: SingleChildScrollView(
            child: Column(
              children: [
                Header(),
                const SizedBox(
                  height: 15,
                ),
                Row(
                  children: [
                    Expanded(
                      child: Container(
                        height: 50,
                        decoration: BoxDecoration(
                          color: APPCOLOR.bgGrey,
                          borderRadius: BorderRadius.circular(5),
                        ),
                        child: TextFormField(
                          decoration: InputDecoration(
                            border: InputBorder.none,
                            fillColor: Colors.transparent,
                            prefixIcon: Icon(MdiIcons.magnify),
                            hintText: 'Search',
                            hintStyle:
                                context.customRegular(APPCOLOR.grey666666, 18),
                            isCollapsed: true,
                            contentPadding: const EdgeInsets.symmetric(
                                vertical: 10, horizontal: 10),
                          ),
                        ),
                      ),
                    ),
                    const SizedBox(
                      width: 10,
                    ),
                    Container(
                      height: 50,
                      width: 50,
                      decoration: BoxDecoration(
                        color: APPCOLOR.lightGreen,
                        borderRadius: BorderRadius.circular(5),
                      ),
                      child: Center(
                        child: Icon(
                          MdiIcons.tuneVariant,
                          color: Colors.white,
                        ),
                      ),
                    ),
                  ],
                ),
                const SizedBox(
                  height: 15,
                ),
                Row(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: [
                    Expanded(
                      child: Text(
                        "Shop By Category",
                        style: context.customExtraBold(Colors.black, 18),
                      ),
                    ),
                    InkWell(
                      onTap: () {
                        // Navigator.of(context).push(MaterialPageRoute(
                        //   builder: (context) {
                        //     return const FruitVeggieDetail();
                        //   },
                        // ));

                        context.push(MyRoutes.FRUITVEGGIEDETAIL);
                      },
                      child: Text(
                        "See All",
                        style: context.customMedium(APPCOLOR.lightGreen, 16),
                      ),
                    ),
                  ],
                ),
                const SizedBox(
                  height: 15,
                ),
                categoriesProduct(),
                const SizedBox(
                  height: 15,
                ),
                bannerview(),
                const SizedBox(
                  height: 15,
                ),
                Row(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: [
                    Expanded(
                      child: Text(
                        "Best Deal",
                        style: context.customExtraBold(Colors.black, 18),
                      ),
                    ),
                    InkWell(
                      onTap: () {
                        Navigator.of(context).push(MaterialPageRoute(
                          builder: (context) {
                            return const BestDealScreen();
                          },
                        ));
                      },
                      child: Text(
                        "See All",
                        style: context.customMedium(APPCOLOR.lightGreen, 16),
                      ),
                    ),
                  ],
                ),
                const SizedBox(
                  height: 15,
                ),
                bestDeal(),
                const SizedBox(
                  height: 20,
                ),
              ],
            ),
          ),
        ),
      ),
    );
  }

  Widget bestDeal() {
    return Consumer<ProductProvider>(builder: (context, provider, child) {
      if (provider.isBestdealingloading) {
        return Center(child: CircularProgressIndicator());
      } else if (provider.bestdeal.isEmpty) {
        return Center(child: Text('No products available'));
      } else {
        return SizedBox(
          height: MediaQuery.of(context).size.height * 0.28,
          child: ListView.builder(
            itemCount: provider.bestdeal.length,
            scrollDirection: Axis.horizontal,
            itemBuilder: (context, index) {
              var bestdealproduct = provider.bestdeal[index];
              double cardWidth =
                  MediaQuery.of(context).size.width * 0.4; // Dynamic width

              return Padding(
                padding: const EdgeInsets.only(right: 10, bottom: 5, top: 5),
                child: Container(
                  width: cardWidth,
                  decoration: BoxDecoration(
                    color: Colors.white,
                    borderRadius: BorderRadius.circular(15),
                    boxShadow: [
                      BoxShadow(
                        color: Colors.grey.withOpacity(0.1),
                        blurRadius: 1,
                        offset: const Offset(5, 5),
                      ),
                    ],
                  ),
                  child: Padding(
                    padding: const EdgeInsets.all(5),
                    child: Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: [
                        Center(
                          child: Container(
                            height: MediaQuery.of(context).size.height * 0.12,
                            width: cardWidth * 0.9,
                            decoration: BoxDecoration(
                              color: APPCOLOR.bgGrey,
                              borderRadius: BorderRadius.circular(15),
                            ),
                            child: Stack(
                              alignment: Alignment.center,
                              children: [
                                AppNetworkImage(
                                  height:
                                      MediaQuery.of(context).size.height * 0.08,
                                  width: cardWidth * 0.7,
                                  imageUrl: bestdealproduct
                                          .productImages?.first?.url ??
                                      "",
                                  backGroundColor: Colors.transparent,
                                ),
                                Positioned(
                                  right: 5,
                                  top: 5,
                                  child: InkWell(
                                    onTap: () async {
                                      if (await SharedPrefUtils.getToken() !=
                                          null) {
                                        provider.toggleWishlist(
                                            context, bestdealproduct.id!);
                                      } else {
                                        context.push(MyRoutes.LOGIN);
                                      }
                                    },
                                    child: Icon(
                                      provider.wishlist
                                              .contains(bestdealproduct.id)
                                          ? Icons.favorite
                                          : Icons.favorite_border,
                                      color: provider.wishlist
                                              .contains(bestdealproduct.id)
                                          ? Colors.red
                                          : Colors.grey,
                                    ),
                                  ),
                                ),
                              ],
                            ),
                          ),
                        ),
                        SizedBox(
                          height: MediaQuery.of(context).size.height * 0.01,
                        ),
                        Text(
                          bestdealproduct.name ?? "",
                          textAlign: TextAlign.left,
                          maxLines: 2,
                          overflow: TextOverflow.ellipsis,
                          style: context.customMedium(APPCOLOR.balck1A1A1A, 14),
                        ),
                        SizedBox(
                          height: MediaQuery.of(context).size.height * 0.005,
                        ),
                        Text(
                          bestdealproduct.unit ?? "",
                          textAlign: TextAlign.left,
                          maxLines: 1,
                          overflow: TextOverflow.ellipsis,
                          style: context.customMedium(
                            Colors.grey.withOpacity(0.8),
                            12,
                          ),
                        ),
                        SizedBox(
                          height: MediaQuery.of(context).size.height * 0.005,
                        ),
                        const Spacer(),
                        Row(
                          children: [
                            Row(
                              children: [
                                Text(
                                  "\$${bestdealproduct.discountPrice ?? ""}  ",
                                  textAlign: TextAlign.left,
                                  maxLines: 1,
                                  overflow: TextOverflow.ellipsis,
                                  style:
                                      context.customSemiBold(Colors.black, 12),
                                ),
                                Text(
                                  "\$${bestdealproduct.basePrice ?? ""}",
                                  textAlign: TextAlign.left,
                                  maxLines: 1,
                                  overflow: TextOverflow.ellipsis,
                                  style: context
                                      .customMedium(
                                        Colors.grey.withOpacity(0.8),
                                        12,
                                      )
                                      .copyWith(
                                        decoration: TextDecoration.lineThrough,
                                      ),
                                ),
                              ],
                            ),

                            //  const Spacer(),
                            Align(
                              alignment: Alignment.centerRight,
                              child: GestureDetector(
                                onTap: () async {
                                  print(
                                      "Add to Cart Pressed for ${bestdealproduct.id}");

                                  if (await SharedPrefUtils.getToken() !=
                                      null) {
                                    if (!(provider
                                            .isLoading[bestdealproduct.id] ??
                                        false)) {
                                      await provider.addToCart(
                                          context, bestdealproduct.id!);
                                    }
                                  } else {
                                    context.push(MyRoutes.LOGIN);
                                  }

                                  // if (await SharedPrefUtils.getToken() !=  null)
                                  //     {

                                  //   provider.isLoading[bestdealproduct.id] ?? false
                                  //       ? null
                                  //       : () => provider.addToCart(
                                  //           context, bestdealproduct.id!);
                                  // } else
                                  // {
                                  //   context.push(MyRoutes.LOGIN);
                                  // }
                                },
                                child: Container(
                                  height: MediaQuery.of(context).size.height *
                                      0.035,
                                  width:
                                      MediaQuery.of(context).size.width * 0.1,
                                  decoration: BoxDecoration(
                                    color: provider.cartItems
                                            .contains(bestdealproduct.id)
                                        ? Colors.grey
                                        : APPCOLOR.lightGreen,
                                    borderRadius: BorderRadius.circular(5),
                                  ),
                                  child: Center(
                                    child: provider.isLoading[
                                                bestdealproduct.id] ??
                                            false
                                        ? CircularProgressIndicator(
                                            color: Colors.white, strokeWidth: 2)
                                        : Text(
                                            provider.cartItems.contains(
                                                    bestdealproduct.id)
                                                ? 'Added'
                                                : 'Add',
                                            style: context.customRegular(
                                                Colors.white, 12),
                                          ),
                                  ),
                                ),
                              ),
                            ),
                          ],
                        ),
                      ],
                    ),
                  ),
                ),
              );
            },
          ),
        );
      }
    });
  }

  Widget bannerview() {
    return Consumer<ProductProvider>(builder: (context, provider, child) {
      if (provider.isBannerLoading) {
        return Center(child: CircularProgressIndicator());
      } else if (provider.banner.isEmpty) {
        return Center(child: Text('No products available'));
      } else {
        return CarouselSlider(
          options: CarouselOptions(
            height: 180,

            autoPlay: true,
            enlargeCenterPage: true,

            viewportFraction: 1,
            aspectRatio: 16 / 9,
            initialPage: 0,
            enableInfiniteScroll: true,
            reverse: false,

            autoPlayInterval: Duration(seconds: 3),
            autoPlayAnimationDuration: Duration(milliseconds: 800),
            autoPlayCurve: Curves.fastOutSlowIn,

            enlargeFactor: 0.3,
            //aspectRatio: 16 / 9,
            //viewportFraction: 0.9,
          ),
          items: provider.banner.map((banner) {
            return Builder(
              builder: (BuildContext context) {
                return Container(
                  width: MediaQuery.of(context).size.width,
                  //  margin: const EdgeInsets.symmetric(horizontal: 8.0),
                  decoration: BoxDecoration(
                    color: Colors.greenAccent.withOpacity(0.1),
                    borderRadius: BorderRadius.circular(15),
                  ),
                  child: Stack(
                    children: [
                      Positioned(
                        top: 15,
                        left: 15,
                        child: SizedBox(
                          width: 200,
                          child: Text(
                            banner.altText ?? "Special Event",
                            style: context.customExtraBold(Colors.black, 18),
                          ),
                        ),
                      ),
                      Positioned(
                        bottom: 15,
                        left: 15,
                        child: GestureDetector(
                          onTap: () {
                            // Add your navigation or shop action here
                          },
                          child: Container(
                            height: 40,
                            width: 100,
                            decoration: BoxDecoration(
                              color: APPCOLOR.lightGreen,
                              borderRadius: BorderRadius.circular(5),
                            ),
                            child: Center(
                              child: Text(
                                'Shop now',
                                style: context.customRegular(Colors.white, 14),
                              ),
                            ),
                          ),
                        ),
                      ),
                      Positioned(
                        right: 15,
                        bottom: 15,
                        child: AppNetworkImage(
                          height: 130,
                          width: 150,
                          imageUrl: banner.imageUrl ??
                              'https://e7.pngegg.com/pngimages/742/816/png-clipart-coca-cola-can-illustration-coca-cola-soft-drink-surge-pepsi-coke-sweetness-cola-thumbnail.png',
                          backGroundColor: Colors.transparent,
                        ),
                      ),
                    ],
                  ),
                );
              },
            );
          }).toList(),
        );
      }
    });
  }

  Widget categoriesProduct() {
    return Consumer<ProductProvider>(builder: (context, provider, child) {
      if (provider.isLoadingg) {
        return Center(child: CircularProgressIndicator());
      } else if (provider.products.isEmpty) {
        return Center(child: Text('No products available'));
      } else {
        return GridView.builder(
          shrinkWrap: true,
          itemCount: provider.products.length,
          physics: const NeverScrollableScrollPhysics(),
          gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
            crossAxisCount: 4,
            crossAxisSpacing: 5,
            mainAxisSpacing: 5,
            childAspectRatio: MediaQuery.of(context).size.width /
                (MediaQuery.of(context).size.height / 1.2),
          ),
          itemBuilder: (context, index) {
            var product = provider.products[index];
            return InkWell(
              onTap: () {
                context.push(MyRoutes.PRODUCTDETAILS, extra: product);
              },
              child: SizedBox(
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.center,
                  children: [
                    Container(
                      decoration: BoxDecoration(
                        color: APPCOLOR.bgGrey,
                        borderRadius: BorderRadius.circular(5),
                      ),
                      child: AppNetworkImage(
                        height: 80,
                        width: 80,
                        imageUrl: product.productImages!.first.url,
                        //'https://i.pinimg.com/originals/a5/f3/5f/a5f35fb23e942809da3df91b23718e8d.png',
                        backGroundColor: APPCOLOR.bgGrey,
                        radius: 10,
                      ),
                    ),
                    const SizedBox(
                      height: 10,
                    ),
                    Text(
                      product.name ?? "",
                      textAlign: TextAlign.center,
                      maxLines: 2,
                      overflow: TextOverflow.ellipsis,
                      style: context.customMedium(APPCOLOR.balck1A1A1A, 14),
                    )
                  ],
                ),
              ),
            );
          },
        );
      }
    });
  }
}