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

import '../devices/devices.dart';

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key, required this.title});

  final String title;

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  List<bool> expanded = [];

  @override
  Widget build(BuildContext context) {
    return FutureBuilder<List<Category>>(
        future: Category.fetch(),
        builder: (context, AsyncSnapshot<List<Category>> categories) {
          if (!categories.hasData) {
            return SpinKitWanderingCubes(
              color: Colors.deepPurple[100],
              size: 80.0,
            );
          }

          final data = categories.data!;
          final categoryCount = data.length;

          if (categoryCount > expanded.length) {
            final int diff = categoryCount - expanded.length;

            final List<bool> diffList = List<bool>.filled(diff, true);
            expanded.addAll(diffList);
          } else if (categoryCount < expanded.length) {
            final int diff = expanded.length - categoryCount;

            expanded = List<bool>.filled(diff, false);
          }

          return Scaffold(
              appBar: AppBar(
                backgroundColor: Theme.of(context).colorScheme.inversePrimary,
                title: Text(widget.title),
                actions: [
                  IconButton(
                      icon: const Icon(Icons.auto_graph_outlined),
                      onPressed: () =>
                          Navigator.of(context).pushReplacementNamed(
                            '/graphs',
                          )),
                  IconButton(
                      icon: const Icon(Icons.refresh_outlined),
                      onPressed: () {})
                ],
              ),
              body: Column(children: [
                Container(
                    margin: const EdgeInsets.all(15.0),
                    padding: const EdgeInsets.all(15.0),
                    child: ExpansionPanelList(
                        expansionCallback: (int index, bool expand) {
                          setState(() {
                            expanded[index] = expand;
                          });
                        },
                        children: data.asMap().entries.map(
                          (category) {
                            final CategoryWidget widget =
                                CategoryWidget(category: category.value);

                            return ExpansionPanel(
                              headerBuilder:
                                  (BuildContext context, bool isExpanded) {
                                return ListTile(
                                    title: Text(widget.category.Name()));
                              },
                              body: widget,
                              isExpanded: expanded[category.key],
                              backgroundColor: Colors.deepPurple[100],
                              canTapOnHeader: true,
                            );
                          },
                        ).toList()))
              ]));
        });
  }
}