import 'dart:convert';
import 'dart:io';
// import 'dart:js_interop';
// import 'dart:js_util';

import 'package:discover_module/constants.dart';
import 'package:discover_module/custom_widget/floating_btn.dart';
import 'package:discover_module/ui_screen/add_event/add_hcp.dart';
import 'package:discover_module/ui_screen/interactionform/interactionprovider.dart';
import 'package:discover_module/ui_screen/interactionform/model/interaction_data.dart';
import 'package:discover_module/ui_screen/interactionform/util.dart';
import 'package:discover_module/ui_screen/interactionform/widget/custombutton.dart';
import 'package:discover_module/ui_screen/interactionform/widget/customrangeslider.dart';
import 'package:discover_module/ui_screen/interactionform/widget/interatciontextfield.dart';
import 'package:discover_module/ui_screen/interactionform/widget/responsive_ext.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/rendering.dart';
import 'package:flutter/services.dart';
import 'package:flutter/widgets.dart';
import 'package:intl/intl.dart';
import 'package:path_provider/path_provider.dart';
import 'package:popover/popover.dart';
import 'package:provider/provider.dart';
import 'package:dropdown_button2/dropdown_button2.dart';

import 'package:file_picker/file_picker.dart';
// import 'package:pwa_ios/widgets/responsive_ext.dart';
import 'package:permission_handler/permission_handler.dart';
import 'package:path/path.dart' as p;

// import 'package:popover/popover.dart';

class InteractionScreen extends StatefulWidget {
  int index;
  String form;
  InteractionScreen({super.key, required this.index, required this.form});

  @override
  State<InteractionScreen> createState() => _InteractionScreenState();
}

class _InteractionScreenState extends State<InteractionScreen> {
  List<dynamic> interactionReponseList = [];
  List<SectionList> sectionList = [];
  List<TextEditingController> textEditingControllerList = [];
  int textfieldIndex = 0;
  String dropdownvalue = 'Select value';
  String? fileName;
  final TextEditingController textEditingController = TextEditingController();
  @override
  void initState() {
    WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
      // if (mytimer!.isActive) {
      //   cancelTimer();
      // }
      init();
    });

    super.initState();
  }

  init() async {
    await Provider.of<InteractionProvider>(context, listen: false)
        .init(widget.index);
    setState(() {});
  }

  @override
  Widget build(BuildContext context) {
    return Consumer<InteractionProvider>(
        builder: (BuildContext context, provider, Widget? child) {
      return GestureDetector(
        onTap: () {
          FocusScope.of(context).requestFocus(FocusNode());
        },
        child: OrientationBuilder(builder: (context, orientation) {
          return SafeArea(
            child: Scaffold(
              //resizeToAvoidBottomInset: false,
              appBar: AppBar(
                title: const FittedBox(
                  fit: BoxFit.scaleDown,
                  child: Text(
                    'Record New Interaction',
                    style: TextStyle(
                        // fontSize: isTablet ? 22 : 14, color: Colors.white
                        //  fontSize: 20,
                        color: Colors.white),
                  ),
                ),
                // backgroundColor: const Color(0xFF2b9af3),
                automaticallyImplyLeading: false,
                actions: [saveActions(provider)],
                leading: InkWell(
                  onTap: () {
                    Navigator.pop(context);
                  },
                  child: const Icon(
                    Icons.arrow_back_ios,
                    color: Colors.white,
                  ),
                ),
              ),
              body: Column(
                children: [
                  Expanded(
                    child: ListView.builder(
                      itemCount: provider.interactionReponseList.length,
                      padding: EdgeInsets.zero,
                      cacheExtent: double.parse(
                          provider.interactionReponseList.length.toString()),
                      itemBuilder: (context, index) {
                        var item = provider.interactionReponseList[index];
                        sectionList = item.sectionList;
                        return ExpansionTile(
                            maintainState: true,
                            // backgroundColor: Colors.white,
                            // collapsedBackgroundColor: Color(0xFF2b9af3),
                            initiallyExpanded: true,
                            title: Stack(
                                alignment: AlignmentDirectional.center,
                                children: [
                                  Container(
                                      // height: double.infinity,
                                      width: double.infinity,
                                      padding: const EdgeInsets.all(8.0),
                                      decoration: BoxDecoration(
                                        // color: Color(0xFF2b9af3),
                                        color: Constants.k2color,
                                      ),
                                      child: Text(
                                        item.sectionName,
                                        style: const TextStyle(
                                          color: Colors.white,
                                          fontWeight: FontWeight.bold,
                                          //  fontSize: isTablet ? 18 : 14
                                        ),
                                      )),
                                  item.multiple
                                      ? Align(
                                          alignment: Alignment.centerRight,
                                          child: IconButton(
                                            onPressed: () {
                                              if (item.sectionName == "HCP") {
                                                Navigator.push(
                                                    context,
                                                    MaterialPageRoute(
                                                        builder: (context) =>
                                                            Addhcp()));

                                                provider.getSectionItem(
                                                  item.sectionName,
                                                );
                                                // print("index is $listIndex");
                                                setState(() {
                                                  // for (var item
                                                });
                                              } else {
                                                provider.getSectionItem(
                                                  item.sectionName,
                                                );
                                                // print("index is $listIndex");
                                                setState(() {});
                                              }
                                            },
                                            icon: const Icon(
                                              Icons.add_circle_outline,
                                              size: 30,
                                              color: Colors.white,
                                            ),
                                          ),
                                        )
                                      : const SizedBox.shrink()
                                ]),
                            children: [
                              Padding(
                                padding: const EdgeInsets.all(8.0),
                                child: Column(
                                  crossAxisAlignment: CrossAxisAlignment.center,
                                  children: [
                                    Padding(
                                      padding: isTablet
                                          ? const EdgeInsets.only(left: 14.0)
                                          : const EdgeInsets.only(
                                              left: 12.0, right: 12.0),
                                      child: GridView.count(
                                        physics:
                                            const NeverScrollableScrollPhysics(),
                                        // crossAxisCount:
                                        //     context.responsive<int>(
                                        //   1,
                                        //   sm: 1, // small
                                        //   md: 1, // medium
                                        //   lg: sectionList.length == 1
                                        //       ? 1
                                        //       : 3, // large
                                        //   xl: 3, // extra large screen
                                        // ),

                                        crossAxisCount: context.responsive<int>(
                                          1,
                                          sm: 1, // small
                                          md: isTablet
                                              ? 2
                                              : orientation ==
                                                      Orientation.landscape
                                                  ? 2
                                                  : 1, // medium
                                          lg: sectionList.length == 1
                                              ? 1
                                              : 3, // large
                                          xl: 3, // extra large screen
                                        ),

                                        // crossAxisCount:
                                        //     orientation == Orientation.portrait
                                        //         ? 1
                                        //         : 3,
                                        // crossAxisCount: (MediaQuery.of(context)
                                        //             .orientation ==
                                        //         Orientation.landscape)
                                        //     ? 3
                                        //     : 1,

                                        mainAxisSpacing:
                                            sectionList.length == 1 || !isTablet
                                                ? 1
                                                : 3.5,
                                        // mainAxisSpacing:
                                        //     orientation == Orientation.portrait
                                        //         ? 1
                                        //         : 3,
                                        shrinkWrap: true,
                                        padding: EdgeInsets.zero,
                                        // childAspectRatio: MediaQuery.of(context)
                                        //         .size
                                        //         .aspectRatio *
                                        //     0.10,
                                        // childAspectRatio:
                                        //     sectionList.length == 1
                                        //         ? orientation ==
                                        //                 Orientation.landscape
                                        //             ? 10
                                        //             : 3.8
                                        //         : 2.4,
                                        // childAspectRatio:
                                        //     sectionList.length == 1
                                        //         ? orientation ==
                                        //                 Orientation.landscape
                                        //             ? 10
                                        //             : 3.8
                                        //         : isTablet
                                        //             ? 2.8
                                        //             : 3.8,

                                        childAspectRatio:
                                            sectionList.length == 1
                                                ? orientation ==
                                                        Orientation.landscape
                                                    ? 10
                                                    : 4.8
                                                : isTablet
                                                    ? 2.8
                                                    : 3.0,
                                        // /:2.4,
                                        // childAspectRatio: 3.8,

                                        children: List.generate(
                                          sectionList.length,
                                          (i) {
                                            SectionList sectionItem =
                                                sectionList[i];
                                            dropdownvalue = sectionItem
                                                        .widget ==
                                                    InteractionWidget.DROPDOWN
                                                ? sectionItem.value ?? "Select"
                                                : ' ';
                                            List<InputClass> list = sectionItem
                                                            .widget ==
                                                        InteractionWidget
                                                            .DROPDOWN ||
                                                    sectionItem.widget ==
                                                        InteractionWidget
                                                            .AUTOCOMPLETE ||
                                                    sectionItem.widget ==
                                                        InteractionWidget
                                                            .MULTISELECT
                                                ? provider.getData2(sectionItem)
                                                : [];
                                            provider.checkboxlist = sectionItem
                                                        .widget ==
                                                    InteractionWidget.CHECKBOX
                                                ? provider.getData2(sectionItem)
                                                : [];

                                            return Column(
                                              crossAxisAlignment:
                                                  CrossAxisAlignment.start,
                                              children: [
                                                sectionItem.widget ==
                                                            InteractionWidget
                                                                .BUTTON &&
                                                        sectionItem.input ==
                                                            'add'
                                                    ? const SizedBox.shrink()
                                                    : Padding(
                                                        padding:
                                                            const EdgeInsets
                                                                .only(
                                                                left: 8.0,
                                                                right: 8.0),
                                                        child: FittedBox(
                                                          fit: BoxFit.scaleDown,
                                                          child: Text(
                                                            sectionItem
                                                                    .validation!
                                                                    .isRequired
                                                                ? '${sectionItem.name}:*'
                                                                : '${sectionItem.name}:',
                                                            style: TextStyle(
                                                              color: Colors
                                                                  .orange
                                                                  .shade800,
                                                              fontSize: 18.0,
                                                              // fontSize: isTablet
                                                              //     ? 18
                                                              //     : 12,
                                                            ),
                                                          ),
                                                        ),
                                                      ),
                                                // SizedBox(
                                                //   height: isTablet ? 15 : 5,
                                                // ),
                                                returnWidget(
                                                    sectionItem: sectionItem,
                                                    item: item,
                                                    provider: provider,
                                                    list: list,
                                                    gridIndex: i,
                                                    listIndex: index,
                                                    widgetData:
                                                        sectionItem.widget!,
                                                    multiple: false),
                                                // SizedBox(
                                                //   height: isTablet ? 15 : 5,
                                                // ),

                                                // sectionItem.depid == 'pooja'
                                                // ? Text(
                                                //     sectionItem.validation!
                                                //             .isRequired
                                                //         ? '${sectionItem.depid}:*'
                                                //         : '${sectionItem.depid}:',
                                                //     style: TextStyle(
                                                //       color: Colors
                                                //           .orange.shade800,
                                                //       fontSize: isTablet
                                                //           ? 18
                                                //           : 12,
                                                //     ),
                                                //   )
                                                // : const SizedBox.shrink(),
                                              ],
                                            );
                                          },
                                        ),
                                      ),
                                    ),
                                    // SizedBox(
                                    //   height: isTablet ? 15 : 5,
                                    // ),
                                    item.multiple
                                        ? gridViewWidget(
                                            provider,
                                            item.sectionName,
                                            item.multipleList ?? [],
                                            orientation,
                                            item,
                                            index)
                                        : const SizedBox.shrink(),
                                    provider.interactionReponseList.length ==
                                            index - 1
                                        ? saveActions(provider)
                                        : const SizedBox.shrink()
                                    //const Spacer(),
                                  ],
                                ),
                              ),
                            ]);
                      },
                    ),
                  ),
                  // const Spacer(),
                  // saveActions(provider),
                  Align(
                      alignment: Alignment.bottomRight,
                      child: Container(
                          height: 80.0,
                          width: 80.0,
                          child: _offsetPopup(provider.interactionReponseList)))
                ],
              ),
              //             floatingActionButton: FloatingBtn(
              //               title: "data",
              //               icon: Icons.add,
              //               onTap: () {
              //                 showPopover(
              //                   context: context,
              //                   bodyBuilder: (context) {
              //                     return     Padding(
              //   padding: const EdgeInsets.symmetric(vertical: 8),
              //   child: ListView(
              //     padding: const EdgeInsets.all(8),
              //     children: [
              //       InkWell(
              //         onTap: () {

              //         },
              //         child: Container(
              //           height: 50,
              //           color: Colors.amber[100],
              //           child: const Center(child: Text('Entry A')),
              //         ),
              //       ),
              //       const Divider(),
              //       Container(
              //         height: 50,
              //         color: Colors.amber[200],
              //         child: const Center(child: Text('Entry B')),
              //       ),
              //       const Divider(),
              //       Container(
              //         height: 50,
              //         color: Colors.amber[300],
              //         child: const Center(child: Text('Entry C')),
              //       ),
              //       const Divider(),
              //       Container(
              //         height: 50,
              //         color: Colors.amber[400],
              //         child: const Center(child: Text('Entry D')),
              //       ),
              //       const Divider(),
              //       Container(
              //         height: 50,
              //         color: Colors.amber[500],
              //         child: const Center(child: Text('Entry E')),
              //       ),
              //       const Divider(),
              //       Container(
              //         height: 50,
              //         color: Colors.amber[600],
              //         child: const Center(child: Text('Entry F')),
              //       ),
              //     ],
              //   ),
              // );
              //                   },
              //                 );

              // var itemsectionname =
              //     provider.interactionReponseList.length;

              //                 print("ItemSectionname: $itemsectionname");

              //                 for (int i = 0; i < itemsectionname; i++) {
              //                   var item = provider.interactionReponseList[i];

              //                   print(
              //                       "Check_ProviderNameL ${item.sectionName}, ${item.multiple}");
              //                 }

              //                 // provider.getSectionItem(
              //                 //                                 item.sectionName,
              //                 //                               );
              //               },
              //             )
            ),
          );
        }),
      );
    });
  }

  Widget returnWidget({
    required SectionList sectionItem,
    required FormFieldData item,
    required InteractionProvider provider,
    required List<InputClass> list,
    required int gridIndex,
    required int listIndex,
    required InteractionWidget widgetData,
    required bool multiple,
  }) {
    switch (widgetData) {
      case InteractionWidget.CHECKBOX:
        return (sectionItem.inputList!.length >= 5)
            ? customMultiselectDropdown(
                sectionItem, provider, sectionItem.inputList!, multiple)
            : buildCheckbox(sectionItem, item.sectionName, provider, multiple);

      case InteractionWidget.AUTOCOMPLETE:
        return customAutoCompletedropdown(
            sectionItem, provider, list, multiple);

      case InteractionWidget.MULTISELECT:
        return customMultiselectDropdown(sectionItem, provider, list, multiple);

      case InteractionWidget.RADIO:
        return (sectionItem.inputList!.length >= 5)
            ? customdropdown(
                sectionItem, provider, sectionItem.inputList!, multiple)
            : buildRadio(sectionItem, provider);

      case InteractionWidget.LABEL:
        return Text(sectionItem.input!);

      case InteractionWidget.RANGESLIDER:
        return CustomRangeSlider(
          max: double.parse(sectionItem.max!),
          min: double.parse(sectionItem.min!),
          sliderPos: sectionItem.selectedValue!.isNotEmpty
              ? double.parse(sectionItem.selectedValue!.last.toString())
              : double.parse(sectionItem.min!),
          onChanged: (val) {
            setState(() {
              sectionItem.selectedValue = [];
              sectionItem.selectedId = val.toString();
              sectionItem.selectedValue!.add(val.toInt());
            });
          },
        );

      case InteractionWidget.BUTTON:
        return sectionItem.input == 'add'
            ? const Offstage(
                offstage: true,
                child: Text("Visible"),
              )
            : Row(
                children: [
                  CustomButton(
                      backgroundColor: const Color.fromARGB(255, 233, 229, 229),
                      onPressed: () async {
                        sectionItem.selectedValue = [];
                        sectionItem.extension = [];
                        sectionItem.fileName = [];
                        await getEncodedFile(sectionItem);

                        setState(() {});
                      },
                      width: 120,
                      height: 40,
                      fontsize: 12,
                      textColor: Colors.black,
                      title: sectionItem.name),
                  const SizedBox(
                    width: 5,
                  ),
                  Text(
                    sectionItem.selectedValue!.isNotEmpty
                        ? sectionItem.selectedValue!.length > 1
                            ? 'Files uploaded'
                            : "File Uploaded"
                        : 'No file uploaded',
                    style: TextStyle(
                        color: sectionItem.selectedValue!.isNotEmpty
                            ? Colors.green
                            : Colors.red),
                  ),
                ],
              );

      case InteractionWidget.TEXT:
        return sectionItem.input == 'Date'
            ? buildDateWidget(sectionItem)
            : sectionItem.input == "textArea"
                ? Expanded(
                    child: InteractionTextField(
                      // maxchars: int.parse(sectionItem.validation!.chars ?? "0"),
                      controller: sectionItem.controller!,
                      labelText: sectionItem.name,
                      //   maxlines: 8,
                      //minlines: 4,
                      onChanged: (val) {
                        sectionItem.selectedValue = [];
                        setState(() {});

                        sectionItem.selectedValue!.add(val);
                      },
                    ),
                  )
                ////Poojaaaaa
                : sectionItem.input == "text1"
                    ? Text(
                        sectionItem.depid!,
                        style: TextStyle(
                            fontSize: 18.0, fontWeight: FontWeight.normal),
                      )
                    : Expanded(
                        child: Padding(
                          padding: const EdgeInsets.only(left: 8.0, right: 8.0),
                          child: SizedBox(
                            // width:
                            //     isTablet ? 200 : MediaQuery.of(context).size.width,
                            //height: isTablet ? 50 : 40,
                            width: MediaQuery.of(context).size.width,
                            height: isTablet ? 50 : 40,

                            child: InteractionTextField(
                              inputType: sectionItem.input == "number"
                                  ? TextInputType.number
                                  : TextInputType.name,
                              maxchars: int.parse(sectionItem.chars ?? "0"),
                              controller: sectionItem.controller!,
                              labelText: sectionItem.name,
                              onChanged: (val) {
                                sectionItem.selectedValue = [];
                                // sectionItem.selectedValue!.clear();

                                provider.setTextValue(
                                    val, sectionItem, multiple);
                              },
                            ),
                          ),
                        ),
                      );
      case InteractionWidget.DROPDOWN:
        // return customdropdown(sectionItem, provider, list, multiple);

        return customAutoCompletedropdown(
            sectionItem, provider, list, multiple);
    }
  }

  Future<void> requestPermission(Permission permission) async {
    final status = await permission.request();

    setState(() {
      print(status);
      // _permissionStatus = status;
      // print(_permissionStatus);
    });
  }

  Widget buildDateWidget(SectionList sectionItem) {
    return Padding(
      padding: const EdgeInsets.only(left: 8.0, right: 8.0),
      child: SizedBox(
        // width: isTablet ? 200 : MediaQuery.of(context).size.width,
        // height: isTablet ? 50 : 40,
        width: MediaQuery.of(context).size.width,
        child: TextField(
          controller:
              sectionItem.controller, //editing controller of this TextField
          decoration: InputDecoration(
              // border: OutlineInputBorder(),
              border: OutlineInputBorder(
                borderRadius: BorderRadius.circular(10.0),
              ),
              labelStyle: const TextStyle(fontSize: 16),
              suffixIcon: const Icon(Icons.calendar_today), //icon of text field
              labelText: "Enter Date" //label text of field
              ),
          readOnly: true, //set it true, so that user will not able to edit text
          onTap: () async {
            DateTime? pickedDate = await showDatePicker(
                context: context,
                initialDate: DateTime.now(),
                firstDate: DateTime(
                    2000), //DateTime.now() - not to allow to choose before today.
                lastDate: DateTime(2101));

            if (pickedDate != null) {
              print(
                  pickedDate); //pickedDate output format => 2021-03-10 00:00:00.000
              String formattedDate =
                  DateFormat('yyyy-MM-dd').format(pickedDate);
              print(
                  formattedDate); //formatted date output using intl package =>  2021-03-16
              //you can implement different kind of Date Format here according to your requirement

              setState(() {
                sectionItem.controller!.text = formattedDate;
                sectionItem.selectedValue = [];
                sectionItem.selectedValue!
                    .add(formattedDate); //set output date to TextField value.
              });
            } else {
              print("Date is not selected");
            }
          },
        ),
      ),
    );
  }

  Widget saveActions(InteractionProvider provider) {
    return Align(
      alignment: Alignment.centerRight,
      child: Row(
        mainAxisAlignment: MainAxisAlignment.spaceEvenly,
        children: [
          Padding(
            padding: const EdgeInsets.all(4.0),
            child: CustomButton(
              backgroundColor: Colors.red.shade800,
              onPressed: () {
                //showDeleteProfileAlertDialog(context);
                for (var textcontrollers
                    in provider.textEditingControllerList) {
                  textcontrollers.text = '';
                }

                // setState(() {
                //   provider.resetAllWidgetsData();
                // });
              },
              textColor: Colors.white,
              title: "Reset",
              // height: 40,
              // width: isTablet ? 100 : 80,
              height: MediaQuery.of(context).size.height * 0.2,

              fontsize: isTablet ? 15 : 10.2,
            ),
          ),
          SizedBox(
            width: isTablet ? 20 : 4,
          ),
          Padding(
            padding: const EdgeInsets.all(4.0),
            child: CustomButton(
              backgroundColor: Colors.green.shade500,
              onPressed: () async {
                // if (textFieldsValidation(provider).isEmpty) {
                //   print("Form_issss: ${widget.form}");
                // String record =
                //     await provider.saveJsonObject(context, widget.form);
                // showAlertDialog(context, record);
                // } else {
                // _displaySnackBar(textFieldsValidation(provider));
                // }

                ////////////////////////////////////////////////actual code///////////////////
                ///
                //   String record =
                //     await provider.saveJsonObject(context, widget.form);
                // showAlertDialog(context, record);

                ///Cnahging Code//////////////
                ///
                ///
                ///validateTextFields

                // if (provider.validateTextFields()) {
                //   print("Form_issss: ${widget.form}");
                String record =
                    await provider.saveJsonObject(context, widget.form);
                // showAlertDialog(context, record);

                // for (int i = 0; i < sectionList.length; i++) {
                //   SectionList sectionItem = sectionList[i];

                //   print(
                //       "ValidationMandotary_isss: ${sectionItem.validation!.isRequired}");
                // }

                print("Validation_isss: ${provider.isLoading}");

                if (provider.isLoading == false) {
                  print("Validation_false");
                  showAlertDialog1(context, "Please fill all the fields");
                } else {
                  showAlertDialog(context, "Form $record Saved Successfully!");
                  print("Validation_True");
                }

                // print("Interaction_Type:");
                // } else {
                //   _displaySnackBar(textFieldsValidation(provider));
                // }
              },
              textColor: Colors.white,
              title: "Save",
              // height: 40,
              // width: isTablet ? 100 : 80,
              height: MediaQuery.of(context).size.height * 0.2,

              //  width: MediaQuery.of(context).size.width * 0.1,
              fontsize: isTablet ? 16 : 12,
            ),
          ),
          SizedBox(
            width: isTablet ? 20 : 2,
          ),
        ],
      ),
    );
  }

  Widget buildRadio(SectionList sectionItem, InteractionProvider provider) {
    List<InputClass> list = provider.getData2(sectionItem);
    // .map((itemWord) => InputClass.fromJson(itemWord))
    // .toList();
    return Padding(
      padding: const EdgeInsets.only(left: 8.0, right: 8.0),
      child: SizedBox(
        // width: isTablet ? 250 : MediaQuery.of(context).size.width,
        width: MediaQuery.of(context).size.width,

        child: Row(
          children: <Widget>[
            for (InputClass value in list)
              Row(
                children: [
                  Radio(
                    value: value.name,
                    activeColor: Colors.black,
                    groupValue: provider.radioValue,
                    onChanged: (String? value) {
                      setState(() {
                        print(value);
                        provider.radioValue = value!;
                        int index =
                            list.indexWhere((element) => element.name == value);
                        sectionItem.selectedValue!.add(list[index].id);
                      });
                    },
                  ),
                  Text(value.name),
                ],
              ),
          ],
        ),
      ),
    );
  }

  Widget buildCheckbox(SectionList sectionItem, String sectionName,
      InteractionProvider provider, bool multiple) {
    return Padding(
      padding: const EdgeInsets.only(left: 8.0, right: 8.0),
      child: SizedBox(
        //  width: 250,
        width: MediaQuery.of(context).size.width,

        child: Row(
          children: <Widget>[
            for (var value in provider.checkboxlist)
              Row(
                children: [
                  FittedBox(
                    fit: BoxFit.scaleDown,
                    child: Checkbox(
                      value: value.ischecked ?? false,
                      activeColor: Colors.black,
                      checkColor: Colors.white,
                      onChanged: (bool? newvalue) {
                        value.ischecked = newvalue!;
                        provider.setcheckBoxValue(sectionItem, sectionName,
                            newvalue, value.id, multiple);
                        //setState(() {});
                      },
                    ),
                  ),
                  Text(value.name),
                ],
              ),
          ],
        ),
      ),
    );
  }

  Widget customdropdown(SectionList sectionItem, InteractionProvider provider,
      List<InputClass> list, bool multiple) {
    //   sectionItem.value = '';

    if (list.isEmpty) {
      list = [];
      InputClass inputClass =
          InputClass(id: "no value", name: "Select ${sectionItem.name}");
      list.add(inputClass);
      sectionItem.selectedObject = list[0];
    }
    // InputClass selectedObj = list[0];
    return Padding(
      padding: const EdgeInsets.only(left: 8.0, right: 8.0),
      child: SizedBox(
        width: MediaQuery.of(context).size.width,
        // height: isTablet ? 60 : 40,
        child: DropdownButtonFormField2<InputClass>(
          isExpanded: true,
          decoration: InputDecoration(
            // Add Horizontal padding using menuItemStyleData.padding so it matches
            // the menu padding when button's width is not specified.
            contentPadding: const EdgeInsets.symmetric(vertical: 5),
            border: OutlineInputBorder(
              borderRadius: BorderRadius.circular(15),
            ),
            // Add more decoration..
          ),
          hint: Text(
            'Select ${sectionItem.name}',
            style: const TextStyle(fontSize: 14),
          ),
          items: list
              .map((item) => DropdownMenuItem<InputClass>(
                    value: item,
                    child: Text(
                      item.name,
                      style: const TextStyle(
                        fontSize: 14,
                      ),
                    ),
                  ))
              .toList(),
          value: sectionItem.selectedObject ?? list[0],
          //     // provider.getDropDownValue(sectionItem.value!, sectionItem, list)
          //     sectionItem.value ?? list[0].name,
          validator: (value) {
            if (value == null) {
              return 'Please select  ${sectionItem.name}';
            }
            return null;
          },
          onChanged: (value) {
            //Do something when selected item is changed.
            sectionItem.selectedObject = value!;
            sectionItem.value = value.id;
            provider.setDropDownValue(value.id, sectionItem, multiple);
            print("selected ${sectionItem.value}");
            //  setState(() {});
          },
          onSaved: (value) {
            sectionItem.selectedObject = value!;
            sectionItem.value = value.id;
            provider.setDropDownValue(value.id, sectionItem, multiple);
            // setState(() {});
          },
          buttonStyleData: const ButtonStyleData(
            padding: EdgeInsets.only(right: 8),
          ),
          iconStyleData: const IconStyleData(
            icon: Icon(
              Icons.arrow_drop_down,
              color: Colors.black45,
            ),
            iconSize: 24,
          ),
          dropdownStyleData: DropdownStyleData(
            decoration: BoxDecoration(
              borderRadius: BorderRadius.circular(15),
            ),
          ),
          menuItemStyleData: const MenuItemStyleData(
            padding: EdgeInsets.symmetric(horizontal: 16),
          ),
        ),
      ),
    );
  }

  Widget customAutoCompletedropdown(SectionList sectionItem,
      InteractionProvider provider, List<InputClass> list, bool multiple) {
    // sectionItem.value = list[0].name;

    // if (list.isEmpty) {
    //   print("list is empty");
    list = sectionItem.inputList!;
    print("***Autocomplete list ${list[0].name}");
    //}
    //InputClass selectedObj = list[0];
    return Padding(
      padding: const EdgeInsets.only(left: 8.0, right: 8.0),
      child: SizedBox(
        // width: isTablet ? 200 : MediaQuery.of(context).size.width,
        // height: isTablet ? 60 : 40,
        width: MediaQuery.of(context).size.width,

        child: DropdownButtonHideUnderline(
          child: DropdownButtonFormField2<InputClass>(
            isExpanded: true,
            decoration: InputDecoration(
              // Add Horizontal padding using menuItemStyleData.padding so it matches
              // the menu padding when button's width is not specified.
              contentPadding: const EdgeInsets.symmetric(vertical: 5),
              border: OutlineInputBorder(
                borderRadius: BorderRadius.circular(15),
              ),
              // Add more decoration..
            ),
            hint: Text(
              'Select Item',
              style: TextStyle(
                fontSize: 14,
                color: Theme.of(context).hintColor,
              ),
            ),
            items: list
                .map((item) => DropdownMenuItem(
                      value: item,
                      child: Text(
                        item.name,
                        style: const TextStyle(
                          fontSize: 14,
                        ),
                      ),
                    ))
                .toList(),
            value: sectionItem.selectedObject,
            onSaved: (value) {
              sectionItem.selectedObject = value!;
              provider.setAutoCompleteValue(value.id, sectionItem, multiple);
              sectionItem.value = value.name;
            },
            onChanged: (value) {
              // setState(() {
              sectionItem.selectedObject = value!;
              provider.setAutoCompleteValue(value.id, sectionItem, multiple);
              sectionItem.value = value.name;
              // setState(() {});
              //});
            },

            buttonStyleData: const ButtonStyleData(
              padding: EdgeInsets.symmetric(horizontal: 16),
              height: 40,
              width: 200,
            ),
            dropdownStyleData: const DropdownStyleData(
              maxHeight: 200,
            ),
            menuItemStyleData: const MenuItemStyleData(
              height: 40,
            ),
            dropdownSearchData: DropdownSearchData(
              searchController: textEditingController,
              searchInnerWidgetHeight: 50,
              searchInnerWidget: Container(
                height: 50,
                padding: const EdgeInsets.only(
                  top: 8,
                  bottom: 4,
                  right: 8,
                  left: 8,
                ),
                child: TextFormField(
                  expands: true,
                  maxLines: null,
                  controller: textEditingController,
                  decoration: InputDecoration(
                    isDense: true,
                    contentPadding: const EdgeInsets.symmetric(
                      horizontal: 10,
                      vertical: 8,
                    ),
                    hintText: 'Search for an item...',
                    hintStyle: const TextStyle(fontSize: 12),
                    border: OutlineInputBorder(
                      borderRadius: BorderRadius.circular(8),
                    ),
                  ),
                ),
              ),
              searchMatchFn: (item, searchValue) {
                return item.value!.name.toString().contains(searchValue);
              },
            ),
            //This to clear the search value when you close the menu
            onMenuStateChange: (isOpen) {
              if (!isOpen) {
                textEditingController.clear();
              }
            },
          ),
        ),
      ),
    );
  }

  Widget customMultiselectDropdown(SectionList sectionItem,
      InteractionProvider provider, List<InputClass> list, bool multiple) {
    if (list.isEmpty) {
      list = sectionItem.inputList!;
    }
    InputClass selectedObj = list[0];

    return Padding(
      padding: const EdgeInsets.only(left: 8.0, right: 8.0),
      child: SizedBox(
        // width: isTablet ? 200 : MediaQuery.of(context).size.width,
        // height: isTablet ? 60 : 40,
        width: MediaQuery.of(context).size.width,
        // height: MediaQuery.of(context).size.height,

        child: DropdownButtonHideUnderline(
          child: DropdownButtonFormField2<InputClass>(
            isExpanded: true,
            decoration: InputDecoration(
              // Add Horizontal padding using menuItemStyleData.padding so it matches
              // the menu padding when button's width is not specified.
              contentPadding: const EdgeInsets.symmetric(vertical: 5),
              border: OutlineInputBorder(
                borderRadius: BorderRadius.circular(15),
              ),
              // Add more decoration..
            ),
            hint: Text(
              'Select Items',
              style: TextStyle(
                fontSize: 14,
                color: Theme.of(context).hintColor,
              ),
            ),
            items: list.map((item) {
              return DropdownMenuItem(
                value: item,
                //disable default onTap to avoid closing menu when selecting an item
                enabled: false,
                child: StatefulBuilder(
                  builder: (context, menuSetState) {
                    final isSelected =
                        sectionItem.selectedValue!.contains(item.name);
                    return InkWell(
                      onTap: () {
                        isSelected
                            ? sectionItem.selectedValue!.remove(item.name)
                            : sectionItem.selectedValue!.add(item.name);
                        //This rebuilds the StatefulWidget to update the button's text
                        setState(() {});
                        //This rebuilds the dropdownMenu Widget to update the check mark
                        menuSetState(() {});
                      },
                      child: Container(
                        height: double.infinity,
                        padding: const EdgeInsets.symmetric(horizontal: 16.0),
                        child: Row(
                          children: [
                            if (isSelected)
                              const Icon(Icons.check_box_outlined)
                            else
                              const Icon(Icons.check_box_outline_blank),
                            const SizedBox(width: 16),
                            Expanded(
                              child: Text(
                                item.name,
                                style: const TextStyle(
                                  fontSize: 14,
                                ),
                              ),
                            ),
                          ],
                        ),
                      ),
                    );
                  },
                ),
              );
            }).toList(),
            //Use last selected item as the current value so if we've limited menu height, it scroll to last item.
            value: selectedObj,
            // ? null
            // : provider.selectedItems.last,
            onChanged: (value) {
              selectedObj = value!;
              provider.setAutoCompleteValue(value.id, sectionItem, multiple);
              sectionItem.value = value.name;
            },
            onSaved: (value) {
              selectedObj = value!;
              provider.setAutoCompleteValue(value.id, sectionItem, multiple);
              sectionItem.value = value.name;
            },
            selectedItemBuilder: (context) {
              return list.map(
                (item) {
                  return Container(
                    alignment: AlignmentDirectional.center,
                    child: Text(
                      sectionItem.selectedValue!.join(', '),
                      style: const TextStyle(
                        fontSize: 14,
                        overflow: TextOverflow.ellipsis,
                      ),
                      maxLines: 1,
                    ),
                  );
                },
              ).toList();
            },
            buttonStyleData: const ButtonStyleData(
              padding: EdgeInsets.only(left: 16, right: 8),
              height: 40,
              width: 140,
            ),
            menuItemStyleData: const MenuItemStyleData(
              height: 40,
              padding: EdgeInsets.zero,
            ),
          ),
        ),
      ),
    );
  }

  Widget gridViewWidget(
      InteractionProvider provider,
      String sectionName,
      List<SectionList> sectionList,
      Orientation orientation,
      FormFieldData item,
      int listIndex) {
    print("ListInex: $listIndex");
    print("sectionName: $sectionName");
    print("sectionName: $sectionName");

    print("gridsectionlost_is: $sectionList");
    print("gridsectionlostleangth_is: ${sectionList.length}");

    List<SectionList> pooja = sectionList;

    print("Pooja_isss: $pooja");
    print("Pooja_leangth_isss: ${pooja.length}");

    ////////////////////////////////////mycode///////////////////////////
    ///
    ///
    // final provider = context.read<InteractionProvider>();
    // var yourVariable = provider.ge;
    // print("ProviderLength: $yourVariable");
    // print("ProviderLength: ${yourVariable.length}");

    List<List<SectionList>> convertedArray = [];
    print("Provider_leangth: ${item.sectionList.length}");

    for (int i = 0; i < pooja.length; i += item.sectionList.length + 1) {
      print("poojaleangth: $pooja");

      convertedArray.add(pooja.sublist(i, i + item.sectionList.length + 1));
    }
    print("ConvertedArray.leangth: $convertedArray");
    print("ConvertedArray.leangth: ${convertedArray.length}");

    return Padding(
      padding: isTablet
          ? const EdgeInsets.only(left: 0.0)
          : const EdgeInsets.only(left: 12.0, right: 12.0),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          for (var i = 0; i < convertedArray.length; i++)
            DecoratedBox(
              decoration: BoxDecoration(
                // border: Border.all(color: Colors.black),
                // borderRadius: BorderRadius.circular(10.0),
                color: i % 2 == 0
                    ? Color.fromARGB(133, 213, 241, 254)
                    : Colors.white,
              ),
              child: GridView.builder(
                  physics: const NeverScrollableScrollPhysics(),
                  gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
                    crossAxisCount: context.responsive<int>(
                      1,
                      sm: 1, // small
                      md: isTablet
                          ? 2
                          : orientation == Orientation.landscape
                              ? 2
                              : 1, // medium
                      lg: sectionList.length == 1 ? 1 : 3, // large
                      xl: 3, // extra large screen
                    ),
                    mainAxisSpacing:
                        sectionList.length == 1 || !isTablet ? 1 : 1,
                    childAspectRatio: sectionList.length == 1
                        ? orientation == Orientation.landscape
                            ? 10
                            : 4.8
                        : isTablet
                            ? 2.8
                            : 3.0,
                  ),
                  shrinkWrap: true,
                  padding: EdgeInsets.zero,
                  itemCount: convertedArray[i].length,
                  itemBuilder: (context, index) {
                    SectionList sectionItem = convertedArray[i][index];
                    dropdownvalue =
                        sectionItem.widget == InteractionWidget.DROPDOWN
                            ? sectionItem.value ?? "Select"
                            : ' ';
                    List<InputClass> list = sectionItem.widget ==
                                InteractionWidget.DROPDOWN ||
                            sectionItem.widget ==
                                InteractionWidget.AUTOCOMPLETE ||
                            sectionItem.widget == InteractionWidget.MULTISELECT
                        ? provider.getData2(sectionItem)
                        : [];
                    provider.checkboxlist =
                        sectionItem.widget == InteractionWidget.CHECKBOX
                            ? provider.getData2(sectionItem)
                            : [];
                    return SizedBox(
                      height: MediaQuery.of(context).size.height,
                      child: Column(
                        crossAxisAlignment: CrossAxisAlignment.start,
                        children: [
                          sectionItem.widget == InteractionWidget.BUTTON &&
                                      sectionItem.input == 'add' ||
                                  sectionItem.input == 'deletebtn'
                              ? const SizedBox.shrink()
                              : Padding(
                                  padding: const EdgeInsets.only(
                                      left: 8.0, right: 8.0),
                                  child: FittedBox(
                                    fit: BoxFit.scaleDown,
                                    child: Text(
                                      sectionItem.validation!.isRequired
                                          ? "${sectionItem.name}*"
                                          : sectionItem.name,
                                      style: TextStyle(
                                          color: Colors.orange.shade800,
                                          fontSize: 18),
                                    ),
                                  ),
                                ),
                          // const SizedBox(
                          //   height: 15,
                          // ),
                          sectionItem.widget == InteractionWidget.BUTTON
                              ? sectionItem.input == 'chooseFile'
                                  ? Row(
                                      children: [
                                        CustomButton(
                                            backgroundColor:
                                                const Color.fromARGB(
                                                    255, 233, 229, 229),
                                            onPressed: () async {
                                              sectionItem.selectedValue = [];
                                              sectionItem.extension = [];
                                              sectionItem.fileName = [];
                                              await getEncodedFile(sectionItem);

                                              setState(() {});
                                            },
                                            width: 120,
                                            height: 40,
                                            fontsize: 12,
                                            textColor: Colors.black,
                                            title: sectionItem.name),
                                        const SizedBox(
                                          width: 5,
                                        ),
                                        Text(
                                          sectionItem.selectedValue!.isNotEmpty
                                              ? sectionItem
                                                      .selectedValue!.isNotEmpty
                                                  ? 'File uploaded'
                                                  : "Files Uploaded"
                                              : 'No file uploaded',
                                          style: TextStyle(
                                              color: sectionItem
                                                      .selectedValue!.isNotEmpty
                                                  ? Colors.green
                                                  : Colors.red),
                                        ),
                                      ],
                                    )
                                  : isTablet
                                      ? IconButton(
                                          onPressed: () {
                                            provider.deleteMultipleRows(
                                                sectionItem.gid!,
                                                sectionList[i],
                                                sectionName);

                                            setState(() {});
                                          },
                                          icon: const Icon(
                                            Icons.cancel,
                                            size: 30,
                                            color:
                                                Color.fromARGB(255, 8, 39, 92),
                                          ),
                                        )
                                      : Padding(
                                          padding: const EdgeInsets.only(
                                              left: 3.0, top: 5),
                                          child: CustomButton(
                                              backgroundColor:
                                                  const Color.fromARGB(
                                                      255, 233, 75, 75),
                                              onPressed: () {
                                                provider.deleteMultipleRows(
                                                    sectionItem.gid!,
                                                    sectionList[i],
                                                    sectionName);

                                                setState(() {});
                                              },
                                              // width: 80,
                                              // height: 30,

                                              height: 40,

                                              // height:
                                              //     MediaQuery.of(context).size.height *
                                              //         0.2,
                                              fontsize: 12,
                                              textColor: Colors.white,
                                              title: "Delete"),
                                        )
                              : returnWidget(
                                  sectionItem: sectionItem,
                                  item: item,
                                  provider: provider,
                                  list: list,
                                  gridIndex: i,
                                  listIndex: listIndex,
                                  widgetData: sectionItem.widget!,
                                  multiple: true),
                        ],
                      ),
                    );
                  }),
            )
        ],
      ),
    );
    //);
  }

  String fieldsValidation(InteractionProvider provider) {
    List<SectionList> secList = provider.sectionList
        .where((element) => element.validation!.isRequired = true)
        .toList();
    if (secList.any((element) => element.selectedValue!.isEmpty)) {
      return 'Fields cannot be empty';
    }
    return '';
  }

  String textFieldsValidation(InteractionProvider provider) {
    // if (provider.sectionList
    //     .any((element) => element.widget == InteractionWidget.TEXT)) {
    // if (provider.sectionList
    //     .any((element) => element.controller!.text.isEmpty)) {
    //   return 'Fields cannot be empty';
    // }
    // if (provider.textEditingControllerList.isNotEmpty) {
    //   if (provider.validateTextFields()) {
    //     return 'Fields cannot be empty';
    //   }
    // }

    // if (provider.multipletextEditingControllerList.isNotEmpty) {
    //   if (provider.validateMultipleRows()) {
    //     return 'Fields cannot be empty';
    //   }
    // }
    // }

    return '';
  }

  _displaySnackBar(String msg) {
    final snackBar = SnackBar(
        content: Text(
      msg,
      style: const TextStyle(fontSize: 20.0, fontWeight: FontWeight.bold),
    ));
    ScaffoldMessenger.of(context).showSnackBar(snackBar);
    //scaffoldKeyLogin.currentState!.showSnackBar(snackBar);
  }

  Future<void> getEncodedFile(SectionList sectionItem) async {
    String base64Image = '';
    var status = Platform.isAndroid
        ? await Permission.manageExternalStorage.status
        : await Permission.storage.status;
    if (status.isGranted) {
      FilePickerResult? result =
          await FilePicker.platform.pickFiles(allowMultiple: true);

      if (result != null) {
        print(result.files.first.path);
        print(result.files.last.path);
        for (var files in result.files) {
          File file = File(files.path!);
          print("check file path : ${file.path}");
          fileName = file.path.split('/').last;
          // Get the application folder directory
          Directory? directory = Platform.isAndroid
              ? await getExternalStorageDirectory() //FOR ANDROID
              : await getApplicationDocumentsDirectory();
          String newPath = ""; //FOR ios
          String convertedDirectoryPath = (directory?.path).toString();

          print("see the converted directory path $convertedDirectoryPath");

          newPath = "$convertedDirectoryPath/konectar/files";
          print("new path :$newPath");
          directory = Directory(newPath);
          if (!await directory.exists()) {
            await directory.create(recursive: true);
          }
          File newFile = await file.copy('${directory.path}/$fileName');
          print("new path is ${newFile.path}");
          final extension = p.extension(newFile.path);
          List<int> imageBytes = await newFile.readAsBytes();
          Uint8List imageUint8List = Uint8List.fromList(imageBytes);
          base64Image = base64Encode(imageUint8List);
          sectionItem.selectedValue!.add(base64Image);
          sectionItem.extension!.add(extension);
          sectionItem.fileName!.add(fileName);
        }
      }
    } else {
      print("not permitted");
      await requestPermission(Platform.isAndroid
          ? Permission.manageExternalStorage
          : Permission.storage);
    }
  }

  showAlertDialog(BuildContext context, String record) {
    // set up the buttons
    // ViewInteractionProvider provider =
    //     Provider.of<ViewInteractionProvider>(context, listen: false);
    Widget cancelButton = TextButton(
      child: const Text("Ok"),
      onPressed: () async {
        Navigator.of(context).pop();
        Navigator.of(context).pop();
      },
    );

    // set up the AlertDialog
    AlertDialog alert = AlertDialog(
      title: const Text(""),
      content: Text(record),
      actions: [
        cancelButton,
      ],
    );

    // show the dialog
    showDialog(
      context: context,
      builder: (BuildContext context) {
        return alert;
      },
    );
  }

  showAlertDialog1(BuildContext context, String record) {
    // set up the buttons
    // ViewInteractionProvider provider =
    //     Provider.of<ViewInteractionProvider>(context, listen: false);
    Widget cancelButton = TextButton(
      child: const Text("Ok"),
      onPressed: () async {
        Navigator.of(context).pop();
      },
    );

    // set up the AlertDialog
    AlertDialog alert = AlertDialog(
      title: const Text(""),
      content: Text(record),
      actions: [
        cancelButton,
      ],
    );

    // show the dialog
    showDialog(
      context: context,
      builder: (BuildContext context) {
        return alert;
      },
    );
  }

  Widget _offsetPopup(List<FormFieldData> interactionReponseList) => PopupMenuButton<
          int>(
      itemBuilder: (context) {
        return List.generate(interactionReponseList.length, (index) {
          var provider =
              Provider.of<InteractionProvider>(context, listen: false);

          var item = provider.interactionReponseList[index];

          return PopupMenuItem(
            value: index,
            child: item.multiple
                ? GestureDetector(
                    onTap: () {
                      print("Clicked Section ${item.sectionName}");
                      // provider.getSectionItem(
                      //   item.sectionName,
                      // );
                      setState(() {
                        provider.getSectionItem(
                          item.sectionName,
                        );
                      });

                      const DecoratedBox(
                        decoration: BoxDecoration(
                          // border: Border.all(color: Colors.black),
                          // borderRadius: BorderRadius.circular(10.0),
                          border: Border(
                            bottom: BorderSide(width: 1.5, color: Colors.black),
                            //top: BorderSide(width: 1.5, color: Colors.black),
                          ),
                        ),
                      );
                    },
                    child: Text(' ${item.sectionName}'))
                : Container(),
          );
        });
      },
      // itemBuilder: (context) => [

      //       const PopupMenuItem(
      //         value: 1,
      //         child: Text(
      //           "Flutter Open",
      //           style:
      //               TextStyle(color: Colors.black, fontWeight: FontWeight.w700),
      //         ),
      //       ),
      //       const PopupMenuItem(
      //         value: 2,
      //         child: Text(
      //           "Flutter Tutorial",
      //           style:
      //               TextStyle(color: Colors.black, fontWeight: FontWeight.w700),
      //         ),
      //       ),
      //     ],
      icon: Container(
        height: double.infinity,
        width: double.infinity,
        decoration: const ShapeDecoration(
          color: Color.fromARGB(255, 8, 39, 92),
          shape: StadiumBorder(
            side: BorderSide(color: Colors.white, width: 2),
          ),
        ),
        child: Icon(Icons.add, color: Colors.white),
      ));
}
































// import 'dart:convert';
// import 'dart:io';
// import 'dart:js_util';

// import 'package:discover_module/constants.dart';
// import 'package:discover_module/ui_screen/add_event/add_hcp.dart';
// import 'package:discover_module/ui_screen/interactionform/interactionprovider.dart';
// import 'package:discover_module/ui_screen/interactionform/model/interaction_data.dart';
// import 'package:discover_module/ui_screen/interactionform/util.dart';
// import 'package:discover_module/ui_screen/interactionform/widget/custombutton.dart';
// import 'package:discover_module/ui_screen/interactionform/widget/customrangeslider.dart';
// import 'package:discover_module/ui_screen/interactionform/widget/interatciontextfield.dart';
// import 'package:discover_module/ui_screen/interactionform/widget/responsive_ext.dart';
// import 'package:flutter/material.dart';
// import 'package:flutter/services.dart';
// import 'package:flutter/widgets.dart';
// import 'package:intl/intl.dart';
// import 'package:path_provider/path_provider.dart';
// import 'package:provider/provider.dart';
// import 'package:dropdown_button2/dropdown_button2.dart';

// import 'package:file_picker/file_picker.dart';
// // import 'package:pwa_ios/widgets/responsive_ext.dart';
// import 'package:permission_handler/permission_handler.dart';
// import 'package:path/path.dart' as p;

// class InteractionScreen extends StatefulWidget {
//   int index;
//   String form;
//   InteractionScreen({super.key, required this.index, required this.form});

//   @override
//   State<InteractionScreen> createState() => _InteractionScreenState();
// }

// class _InteractionScreenState extends State<InteractionScreen> {
//   List<dynamic> interactionReponseList = [];
//   List<SectionList> sectionList = [];
//   List<TextEditingController> textEditingControllerList = [];
//   int textfieldIndex = 0;
//   String dropdownvalue = 'Select value';
//   String? fileName;
//   final TextEditingController textEditingController = TextEditingController();
//   @override
//   void initState() {
//     WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
//       // if (mytimer!.isActive) {
//       //   cancelTimer();
//       // }
//       init();
//     });

//     super.initState();
//   }

//   init() async {
//     await Provider.of<InteractionProvider>(context, listen: false)
//         .init(widget.index);
//     setState(() {});
//   }

//   @override
//   Widget build(BuildContext context) {
//     return Consumer<InteractionProvider>(
//         builder: (BuildContext context, provider, Widget? child) {
//       return GestureDetector(
//         onTap: () {
//           FocusScope.of(context).requestFocus(FocusNode());
//         },
//         child: OrientationBuilder(builder: (context, orientation) {
//           return Scaffold(
//               //resizeToAvoidBottomInset: false,
//               appBar: AppBar(
//                 title: const FittedBox(
//                   fit: BoxFit.scaleDown,
//                   child: Text(
//                     'Record New Interaction',
//                     style: TextStyle(
//                         // fontSize: isTablet ? 22 : 14, color: Colors.white
//                         //  fontSize: 20,
//                         color: Colors.white),
//                   ),
//                 ),
//                 // backgroundColor: const Color(0xFF2b9af3),
//                 automaticallyImplyLeading: false,
//                 actions: [saveActions(provider)],
//                 leading: InkWell(
//                   onTap: () {
//                     Navigator.pop(context);
//                   },
//                   child: const Icon(
//                     Icons.arrow_back_ios,
//                     color: Colors.white,
//                   ),
//                 ),
//               ),
//               body: Column(
//                 children: [
//                   Expanded(
//                     child: ListView.builder(
//                       itemCount: provider.interactionReponseList.length,
//                       padding: EdgeInsets.zero,
//                       cacheExtent: double.parse(
//                           provider.interactionReponseList.length.toString()),
//                       itemBuilder: (context, index) {
//                         var item = provider.interactionReponseList[index];
//                         sectionList = item.sectionList;
//                         return ExpansionTile(
//                             maintainState: true,
//                             // backgroundColor: Colors.white,
//                             // collapsedBackgroundColor: Color(0xFF2b9af3),
//                             initiallyExpanded: true,
//                             title: Stack(
//                                 alignment: AlignmentDirectional.center,
//                                 children: [
//                                   Container(
//                                       // height: double.infinity,
//                                       width: double.infinity,
//                                       padding: const EdgeInsets.all(8.0),
//                                       decoration: BoxDecoration(
//                                         // color: Color(0xFF2b9af3),
//                                         color: Constants.k2color,
//                                       ),
//                                       child: Text(
//                                         item.sectionName,
//                                         style: const TextStyle(
//                                           color: Colors.white,
//                                           fontWeight: FontWeight.bold,
//                                           //  fontSize: isTablet ? 18 : 14
//                                         ),
//                                       )),
//                                   item.multiple
//                                       ? Align(
//                                           alignment: Alignment.centerRight,
//                                           child: IconButton(
//                                             onPressed: () {
//                                               if (item.sectionName == "HCP") {
//                                                 Navigator.push(
//                                                     context,
//                                                     MaterialPageRoute(
//                                                         builder: (context) =>
//                                                             Addhcp()));

//                                                 provider.getSectionItem(
//                                                     item.sectionName,
//                                                     item.sectionList.length);
//                                                 // print("index is $listIndex");
//                                                 setState(() {
//                                                   // for (var item
//                                                 });
//                                               } else {
//                                                 provider.getSectionItem(
//                                                     item.sectionName,
//                                                     item.sectionList.length);
//                                                 // print("index is $listIndex");
//                                                 setState(() {
//                                                   // provider.getSectionItem(
//                                                   //     item.sectionName,
//                                                   //     item.sectionList.length);

//                                                   // item.sectionList.length =
//                                                   //     item.sectionList.length;
//                                                 });
//                                               }
//                                             },
//                                             icon: const Icon(
//                                               Icons.add_circle_outline,
//                                               size: 30,
//                                               color: Colors.white,
//                                             ),
//                                           ),
//                                         )
//                                       : const SizedBox.shrink()
//                                 ]),
//                             children: [
//                               Padding(
//                                 padding: const EdgeInsets.all(8.0),
//                                 child: Column(
//                                   crossAxisAlignment: CrossAxisAlignment.center,
//                                   children: [
//                                     // const SizedBox(
//                                     //   height: 20,
//                                     // ),

//                                     Padding(
//                                       padding: isTablet
//                                           ? const EdgeInsets.only(left: 14.0)
//                                           : const EdgeInsets.only(
//                                               left: 12.0, right: 12.0),
//                                       child: GridView.count(
//                                         physics:
//                                             const NeverScrollableScrollPhysics(),
//                                         crossAxisCount: context.responsive<int>(
//                                           1,
//                                           sm: 1, // small
//                                           md: 1, // medium
//                                           lg: sectionList.length == 1
//                                               ? 1
//                                               : 3, // large
//                                           xl: 3, // extra large screen
//                                         ),
//                                         // crossAxisCount:
//                                         //     orientation == Orientation.portrait
//                                         //         ? 1
//                                         //         : 3,
//                                         // crossAxisCount: (MediaQuery.of(context)
//                                         //             .orientation ==
//                                         //         Orientation.landscape)
//                                         //     ? 3
//                                         //     : 1,

//                                         mainAxisSpacing:
//                                             sectionList.length == 1 || !isTablet
//                                                 ? 1
//                                                 : 3.5,
//                                         // mainAxisSpacing:
//                                         //     orientation == Orientation.portrait
//                                         //         ? 1
//                                         //         : 3,
//                                         shrinkWrap: true,
//                                         padding: EdgeInsets.zero,
//                                         // childAspectRatio: MediaQuery.of(context)
//                                         //         .size
//                                         //         .aspectRatio *
//                                         //     0.10,
//                                         // childAspectRatio:
//                                         //     sectionList.length == 1
//                                         //         ? orientation ==
//                                         //                 Orientation.landscape
//                                         //             ? 10
//                                         //             : 3.8
//                                         //         : 2.4,
//                                         // childAspectRatio:
//                                         //     sectionList.length == 1
//                                         //         ? orientation ==
//                                         //                 Orientation.landscape
//                                         //             ? 10
//                                         //             : 3.8
//                                         //         : isTablet
//                                         //             ? 2.8
//                                         //             : 3.8,

//                                         childAspectRatio:
//                                             sectionList.length == 1
//                                                 ? orientation ==
//                                                         Orientation.landscape
//                                                     ? 10
//                                                     : 4.8
//                                                 : isTablet
//                                                     ? 2.8
//                                                     : 3.0,
//                                         // /:2.4,
//                                         // childAspectRatio: 3.8,

//                                         children: List.generate(
//                                           sectionList.length,
//                                           (i) {
//                                             SectionList sectionItem =
//                                                 sectionList[i];
//                                             dropdownvalue = sectionItem
//                                                         .widget ==
//                                                     InteractionWidget.DROPDOWN
//                                                 ? sectionItem.value ?? "Select"
//                                                 : ' ';
//                                             List<InputClass> list = sectionItem
//                                                             .widget ==
//                                                         InteractionWidget
//                                                             .DROPDOWN ||
//                                                     sectionItem.widget ==
//                                                         InteractionWidget
//                                                             .AUTOCOMPLETE ||
//                                                     sectionItem.widget ==
//                                                         InteractionWidget
//                                                             .MULTISELECT
//                                                 ? provider.getData2(sectionItem)
//                                                 : [];
//                                             provider.checkboxlist = sectionItem
//                                                         .widget ==
//                                                     InteractionWidget.CHECKBOX
//                                                 ? provider.getData2(sectionItem)
//                                                 : [];

//                                             return Column(
//                                               crossAxisAlignment:
//                                                   CrossAxisAlignment.start,
//                                               children: [
//                                                 sectionItem.widget ==
//                                                             InteractionWidget
//                                                                 .BUTTON &&
//                                                         sectionItem.input ==
//                                                             'add'
//                                                     ? const SizedBox.shrink()
//                                                     : Padding(
//                                                         padding:
//                                                             const EdgeInsets
//                                                                 .only(
//                                                                 left: 8.0,
//                                                                 right: 8.0),
//                                                         child: FittedBox(
//                                                           fit: BoxFit.scaleDown,
//                                                           child: Text(
//                                                             sectionItem
//                                                                     .validation!
//                                                                     .isRequired
//                                                                 ? '${sectionItem.name}:*'
//                                                                 : '${sectionItem.name}:',
//                                                             style: TextStyle(
//                                                               color: Colors
//                                                                   .orange
//                                                                   .shade800,
//                                                               fontSize: 18.0,
//                                                               // fontSize: isTablet
//                                                               //     ? 18
//                                                               //     : 12,
//                                                             ),
//                                                           ),
//                                                         ),
//                                                       ),
//                                                 // SizedBox(
//                                                 //   height: isTablet ? 15 : 5,
//                                                 // ),
//                                                 returnWidget(
//                                                     sectionItem: sectionItem,
//                                                     item: item,
//                                                     provider: provider,
//                                                     list: list,
//                                                     gridIndex: i,
//                                                     listIndex: index,
//                                                     widgetData:
//                                                         sectionItem.widget!,
//                                                     multiple: false),
//                                                 // SizedBox(
//                                                 //   height: isTablet ? 15 : 5,
//                                                 // ),

//                                                 // sectionItem.depid == 'pooja'
//                                                 // ? Text(
//                                                 //     sectionItem.validation!
//                                                 //             .isRequired
//                                                 //         ? '${sectionItem.depid}:*'
//                                                 //         : '${sectionItem.depid}:',
//                                                 //     style: TextStyle(
//                                                 //       color: Colors
//                                                 //           .orange.shade800,
//                                                 //       fontSize: isTablet
//                                                 //           ? 18
//                                                 //           : 12,
//                                                 //     ),
//                                                 //   )
//                                                 // : const SizedBox.shrink(),
//                                               ],
//                                             );
//                                           },
//                                         ),
//                                       ),
//                                     ),
//                                     // SizedBox(
//                                     //   height: isTablet ? 15 : 5,
//                                     // ),
//                                     item.multiple
//                                         ? gridViewWidget(
//                                             provider,
//                                             item.sectionName,
//                                             item.multipleList ?? [],
//                                             orientation,
//                                             item,
//                                             index)
//                                         : const SizedBox.shrink(),
//                                     provider.interactionReponseList.length ==
//                                             index - 1
//                                         ? saveActions(provider)
//                                         : const SizedBox.shrink()
//                                     //const Spacer(),
//                                   ],
//                                 ),
//                               ),
//                             ]);
//                       },
//                     ),
//                   ),
//                   // const Spacer(),
//                   // saveActions(provider),
//                 ],
//               ));
//         }),
//       );
//     });
//   }

//   Widget returnWidget({
//     required SectionList sectionItem,
//     required FormFieldData item,
//     required InteractionProvider provider,
//     required List<InputClass> list,
//     required int gridIndex,
//     required int listIndex,
//     required InteractionWidget widgetData,
//     required bool multiple,
//   }) {
//     switch (widgetData) {
//       case InteractionWidget.CHECKBOX:
//         return (sectionItem.inputList!.length >= 5)
//             ? customMultiselectDropdown(
//                 sectionItem, provider, sectionItem.inputList!, multiple)
//             : buildCheckbox(sectionItem, item.sectionName, provider, multiple);

//       case InteractionWidget.AUTOCOMPLETE:
//         return customAutoCompletedropdown(
//             sectionItem, provider, list, multiple);

//       case InteractionWidget.MULTISELECT:
//         return customMultiselectDropdown(sectionItem, provider, list, multiple);

//       case InteractionWidget.RADIO:
//         return (sectionItem.inputList!.length >= 5)
//             ? customdropdown(
//                 sectionItem, provider, sectionItem.inputList!, multiple)
//             : buildRadio(sectionItem, provider);

//       case InteractionWidget.LABEL:
//         return Text(sectionItem.input!);

//       case InteractionWidget.RANGESLIDER:
//         return CustomRangeSlider(
//           max: double.parse(sectionItem.max!),
//           min: double.parse(sectionItem.min!),
//           sliderPos: sectionItem.selectedValue!.isNotEmpty
//               ? double.parse(sectionItem.selectedValue!.last.toString())
//               : double.parse(sectionItem.min!),
//           onChanged: (val) {
//             setState(() {
//               sectionItem.selectedValue = [];
//               sectionItem.selectedId = val.toString();
//               sectionItem.selectedValue!.add(val.toInt());
//             });
//           },
//         );

//       case InteractionWidget.BUTTON:
//         return sectionItem.input == 'add'
//             ? const Offstage(
//                 offstage: true,
//                 child: Text("Visible"),
//               )
//             : Row(
//                 children: [
//                   CustomButton(
//                       backgroundColor: const Color.fromARGB(255, 233, 229, 229),
//                       onPressed: () async {
//                         sectionItem.selectedValue = [];
//                         sectionItem.extension = [];
//                         sectionItem.fileName = [];
//                         await getEncodedFile(sectionItem);

//                         setState(() {});
//                       },
//                       width: 120,
//                       height: 40,
//                       fontsize: 12,
//                       textColor: Colors.black,
//                       title: sectionItem.name),
//                   const SizedBox(
//                     width: 5,
//                   ),
//                   Text(
//                     sectionItem.selectedValue!.isNotEmpty
//                         ? sectionItem.selectedValue!.length > 1
//                             ? 'Files uploaded'
//                             : "File Uploaded"
//                         : 'No file uploaded',
//                     style: TextStyle(
//                         color: sectionItem.selectedValue!.isNotEmpty
//                             ? Colors.green
//                             : Colors.red),
//                   ),
//                 ],
//               );

//       case InteractionWidget.TEXT:
//         return sectionItem.input == 'Date'
//             ? buildDateWidget(sectionItem)
//             : sectionItem.input == "textArea"
//                 ? Expanded(
//                     child: InteractionTextField(
//                       maxchars: int.parse(sectionItem.validation!.chars ?? "0"),
//                       controller: sectionItem.controller!,
//                       labelText: sectionItem.name,
//                       //   maxlines: 8,
//                       //minlines: 4,
//                       onChanged: (val) {
//                         sectionItem.selectedValue = [];
//                         setState(() {});

//                         sectionItem.selectedValue!.add(val);
//                       },
//                     ),
//                   )
//                 ////Poojaaaaa
//                 : sectionItem.input == "text1"
//                     ? Text(
//                         sectionItem.depid!,
//                         style: TextStyle(
//                             fontSize: 18.0, fontWeight: FontWeight.normal),
//                       )
//                     : Padding(
//                         padding: const EdgeInsets.only(left: 8.0, right: 8.0),
//                         child: SizedBox(
//                           // width:
//                           //     isTablet ? 200 : MediaQuery.of(context).size.width,
//                           //height: isTablet ? 50 : 40,
//                           width: MediaQuery.of(context).size.width,
//                           child: InteractionTextField(
//                             inputType: sectionItem.input == "number"
//                                 ? TextInputType.number
//                                 : TextInputType.name,
//                             maxchars: int.parse(sectionItem.chars ?? "0"),
//                             controller: sectionItem.controller!,
//                             labelText: sectionItem.name,
//                             onChanged: (val) {
//                               sectionItem.selectedValue = [];
//                               provider.setTextValue(val, sectionItem, multiple);
//                             },
//                           ),
//                         ),
//                       );
//       case InteractionWidget.DROPDOWN:
//         return customdropdown(sectionItem, provider, list, multiple);
//     }
//   }

//   Future<void> requestPermission(Permission permission) async {
//     final status = await permission.request();

//     setState(() {
//       print(status);
//       // _permissionStatus = status;
//       // print(_permissionStatus);
//     });
//   }

//   Widget buildDateWidget(SectionList sectionItem) {
//     return Padding(
//       padding: const EdgeInsets.only(left: 8.0, right: 8.0),
//       child: SizedBox(
//         // width: isTablet ? 200 : MediaQuery.of(context).size.width,
//         // height: isTablet ? 50 : 40,
//         width: MediaQuery.of(context).size.width,
//         child: TextField(
//           controller:
//               sectionItem.controller, //editing controller of this TextField
//           decoration: InputDecoration(
//               // border: OutlineInputBorder(),
//               border: OutlineInputBorder(
//                 borderRadius: BorderRadius.circular(10.0),
//               ),
//               labelStyle: const TextStyle(fontSize: 16),
//               suffixIcon: const Icon(Icons.calendar_today), //icon of text field
//               labelText: "Enter Date" //label text of field
//               ),
//           readOnly: true, //set it true, so that user will not able to edit text
//           onTap: () async {
//             DateTime? pickedDate = await showDatePicker(
//                 context: context,
//                 initialDate: DateTime.now(),
//                 firstDate: DateTime(
//                     2000), //DateTime.now() - not to allow to choose before today.
//                 lastDate: DateTime(2101));

//             if (pickedDate != null) {
//               print(
//                   pickedDate); //pickedDate output format => 2021-03-10 00:00:00.000
//               String formattedDate =
//                   DateFormat('yyyy-MM-dd').format(pickedDate);
//               print(
//                   formattedDate); //formatted date output using intl package =>  2021-03-16
//               //you can implement different kind of Date Format here according to your requirement

//               setState(() {
//                 sectionItem.controller!.text = formattedDate;
//                 sectionItem.selectedValue = [];
//                 sectionItem.selectedValue!
//                     .add(formattedDate); //set output date to TextField value.
//               });
//             } else {
//               print("Date is not selected");
//             }
//           },
//         ),
//       ),
//     );
//   }

//   Widget saveActions(InteractionProvider provider) {
//     return Align(
//       alignment: Alignment.centerRight,
//       child: Row(
//         mainAxisAlignment: MainAxisAlignment.spaceEvenly,
//         children: [
//           Padding(
//             padding: const EdgeInsets.all(4.0),
//             child: CustomButton(
//               backgroundColor: Colors.red.shade800,
//               onPressed: () {
//                 //showDeleteProfileAlertDialog(context);
//                 for (var textcontrollers
//                     in provider.textEditingControllerList) {
//                   textcontrollers.text = '';
//                 }

//                 // setState(() {
//                 //   provider.resetAllWidgetsData();
//                 // });
//               },
//               textColor: Colors.white,
//               title: "Reset",
//               // height: 40,
//               // width: isTablet ? 100 : 80,
//               height: MediaQuery.of(context).size.height * 0.2,

//               fontsize: isTablet ? 15 : 10.2,
//             ),
//           ),
//           SizedBox(
//             width: isTablet ? 20 : 4,
//           ),
//           Padding(
//             padding: const EdgeInsets.all(4.0),
//             child: CustomButton(
//               backgroundColor: Colors.green.shade500,
//               onPressed: () async {
//                 // if (textFieldsValidation(provider).isEmpty) {
//                 //   print("Form_issss: ${widget.form}");
//                 String record =
//                     await provider.saveJsonObject(context, widget.form);
//                 showAlertDialog(context, record);
//                 // } else {
//                 // _displaySnackBar(textFieldsValidation(provider));
//                 //}
//               },
//               textColor: Colors.white,
//               title: "Save",
//               // height: 40,
//               // width: isTablet ? 100 : 80,
//               height: MediaQuery.of(context).size.height * 0.2,

//               //  width: MediaQuery.of(context).size.width * 0.1,
//               fontsize: isTablet ? 16 : 12,
//             ),
//           ),
//           SizedBox(
//             width: isTablet ? 20 : 2,
//           ),
//         ],
//       ),
//     );
//   }

//   Widget buildRadio(SectionList sectionItem, InteractionProvider provider) {
//     List<InputClass> list = provider.getData2(sectionItem);
//     // .map((itemWord) => InputClass.fromJson(itemWord))
//     // .toList();
//     return Padding(
//       padding: const EdgeInsets.only(left: 8.0, right: 8.0),
//       child: SizedBox(
//         // width: isTablet ? 250 : MediaQuery.of(context).size.width,
//         width: MediaQuery.of(context).size.width,

//         child: Row(
//           children: <Widget>[
//             for (InputClass value in list)
//               Row(
//                 children: [
//                   Radio(
//                     value: value.name,
//                     activeColor: Colors.black,
//                     groupValue: provider.radioValue,
//                     onChanged: (String? value) {
//                       setState(() {
//                         print(value);
//                         provider.radioValue = value!;
//                         int index =
//                             list.indexWhere((element) => element.name == value);
//                         sectionItem.selectedValue!.add(list[index].id);
//                       });
//                     },
//                   ),
//                   Text(value.name),
//                 ],
//               ),
//           ],
//         ),
//       ),
//     );
//   }

//   Widget buildCheckbox(SectionList sectionItem, String sectionName,
//       InteractionProvider provider, bool multiple) {
//     return Padding(
//       padding: const EdgeInsets.only(left: 8.0, right: 8.0),
//       child: SizedBox(
//         //  width: 250,
//         width: MediaQuery.of(context).size.width,

//         child: Row(
//           children: <Widget>[
//             for (var value in provider.checkboxlist)
//               Row(
//                 children: [
//                   FittedBox(
//                     fit: BoxFit.scaleDown,
//                     child: Checkbox(
//                       value: value.ischecked ?? false,
//                       activeColor: Colors.black,
//                       checkColor: Colors.white,
//                       onChanged: (bool? newvalue) {
//                         value.ischecked = newvalue!;
//                         provider.setcheckBoxValue(sectionItem, sectionName,
//                             newvalue, value.id, multiple);
//                         //setState(() {});
//                       },
//                     ),
//                   ),
//                   Text(value.name),
//                 ],
//               ),
//           ],
//         ),
//       ),
//     );
//   }

//   Widget customdropdown(SectionList sectionItem, InteractionProvider provider,
//       List<InputClass> list, bool multiple) {
//     //   sectionItem.value = '';

//     if (list.isEmpty) {
//       list = [];
//       InputClass inputClass =
//           InputClass(id: "no value", name: "Select ${sectionItem.name}");
//       list.add(inputClass);
//       sectionItem.selectedObject = list[0];
//     }
//     // InputClass selectedObj = list[0];
//     return Padding(
//       padding: const EdgeInsets.only(left: 8.0, right: 8.0),
//       child: SizedBox(
//         width: MediaQuery.of(context).size.width,
//         // height: isTablet ? 60 : 40,
//         child: DropdownButtonFormField2<InputClass>(
//           isExpanded: true,
//           decoration: InputDecoration(
//             // Add Horizontal padding using menuItemStyleData.padding so it matches
//             // the menu padding when button's width is not specified.
//             contentPadding: const EdgeInsets.symmetric(vertical: 5),
//             border: OutlineInputBorder(
//               borderRadius: BorderRadius.circular(15),
//             ),
//             // Add more decoration..
//           ),
//           hint: Text(
//             'Select ${sectionItem.name}',
//             style: const TextStyle(fontSize: 14),
//           ),
//           items: list
//               .map((item) => DropdownMenuItem<InputClass>(
//                     value: item,
//                     child: Text(
//                       item.name,
//                       style: const TextStyle(
//                         fontSize: 14,
//                       ),
//                     ),
//                   ))
//               .toList(),
//           value: sectionItem.selectedObject ?? list[0],
//           //     // provider.getDropDownValue(sectionItem.value!, sectionItem, list)
//           //     sectionItem.value ?? list[0].name,
//           validator: (value) {
//             if (value == null) {
//               return 'Please select  ${sectionItem.name}';
//             }
//             return null;
//           },
//           onChanged: (value) {
//             //Do something when selected item is changed.
//             sectionItem.selectedObject = value!;
//             sectionItem.value = value.id;
//             provider.setDropDownValue(value.id, sectionItem, multiple);
//             print("selected ${sectionItem.value}");
//             //  setState(() {});
//           },
//           onSaved: (value) {
//             sectionItem.selectedObject = value!;
//             sectionItem.value = value.id;
//             provider.setDropDownValue(value.id, sectionItem, multiple);
//             // setState(() {});
//           },
//           buttonStyleData: const ButtonStyleData(
//             padding: EdgeInsets.only(right: 8),
//           ),
//           iconStyleData: const IconStyleData(
//             icon: Icon(
//               Icons.arrow_drop_down,
//               color: Colors.black45,
//             ),
//             iconSize: 24,
//           ),
//           dropdownStyleData: DropdownStyleData(
//             decoration: BoxDecoration(
//               borderRadius: BorderRadius.circular(15),
//             ),
//           ),
//           menuItemStyleData: const MenuItemStyleData(
//             padding: EdgeInsets.symmetric(horizontal: 16),
//           ),
//         ),
//       ),
//     );
//   }

//   Widget customAutoCompletedropdown(SectionList sectionItem,
//       InteractionProvider provider, List<InputClass> list, bool multiple) {
//     // sectionItem.value = list[0].name;

//     // if (list.isEmpty) {
//     //   print("list is empty");
//     list = sectionItem.inputList!;
//     print("***Autocomplete list ${list[0].name}");
//     //}
//     //InputClass selectedObj = list[0];
//     return Padding(
//       padding: const EdgeInsets.only(left: 8.0, right: 8.0),
//       child: SizedBox(
//         // width: isTablet ? 200 : MediaQuery.of(context).size.width,
//         // height: isTablet ? 60 : 40,
//         width: MediaQuery.of(context).size.width,

//         child: DropdownButtonHideUnderline(
//           child: DropdownButtonFormField2<InputClass>(
//             isExpanded: true,
//             decoration: InputDecoration(
//               // Add Horizontal padding using menuItemStyleData.padding so it matches
//               // the menu padding when button's width is not specified.
//               contentPadding: const EdgeInsets.symmetric(vertical: 5),
//               border: OutlineInputBorder(
//                 borderRadius: BorderRadius.circular(15),
//               ),
//               // Add more decoration..
//             ),
//             hint: Text(
//               'Select Item',
//               style: TextStyle(
//                 fontSize: 14,
//                 color: Theme.of(context).hintColor,
//               ),
//             ),
//             items: list
//                 .map((item) => DropdownMenuItem(
//                       value: item,
//                       child: Text(
//                         item.name,
//                         style: const TextStyle(
//                           fontSize: 14,
//                         ),
//                       ),
//                     ))
//                 .toList(),
//             value: sectionItem.selectedObject,
//             onSaved: (value) {
//               sectionItem.selectedObject = value!;
//               provider.setAutoCompleteValue(value.id, sectionItem, multiple);
//               sectionItem.value = value.name;
//             },
//             onChanged: (value) {
//               // setState(() {
//               sectionItem.selectedObject = value!;
//               provider.setAutoCompleteValue(value.id, sectionItem, multiple);
//               sectionItem.value = value.name;
//               // setState(() {});
//               //});
//             },

//             buttonStyleData: const ButtonStyleData(
//               padding: EdgeInsets.symmetric(horizontal: 16),
//               height: 40,
//               width: 200,
//             ),
//             dropdownStyleData: const DropdownStyleData(
//               maxHeight: 200,
//             ),
//             menuItemStyleData: const MenuItemStyleData(
//               height: 40,
//             ),
//             dropdownSearchData: DropdownSearchData(
//               searchController: textEditingController,
//               searchInnerWidgetHeight: 50,
//               searchInnerWidget: Container(
//                 height: 50,
//                 padding: const EdgeInsets.only(
//                   top: 8,
//                   bottom: 4,
//                   right: 8,
//                   left: 8,
//                 ),
//                 child: TextFormField(
//                   expands: true,
//                   maxLines: null,
//                   controller: textEditingController,
//                   decoration: InputDecoration(
//                     isDense: true,
//                     contentPadding: const EdgeInsets.symmetric(
//                       horizontal: 10,
//                       vertical: 8,
//                     ),
//                     hintText: 'Search for an item...',
//                     hintStyle: const TextStyle(fontSize: 12),
//                     border: OutlineInputBorder(
//                       borderRadius: BorderRadius.circular(8),
//                     ),
//                   ),
//                 ),
//               ),
//               searchMatchFn: (item, searchValue) {
//                 return item.value!.name.toString().contains(searchValue);
//               },
//             ),
//             //This to clear the search value when you close the menu
//             onMenuStateChange: (isOpen) {
//               if (!isOpen) {
//                 textEditingController.clear();
//               }
//             },
//           ),
//         ),
//       ),
//     );
//   }

//   Widget customMultiselectDropdown(SectionList sectionItem,
//       InteractionProvider provider, List<InputClass> list, bool multiple) {
//     if (list.isEmpty) {
//       list = sectionItem.inputList!;
//     }
//     InputClass selectedObj = list[0];

//     return Padding(
//       padding: const EdgeInsets.only(left: 8.0, right: 8.0),
//       child: SizedBox(
//         // width: isTablet ? 200 : MediaQuery.of(context).size.width,
//         // height: isTablet ? 60 : 40,
//         width: MediaQuery.of(context).size.width,
//         // height: MediaQuery.of(context).size.height,

//         child: DropdownButtonHideUnderline(
//           child: DropdownButtonFormField2<InputClass>(
//             isExpanded: true,
//             decoration: InputDecoration(
//               // Add Horizontal padding using menuItemStyleData.padding so it matches
//               // the menu padding when button's width is not specified.
//               contentPadding: const EdgeInsets.symmetric(vertical: 5),
//               border: OutlineInputBorder(
//                 borderRadius: BorderRadius.circular(15),
//               ),
//               // Add more decoration..
//             ),
//             hint: Text(
//               'Select Items',
//               style: TextStyle(
//                 fontSize: 14,
//                 color: Theme.of(context).hintColor,
//               ),
//             ),
//             items: list.map((item) {
//               return DropdownMenuItem(
//                 value: item,
//                 //disable default onTap to avoid closing menu when selecting an item
//                 enabled: false,
//                 child: StatefulBuilder(
//                   builder: (context, menuSetState) {
//                     final isSelected =
//                         sectionItem.selectedValue!.contains(item.name);
//                     return InkWell(
//                       onTap: () {
//                         isSelected
//                             ? sectionItem.selectedValue!.remove(item.name)
//                             : sectionItem.selectedValue!.add(item.name);
//                         //This rebuilds the StatefulWidget to update the button's text
//                         setState(() {});
//                         //This rebuilds the dropdownMenu Widget to update the check mark
//                         menuSetState(() {});
//                       },
//                       child: Container(
//                         height: double.infinity,
//                         padding: const EdgeInsets.symmetric(horizontal: 16.0),
//                         child: Row(
//                           children: [
//                             if (isSelected)
//                               const Icon(Icons.check_box_outlined)
//                             else
//                               const Icon(Icons.check_box_outline_blank),
//                             const SizedBox(width: 16),
//                             Expanded(
//                               child: Text(
//                                 item.name,
//                                 style: const TextStyle(
//                                   fontSize: 14,
//                                 ),
//                               ),
//                             ),
//                           ],
//                         ),
//                       ),
//                     );
//                   },
//                 ),
//               );
//             }).toList(),
//             //Use last selected item as the current value so if we've limited menu height, it scroll to last item.
//             value: selectedObj,
//             // ? null
//             // : provider.selectedItems.last,
//             onChanged: (value) {
//               selectedObj = value!;
//               provider.setAutoCompleteValue(value.id, sectionItem, multiple);
//               sectionItem.value = value.name;
//             },
//             onSaved: (value) {
//               selectedObj = value!;
//               provider.setAutoCompleteValue(value.id, sectionItem, multiple);
//               sectionItem.value = value.name;
//             },
//             selectedItemBuilder: (context) {
//               return list.map(
//                 (item) {
//                   return Container(
//                     alignment: AlignmentDirectional.center,
//                     child: Text(
//                       sectionItem.selectedValue!.join(', '),
//                       style: const TextStyle(
//                         fontSize: 14,
//                         overflow: TextOverflow.ellipsis,
//                       ),
//                       maxLines: 1,
//                     ),
//                   );
//                 },
//               ).toList();
//             },
//             buttonStyleData: const ButtonStyleData(
//               padding: EdgeInsets.only(left: 16, right: 8),
//               height: 40,
//               width: 140,
//             ),
//             menuItemStyleData: const MenuItemStyleData(
//               height: 40,
//               padding: EdgeInsets.zero,
//             ),
//           ),
//         ),
//       ),
//     );
//   }

//   // Widget gridViewWidget(
//   //     InteractionProvider provider,
//   //     String sectionName,
//   //     List<SectionList> sectionList,
//   //     Orientation orientation,
//   //     FormFieldData item,
//   //     int listIndex) {
//   //   print("ListInex: $listIndex");
//   //   print("sectionName: $sectionName");
//   //   print("sectionName: $sectionName");

//   //   print("gridsectionlost_is: $sectionList");
//   //   print("gridsectionlostleangth_is: ${sectionList.length}");

//   //   List<SectionList> pooja = sectionList;

//   //   print("Pooja_isss: $pooja");

//   //   return Padding(
//   //     padding: isTablet
//   //         ? const EdgeInsets.only(left: 8.0)
//   //         : const EdgeInsets.only(left: 12.0, right: 12.0),
//   //     child: GridView.count(
//   //       physics: const NeverScrollableScrollPhysics(),
//   //       // crossAxisCount: context.responsive<int>(
//   //       //   1, // default
//   //       //   sm: 1, // small
//   //       //   md: 1, // medium
//   //       //   lg: sectionList.length == 1 ? 1 : 4, // large
//   //       //   xl: 5, // extra large screen
//   //       // ),
//   //       crossAxisCount: context.responsive<int>(
//   //         1,
//   //         sm: 1, // small
//   //         md: 1, // medium
//   //         lg: sectionList.length == 1
//   //             ? 1
//   //             : (sectionList.length >= 1 ? 3 : 3), // large
//   //         xl: 3, // extra large screen
//   //       ),
//   //       mainAxisSpacing: sectionList.length == 1 || !isTablet ? 1 : 2,
//   //       shrinkWrap: true,
//   //       padding: EdgeInsets.zero,
//   //       // childAspectRatio: sectionList.length == 1 || !isTablet
//   //       //     ? orientation == Orientation.landscape
//   //       //         ? 10
//   //       //         : 4.2
//   //       //     : 1.8,
//   //       // childAspectRatio: sectionList.length == 1
//   //       //     ? orientation == Orientation.landscape
//   //       //         ? 10
//   //       //         : 4.8
//   //       //     : isTablet
//   //       //         ? 2.8
//   //       //         : 3.0,
//   // childAspectRatio: MediaQuery.of(context).size.width /
//   //     (MediaQuery.of(context).size.height / 3),
//   //       children: List.generate(
//   //         sectionList.length,
//   //         (i) {
//   //           print(sectionList);
//   //           SectionList sectionItem = sectionList[i];
//   //           dropdownvalue = sectionItem.widget == InteractionWidget.DROPDOWN
//   //               ? sectionItem.value ?? "Select"
//   //               : ' ';
//   //           List<InputClass> list =
//   //               sectionItem.widget == InteractionWidget.DROPDOWN ||
//   //                       sectionItem.widget == InteractionWidget.AUTOCOMPLETE ||
//   //                       sectionItem.widget == InteractionWidget.MULTISELECT
//   //                   ? provider.getData2(sectionItem)
//   //                   : [];
//   //           provider.checkboxlist =
//   //               sectionItem.widget == InteractionWidget.CHECKBOX
//   //                   ? provider.getData2(sectionItem)
//   //                   : [];

//   //           return Wrap(children: [
//   //             Column(
//   //               crossAxisAlignment: CrossAxisAlignment.start,
//   //               children: [
//   //                 sectionItem.widget == InteractionWidget.BUTTON &&
//   //                             sectionItem.input == 'add' ||
//   //                         sectionItem.input == 'deletebtn'
//   //                     ? const SizedBox.shrink()
//   //                     : Text(
//   //                         '${sectionItem.name}:*',
//   //                         style: TextStyle(
//   //                           color: Colors.orange.shade800,
//   //                           fontSize: isTablet ? 18 : 14,
//   //                         ),
//   //                       ),
//   //                 // const SizedBox(
//   //                 //   height: 15,
//   //                 // ),
//   //                 sectionItem.widget == InteractionWidget.BUTTON
//   //                     ? sectionItem.input == 'chooseFile'
//   //                         ? Row(
//   //                             children: [
//   //                               CustomButton(
//   //                                   backgroundColor: const Color.fromARGB(
//   //                                       255, 233, 229, 229),
//   //                                   onPressed: () async {
//   //                                     sectionItem.selectedValue = [];
//   //                                     sectionItem.extension = [];
//   //                                     sectionItem.fileName = [];
//   //                                     await getEncodedFile(sectionItem);

//   //                                     setState(() {});
//   //                                   },
//   //                                   width: 120,
//   //                                   height: 40,
//   //                                   fontsize: 12,
//   //                                   textColor: Colors.black,
//   //                                   title: sectionItem.name),
//   //                               const SizedBox(
//   //                                 width: 5,
//   //                               ),
//   //                               Text(
//   //                                 sectionItem.selectedValue!.isNotEmpty
//   //                                     ? sectionItem.selectedValue!.isNotEmpty
//   //                                         ? 'File uploaded'
//   //                                         : "Files Uploaded"
//   //                                     : 'No file uploaded',
//   //                                 style: TextStyle(
//   //                                     color:
//   //                                         sectionItem.selectedValue!.isNotEmpty
//   //                                             ? Colors.green
//   //                                             : Colors.red),
//   //                               ),
//   //                             ],
//   //                           )
//   //                         : isTablet
//   //                             ? IconButton(
//   //                                 onPressed: () {
//   //                                   provider.deleteMultipleRows(
//   //                                       sectionItem.gid!,
//   //                                       sectionList[i],
//   //                                       sectionName);

//   //                                   setState(() {});
//   //                                 },
//   //                                 icon: const Icon(
//   //                                   Icons.cancel,
//   //                                   size: 30,
//   //                                   color: Color.fromARGB(255, 8, 39, 92),
//   //                                 ),
//   //                               )
//   //                             : Padding(
//   //                                 padding:
//   //                                     const EdgeInsets.only(left: 3.0, top: 5),
//   //                                 child: CustomButton(
//   //                                     backgroundColor: const Color.fromARGB(
//   //                                         255, 233, 75, 75),
//   //                                     onPressed: () {
//   //                                       provider.deleteMultipleRows(
//   //                                           sectionItem.gid!,
//   //                                           sectionList[i],
//   //                                           sectionName);

//   //                                       setState(() {});
//   //                                     },
//   //                                     // width: 80,
//   //                                     // height: 30,

//   //                                     height: 40,

//   //                                     // height:
//   //                                     //     MediaQuery.of(context).size.height *
//   //                                     //         0.2,
//   //                                     fontsize: 12,
//   //                                     textColor: Colors.white,
//   //                                     title: "Delete"),
//   //                               )
//   //                     : returnWidget(
//   //                         sectionItem: sectionItem,
//   //                         item: item,
//   //                         provider: provider,
//   //                         list: list,
//   //                         gridIndex: i,
//   //                         listIndex: listIndex,
//   //                         widgetData: sectionItem.widget!,
//   //                         multiple: true),
//   //               ],
//   //             ),
//   //           ]);
//   //         },
//   //       ),
//   //     ),
//   //   );
//   // }
// //////////////////////////////////////Poojaaaa/////////////////////
//   ///
//   ///

//   Widget gridViewWidget(
//       InteractionProvider provider,
//       String sectionName,
//       List<SectionList> sectionList,
//       Orientation orientation,
//       FormFieldData item,
//       int listIndex) {
//     print("ListInex: $listIndex");
//     print("sectionName: $sectionName");
//     print("sectionName: $sectionName");

//     print("gridsectionlost_is: $sectionList");
//     print("gridsectionlostleangth_is: ${sectionList.length}");

//     List<SectionList> pooja = sectionList;

//     print("Pooja_isss: $pooja");
//     print("Pooja_leangth_isss: ${pooja.length}");

//     ////////////////////////////////////mycode///////////////////////////
//     ///
//     ///
//     // final provider = context.read<InteractionProvider>();
//     // var yourVariable = provider.ge;
//     // print("ProviderLength: $yourVariable");
//     // print("ProviderLength: ${yourVariable.length}");

//     List<List<SectionList>> convertedArray = [];
//     print("Provider_leangth: ${item.sectionList.length}");

//     for (int i = 0; i < pooja.length; i += item.sectionList.length + 1) {
//       print("poojaleangth: $pooja");

//       convertedArray.add(pooja.sublist(i, i + item.sectionList.length + 1));
//     }
//     print("ConvertedArray.leangth: $convertedArray");
//     print("ConvertedArray.leangth: ${convertedArray.length}");

//     return Padding(
//       padding: isTablet
//           ? const EdgeInsets.only(left: 8.0)
//           : const EdgeInsets.only(left: 12.0, right: 12.0),
//       child: Column(
//         crossAxisAlignment: CrossAxisAlignment.start,
//         children: [
//           for (var i = 0; i < convertedArray.length; i++)
//             GridView.builder(
//                 physics: const NeverScrollableScrollPhysics(),
//                 gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
//                   crossAxisCount: context.responsive<int>(
//                     1,
//                     sm: 1, // small
//                     md: 1, // medium
//                     lg: sectionList.length == 1
//                         ? 1
//                         : (sectionList.length >= 1 ? 3 : 3), // large
//                     xl: 3, // extra large screen
//                   ),
//                   mainAxisSpacing: sectionList.length == 1 || !isTablet ? 1 : 2,
//                   childAspectRatio: MediaQuery.of(context).size.width /
//                       (MediaQuery.of(context).size.height / 3),
//                 ),
//                 shrinkWrap: true,
//                 padding: EdgeInsets.zero,
//                 itemCount: convertedArray[i].length,
//                 itemBuilder: (context, index) {
//                   // SectionList sectionItem =
//                   //     convertedArray.expand((list) => list).toList()[index];

//                   // List.generate(
//                   //   sectionList.length,
//                   //   (i) {
//                   //     print(sectionList);
//                   //     // SectionList sectionItem = sectionList[i];
//                   //     SectionList sectionItem =
//                   //         convertedArray.expand((list) => list).toList()[index];
//                   //     dropdownvalue =
//                   //         sectionItem.widget == InteractionWidget.DROPDOWN
//                   //             ? sectionItem.value ?? "Select"
//                   //             : ' ';
//                   //     List<InputClass> list =
//                   //         sectionItem.widget == InteractionWidget.DROPDOWN ||
//                   //                 sectionItem.widget ==
//                   //                     InteractionWidget.AUTOCOMPLETE ||
//                   //                 sectionItem.widget ==
//                   //                     InteractionWidget.MULTISELECT
//                   //             ? provider.getData2(sectionItem)
//                   //             : [];
//                   //     provider.checkboxlist =
//                   //         sectionItem.widget == InteractionWidget.CHECKBOX
//                   //             ? provider.getData2(sectionItem)
//                   //             : [];

//                   SectionList sectionItem = convertedArray[i][index];
//                   dropdownvalue =
//                       sectionItem.widget == InteractionWidget.DROPDOWN
//                           ? sectionItem.value ?? "Select"
//                           : ' ';
//                   List<InputClass> list = sectionItem.widget ==
//                               InteractionWidget.DROPDOWN ||
//                           sectionItem.widget ==
//                               InteractionWidget.AUTOCOMPLETE ||
//                           sectionItem.widget == InteractionWidget.MULTISELECT
//                       ? provider.getData2(sectionItem)
//                       : [];
//                   provider.checkboxlist =
//                       sectionItem.widget == InteractionWidget.CHECKBOX
//                           ? provider.getData2(sectionItem)
//                           : [];
//                   return Wrap(children: [
//                     Column(
//                       crossAxisAlignment: CrossAxisAlignment.start,
//                       children: [
//                         sectionItem.widget == InteractionWidget.BUTTON &&
//                                     sectionItem.input == 'add' ||
//                                 sectionItem.input == 'deletebtn'
//                             ? const SizedBox.shrink()
//                             : Text(
//                                 '${sectionItem.name}:*',
//                                 style: TextStyle(
//                                   color: Colors.orange.shade800,
//                                   fontSize: isTablet ? 18 : 14,
//                                 ),
//                               ),
//                         // const SizedBox(
//                         //   height: 15,
//                         // ),
//                         sectionItem.widget == InteractionWidget.BUTTON
//                             ? sectionItem.input == 'chooseFile'
//                                 ? Row(
//                                     children: [
//                                       CustomButton(
//                                           backgroundColor: const Color.fromARGB(
//                                               255, 233, 229, 229),
//                                           onPressed: () async {
//                                             sectionItem.selectedValue = [];
//                                             sectionItem.extension = [];
//                                             sectionItem.fileName = [];
//                                             await getEncodedFile(sectionItem);

//                                             setState(() {});
//                                           },
//                                           width: 120,
//                                           height: 40,
//                                           fontsize: 12,
//                                           textColor: Colors.black,
//                                           title: sectionItem.name),
//                                       const SizedBox(
//                                         width: 5,
//                                       ),
//                                       Text(
//                                         sectionItem.selectedValue!.isNotEmpty
//                                             ? sectionItem
//                                                     .selectedValue!.isNotEmpty
//                                                 ? 'File uploaded'
//                                                 : "Files Uploaded"
//                                             : 'No file uploaded',
//                                         style: TextStyle(
//                                             color: sectionItem
//                                                     .selectedValue!.isNotEmpty
//                                                 ? Colors.green
//                                                 : Colors.red),
//                                       ),
//                                     ],
//                                   )
//                                 : isTablet
//                                     ? IconButton(
//                                         onPressed: () {
//                                           provider.deleteMultipleRows(
//                                               sectionItem.gid!,
//                                               sectionList[i],
//                                               sectionName);

//                                           setState(() {});
//                                         },
//                                         icon: const Icon(
//                                           Icons.cancel,
//                                           size: 30,
//                                           color: Color.fromARGB(255, 8, 39, 92),
//                                         ),
//                                       )
//                                     : Padding(
//                                         padding: const EdgeInsets.only(
//                                             left: 3.0, top: 5),
//                                         child: CustomButton(
//                                             backgroundColor:
//                                                 const Color.fromARGB(
//                                                     255, 233, 75, 75),
//                                             onPressed: () {
//                                               provider.deleteMultipleRows(
//                                                   sectionItem.gid!,
//                                                   sectionList[i],
//                                                   sectionName);

//                                               setState(() {});
//                                             },
//                                             // width: 80,
//                                             // height: 30,

//                                             height: 40,

//                                             // height:
//                                             //     MediaQuery.of(context).size.height *
//                                             //         0.2,
//                                             fontsize: 12,
//                                             textColor: Colors.white,
//                                             title: "Delete"),
//                                       )
//                             : returnWidget(
//                                 sectionItem: sectionItem,
//                                 item: item,
//                                 provider: provider,
//                                 list: list,
//                                 gridIndex: i,
//                                 listIndex: listIndex,
//                                 widgetData: sectionItem.widget!,
//                                 multiple: true),
//                       ],
//                     ),
//                   ]);
//                 })
//         ],
//       ),
//     );
//   }

//   String fieldsValidation(InteractionProvider provider) {
//     List<SectionList> secList = provider.sectionList
//         .where((element) => element.validation!.isRequired = true)
//         .toList();
//     if (secList.any((element) => element.selectedValue!.isEmpty)) {
//       return 'Fields cannot be empty';
//     }
//     return '';
//   }

//   String textFieldsValidation(InteractionProvider provider) {
//     // if (provider.sectionList
//     //     .any((element) => element.widget == InteractionWidget.TEXT)) {
//     // if (provider.sectionList
//     //     .any((element) => element.controller!.text.isEmpty)) {
//     //   return 'Fields cannot be empty';
//     // }
//     // if (provider.textEditingControllerList.isNotEmpty) {
//     //   if (provider.validateTextFields()) {
//     //     return 'Fields cannot be empty';
//     //   }
//     // }

//     // if (provider.multipletextEditingControllerList.isNotEmpty) {
//     //   if (provider.validateMultipleRows()) {
//     //     return 'Fields cannot be empty';
//     //   }
//     // }
//     // }

//     return '';
//   }

//   _displaySnackBar(String msg) {
//     final snackBar = SnackBar(
//         content: Text(
//       msg,
//       style: const TextStyle(fontSize: 20.0, fontWeight: FontWeight.bold),
//     ));
//     ScaffoldMessenger.of(context).showSnackBar(snackBar);
//     //scaffoldKeyLogin.currentState!.showSnackBar(snackBar);
//   }

//   Future<void> getEncodedFile(SectionList sectionItem) async {
//     String base64Image = '';
//     var status = Platform.isAndroid
//         ? await Permission.manageExternalStorage.status
//         : await Permission.storage.status;
//     if (status.isGranted) {
//       FilePickerResult? result =
//           await FilePicker.platform.pickFiles(allowMultiple: true);

//       if (result != null) {
//         print(result.files.first.path);
//         print(result.files.last.path);
//         for (var files in result.files) {
//           File file = File(files.path!);
//           print("check file path : ${file.path}");
//           fileName = file.path.split('/').last;
//           // Get the application folder directory
//           Directory? directory = Platform.isAndroid
//               ? await getExternalStorageDirectory() //FOR ANDROID
//               : await getApplicationDocumentsDirectory();
//           String newPath = ""; //FOR ios
//           String convertedDirectoryPath = (directory?.path).toString();

//           print("see the converted directory path $convertedDirectoryPath");

//           newPath = "$convertedDirectoryPath/konectar/files";
//           print("new path :$newPath");
//           directory = Directory(newPath);
//           if (!await directory.exists()) {
//             await directory.create(recursive: true);
//           }
//           File newFile = await file.copy('${directory.path}/$fileName');
//           print("new path is ${newFile.path}");
//           final extension = p.extension(newFile.path);
//           List<int> imageBytes = await newFile.readAsBytes();
//           Uint8List imageUint8List = Uint8List.fromList(imageBytes);
//           base64Image = base64Encode(imageUint8List);
//           sectionItem.selectedValue!.add(base64Image);
//           sectionItem.extension!.add(extension);
//           sectionItem.fileName!.add(fileName);
//         }
//       }
//     } else {
//       print("not permitted");
//       await requestPermission(Platform.isAndroid
//           ? Permission.manageExternalStorage
//           : Permission.storage);
//     }
//   }

//   showAlertDialog(BuildContext context, String record) {
//     // set up the buttons
//     // ViewInteractionProvider provider =
//     //     Provider.of<ViewInteractionProvider>(context, listen: false);
//     Widget cancelButton = TextButton(
//       child: const Text("Ok"),
//       onPressed: () async {
//         Navigator.of(context).pop();
//         Navigator.of(context).pop();
//       },
//     );

//     // set up the AlertDialog
//     AlertDialog alert = AlertDialog(
//       title: const Text(""),
//       content: Text("Form $record Saved Successfully!"),
//       actions: [
//         cancelButton,
//       ],
//     );

//     // show the dialog
//     showDialog(
//       context: context,
//       builder: (BuildContext context) {
//         return alert;
//       },
//     );
//   }
// }




























// import 'dart:convert';
// import 'dart:io';
// import 'dart:js_util';

// import 'package:discover_module/constants.dart';
// import 'package:discover_module/ui_screen/add_event/add_hcp.dart';
// import 'package:discover_module/ui_screen/interactionform/interactionprovider.dart';
// import 'package:discover_module/ui_screen/interactionform/model/interaction_data.dart';
// import 'package:discover_module/ui_screen/interactionform/util.dart';
// import 'package:discover_module/ui_screen/interactionform/widget/custombutton.dart';
// import 'package:discover_module/ui_screen/interactionform/widget/customrangeslider.dart';
// import 'package:discover_module/ui_screen/interactionform/widget/interatciontextfield.dart';
// import 'package:discover_module/ui_screen/interactionform/widget/responsive_ext.dart';
// import 'package:flutter/material.dart';
// import 'package:flutter/services.dart';
// import 'package:flutter/widgets.dart';
// import 'package:intl/intl.dart';
// import 'package:path_provider/path_provider.dart';
// import 'package:provider/provider.dart';
// import 'package:dropdown_button2/dropdown_button2.dart';

// import 'package:file_picker/file_picker.dart';
// // import 'package:pwa_ios/widgets/responsive_ext.dart';
// import 'package:permission_handler/permission_handler.dart';
// import 'package:path/path.dart' as p;

// class InteractionScreen extends StatefulWidget {
//   int index;
//   String form;
//   InteractionScreen({super.key, required this.index, required this.form});

//   @override
//   State<InteractionScreen> createState() => _InteractionScreenState();
// }

// class _InteractionScreenState extends State<InteractionScreen> {
//   List<dynamic> interactionReponseList = [];
//   List<SectionList> sectionList = [];
//   List<TextEditingController> textEditingControllerList = [];
//   int textfieldIndex = 0;
//   String dropdownvalue = 'Select value';
//   String? fileName;
//   final TextEditingController textEditingController = TextEditingController();
//   @override
//   void initState() {
//     WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
//       // if (mytimer!.isActive) {
//       //   cancelTimer();
//       // }
//       init();
//     });

//     super.initState();
//   }

//   init() async {
//     await Provider.of<InteractionProvider>(context, listen: false)
//         .init(widget.index);
//     setState(() {});
//   }

//   @override
//   Widget build(BuildContext context) {
//     return Consumer<InteractionProvider>(
//         builder: (BuildContext context, provider, Widget? child) {
//       return GestureDetector(
//         onTap: () {
//           FocusScope.of(context).requestFocus(FocusNode());
//         },
//         child: OrientationBuilder(builder: (context, orientation) {
//           return Scaffold(
//               //resizeToAvoidBottomInset: false,
//               appBar: AppBar(
//                 title: const FittedBox(
//                   fit: BoxFit.scaleDown,
//                   child: Text(
//                     'Record New Interaction',
//                     style: TextStyle(
//                         // fontSize: isTablet ? 22 : 14, color: Colors.white
//                         //  fontSize: 20,
//                         color: Colors.white),
//                   ),
//                 ),
//                 // backgroundColor: const Color(0xFF2b9af3),
//                 automaticallyImplyLeading: false,
//                 actions: [saveActions(provider)],
//                 leading: InkWell(
//                   onTap: () {
//                     Navigator.pop(context);
//                   },
//                   child: const Icon(
//                     Icons.arrow_back_ios,
//                     color: Colors.white,
//                   ),
//                 ),
//               ),
//               body: Column(
//                 children: [
//                   Expanded(
//                     child: ListView.builder(
//                       itemCount: provider.interactionReponseList.length,
//                       padding: EdgeInsets.zero,
//                       cacheExtent: double.parse(
//                           provider.interactionReponseList.length.toString()),
//                       itemBuilder: (context, index) {
//                         var item = provider.interactionReponseList[index];
//                         sectionList = item.sectionList;
//                         return ExpansionTile(
//                             maintainState: true,
//                             // backgroundColor: Colors.white,
//                             // collapsedBackgroundColor: Color(0xFF2b9af3),
//                             initiallyExpanded: true,
//                             title: Stack(
//                                 alignment: AlignmentDirectional.center,
//                                 children: [
//                                   Container(
//                                       // height: double.infinity,
//                                       width: double.infinity,
//                                       padding: const EdgeInsets.all(8.0),
//                                       decoration: BoxDecoration(
//                                         // color: Color(0xFF2b9af3),
//                                         color: Constants.k2color,
//                                       ),
//                                       child: Text(
//                                         item.sectionName,
//                                         style: const TextStyle(
//                                           color: Colors.white,
//                                           fontWeight: FontWeight.bold,
//                                           //  fontSize: isTablet ? 18 : 14
//                                         ),
//                                       )),
//                                   item.multiple
//                                       ? Align(
//                                           alignment: Alignment.centerRight,
//                                           child: IconButton(
//                                             onPressed: () {
//                                               if (item.sectionName == "HCP") {
//                                                 Navigator.push(
//                                                     context,
//                                                     MaterialPageRoute(
//                                                         builder: (context) =>
//                                                             Addhcp()));

//                                                 provider.getSectionItem(
//                                                     item.sectionName,
//                                                     item.sectionList.length);
//                                                 // print("index is $listIndex");
//                                                 setState(() {
//                                                   // for (var item
//                                                 });
//                                               } else {
//                                                 provider.getSectionItem(
//                                                     item.sectionName,
//                                                     item.sectionList.length);
//                                                 // print("index is $listIndex");
//                                                 setState(() {
//                                                   // for (var item
//                                                 });
//                                               }
//                                             },
//                                             icon: const Icon(
//                                               Icons.add_circle_outline,
//                                               size: 30,
//                                               color: Colors.white,
//                                             ),
//                                           ),
//                                         )
//                                       : const SizedBox.shrink()
//                                 ]),
//                             children: [
//                               Padding(
//                                 padding: const EdgeInsets.all(8.0),
//                                 child: Column(
//                                   crossAxisAlignment: CrossAxisAlignment.center,
//                                   children: [
//                                     // const SizedBox(
//                                     //   height: 20,
//                                     // ),

//                                     Padding(
//                                       padding: isTablet
//                                           ? const EdgeInsets.only(left: 14.0)
//                                           : const EdgeInsets.only(
//                                               left: 12.0, right: 12.0),
//                                       child: GridView.count(
//                                         physics:
//                                             const NeverScrollableScrollPhysics(),
//                                         crossAxisCount: context.responsive<int>(
//                                           1,
//                                           sm: 1, // small
//                                           md: 1, // medium
//                                           lg: sectionList.length == 1
//                                               ? 1
//                                               : 3, // large
//                                           xl: 3, // extra large screen
//                                         ),
//                                         // crossAxisCount:
//                                         //     orientation == Orientation.portrait
//                                         //         ? 1
//                                         //         : 3,
//                                         // crossAxisCount: (MediaQuery.of(context)
//                                         //             .orientation ==
//                                         //         Orientation.landscape)
//                                         //     ? 3
//                                         //     : 1,

//                                         mainAxisSpacing:
//                                             sectionList.length == 1 || !isTablet
//                                                 ? 1
//                                                 : 3.5,
//                                         // mainAxisSpacing:
//                                         //     orientation == Orientation.portrait
//                                         //         ? 1
//                                         //         : 3,
//                                         shrinkWrap: true,
//                                         padding: EdgeInsets.zero,
//                                         // childAspectRatio: MediaQuery.of(context)
//                                         //         .size
//                                         //         .aspectRatio *
//                                         //     0.10,
//                                         // childAspectRatio:
//                                         //     sectionList.length == 1
//                                         //         ? orientation ==
//                                         //                 Orientation.landscape
//                                         //             ? 10
//                                         //             : 3.8
//                                         //         : 2.4,
//                                         // childAspectRatio:
//                                         //     sectionList.length == 1
//                                         //         ? orientation ==
//                                         //                 Orientation.landscape
//                                         //             ? 10
//                                         //             : 3.8
//                                         //         : isTablet
//                                         //             ? 2.8
//                                         //             : 3.8,

//                                         childAspectRatio:
//                                             sectionList.length == 1
//                                                 ? orientation ==
//                                                         Orientation.landscape
//                                                     ? 10
//                                                     : 4.8
//                                                 : isTablet
//                                                     ? 2.8
//                                                     : 3.0,
//                                         // /:2.4,
//                                         // childAspectRatio: 3.8,

//                                         children: List.generate(
//                                           sectionList.length,
//                                           (i) {
//                                             SectionList sectionItem =
//                                                 sectionList[i];
//                                             dropdownvalue = sectionItem
//                                                         .widget ==
//                                                     InteractionWidget.DROPDOWN
//                                                 ? sectionItem.value ?? "Select"
//                                                 : ' ';
//                                             List<InputClass> list = sectionItem
//                                                             .widget ==
//                                                         InteractionWidget
//                                                             .DROPDOWN ||
//                                                     sectionItem.widget ==
//                                                         InteractionWidget
//                                                             .AUTOCOMPLETE ||
//                                                     sectionItem.widget ==
//                                                         InteractionWidget
//                                                             .MULTISELECT
//                                                 ? provider.getData2(sectionItem)
//                                                 : [];
//                                             provider.checkboxlist = sectionItem
//                                                         .widget ==
//                                                     InteractionWidget.CHECKBOX
//                                                 ? provider.getData2(sectionItem)
//                                                 : [];

//                                             return Column(
//                                               crossAxisAlignment:
//                                                   CrossAxisAlignment.start,
//                                               children: [
//                                                 sectionItem.widget ==
//                                                             InteractionWidget
//                                                                 .BUTTON &&
//                                                         sectionItem.input ==
//                                                             'add'
//                                                     ? const SizedBox.shrink()
//                                                     : Padding(
//                                                         padding:
//                                                             const EdgeInsets
//                                                                 .only(
//                                                                 left: 8.0,
//                                                                 right: 8.0),
//                                                         child: FittedBox(
//                                                           fit: BoxFit.scaleDown,
//                                                           child: Text(
//                                                             sectionItem
//                                                                     .validation!
//                                                                     .isRequired
//                                                                 ? '${sectionItem.name}:*'
//                                                                 : '${sectionItem.name}:',
//                                                             style: TextStyle(
//                                                               color: Colors
//                                                                   .orange
//                                                                   .shade800,
//                                                               fontSize: 18.0,
//                                                               // fontSize: isTablet
//                                                               //     ? 18
//                                                               //     : 12,
//                                                             ),
//                                                           ),
//                                                         ),
//                                                       ),
//                                                 // SizedBox(
//                                                 //   height: isTablet ? 15 : 5,
//                                                 // ),
//                                                 returnWidget(
//                                                     sectionItem: sectionItem,
//                                                     item: item,
//                                                     provider: provider,
//                                                     list: list,
//                                                     gridIndex: i,
//                                                     listIndex: index,
//                                                     widgetData:
//                                                         sectionItem.widget!,
//                                                     multiple: false),
//                                                 // SizedBox(
//                                                 //   height: isTablet ? 15 : 5,
//                                                 // ),

//                                                 // sectionItem.depid == 'pooja'
//                                                 // ? Text(
//                                                 //     sectionItem.validation!
//                                                 //             .isRequired
//                                                 //         ? '${sectionItem.depid}:*'
//                                                 //         : '${sectionItem.depid}:',
//                                                 //     style: TextStyle(
//                                                 //       color: Colors
//                                                 //           .orange.shade800,
//                                                 //       fontSize: isTablet
//                                                 //           ? 18
//                                                 //           : 12,
//                                                 //     ),
//                                                 //   )
//                                                 // : const SizedBox.shrink(),
//                                               ],
//                                             );
//                                           },
//                                         ),
//                                       ),
//                                     ),
//                                     // SizedBox(
//                                     //   height: isTablet ? 15 : 5,
//                                     // ),
//                                     // item.multiple
//                                     //     ?
//                                     gridViewWidget(
//                                         provider,
//                                         item.sectionName,
//                                         item.multipleList ?? [],
//                                         orientation,
//                                         item,
//                                         index),
//                                     // : const SizedBox.shrink(),
//                                     provider.interactionReponseList.length ==
//                                             index - 1
//                                         ? saveActions(provider)
//                                         : const SizedBox.shrink()
//                                     //const Spacer(),
//                                   ],
//                                 ),
//                               ),
//                             ]);
//                       },
//                     ),
//                   ),
//                   // const Spacer(),
//                   // saveActions(provider),
//                 ],
//               ));
//         }),
//       );
//     });
//   }

//   Widget returnWidget({
//     required SectionList sectionItem,
//     required FormFieldData item,
//     required InteractionProvider provider,
//     required List<InputClass> list,
//     required int gridIndex,
//     required int listIndex,
//     required InteractionWidget widgetData,
//     required bool multiple,
//   }) {
//     switch (widgetData) {
//       case InteractionWidget.CHECKBOX:
//         return (sectionItem.inputList!.length >= 5)
//             ? customMultiselectDropdown(
//                 sectionItem, provider, sectionItem.inputList!, multiple)
//             : buildCheckbox(sectionItem, item.sectionName, provider, multiple);

//       case InteractionWidget.AUTOCOMPLETE:
//         return customAutoCompletedropdown(
//             sectionItem, provider, list, multiple);

//       case InteractionWidget.MULTISELECT:
//         return customMultiselectDropdown(sectionItem, provider, list, multiple);

//       case InteractionWidget.RADIO:
//         return (sectionItem.inputList!.length >= 5)
//             ? customdropdown(
//                 sectionItem, provider, sectionItem.inputList!, multiple)
//             : buildRadio(sectionItem, provider);

//       case InteractionWidget.LABEL:
//         return Text(sectionItem.input!);

//       case InteractionWidget.RANGESLIDER:
//         return CustomRangeSlider(
//           max: double.parse(sectionItem.max!),
//           min: double.parse(sectionItem.min!),
//           sliderPos: sectionItem.selectedValue!.isNotEmpty
//               ? double.parse(sectionItem.selectedValue!.last.toString())
//               : double.parse(sectionItem.min!),
//           onChanged: (val) {
//             setState(() {
//               sectionItem.selectedValue = [];
//               sectionItem.selectedId = val.toString();
//               sectionItem.selectedValue!.add(val.toInt());
//             });
//           },
//         );

//       case InteractionWidget.BUTTON:
//         return sectionItem.input == 'add'
//             ? const Offstage(
//                 offstage: true,
//                 child: Text("Visible"),
//               )
//             : Row(
//                 children: [
//                   CustomButton(
//                       backgroundColor: const Color.fromARGB(255, 233, 229, 229),
//                       onPressed: () async {
//                         sectionItem.selectedValue = [];
//                         sectionItem.extension = [];
//                         sectionItem.fileName = [];
//                         await getEncodedFile(sectionItem);

//                         setState(() {});
//                       },
//                       width: 120,
//                       height: 40,
//                       fontsize: 12,
//                       textColor: Colors.black,
//                       title: sectionItem.name),
//                   const SizedBox(
//                     width: 5,
//                   ),
//                   Text(
//                     sectionItem.selectedValue!.isNotEmpty
//                         ? sectionItem.selectedValue!.length > 1
//                             ? 'Files uploaded'
//                             : "File Uploaded"
//                         : 'No file uploaded',
//                     style: TextStyle(
//                         color: sectionItem.selectedValue!.isNotEmpty
//                             ? Colors.green
//                             : Colors.red),
//                   ),
//                 ],
//               );

//       case InteractionWidget.TEXT:
//         return sectionItem.input == 'Date'
//             ? buildDateWidget(sectionItem)
//             : sectionItem.input == "textArea"
//                 ? Expanded(
//                     child: InteractionTextField(
//                       maxchars: int.parse(sectionItem.validation!.chars ?? "0"),
//                       controller: sectionItem.controller!,
//                       labelText: sectionItem.name,
//                       //   maxlines: 8,
//                       //minlines: 4,
//                       onChanged: (val) {
//                         sectionItem.selectedValue = [];
//                         setState(() {});

//                         sectionItem.selectedValue!.add(val);
//                       },
//                     ),
//                   )
//                 ////Poojaaaaa
//                 : sectionItem.input == "text1"
//                     ? Text(
//                         sectionItem.depid!,
//                         style: TextStyle(
//                             fontSize: 18.0, fontWeight: FontWeight.normal),
//                       )
//                     : Padding(
//                         padding: const EdgeInsets.only(left: 8.0, right: 8.0),
//                         child: SizedBox(
//                           // width:
//                           //     isTablet ? 200 : MediaQuery.of(context).size.width,
//                           //height: isTablet ? 50 : 40,
//                           width: MediaQuery.of(context).size.width,
//                           child: InteractionTextField(
//                             inputType: sectionItem.input == "number"
//                                 ? TextInputType.number
//                                 : TextInputType.name,
//                             maxchars: int.parse(sectionItem.chars ?? "0"),
//                             controller: sectionItem.controller!,
//                             labelText: sectionItem.name,
//                             onChanged: (val) {
//                               sectionItem.selectedValue = [];
//                               provider.setTextValue(val, sectionItem, multiple);
//                             },
//                           ),
//                         ),
//                       );
//       case InteractionWidget.DROPDOWN:
//         return customdropdown(sectionItem, provider, list, multiple);
//     }
//   }

//   Future<void> requestPermission(Permission permission) async {
//     final status = await permission.request();

//     setState(() {
//       print(status);
//       // _permissionStatus = status;
//       // print(_permissionStatus);
//     });
//   }

//   Widget buildDateWidget(SectionList sectionItem) {
//     return Padding(
//       padding: const EdgeInsets.only(left: 8.0, right: 8.0),
//       child: SizedBox(
//         // width: isTablet ? 200 : MediaQuery.of(context).size.width,
//         // height: isTablet ? 50 : 40,
//         width: MediaQuery.of(context).size.width,
//         child: TextField(
//           controller:
//               sectionItem.controller, //editing controller of this TextField
//           decoration: InputDecoration(
//               // border: OutlineInputBorder(),
//               border: OutlineInputBorder(
//                 borderRadius: BorderRadius.circular(10.0),
//               ),
//               labelStyle: const TextStyle(fontSize: 16),
//               suffixIcon: const Icon(Icons.calendar_today), //icon of text field
//               labelText: "Enter Date" //label text of field
//               ),
//           readOnly: true, //set it true, so that user will not able to edit text
//           onTap: () async {
//             DateTime? pickedDate = await showDatePicker(
//                 context: context,
//                 initialDate: DateTime.now(),
//                 firstDate: DateTime(
//                     2000), //DateTime.now() - not to allow to choose before today.
//                 lastDate: DateTime(2101));

//             if (pickedDate != null) {
//               print(
//                   pickedDate); //pickedDate output format => 2021-03-10 00:00:00.000
//               String formattedDate =
//                   DateFormat('yyyy-MM-dd').format(pickedDate);
//               print(
//                   formattedDate); //formatted date output using intl package =>  2021-03-16
//               //you can implement different kind of Date Format here according to your requirement

//               setState(() {
//                 sectionItem.controller!.text = formattedDate;
//                 sectionItem.selectedValue = [];
//                 sectionItem.selectedValue!
//                     .add(formattedDate); //set output date to TextField value.
//               });
//             } else {
//               print("Date is not selected");
//             }
//           },
//         ),
//       ),
//     );
//   }

//   Widget saveActions(InteractionProvider provider) {
//     return Align(
//       alignment: Alignment.centerRight,
//       child: Row(
//         mainAxisAlignment: MainAxisAlignment.spaceEvenly,
//         children: [
//           Padding(
//             padding: const EdgeInsets.all(4.0),
//             child: CustomButton(
//               backgroundColor: Colors.red.shade800,
//               onPressed: () {
//                 //showDeleteProfileAlertDialog(context);
//                 for (var textcontrollers
//                     in provider.textEditingControllerList) {
//                   textcontrollers.text = '';
//                 }

//                 // setState(() {
//                 //   provider.resetAllWidgetsData();
//                 // });
//               },
//               textColor: Colors.white,
//               title: "Reset",
//               // height: 40,
//               // width: isTablet ? 100 : 80,
//               height: MediaQuery.of(context).size.height * 0.2,

//               fontsize: isTablet ? 15 : 10.2,
//             ),
//           ),
//           SizedBox(
//             width: isTablet ? 20 : 4,
//           ),
//           Padding(
//             padding: const EdgeInsets.all(4.0),
//             child: CustomButton(
//               backgroundColor: Colors.green.shade500,
//               onPressed: () async {
//                 if (textFieldsValidation(provider).isEmpty) {
//                   String record =
//                       await provider.saveJsonObject(context, widget.form);
//                   showAlertDialog(context, record);
//                 } else {
//                   _displaySnackBar(textFieldsValidation(provider));
//                 }
//               },
//               textColor: Colors.white,
//               title: "Save",
//               // height: 40,
//               // width: isTablet ? 100 : 80,
//               height: MediaQuery.of(context).size.height * 0.2,

//               //  width: MediaQuery.of(context).size.width * 0.1,
//               fontsize: isTablet ? 16 : 12,
//             ),
//           ),
//           SizedBox(
//             width: isTablet ? 20 : 2,
//           ),
//         ],
//       ),
//     );
//   }

//   Widget buildRadio(SectionList sectionItem, InteractionProvider provider) {
//     List<InputClass> list = provider.getData2(sectionItem);
//     // .map((itemWord) => InputClass.fromJson(itemWord))
//     // .toList();
//     return Padding(
//       padding: const EdgeInsets.only(left: 8.0, right: 8.0),
//       child: SizedBox(
//         // width: isTablet ? 250 : MediaQuery.of(context).size.width,
//         width: MediaQuery.of(context).size.width,

//         child: Row(
//           children: <Widget>[
//             for (InputClass value in list)
//               Row(
//                 children: [
//                   Radio(
//                     value: value.name,
//                     activeColor: Colors.black,
//                     groupValue: provider.radioValue,
//                     onChanged: (String? value) {
//                       setState(() {
//                         print(value);
//                         provider.radioValue = value!;
//                         int index =
//                             list.indexWhere((element) => element.name == value);
//                         sectionItem.selectedValue!.add(list[index].id);
//                       });
//                     },
//                   ),
//                   Text(value.name),
//                 ],
//               ),
//           ],
//         ),
//       ),
//     );
//   }

//   Widget buildCheckbox(SectionList sectionItem, String sectionName,
//       InteractionProvider provider, bool multiple) {
//     return Padding(
//       padding: const EdgeInsets.only(left: 8.0, right: 8.0),
//       child: SizedBox(
//         //  width: 250,
//         width: MediaQuery.of(context).size.width,

//         child: Row(
//           children: <Widget>[
//             for (var value in provider.checkboxlist)
//               Row(
//                 children: [
//                   FittedBox(
//                     fit: BoxFit.scaleDown,
//                     child: Checkbox(
//                       value: value.ischecked ?? false,
//                       activeColor: Colors.black,
//                       checkColor: Colors.white,
//                       onChanged: (bool? newvalue) {
//                         value.ischecked = newvalue!;
//                         provider.setcheckBoxValue(sectionItem, sectionName,
//                             newvalue, value.id, multiple);
//                         //setState(() {});
//                       },
//                     ),
//                   ),
//                   Text(value.name),
//                 ],
//               ),
//           ],
//         ),
//       ),
//     );
//   }

//   Widget customdropdown(SectionList sectionItem, InteractionProvider provider,
//       List<InputClass> list, bool multiple) {
//     //   sectionItem.value = '';

//     if (list.isEmpty) {
//       list = [];
//       InputClass inputClass =
//           InputClass(id: "no value", name: "Select ${sectionItem.name}");
//       list.add(inputClass);
//       sectionItem.selectedObject = list[0];
//     }
//     // InputClass selectedObj = list[0];
//     return Padding(
//       padding: const EdgeInsets.only(left: 8.0, right: 8.0),
//       child: SizedBox(
//         width: MediaQuery.of(context).size.width,
//         // height: isTablet ? 60 : 40,
//         child: DropdownButtonFormField2<InputClass>(
//           isExpanded: true,
//           decoration: InputDecoration(
//             // Add Horizontal padding using menuItemStyleData.padding so it matches
//             // the menu padding when button's width is not specified.
//             contentPadding: const EdgeInsets.symmetric(vertical: 5),
//             border: OutlineInputBorder(
//               borderRadius: BorderRadius.circular(15),
//             ),
//             // Add more decoration..
//           ),
//           hint: Text(
//             'Select ${sectionItem.name}',
//             style: const TextStyle(fontSize: 14),
//           ),
//           items: list
//               .map((item) => DropdownMenuItem<InputClass>(
//                     value: item,
//                     child: Text(
//                       item.name,
//                       style: const TextStyle(
//                         fontSize: 14,
//                       ),
//                     ),
//                   ))
//               .toList(),
//           value: sectionItem.selectedObject ?? list[0],
//           //     // provider.getDropDownValue(sectionItem.value!, sectionItem, list)
//           //     sectionItem.value ?? list[0].name,
//           validator: (value) {
//             if (value == null) {
//               return 'Please select  ${sectionItem.name}';
//             }
//             return null;
//           },
//           onChanged: (value) {
//             //Do something when selected item is changed.
//             sectionItem.selectedObject = value!;
//             sectionItem.value = value.id;
//             provider.setDropDownValue(value.id, sectionItem, multiple);
//             print("selected ${sectionItem.value}");
//             //  setState(() {});
//           },
//           onSaved: (value) {
//             sectionItem.selectedObject = value!;
//             sectionItem.value = value.id;
//             provider.setDropDownValue(value.id, sectionItem, multiple);
//             // setState(() {});
//           },
//           buttonStyleData: const ButtonStyleData(
//             padding: EdgeInsets.only(right: 8),
//           ),
//           iconStyleData: const IconStyleData(
//             icon: Icon(
//               Icons.arrow_drop_down,
//               color: Colors.black45,
//             ),
//             iconSize: 24,
//           ),
//           dropdownStyleData: DropdownStyleData(
//             decoration: BoxDecoration(
//               borderRadius: BorderRadius.circular(15),
//             ),
//           ),
//           menuItemStyleData: const MenuItemStyleData(
//             padding: EdgeInsets.symmetric(horizontal: 16),
//           ),
//         ),
//       ),
//     );
//   }

//   Widget customAutoCompletedropdown(SectionList sectionItem,
//       InteractionProvider provider, List<InputClass> list, bool multiple) {
//     // sectionItem.value = list[0].name;

//     // if (list.isEmpty) {
//     //   print("list is empty");
//     list = sectionItem.inputList!;
//     print("***Autocomplete list ${list[0].name}");
//     //}
//     //InputClass selectedObj = list[0];
//     return Padding(
//       padding: const EdgeInsets.only(left: 8.0, right: 8.0),
//       child: SizedBox(
//         // width: isTablet ? 200 : MediaQuery.of(context).size.width,
//         // height: isTablet ? 60 : 40,
//         width: MediaQuery.of(context).size.width,

//         child: DropdownButtonHideUnderline(
//           child: DropdownButtonFormField2<InputClass>(
//             isExpanded: true,
//             decoration: InputDecoration(
//               // Add Horizontal padding using menuItemStyleData.padding so it matches
//               // the menu padding when button's width is not specified.
//               contentPadding: const EdgeInsets.symmetric(vertical: 5),
//               border: OutlineInputBorder(
//                 borderRadius: BorderRadius.circular(15),
//               ),
//               // Add more decoration..
//             ),
//             hint: Text(
//               'Select Item',
//               style: TextStyle(
//                 fontSize: 14,
//                 color: Theme.of(context).hintColor,
//               ),
//             ),
//             items: list
//                 .map((item) => DropdownMenuItem(
//                       value: item,
//                       child: Text(
//                         item.name,
//                         style: const TextStyle(
//                           fontSize: 14,
//                         ),
//                       ),
//                     ))
//                 .toList(),
//             value: sectionItem.selectedObject,
//             onSaved: (value) {
//               sectionItem.selectedObject = value!;
//               provider.setAutoCompleteValue(value.id, sectionItem, multiple);
//               sectionItem.value = value.name;
//             },
//             onChanged: (value) {
//               // setState(() {
//               sectionItem.selectedObject = value!;
//               provider.setAutoCompleteValue(value.id, sectionItem, multiple);
//               sectionItem.value = value.name;
//               // setState(() {});
//               //});
//             },

//             buttonStyleData: const ButtonStyleData(
//               padding: EdgeInsets.symmetric(horizontal: 16),
//               height: 40,
//               width: 200,
//             ),
//             dropdownStyleData: const DropdownStyleData(
//               maxHeight: 200,
//             ),
//             menuItemStyleData: const MenuItemStyleData(
//               height: 40,
//             ),
//             dropdownSearchData: DropdownSearchData(
//               searchController: textEditingController,
//               searchInnerWidgetHeight: 50,
//               searchInnerWidget: Container(
//                 height: 50,
//                 padding: const EdgeInsets.only(
//                   top: 8,
//                   bottom: 4,
//                   right: 8,
//                   left: 8,
//                 ),
//                 child: TextFormField(
//                   expands: true,
//                   maxLines: null,
//                   controller: textEditingController,
//                   decoration: InputDecoration(
//                     isDense: true,
//                     contentPadding: const EdgeInsets.symmetric(
//                       horizontal: 10,
//                       vertical: 8,
//                     ),
//                     hintText: 'Search for an item...',
//                     hintStyle: const TextStyle(fontSize: 12),
//                     border: OutlineInputBorder(
//                       borderRadius: BorderRadius.circular(8),
//                     ),
//                   ),
//                 ),
//               ),
//               searchMatchFn: (item, searchValue) {
//                 return item.value!.name.toString().contains(searchValue);
//               },
//             ),
//             //This to clear the search value when you close the menu
//             onMenuStateChange: (isOpen) {
//               if (!isOpen) {
//                 textEditingController.clear();
//               }
//             },
//           ),
//         ),
//       ),
//     );
//   }

//   Widget customMultiselectDropdown(SectionList sectionItem,
//       InteractionProvider provider, List<InputClass> list, bool multiple) {
//     if (list.isEmpty) {
//       list = sectionItem.inputList!;
//     }
//     InputClass selectedObj = list[0];

//     return Padding(
//       padding: const EdgeInsets.only(left: 8.0, right: 8.0),
//       child: SizedBox(
//         // width: isTablet ? 200 : MediaQuery.of(context).size.width,
//         // height: isTablet ? 60 : 40,
//         width: MediaQuery.of(context).size.width,
//         // height: MediaQuery.of(context).size.height,

//         child: DropdownButtonHideUnderline(
//           child: DropdownButtonFormField2<InputClass>(
//             isExpanded: true,
//             decoration: InputDecoration(
//               // Add Horizontal padding using menuItemStyleData.padding so it matches
//               // the menu padding when button's width is not specified.
//               contentPadding: const EdgeInsets.symmetric(vertical: 5),
//               border: OutlineInputBorder(
//                 borderRadius: BorderRadius.circular(15),
//               ),
//               // Add more decoration..
//             ),
//             hint: Text(
//               'Select Items',
//               style: TextStyle(
//                 fontSize: 14,
//                 color: Theme.of(context).hintColor,
//               ),
//             ),
//             items: list.map((item) {
//               return DropdownMenuItem(
//                 value: item,
//                 //disable default onTap to avoid closing menu when selecting an item
//                 enabled: false,
//                 child: StatefulBuilder(
//                   builder: (context, menuSetState) {
//                     final isSelected =
//                         sectionItem.selectedValue!.contains(item.name);
//                     return InkWell(
//                       onTap: () {
//                         isSelected
//                             ? sectionItem.selectedValue!.remove(item.name)
//                             : sectionItem.selectedValue!.add(item.name);
//                         //This rebuilds the StatefulWidget to update the button's text
//                         setState(() {});
//                         //This rebuilds the dropdownMenu Widget to update the check mark
//                         menuSetState(() {});
//                       },
//                       child: Container(
//                         height: double.infinity,
//                         padding: const EdgeInsets.symmetric(horizontal: 16.0),
//                         child: Row(
//                           children: [
//                             if (isSelected)
//                               const Icon(Icons.check_box_outlined)
//                             else
//                               const Icon(Icons.check_box_outline_blank),
//                             const SizedBox(width: 16),
//                             Expanded(
//                               child: Text(
//                                 item.name,
//                                 style: const TextStyle(
//                                   fontSize: 14,
//                                 ),
//                               ),
//                             ),
//                           ],
//                         ),
//                       ),
//                     );
//                   },
//                 ),
//               );
//             }).toList(),
//             //Use last selected item as the current value so if we've limited menu height, it scroll to last item.
//             value: selectedObj,
//             // ? null
//             // : provider.selectedItems.last,
//             onChanged: (value) {
//               selectedObj = value!;
//               provider.setAutoCompleteValue(value.id, sectionItem, multiple);
//               sectionItem.value = value.name;
//             },
//             onSaved: (value) {
//               selectedObj = value!;
//               provider.setAutoCompleteValue(value.id, sectionItem, multiple);
//               sectionItem.value = value.name;
//             },
//             selectedItemBuilder: (context) {
//               return list.map(
//                 (item) {
//                   return Container(
//                     alignment: AlignmentDirectional.center,
//                     child: Text(
//                       sectionItem.selectedValue!.join(', '),
//                       style: const TextStyle(
//                         fontSize: 14,
//                         overflow: TextOverflow.ellipsis,
//                       ),
//                       maxLines: 1,
//                     ),
//                   );
//                 },
//               ).toList();
//             },
//             buttonStyleData: const ButtonStyleData(
//               padding: EdgeInsets.only(left: 16, right: 8),
//               height: 40,
//               width: 140,
//             ),
//             menuItemStyleData: const MenuItemStyleData(
//               height: 40,
//               padding: EdgeInsets.zero,
//             ),
//           ),
//         ),
//       ),
//     );
//   }

//   Widget gridViewWidget(
//       InteractionProvider provider,
//       String sectionName,
//       List<SectionList> sectionList,
//       Orientation orientation,
//       FormFieldData item,
//       int listIndex) {
//     print("ListInex: $listIndex");
//     print("sectionName: $sectionName");
//     print("sectionName: $sectionName");

//     print("gridsectionlost_is: $sectionList");
//     print("gridsectionlostleangth_is: ${sectionList.length}");

//     List<SectionList> pooja = sectionList;

//     print("Pooja_isss: $pooja");

//     return Padding(
//       padding: isTablet
//           ? const EdgeInsets.only(left: 8.0)
//           : const EdgeInsets.only(left: 12.0, right: 12.0),
//       child: GridView.count(
//         physics: const NeverScrollableScrollPhysics(),
//         // crossAxisCount: context.responsive<int>(
//         //   1, // default
//         //   sm: 1, // small
//         //   md: 1, // medium
//         //   lg: sectionList.length == 1 ? 1 : 4, // large
//         //   xl: 5, // extra large screen
//         // ),
//         crossAxisCount: context.responsive<int>(
//           1,
//           sm: 1, // small
//           md: 1, // medium
//           lg: sectionList.length == 1
//               ? 1
//               : (sectionList.length >= 1 ? 3 : 3), // large
//           xl: 3, // extra large screen
//         ),
//         mainAxisSpacing: sectionList.length == 1 || !isTablet ? 1 : 2,
//         shrinkWrap: true,
//         padding: EdgeInsets.zero,
//         // childAspectRatio: sectionList.length == 1 || !isTablet
//         //     ? orientation == Orientation.landscape
//         //         ? 10
//         //         : 4.2
//         //     : 1.8,
//         // childAspectRatio: sectionList.length == 1
//         //     ? orientation == Orientation.landscape
//         //         ? 10
//         //         : 4.8
//         //     : isTablet
//         //         ? 2.8
//         //         : 3.0,
//         childAspectRatio: MediaQuery.of(context).size.width /
//             (MediaQuery.of(context).size.height / 3),
//         children: List.generate(
//           sectionList.length,
//           (i) {
//             print(sectionList);
//             SectionList sectionItem = sectionList[i];
//             dropdownvalue = sectionItem.widget == InteractionWidget.DROPDOWN
//                 ? sectionItem.value ?? "Select"
//                 : ' ';
//             List<InputClass> list =
//                 sectionItem.widget == InteractionWidget.DROPDOWN ||
//                         sectionItem.widget == InteractionWidget.AUTOCOMPLETE ||
//                         sectionItem.widget == InteractionWidget.MULTISELECT
//                     ? provider.getData2(sectionItem)
//                     : [];
//             provider.checkboxlist =
//                 sectionItem.widget == InteractionWidget.CHECKBOX
//                     ? provider.getData2(sectionItem)
//                     : [];

//             return Wrap(children: [
//               Column(
//                 crossAxisAlignment: CrossAxisAlignment.start,
//                 children: [
//                   sectionItem.widget == InteractionWidget.BUTTON &&
//                               sectionItem.input == 'add' ||
//                           sectionItem.input == 'deletebtn'
//                       ? const SizedBox.shrink()
//                       : Text(
//                           '${sectionItem.name}:*',
//                           style: TextStyle(
//                             color: Colors.orange.shade800,
//                             fontSize: isTablet ? 18 : 14,
//                           ),
//                         ),
//                   // const SizedBox(
//                   //   height: 15,
//                   // ),
//                   sectionItem.widget == InteractionWidget.BUTTON
//                       ? sectionItem.input == 'chooseFile'
//                           ? Row(
//                               children: [
//                                 CustomButton(
//                                     backgroundColor: const Color.fromARGB(
//                                         255, 233, 229, 229),
//                                     onPressed: () async {
//                                       sectionItem.selectedValue = [];
//                                       sectionItem.extension = [];
//                                       sectionItem.fileName = [];
//                                       await getEncodedFile(sectionItem);

//                                       setState(() {});
//                                     },
//                                     width: 120,
//                                     height: 40,
//                                     fontsize: 12,
//                                     textColor: Colors.black,
//                                     title: sectionItem.name),
//                                 const SizedBox(
//                                   width: 5,
//                                 ),
//                                 Text(
//                                   sectionItem.selectedValue!.isNotEmpty
//                                       ? sectionItem.selectedValue!.isNotEmpty
//                                           ? 'File uploaded'
//                                           : "Files Uploaded"
//                                       : 'No file uploaded',
//                                   style: TextStyle(
//                                       color:
//                                           sectionItem.selectedValue!.isNotEmpty
//                                               ? Colors.green
//                                               : Colors.red),
//                                 ),
//                               ],
//                             )
//                           : isTablet
//                               ? IconButton(
//                                   onPressed: () {
//                                     provider.deleteMultipleRows(
//                                         sectionItem.gid!,
//                                         sectionList[i],
//                                         sectionName);

//                                     setState(() {});
//                                   },
//                                   icon: const Icon(
//                                     Icons.cancel,
//                                     size: 30,
//                                     color: Color.fromARGB(255, 8, 39, 92),
//                                   ),
//                                 )
//                               : Padding(
//                                   padding:
//                                       const EdgeInsets.only(left: 3.0, top: 5),
//                                   child: CustomButton(
//                                       backgroundColor: const Color.fromARGB(
//                                           255, 233, 75, 75),
//                                       onPressed: () {
//                                         provider.deleteMultipleRows(
//                                             sectionItem.gid!,
//                                             sectionList[i],
//                                             sectionName);

//                                         setState(() {});
//                                       },
//                                       // width: 80,
//                                       // height: 30,

//                                       height: 40,

//                                       // height:
//                                       //     MediaQuery.of(context).size.height *
//                                       //         0.2,
//                                       fontsize: 12,
//                                       textColor: Colors.white,
//                                       title: "Delete"),
//                                 )
//                       : returnWidget(
//                           sectionItem: sectionItem,
//                           item: item,
//                           provider: provider,
//                           list: list,
//                           gridIndex: i,
//                           listIndex: listIndex,
//                           widgetData: sectionItem.widget!,
//                           multiple: true),
//                 ],
//               ),
//             ]);
//           },
//         ),
//       ),
//     );
//   }
// //////////////////////////////////////Poojaaaa/////////////////////

//   // Widget gridViewWidget(
//   //     InteractionProvider provider,
//   //     String sectionName,
//   //     List<SectionList> sectionList,
//   //     Orientation orientation,
//   //     FormFieldData item,
//   //     int count,
//   //     int listIndex) {
//   //   print("ListInex: $listIndex");
//   //   print("sectionName: $sectionName");
//   //   print("sectionName: $sectionName");
//   //   print("section_count: $count");

//   //   print("gridsectionlost_is: $sectionList");
//   //   print("gridsectionlostleangth_is: ${sectionList.length}");

//   //   List<SectionList> pooja = sectionList;

//   //   print("Pooja_isss: $pooja");
//   //   print("Pooja_Leangth_isss: ${pooja.length}");

//   //   List<List<SectionList>> convertedArray = [];

//   //   // for (int i = 0; i < pooja.length; i += 4) {
//   //   //   print("poojaleangth: $pooja");

//   //   //   convertedArray.add(pooja.sublist(i, i + 4));
//   //   // }

//   //   // for (int i = 0; i < pooja.length; i + pooja.length) {
//   //   //   print("poojaleangth: $pooja");
//   //   //   if (pooja[i] == delete) {
//   //   //     convertedArray.add(pooja.sublist(i, i + pooja.length));
//   //   //   }}
//   //   // for (int i = 0; i < pooja.length; i += pooja.length) {
//   //   //   print("poojaleangth: $pooja");

//   //   //   convertedArray.add(pooja.sublist(i, i + pooja.length));
//   //   // }

//   //   // int arraylen
//   //   // print("Pooja_issscheckkk: ${pooja.first.inputList}");

//   //   print("Provider_leangth: ${item.sectionList.length}");

//   //   for (int i = 0; i < pooja.length; i += 5) {
//   //     print("poojaleangth: $pooja");

//   //     convertedArray.add(pooja.sublist(i, i + 5));
//   //   }

//   //   print("convertedArray");

//   //   print(convertedArray);

//   //   print("ConvertedArray.leangth: $convertedArray");
//   //   print("ConvertedArray.leangth: ${convertedArray.length}");

//   //   // sectionList = convertedArray;
//   //   // sectionList= convertedArray.expand((list) => list).toList();
//   //   // print(convertedArray);
//   //   return Padding(
//   //     padding: isTablet
//   //         ? const EdgeInsets.only(left: 8.0)
//   //         : const EdgeInsets.only(left: 12.0, right: 12.0),
//   //     child: Column(
//   //       crossAxisAlignment: CrossAxisAlignment.start,
//   //       children: [
//   //         for (var i = 0; i < convertedArray.length; i++)
//   //           GridView.builder(
//   //             physics: const NeverScrollableScrollPhysics(),
//   //             gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
//   //               crossAxisCount: 3, // Keep the same crossAxisCount
//   //               mainAxisSpacing:
//   //                   sectionList.length == 1 || !isTablet ? 1.0 : 2.0,
//   //               crossAxisSpacing: 1.0,
//   //               childAspectRatio: MediaQuery.of(context).size.width /
//   //                   (MediaQuery.of(context).size.height / 3),
//   //             ),
//   //             shrinkWrap: true,
//   //             padding: EdgeInsets.zero,
//   //             itemCount: convertedArray[0].length, // Only one item per section
//   //             itemBuilder: (context, index) {
//   //               SectionList sectionItem =
//   //                   convertedArray.expand((list) => list).toList()[index];

//   //               print("Sectionloop_item_isss: $sectionItem");
//   //               dropdownvalue = sectionItem.widget == InteractionWidget.DROPDOWN
//   //                   ? sectionItem.value ?? "Select"
//   //                   : ' ';
//   //               List<InputClass> list = (sectionItem.widget ==
//   //                           InteractionWidget.DROPDOWN ||
//   //                       sectionItem.widget == InteractionWidget.AUTOCOMPLETE ||
//   //                       sectionItem.widget == InteractionWidget.MULTISELECT)
//   //                   ? provider.getData2(sectionItem)
//   //                   : [];
//   //               provider.checkboxlist =
//   //                   sectionItem.widget == InteractionWidget.CHECKBOX
//   //                       ? provider.getData2(sectionItem)
//   //                       : [];

//   //               return Column(
//   //                 crossAxisAlignment: CrossAxisAlignment.start,
//   //                 children: [
//   //                   sectionItem.widget == InteractionWidget.BUTTON &&
//   //                           (sectionItem.input == 'add' ||
//   //                               sectionItem.input == 'deletebtn')
//   //                       ? const SizedBox.shrink()
//   //                       : Text(
//   //                           '${sectionItem.name}:*',
//   //                           style: TextStyle(
//   //                             color: Colors.orange.shade800,
//   //                             fontSize: isTablet ? 18 : 14,
//   //                           ),
//   //                         ),
//   //                   sectionItem.widget == InteractionWidget.BUTTON
//   //                       ? sectionItem.input == 'chooseFile'
//   //                           ? Row(
//   //                               children: [
//   //                                 CustomButton(
//   //                                   backgroundColor: const Color.fromARGB(
//   //                                       255, 233, 229, 229),
//   //                                   onPressed: () async {
//   //                                     sectionItem.selectedValue = [];
//   //                                     sectionItem.extension = [];
//   //                                     sectionItem.fileName = [];
//   //                                     await getEncodedFile(sectionItem);
//   //                                     setState(() {});
//   //                                   },
//   //                                   width: 120,
//   //                                   height: 40,
//   //                                   fontsize: 12,
//   //                                   textColor: Colors.black,
//   //                                   title: sectionItem.name,
//   //                                 ),
//   //                                 const SizedBox(width: 5),
//   //                                 Text(
//   //                                   sectionItem.selectedValue!.isNotEmpty
//   //                                       ? 'File uploaded'
//   //                                       : 'No file uploaded',
//   //                                   style: TextStyle(
//   //                                       color: sectionItem
//   //                                               .selectedValue!.isNotEmpty
//   //                                           ? Colors.green
//   //                                           : Colors.red),
//   //                                 ),
//   //                               ],
//   //                             )
//   //                           : isTablet
//   //                               ? IconButton(
//   //                                   onPressed: () {
//   //                                     provider.deleteMultipleRows(
//   //                                         sectionItem.gid!,
//   //                                         sectionList[i],
//   //                                         sectionName);
//   //                                     setState(() {});
//   //                                   },
//   //                                   icon: const Icon(
//   //                                     Icons.cancel,
//   //                                     size: 30,
//   //                                     color: Color.fromARGB(255, 8, 39, 92),
//   //                                   ),
//   //                                 )
//   //                               : Padding(
//   //                                   padding: const EdgeInsets.only(
//   //                                       left: 3.0, top: 5),
//   //                                   child: CustomButton(
//   //                                     backgroundColor: const Color.fromARGB(
//   //                                         255, 233, 75, 75),
//   //                                     onPressed: () {
//   //                                       provider.deleteMultipleRows(
//   //                                           sectionItem.gid!,
//   //                                           sectionList[i],
//   //                                           sectionName);
//   //                                       setState(() {});
//   //                                     },
//   //                                     height: 40,
//   //                                     fontsize: 12,
//   //                                     textColor: Colors.white,
//   //                                     title: "Delete",
//   //                                   ),
//   //                                 )
//   //                       : returnWidget(
//   //                           sectionItem: sectionItem,
//   //                           item: item,
//   //                           provider: provider,
//   //                           list: list,
//   //                           gridIndex: i,
//   //                           listIndex: listIndex,
//   //                           widgetData: sectionItem.widget!,
//   //                           multiple: true,
//   //                         ),
//   //                 ],
//   //               );
//   //             },
//   //           ),
//   //       ],
//   //     ),
//   //   );

// /////////////////////////////////////////////////////////////////////////
//   // Widget gridViewWidget(
//   //     InteractionProvider provider,
//   //     String sectionName,
//   //     List<SectionList> sectionList,
//   //     Orientation orientation,
//   //     FormFieldData item,
//   //     int listIndex) {
//   //   print("ListInex: $listIndex");
//   //   print("sectionName: $sectionName");
//   //   print("sectionName: $sectionName");

//   //   print("gridsectionlost_is: $sectionList");
//   //   print("gridsectionlostleangth_is: ${sectionList.length}");

//   //   List<SectionList> pooja = sectionList;

//   //   print("Pooja_isss: $pooja");

//   //   List<List<SectionList>> convertedArray = [];

//   //   for (int i = 0; i < pooja.length; i += 4) {
//   //     convertedArray.add(pooja.sublist(i, i + 4));
//   //   }
//   //   print("convertedArray");

//   //   print(convertedArray);

//   //   print("ConvertedArray.leangth: $convertedArray");
//   //   print("ConvertedArray.leangth: ${convertedArray.length}");

//   //   // sectionList = convertedArray;
//   //   // sectionList= convertedArray.expand((list) => list).toList();
//   //   // print(convertedArray);
//   //   return Padding(
//   //     padding: isTablet
//   //         ? const EdgeInsets.only(left: 8.0)
//   //         : const EdgeInsets.only(left: 12.0, right: 12.0),
//   //     child: Column(
//   //       crossAxisAlignment: CrossAxisAlignment.start,
//   //       children: [
//   //         for (var i = 0; i < convertedArray.length; i++)
//   //           GridView.builder(
//   //             physics: const NeverScrollableScrollPhysics(),
//   //             gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
//   //               crossAxisCount: 3, // Keep the same crossAxisCount
//   //               mainAxisSpacing:
//   //                   sectionList.length == 1 || !isTablet ? 1.0 : 2.0,
//   //               crossAxisSpacing: 1.0,
//   //               childAspectRatio: MediaQuery.of(context).size.width /
//   //                   (MediaQuery.of(context).size.height / 3),
//   //             ),
//   //             shrinkWrap: true,
//   //             padding: EdgeInsets.zero,
//   //             itemCount: convertedArray[0].length, // Only one item per section
//   //             itemBuilder: (context, index) {
//   //               SectionList sectionItem =
//   //                   convertedArray.expand((list) => list).toList()[index];

//   //               print("Sectionloop_item_isss: $sectionItem");
//   //               dropdownvalue = sectionItem.widget == InteractionWidget.DROPDOWN
//   //                   ? sectionItem.value ?? "Select"
//   //                   : ' ';
//   //               List<InputClass> list = (sectionItem.widget ==
//   //                           InteractionWidget.DROPDOWN ||
//   //                       sectionItem.widget == InteractionWidget.AUTOCOMPLETE ||
//   //                       sectionItem.widget == InteractionWidget.MULTISELECT)
//   //                   ? provider.getData2(sectionItem)
//   //                   : [];
//   //               provider.checkboxlist =
//   //                   sectionItem.widget == InteractionWidget.CHECKBOX
//   //                       ? provider.getData2(sectionItem)
//   //                       : [];

//   //               return Column(
//   //                 crossAxisAlignment: CrossAxisAlignment.start,
//   //                 children: [
//   //                   sectionItem.widget == InteractionWidget.BUTTON &&
//   //                           (sectionItem.input == 'add' ||
//   //                               sectionItem.input == 'deletebtn')
//   //                       ? const SizedBox.shrink()
//   //                       : Text(
//   //                           '${sectionItem.name}:*',
//   //                           style: TextStyle(
//   //                             color: Colors.orange.shade800,
//   //                             fontSize: isTablet ? 18 : 14,
//   //                           ),
//   //                         ),
//   //                   sectionItem.widget == InteractionWidget.BUTTON
//   //                       ? sectionItem.input == 'chooseFile'
//   //                           ? Row(
//   //                               children: [
//   //                                 CustomButton(
//   //                                   backgroundColor: const Color.fromARGB(
//   //                                       255, 233, 229, 229),
//   //                                   onPressed: () async {
//   //                                     sectionItem.selectedValue = [];
//   //                                     sectionItem.extension = [];
//   //                                     sectionItem.fileName = [];
//   //                                     await getEncodedFile(sectionItem);
//   //                                     setState(() {});
//   //                                   },
//   //                                   width: 120,
//   //                                   height: 40,
//   //                                   fontsize: 12,
//   //                                   textColor: Colors.black,
//   //                                   title: sectionItem.name,
//   //                                 ),
//   //                                 const SizedBox(width: 5),
//   //                                 Text(
//   //                                   sectionItem.selectedValue!.isNotEmpty
//   //                                       ? 'File uploaded'
//   //                                       : 'No file uploaded',
//   //                                   style: TextStyle(
//   //                                       color: sectionItem
//   //                                               .selectedValue!.isNotEmpty
//   //                                           ? Colors.green
//   //                                           : Colors.red),
//   //                                 ),
//   //                               ],
//   //                             )
//   //                           : isTablet
//   //                               ? IconButton(
//   //                                   onPressed: () {
//   //                                     provider.deleteMultipleRows(
//   //                                         sectionItem.gid!,
//   //                                         sectionList[i],
//   //                                         sectionName);
//   //                                     setState(() {});
//   //                                   },
//   //                                   icon: const Icon(
//   //                                     Icons.cancel,
//   //                                     size: 30,
//   //                                     color: Color.fromARGB(255, 8, 39, 92),
//   //                                   ),
//   //                                 )
//   //                               : Padding(
//   //                                   padding: const EdgeInsets.only(
//   //                                       left: 3.0, top: 5),
//   //                                   child: CustomButton(
//   //                                     backgroundColor: const Color.fromARGB(
//   //                                         255, 233, 75, 75),
//   //                                     onPressed: () {
//   //                                       provider.deleteMultipleRows(
//   //                                           sectionItem.gid!,
//   //                                           sectionList[i],
//   //                                           sectionName);
//   //                                       setState(() {});
//   //                                     },
//   //                                     height: 40,
//   //                                     fontsize: 12,
//   //                                     textColor: Colors.white,
//   //                                     title: "Delete",
//   //                                   ),
//   //                                 )
//   //                       : returnWidget(
//   //                           sectionItem: sectionItem,
//   //                           item: item,
//   //                           provider: provider,
//   //                           list: list,
//   //                           gridIndex: i,
//   //                           listIndex: listIndex,
//   //                           widgetData: sectionItem.widget!,
//   //                           multiple: true,
//   //                         ),
//   //                 ],
//   //               );
//   //             },
//   //           ),
//   //       ],
//   //     ),
//   //   );

//   // return Padding(
//   //   padding: isTablet
//   //       ? const EdgeInsets.only(left: 8.0)
//   //       : const EdgeInsets.only(left: 12.0, right: 12.0),
//   //   child: GridView.count(
//   //     physics: const NeverScrollableScrollPhysics(),
//   //     crossAxisCount: context.responsive<int>(
//   //       1,
//   //       sm: 1, // small
//   //       md: 1, // medium
//   //       lg: sectionList.length == 1
//   //           ? 1
//   //           : (sectionList.length >= 1 ? 3 : 3), // large
//   //       xl: 3, // extra large screen
//   //     ),
//   //     mainAxisSpacing: sectionList.length == 1 || !isTablet ? 1 : 2,
//   //     shrinkWrap: true,
//   //     padding: EdgeInsets.zero,
//   //     childAspectRatio: MediaQuery.of(context).size.width /
//   //         (MediaQuery.of(context).size.height / 3),
//   //     children: List.generate(
//   //       sectionList.length,
//   //       (i) {
//   //         print("sectionList_issss: $sectionList");
//   //         SectionList sectionItem = sectionList[i];
//   //         dropdownvalue = sectionItem.widget == InteractionWidget.DROPDOWN
//   //             ? sectionItem.value ?? "Select"
//   //             : ' ';
//   //         List<InputClass> list =
//   //             sectionItem.widget == InteractionWidget.DROPDOWN ||
//   //                     sectionItem.widget == InteractionWidget.AUTOCOMPLETE ||
//   //                     sectionItem.widget == InteractionWidget.MULTISELECT
//   //                 ? provider.getData2(sectionItem)
//   //                 : [];
//   //         provider.checkboxlist =
//   //             sectionItem.widget == InteractionWidget.CHECKBOX
//   //                 ? provider.getData2(sectionItem)
//   //                 : [];

//   //         return Wrap(children: [
//   //           Column(
//   //             crossAxisAlignment: CrossAxisAlignment.start,
//   //             children: [
//   //               sectionItem.widget == InteractionWidget.BUTTON &&
//   //                           sectionItem.input == 'add' ||
//   //                       sectionItem.input == 'deletebtn'
//   //                   ? const SizedBox.shrink()
//   //                   : Text(
//   //                       '${sectionItem.name}:*',
//   //                       style: TextStyle(
//   //                         color: Colors.orange.shade800,
//   //                         fontSize: isTablet ? 18 : 14,
//   //                       ),
//   //                     ),
//   //               // const SizedBox(
//   //               //   height: 15,
//   //               // ),
//   //               sectionItem.widget == InteractionWidget.BUTTON
//   //                   ? sectionItem.input == 'chooseFile'
//   //                       ? Row(
//   //                           children: [
//   //                             CustomButton(
//   //                                 backgroundColor: const Color.fromARGB(
//   //                                     255, 233, 229, 229),
//   //                                 onPressed: () async {
//   //                                   sectionItem.selectedValue = [];
//   //                                   sectionItem.extension = [];
//   //                                   sectionItem.fileName = [];
//   //                                   await getEncodedFile(sectionItem);

//   //                                   setState(() {});
//   //                                 },
//   //                                 width: 120,
//   //                                 height: 40,
//   //                                 fontsize: 12,
//   //                                 textColor: Colors.black,
//   //                                 title: sectionItem.name),
//   //                             const SizedBox(
//   //                               width: 5,
//   //                             ),
//   //                             Text(
//   //                               sectionItem.selectedValue!.isNotEmpty
//   //                                   ? sectionItem.selectedValue!.isNotEmpty
//   //                                       ? 'File uploaded'
//   //                                       : "Files Uploaded"
//   //                                   : 'No file uploaded',
//   //                               style: TextStyle(
//   //                                   color:
//   //                                       sectionItem.selectedValue!.isNotEmpty
//   //                                           ? Colors.green
//   //                                           : Colors.red),
//   //                             ),
//   //                           ],
//   //                         )
//   //                       : isTablet
//   //                           ? IconButton(
//   //                               onPressed: () {
//   //                                 provider.deleteMultipleRows(
//   //                                     sectionItem.gid!,
//   //                                     sectionList[i],
//   //                                     sectionName);

//   //                                 setState(() {});
//   //                               },
//   //                               icon: const Icon(
//   //                                 Icons.cancel,
//   //                                 size: 30,
//   //                                 color: Color.fromARGB(255, 8, 39, 92),
//   //                               ),
//   //                             )
//   //                           : Padding(
//   //                               padding:
//   //                                   const EdgeInsets.only(left: 3.0, top: 5),
//   //                               child: CustomButton(
//   //                                   backgroundColor: const Color.fromARGB(
//   //                                       255, 233, 75, 75),
//   //                                   onPressed: () {
//   //                                     provider.deleteMultipleRows(
//   //                                         sectionItem.gid!,
//   //                                         sectionList[i],
//   //                                         sectionName);

//   //                                     setState(() {});
//   //                                   },
//   //                                   // width: 80,
//   //                                   // height: 30,

//   //                                   height: 40,

//   //                                   // height:
//   //                                   //     MediaQuery.of(context).size.height *
//   //                                   //         0.2,
//   //                                   fontsize: 12,
//   //                                   textColor: Colors.white,
//   //                                   title: "Delete"),
//   //                             )
//   //                   : returnWidget(
//   //                       sectionItem: sectionItem,
//   //                       item: item,
//   //                       provider: provider,
//   //                       list: list,
//   //                       gridIndex: i,
//   //                       listIndex: listIndex,
//   //                       widgetData: sectionItem.widget!,
//   //                       multiple: true),
//   //             ],
//   //           ),
//   //         ]);
//   //       },
//   //     ),
//   //   ),
//   // );
//   //}

//   String fieldsValidation(InteractionProvider provider) {
//     List<SectionList> secList = provider.sectionList
//         .where((element) => element.validation!.isRequired = true)
//         .toList();
//     if (secList.any((element) => element.selectedValue!.isEmpty)) {
//       return 'Fields cannot be empty';
//     }
//     return '';
//   }

//   String textFieldsValidation(InteractionProvider provider) {
//     // if (provider.sectionList
//     //     .any((element) => element.widget == InteractionWidget.TEXT)) {
//     // if (provider.sectionList
//     //     .any((element) => element.controller!.text.isEmpty)) {
//     //   return 'Fields cannot be empty';
//     // }
//     // if (provider.textEditingControllerList.isNotEmpty) {
//     //   if (provider.validateTextFields()) {
//     //     return 'Fields cannot be empty';
//     //   }
//     // }

//     // if (provider.multipletextEditingControllerList.isNotEmpty) {
//     //   if (provider.validateMultipleRows()) {
//     //     return 'Fields cannot be empty';
//     //   }
//     // }
//     // }

//     return '';
//   }

//   _displaySnackBar(String msg) {
//     final snackBar = SnackBar(
//         content: Text(
//       msg,
//       style: const TextStyle(fontSize: 20.0, fontWeight: FontWeight.bold),
//     ));
//     ScaffoldMessenger.of(context).showSnackBar(snackBar);
//     //scaffoldKeyLogin.currentState!.showSnackBar(snackBar);
//   }

//   Future<void> getEncodedFile(SectionList sectionItem) async {
//     String base64Image = '';
//     var status = Platform.isAndroid
//         ? await Permission.manageExternalStorage.status
//         : await Permission.storage.status;
//     if (status.isGranted) {
//       FilePickerResult? result =
//           await FilePicker.platform.pickFiles(allowMultiple: true);

//       if (result != null) {
//         print(result.files.first.path);
//         print(result.files.last.path);
//         for (var files in result.files) {
//           File file = File(files.path!);
//           print("check file path : ${file.path}");
//           fileName = file.path.split('/').last;
//           // Get the application folder directory
//           Directory? directory = Platform.isAndroid
//               ? await getExternalStorageDirectory() //FOR ANDROID
//               : await getApplicationDocumentsDirectory();
//           String newPath = ""; //FOR ios
//           String convertedDirectoryPath = (directory?.path).toString();

//           print("see the converted directory path $convertedDirectoryPath");

//           newPath = "$convertedDirectoryPath/konectar/files";
//           print("new path :$newPath");
//           directory = Directory(newPath);
//           if (!await directory.exists()) {
//             await directory.create(recursive: true);
//           }
//           File newFile = await file.copy('${directory.path}/$fileName');
//           print("new path is ${newFile.path}");
//           final extension = p.extension(newFile.path);
//           List<int> imageBytes = await newFile.readAsBytes();
//           Uint8List imageUint8List = Uint8List.fromList(imageBytes);
//           base64Image = base64Encode(imageUint8List);
//           sectionItem.selectedValue!.add(base64Image);
//           sectionItem.extension!.add(extension);
//           sectionItem.fileName!.add(fileName);
//         }
//       }
//     } else {
//       print("not permitted");
//       await requestPermission(Platform.isAndroid
//           ? Permission.manageExternalStorage
//           : Permission.storage);
//     }
//   }

//   showAlertDialog(BuildContext context, String record) {
//     // set up the buttons
//     // ViewInteractionProvider provider =
//     //     Provider.of<ViewInteractionProvider>(context, listen: false);
//     Widget cancelButton = TextButton(
//       child: const Text("Ok"),
//       onPressed: () async {
//         Navigator.of(context).pop();
//         Navigator.of(context).pop();
//       },
//     );

//     // set up the AlertDialog
//     AlertDialog alert = AlertDialog(
//       title: const Text(""),
//       content: Text("Form $record Saved Successfully!"),
//       actions: [
//         cancelButton,
//       ],
//     );

//     // show the dialog
//     showDialog(
//       context: context,
//       builder: (BuildContext context) {
//         return alert;
//       },
//     );
//   }
// }