import 'package:flutter/material.dart';
import 'package:food_hub_app/apis/recipe.dart';
import 'package:food_hub_app/models/recipe.dart';
import 'package:food_hub_app/widgets/common/index.dart';
import 'package:food_hub_app/widgets/recipe/card.dart';

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

  @override
  State<RecipeList> createState() => _RecipeListState();
}

class _RecipeListState extends State<RecipeList> {
  List<RecipeSummary> recipeSummaryList = [];

  @override
  void initState() {
    super.initState();
    refreshRecipeList();
  }

  Future<void> refreshRecipeList() async {
    final result = await queryRecipeApi(RecipeQuery(category: ""));

    setState(() {
      recipeSummaryList = result;
    });
  }

  @override
  Widget build(BuildContext context) {
    if (recipeSummaryList.isEmpty) {
      return buildEmptyData();
    } else {
      return ListView.separated(
        itemCount: recipeSummaryList.length,
        itemBuilder: (context, index) {
          return RecipeCard(recipe: recipeSummaryList[index]);
        },
        separatorBuilder: (context, index) {
          return SizedBox(height: 10);
        },
      );
    }
  }
}