import 'package:flutter/cupertino.

dart';

import 'categories_model.dart';

class ProductsModel with ChangeNotifier {

  int? id;

  String? title;

  int? price;

  String? description;

  CategoriesModel? category;

  List<String>? images;

  ProductsModel(

      {this.id,

      this.title,

      this.price,

      this.description,

      this.category,

      this.images});

  ProductsModel.fromJson(Map<String, dynamic> json) {

    id = json['id'];

    title = json['title'];

    price = json['price'];

    description = json['description'];

    category = json['category'] != null

        ? CategoriesModel.fromJson(json['category'])

        : null;

    images = json['images'].cast<String>();

 }

  static List<ProductsModel> productsFromSnapshot(List productSnaphot) {

    // print("data ${productSnaphot[0]}");
    return productSnaphot.map((data) {
      return ProductsModel.fromJson(data);

    }).toList();

 }

// ignore: constant_identifier_names

const String BASE_URL = "api.escuelajs.co";

import 'dart:developer';

import 'package:http/http.dart' as http;

import 'package:store_api_flutter_course/consts/api_consts.dart';

import 'package:store_api_flutter_course/models/categories_model.dart';

import 'package:store_api_flutter_course/models/products_model.dart';

import 'package:store_api_flutter_course/models/users_model.dart';

class APIHandler {

  static Future<List<dynamic>> getData(

      {required String target, String? limit}) async {

    try {

      var uri = Uri.https(

          BASE_URL,

          "api/v1/$target",

          target == "products"

       ?{

                  "offset": "0",

                  "limit": limit,

        }

              : {});

      var response = await http.get(uri);

      // print("response ${jsonDecode(response.body)}");

      var data = jsonDecode(response.body);

      List tempList = [];

      if (response.statusCode != 200) {

        throw data["message"];

   }

      for (var v in data) {

        tempList.add(v);
        // print("V $v \n\n");

   }

      return tempList;

    } catch (error) {

      log("An error occured $error");

      throw error.toString();

  }

 }

  static Future<List<ProductsModel>> getAllProducts(

      {required String limit}) async {

    List temp = await getData(

      target: "products",

      limit: limit,

    );

    return ProductsModel.productsFromSnapshot(temp);

 }

  static Future<List<CategoriesModel>> getAllCategories() async {

    List temp = await getData(target: "categories");

    return CategoriesModel.categoriesFromSnapshot(temp);

 }

  static Future<List<UsersModel>> getAllUsers() async {

    List temp = await getData(target: "users");

    return UsersModel.usersFromSnapshot(temp);

 }

  static Future<ProductsModel> getProductById({required String id}) async {

    try {

      // ignore: unrelated_type_equality_checks

      // id == 88;
      var uri = Uri.https(

        BASE_URL,

        "api/v1/products/$id",

      );

      var response = await http.get(uri);

      // print("response ${jsonDecode(response.body)}");

      var data = jsonDecode(response.body);

      if (response.statusCode != 200) {

        throw data["message"];

   }

      return ProductsModel.fromJson(data);

    } catch (error) {

      log("an error occured while getting product info $error");

      throw error.toString();

  }

 }

}
import 'package:card_swiper/card_swiper.dart';

import 'package:flutter/material.dart';

import 'package:flutter_iconly/flutter_iconly.dart';

import 'package:page_transition/page_transition.dart';

import 'package:store_api_flutter_course/consts/global_colors.dart';

import 'package:store_api_flutter_course/screens/categories_screen.dart';

import 'package:store_api_flutter_course/screens/feeds_screen.dart';

import 'package:store_api_flutter_course/screens/users_screen.dart';

import 'package:store_api_flutter_course/services/api_handler.dart';

import '../models/products_model.dart';

import '../widgets/appbar_icons.dart';

import '../widgets/feeds_grid.dart';

import '../widgets/sale_widget.dart';

class HomeScreen extends StatefulWidget {

  const HomeScreen({Key? key}) : super(key: key);

  @override

  State<HomeScreen> createState() => _HomeScreenState();

class _HomeScreenState extends State<HomeScreen> {

  late TextEditingController _textEditingController;

  // List<ProductsModel> productsList = [];

  @override

  void initState() {

    _textEditingController = TextEditingController();

    super.initState();

 }

  @override
  void dispose() {

    _textEditingController.dispose();

    super.dispose();

 }

  @override

  Widget build(BuildContext context) {

    Size size = MediaQuery.of(context).size;

    return GestureDetector(

      onTap: () {

        FocusScope.of(context).unfocus();

      },

      child: Scaffold(

          appBar: AppBar(

            // elevation: 4,

            title: const Text('Home'),

            leading: AppBarIcons(

              function: () {

                Navigator.push(

                  context,

                  PageTransition(

                    type: PageTransitionType.fade,

                    child: const CategoriesScreen(),

                  ),

                );

              },

              icon: IconlyBold.category,

            ),

            actions: [

              AppBarIcons(

                function: () {

                  Navigator.push(
                    context,

                    PageTransition(

                      type: PageTransitionType.fade,

                      child: const UsersScreen(),

                    ),

                  );

                },

                icon: IconlyBold.user3,

              ),

            ],

          ),

          body: Padding(

            padding: const EdgeInsets.all(8.0),

            child: Column(

              children: [

                const SizedBox(

                  height: 18,

                ),

                TextField(

                  controller: _textEditingController,

                  keyboardType: TextInputType.text,

                  decoration: InputDecoration(

                      hintText: "Search",

                      filled: true,

                      fillColor: Theme.of(context).cardColor,

                      enabledBorder: OutlineInputBorder(

                        borderRadius: BorderRadius.circular(10.0),

                        borderSide: BorderSide(

                          color: Theme.of(context).cardColor,

                        ),

                      ),

                      focusedBorder: OutlineInputBorder(
                        borderRadius: BorderRadius.circular(10.0),

                        borderSide: BorderSide(

                          width: 1,

                          color: Theme.of(context).colorScheme.secondary,

                        ),

                      ),

                      suffixIcon: Icon(

                        IconlyLight.search,

                        color: lightIconsColor,

                      )),

                ),

                const SizedBox(

                  height: 18,

                ),

                Expanded(

                  child: SingleChildScrollView(

                    child: Column(children: [

                      SizedBox(

                        height: size.height * 0.25,

                        child: Swiper(

                          itemCount: 3,

                          itemBuilder: (ctx, index) {

                            return const SaleWidget();

                          },

                          autoplay: true,

                          pagination: const SwiperPagination(

                              alignment: Alignment.bottomCenter,

                              builder: DotSwiperPaginationBuilder(

                                  color: Colors.white,

                                  activeColor: Colors.red)),

                          // control: const SwiperControl(),

                        ),
                      ),

                      Padding(

                        padding: const EdgeInsets.all(8.0),

                        child: Row(

                          children: [

                            const Text(

                              "Latest Products",

                              style: TextStyle(

                                fontWeight: FontWeight.w600,

                                fontSize: 18,

                              ),

                            ),

                            const Spacer(),

                            AppBarIcons(

                                function: () {

                                  Navigator.push(

                                      context,

                                      PageTransition(

                                          type: PageTransitionType.fade,

                                          child: const FeedsScreen()));

                                },

                                icon: IconlyBold.arrowRight2),

                          ],

                        ),

                      ),

                      FutureBuilder<List<ProductsModel>>(

                          future: APIHandler.getAllProducts(limit: "5"),

                          builder: ((context, snapshot) {

                            if (snapshot.connectionState ==

                                ConnectionState.waiting) {

                              return const Center(

                                child: CircularProgressIndicator(),
                              );

                            } else if (snapshot.hasError) {

                              Center(

                                child:

                                    Text("An error occured ${snapshot.error}"),

                              );

                            } else if (snapshot.data == null) {

                              const Center(

                                child: Text("No products has been added yet"),

                              );

              }

                            return FeedsGridWidget(

                                productsList: snapshot.data!);

                          }))

                    ]),

                  ),

        )

              ],

            ),

          )),

    );

 }

}
import 'package:flutter/material.dart';

import 'package:provider/provider.dart';

import '../models/products_model.dart';

import 'feeds_widget.dart';

class FeedsGridWidget extends StatelessWidget {

  const FeedsGridWidget({Key? key, required this.productsList})

      : super(key: key);

  final List<ProductsModel> productsList;

  @override

  Widget build(BuildContext context) {

    return GridView.builder(

        shrinkWrap: true,

        physics: const NeverScrollableScrollPhysics(),

        itemCount: 5,

        gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(

            crossAxisCount: 2,

            crossAxisSpacing: 0.0,

            mainAxisSpacing: 0.0,

            childAspectRatio: 0.6),

        itemBuilder: (ctx, index) {

          return ChangeNotifierProvider.value(

            value: productsList[index],

            child: const FeedsWidget(),

          );

        });

 }

}
import 'package:fancy_shimmer_image/fancy_shimmer_image.dart';

import 'package:flutter/material.dart';

import 'package:flutter_iconly/flutter_iconly.dart';

import 'package:page_transition/page_transition.dart';

import 'package:provider/provider.dart';

import 'package:store_api_flutter_course/models/products_model.dart';

import '../consts/global_colors.dart';

import '../screens/product_details.dart';

class FeedsWidget extends StatelessWidget {

  const FeedsWidget({Key? key}) : super(key: key);

  @override

  Widget build(BuildContext context) {

    final productsModelProvider = Provider.of<ProductsModel>(context);

    Size size = MediaQuery.of(context).size;

    return Padding(

      padding: const EdgeInsets.all(2.0),

      child: Material(

        borderRadius: BorderRadius.circular(8.0),

        color: Theme.of(context).cardColor,

        child: InkWell(

          borderRadius: BorderRadius.circular(8.0),

          onTap: () {

            Navigator.push(

              context,

              PageTransition(

                type: PageTransitionType.fade,

                child: ProductDetails(id: productsModelProvider.id.toString(),),

              ),
            );

          },

          child: Column(

            crossAxisAlignment: CrossAxisAlignment.start,

            children: [

              Padding(

                padding: const EdgeInsets.only(left: 5, right: 5, top: 8),

                child: Row(

                  mainAxisAlignment: MainAxisAlignment.spaceBetween,

                  children: [

                    Flexible(

                      child: RichText(

                        text: TextSpan(

                            text: '\$',

                            style: const TextStyle(

                                color: Color.fromRGBO(33, 150, 243, 1)),

                            children: <TextSpan>[

                              TextSpan(

                                  text: "${productsModelProvider.price}",

                                  style: TextStyle(

                                      color: lightTextColor,

                                      fontWeight: FontWeight.w600)),

                            ]),

                      ),

                    ),

                    const Icon(IconlyBold.heart),

                  ],

                ),

              ),

              const SizedBox(height: 10),

              ClipRRect(

                borderRadius: BorderRadius.circular(12),
                child: FancyShimmerImage(

                  height: size.height * 0.2,

                  width: double.infinity,

                  errorWidget: const Icon(

                    IconlyBold.danger,

                    color: Colors.red,

                    size: 28,

                  ),

                  imageUrl: productsModelProvider.images![0],

                  boxFit: BoxFit.fill,

                ),

              ),

              const SizedBox(height: 10),

              Padding(

                padding: const EdgeInsets.all(8.0),

                child: Text(

                  productsModelProvider.title.toString(),

                  overflow: TextOverflow.ellipsis,

                  maxLines: 2,

                  style: const TextStyle(

                    fontSize: 17,

                    //  fontFamily: 'Roboto',

                    fontWeight: FontWeight.w700,

                  ),

                ),

              ),

              SizedBox(

                height: size.height * 0.01,

              ),

            ],

          ),

        ),
      ),

    );

 }