import 'package:discover_module/ui_screen/interactionform/interaction_screen.dart';
import 'package:discover_module/ui_screen/interactionform/interactionprovider.dart';
import 'package:discover_module/ui_screen/interactionform/model/save_interaction.dart';
import 'package:discover_module/ui_screen/interactionform/view_forms_list.dart';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';

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

  @override
  State<InteractionListScreen> createState() => _InteractionListScreenState();
}

class _InteractionListScreenState extends State<InteractionListScreen> {
  List<SaveInteraction> savedList = [];
  @override
  void initState() {
    WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
      // if (!mytimer!.isActive) {
      //   activateTimer();
      // }
      print("interactionListt");
      init();
    });

    super.initState();
  }

  init() async {
    print("init");

    await Provider.of<InteractionProvider>(context, listen: false)
        .initConfigData();

    await Provider.of<InteractionProvider>(context, listen: false).getRecords();
    setState(() {});
  }

  Future<int> getCount(String form, InteractionProvider provider) async {
    await provider.getRecords();

    return provider.savedList.where((element) => element.form == form).length;
  }

  @override
  Widget build(BuildContext context) {
    return Consumer<InteractionProvider>(
        builder: (BuildContext context, provider, Widget? child) {
      return SafeArea(
        child: Scaffold(
          appBar: AppBar(
            title: Text(
              'Interaction Forms',
              //style: TextStyle(fontSize: isTablet ? 22 : 14, color: Colors.white),
            ),
            automaticallyImplyLeading: false,
            // backgroundColor: const Color(0xFF2b9af3),
            leading: InkWell(
              onTap: () {
                Navigator.pop(context);
              },
              child: const Icon(
                Icons.arrow_back_ios,
                color: Colors.white,
              ),
            ),
          ),
          body: Container(
            child: Center(
                child: ListView.builder(
                    itemCount: provider.intConfigDataList.length,
                    cacheExtent: double.parse(
                        provider.intConfigDataList.length.toString()),
                    itemBuilder: (context, index) {
                      return Column(
                        children: [
                          ListTile(
                            title: Row(
                              children: [
                                Text(
                                  provider.intConfigDataList[index].name,
                                ),
                                const SizedBox(
                                  width: 20,
                                ),
                                IconButton(
                                  onPressed: () {
                                    Navigator.push(
                                        context,
                                        MaterialPageRoute(
                                            builder: (BuildContext context) =>
                                                InteractionScreen(
                                                  index: index,
                                                  form: provider
                                                      .intConfigDataList[index]
                                                      .name,
                                                )));
                                  },
                                  icon: const Icon(
                                    Icons.arrow_circle_right_outlined,
                                    size: 30,
                                    color: Color.fromARGB(255, 8, 39, 92),
                                  ),
                                ),
                              ],
                            ),
                            trailing: provider.savedList.indexWhere((element) =>
                                        element.form ==
                                        provider
                                            .intConfigDataList[index].name) !=
                                    -1
                                ? InkWell(
                                    onTap: () {
                                      if (getCount(
                                              provider.intConfigDataList[index]
                                                  .name,
                                              provider) !=
                                          0) {
                                        provider.savedList
                                            .where((element) =>
                                                element.form ==
                                                provider
                                                    .intConfigDataList[index]
                                                    .name)
                                            .toList();
                                        Navigator.push(
                                            context,
                                            MaterialPageRoute(
                                                builder:
                                                    (BuildContext context) =>
                                                        SavedFormListScreen(
                                                          formname: provider
                                                              .intConfigDataList[
                                                                  index]
                                                              .name,
                                                        )));
                                      }
                                    },
                                    child: FittedBox(
                                      fit: BoxFit.scaleDown,
                                      child: Text(
                                        "${provider.savedList.where((element) => element.form == provider.intConfigDataList[index].name).length} record(s) saved",
                                        style: TextStyle(
                                            // fontSize: isTablet ? 18.0 : 14,
                                            fontSize: 18.0,
                                            color: Colors.blue.shade900),
                                      ),
                                    ),
                                  )
                                : const SizedBox.shrink(),
                            onTap: () {
                              Navigator.push(
                                  context,
                                  MaterialPageRoute(
                                      builder: (BuildContext context) =>
                                          InteractionScreen(
                                            index: index,
                                            form: provider
                                                .intConfigDataList[index].name,
                                          )));
                            },
                          ),
                          const Divider(),
                        ],
                      );
                    })),
          ),
        ),
      );
    });
  }
}