import 'package:basic_utils/basic_utils.dart';
import 'package:flutter/material.dart';
import '../config/format_helper.dart';
import '../models/food.dart';
import '../pages/nav_pages/search_food.dart';

class CardComponent extends StatefulWidget {
  final String eatingMealName;
  final List<Food> selectedMeal;
  final bool addButtonVisible;

  const CardComponent(
      {Key? key,
      required this.eatingMealName,
      required this.selectedMeal,
      this.addButtonVisible = true})
      : super(key: key);

  @override
  State<CardComponent> createState() => _CardComponentState();
}

class _CardComponentState extends State<CardComponent> {
  Route createRoute(String cardName) {
    return PageRouteBuilder(
      pageBuilder: (context, animation, secondaryAnimation) =>
          SearchFoodPage(cardName),
      transitionsBuilder: (context, animation, secondaryAnimation, child) {
        const begin = Offset(0.0, 1.0);
        const end = Offset.zero;
        const curve = Curves.ease;

        var tween =
            Tween(begin: begin, end: end).chain(CurveTween(curve: curve));

        return SlideTransition(
          position: animation.drive(tween),
          child: child,
        );
      },
    );
  }



  String capitalize(String s) => s[0].toUpperCase() + s.substring(1);

  String listFoodAsString() {
    String mealAsString = "";
    for (final food in widget.selectedMeal) {
      mealAsString = "${food.name} ";
    }
    return mealAsString;
  }

  Widget getElevatedButton() {
    if (widget.addButtonVisible) {
      return ElevatedButton(
        onPressed: () async {
          Navigator.of(context).push(createRoute(widget.eatingMealName));
        },
        style: ElevatedButton.styleFrom(
          shape: const CircleBorder(),
          padding: const EdgeInsets.all(0),
        ),
        child: const Text(
          '+',
          style: TextStyle(fontSize: 28),
        ),
      );
    } else {
      return const SizedBox.shrink();
    }
  }

  int getCountedCalories() {
    double calories = 0;
    for (Food food in widget.selectedMeal) {
      if (food.calories is int) {
        calories += food.calories as int;
      } else if (food.calories is double) {
        calories += food.calories as double;
      }
    }
    return calories.round();
  }

  @override
  Widget build(BuildContext context) {
    return Container(
        margin: const EdgeInsets.fromLTRB(0, 16, 0, 0),
        child: Column(
          children: [
            Row(
              children: [
                Text(
                  StringUtils.capitalize(widget.eatingMealName),
                  maxLines: 1,
                  overflow: TextOverflow.ellipsis,
                  softWrap: false,
                  style: const TextStyle(
                      color: Colors.black,
                      fontWeight: FontWeight.bold,
                      fontSize: 16),
                ),
                getElevatedButton(),
              ],
            ),
            SizedBox(
              width: MediaQuery.of(context).size.width * 1,
              child: ListView.builder(
                  primary: false,
                  shrinkWrap: true,
                  itemCount: getMapOfDistinctElementsWithCounterAndCalories(
                          widget.selectedMeal)
                      .keys
                      .length,
                  itemBuilder: (context, i) {
                    Map<String, List<int>> map =
                        getMapOfDistinctElementsWithCounterAndCalories(
                            widget.selectedMeal);
                    String foodName = map.keys.elementAt(i);
                    List<int> values = map.values.elementAt(i);
                    return Padding(
                      padding: const EdgeInsets.only(top: 10.0), // Adjust the padding as needed
                      child: Text(
                        "${i+1}. ${getFoodListStringByFood(foodName, values[0], values[1])}",
                      ),
                    );
                  }),
            ),
            widget.selectedMeal.isNotEmpty
                ? Column(
                    children: [
                      const Divider(),
                      Text("${getCountedCalories()} kcal")
                    ],
                  )
                : const SizedBox.shrink(),
          ],
        ));
  }
}