import 'dart:convert';
import 'dart:io';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:healthcare_user/common/settings.dart';
import 'package:intl/intl.dart';
import 'package:image_picker/image_picker.dart';
import 'package:multi_image_picker/multi_image_picker.dart';

class AddReports extends StatefulWidget {
  const AddReports({Key? key}) : super(key: key);

  @override
  State<AddReports> createState() => _AddReportsState();
}

class _AddReportsState extends State<AddReports> {
  TextEditingController doctorNameController = TextEditingController();
  TextEditingController hospitalNameController = TextEditingController();
  TextEditingController problemController = TextEditingController();
  TextEditingController dateInput = TextEditingController();
  TextEditingController patientNameController = TextEditingController();
  TextEditingController patientAgeController = TextEditingController();
  final ImagePicker _picker = ImagePicker();
  String Url = '';
  final ImagePicker imagePicker = ImagePicker();
  List imageFileList = [];
  List imageFileListReports = [];
  List imageFileListPrescriptions = [];
  List uiFindingsImages = [];
  List uiReportsImages = [];
  List uiPrescriptionImages = [];

  List<Asset> images = <Asset>[];
  String _error = 'No Error Dectected';
  String apiMultiImages = '';
  String? prescriptionFor;
  String? gender;

  Future pickImageFromGallery() async {
    imageFileList = [];
    final List<XFile>? selectedImages = await imagePicker.pickMultiImage();
    AppSettings.preLoaderDialog(context);
    if (selectedImages!.isNotEmpty) {
      imageFileList.addAll(selectedImages);
    }

    var res = await AppSettings.uploadFindingsGallery(imageFileList);
    print(jsonDecode(res));
    Navigator.of(context, rootNavigator: true).pop();
    setState(() {
      uiFindingsImages = jsonDecode(res)['findings'];
    });
  }

  Future takeImageFromCamera() async {
    try {
      final image = await _picker.pickImage(source: ImageSource.camera);
      if (image == null) return;
      final imageTemp = File(image.path);
      AppSettings.preLoaderDialog(context);
      var res = await AppSettings.uploadFindingsCamera(image);
      print(jsonDecode(res));
      Navigator.of(context, rootNavigator: true).pop();
      setState(() {
        uiFindingsImages = jsonDecode(res)['findings'];
      });
    } on PlatformException catch (e) {
      print('Failed to pick image: $e');
    }
  }
  /*Future pickImageFromGalleryForUpdate() async {
    imageFileList = [];
    final List<XFile>? selectedImages = await imagePicker.pickMultiImage();
    AppSettings.preLoaderDialog(context);
    if (selectedImages!.isNotEmpty) {
      imageFileList.addAll(selectedImages);
    }

    var res = await AppSettings.updateFindingsGallery(imageFileList,widget.recordId);
    print(jsonDecode(res));
    Navigator.of(context, rootNavigator: true).pop();
    setState(() {
      widget.imageDetails = jsonDecode(res)['findings'];
    });
  }

  Future takeImageFromCameraForUpdate() async {
    try {
      final image = await _picker.pickImage(source: ImageSource.camera);
      if (image == null) return;
      final imageTemp = File(image.path);
      AppSettings.preLoaderDialog(context);
      var res = await AppSettings.updateFindingsCamera(image,widget.recordId);
      print(jsonDecode(res));
      Navigator.of(context, rootNavigator: true).pop();
      setState(() {
        widget.imageDetails = jsonDecode(res)['findings'];
      });
    } on PlatformException catch (e) {
      print('Failed to pick image: $e');
    }
  }*/

  Future takeImageFromCameraForReports() async {
    try {
      final image = await _picker.pickImage(source: ImageSource.camera);
      if (image == null) return;
      final imageTemp = File(image.path);
      AppSettings.preLoaderDialog(context);
      var res = await AppSettings.uploadImageForFindingsCamera(image);
      print(jsonDecode(res));
      Navigator.of(context, rootNavigator: true).pop();
      setState(() {
        uiReportsImages = jsonDecode(res)['findings'];
      });
    } on PlatformException catch (e) {
      print('Failed to pick image: $e');
    }
  }

  Future pickImageFromGalleryForReports() async {
    imageFileListReports = [];
    final List<XFile>? selectedImages = await imagePicker.pickMultiImage();
    AppSettings.preLoaderDialog(context);
    if (selectedImages!.isNotEmpty) {
      imageFileListReports.addAll(selectedImages);
    }

    var res = await AppSettings.uploadImageForReports(imageFileListReports);
    print(jsonDecode(res));
    Navigator.of(context, rootNavigator: true).pop();
    setState(() {
      uiReportsImages = jsonDecode(res)['reports'];
    });
  }

  Future takeImageFromCameraForPrescriptions() async {
    try {
      final image = await _picker.pickImage(source: ImageSource.camera);
      if (image == null) return;
      final imageTemp = File(image.path);
      AppSettings.preLoaderDialog(context);
      var res = await AppSettings.uploadPrescriptionsCamera(image);
      print(jsonDecode(res));
      Navigator.of(context, rootNavigator: true).pop();
      setState(() {
        uiPrescriptionImages = jsonDecode(res)['precription'];
      });
    } on PlatformException catch (e) {
      print('Failed to pick image: $e');
    }
  }

  Future pickImageFromGalleryForPrescriptions() async {
   // imageFileListPrescriptions = [];
    final List<XFile>? selectedImages = await imagePicker.pickMultiImage();
    AppSettings.preLoaderDialog(context);
    if (selectedImages!.isNotEmpty) {
      imageFileListPrescriptions.addAll(selectedImages);
    }

    var res = await AppSettings.uploadPrescriptionsGallery(
        imageFileListPrescriptions);
    print(jsonDecode(res));
    Navigator.of(context, rootNavigator: true).pop();
    setState(() {
      uiPrescriptionImages = jsonDecode(res)['prescription'];
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppSettings.appBar('Reports'),
        body: SingleChildScrollView(
          child: Container(
            child: Padding(
              padding: EdgeInsets.all(10),
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Container(
                    child: TextFormField(
                      cursorColor: greyColor,
                      controller: doctorNameController,
                      textCapitalization: TextCapitalization.words,
                      decoration: textFormFieldDecoration(
                          Icons.person, 'Enter Doctor name'),
                    ),
                  ),
                  SizedBox(
                    height: MediaQuery.of(context).size.height * .02,
                  ),
                  Container(
                    child: TextFormField(
                      cursorColor: greyColor,
                      controller: hospitalNameController,
                      textCapitalization: TextCapitalization.words,
                      decoration: textFormFieldDecoration(
                          Icons.location_city_outlined, 'Enter Hospital name'),
                    ),
                  ),
                  SizedBox(
                    height: MediaQuery.of(context).size.height * .02,
                  ),
                  Container(
                    child: TextFormField(
                      cursorColor: greyColor,
                      controller: problemController,
                      textCapitalization: TextCapitalization.words,
                      decoration: textFormFieldDecoration(
                          Icons.report_problem, 'Enter Problem'),
                    ),
                  ),
                  SizedBox(
                    height: MediaQuery.of(context).size.height * .02,
                  ),
                  Container(
                    child: TextFormField(
                      cursorColor: greyColor,
                      controller: dateInput,
                      decoration: textFormFieldDecoration(
                          Icons.calendar_today, 'Enter Date'),
                      readOnly: true,
                      onTap: () async {
                        DateTime? pickedDate = await showDatePicker(
                          context: context,
                          initialDate: DateTime.now(),
                          firstDate: DateTime(1950),
                          lastDate: DateTime.now(),
                          builder: (BuildContext context, Widget? child) {
                            return Theme(
                              data: ThemeData.dark().copyWith(
                                colorScheme: ColorScheme.dark(
                                  primary: buttonColors,
                                  onPrimary: Colors.white,
                                  surface: buttonColors,
                                  onSurface: Colors.white,
                                ),
                                dialogBackgroundColor: primaryColor,
                              ),
                              child: child!,
                            );
                          },
                        );

                        if (pickedDate != null) {
                          print(
                              pickedDate); //pickedDate output format => 2021-03-10 00:00:00.000
                          String formattedDate =
                              DateFormat('dd-MM-yyyy').format(pickedDate);
                          print(
                              formattedDate); //formatted date output using intl package =>  2021-03-16
                          setState(() {
                            dateInput.text =
                                formattedDate; //set output date to TextField value.
                          });
                        } else {}
                      },
                    ),
                  ),
                  Row(
                    children: [
                      Expanded(
                        child: RadioListTile(
                          title: Text("For Yourself"),
                          value: "self",
                          groupValue: prescriptionFor,
                          activeColor: primaryColor,
                          onChanged: (value) {
                            setState(() {
                              prescriptionFor = value.toString();
                            });
                          },
                        ),
                      ),
                      Expanded(
                        child: RadioListTile(
                          title: Text("For Family"),
                          value: "others",
                          groupValue: prescriptionFor,
                          activeColor: primaryColor,
                          onChanged: (value) {
                            setState(() {
                              prescriptionFor = value.toString();
                            });
                          },
                        ),
                      ),
                    ],
                  ),
                  Visibility(
                    visible:
                        prescriptionFor.toString().toLowerCase() == 'others',
                    child: Container(
                      child: TextFormField(
                        cursorColor: greyColor,
                        controller: patientNameController,
                        decoration: textFormFieldDecoration(
                            Icons.person, 'Enter patient name'),
                      ),
                    ),
                  ),
                  SizedBox(
                    height: MediaQuery.of(context).size.height * .02,
                  ),
                  Visibility(
                    visible:
                        prescriptionFor.toString().toLowerCase() == 'others',
                    child: Container(
                      child: TextFormField(
                        cursorColor: greyColor,
                        keyboardType: TextInputType.number,
                        controller: patientAgeController,
                        decoration: textFormFieldDecoration(
                            Icons.person, 'Enter patient age'),
                      ),
                    ),
                  ),
                  Visibility(
                    visible:
                        prescriptionFor.toString().toLowerCase() == 'others',
                    child: Row(
                      mainAxisAlignment: MainAxisAlignment.start,
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: [
                        Expanded(
                          child: RadioListTile(
                            title: Text("Male", style: TextStyle(fontSize: 10)),
                            value: "male",
                            groupValue: gender,
                            activeColor: primaryColor,
                            onChanged: (value) {
                              setState(() {
                                gender = value.toString();
                              });
                            },
                          ),
                        ),
                        Expanded(
                          child: RadioListTile(
                            title: Text(
                              "Female",
                              style: TextStyle(fontSize: 10),
                            ),
                            value: "female",
                            groupValue: gender,
                            activeColor: primaryColor,
                            onChanged: (value) {
                              setState(() {
                                gender = value.toString();
                              });
                            },
                          ),
                        ),
                        Expanded(
                          child: RadioListTile(
                            title:
                                Text("Others", style: TextStyle(fontSize: 10)),
                            value: "other",
                            groupValue: gender,
                            activeColor: primaryColor,
                            onChanged: (value) {
                              setState(() {
                                gender = value.toString();
                              });
                            },
                          ),
                        ),
                      ],
                    ),
                  ),
                  Visibility(
                    visible: uiFindingsImages.length == 0,
                    child: ElevatedButton(
                      style: ElevatedButton.styleFrom(
                        primary: primaryColor, // background
                        onPrimary: Colors.white, // foreground
                      ),
                      onPressed: () async {
                        showModalBottomSheet<void>(
                            context: context,
                            builder: (BuildContext context) {
                              return SizedBox(
                                height: 200,
                                child: Center(
                                  child: Row(
                                    mainAxisAlignment: MainAxisAlignment.center,
                                    children: <Widget>[
                                      GestureDetector(
                                        child: Icon(
                                          Icons.camera_alt_outlined,
                                          size: 100,
                                          color: primaryColor,
                                        ),
                                        onTap: () async {
                                          await takeImageFromCamera();
                                          Navigator.pop(context);
                                        },
                                      ),
                                      SizedBox(
                                        width:
                                            MediaQuery.of(context).size.width *
                                                .20,
                                      ),
                                      GestureDetector(
                                        child: Icon(
                                          Icons.photo,
                                          size: 100,
                                          color: primaryColor,
                                        ),
                                        onTap: () async {
                                          await pickImageFromGallery();
                                          Navigator.pop(context);
                                        },
                                      ),
                                    ],
                                  ),
                                ),
                              );
                            });
                      },
                      child: const Text('Select Findings'),
                    ),
                  ),
                  Visibility(
                      visible: uiFindingsImages.length > 0,
                      child: Container(
                        width: double.infinity,
                        height: MediaQuery.of(context).size.height * .20,
                        child: ListView.builder(
                            scrollDirection: Axis.horizontal,
                            itemCount: uiFindingsImages.length,
                            itemBuilder: (context, index) {
                              return Column(
                                children: [
                                  Card(
                                    child: Container(
                                      width: MediaQuery.of(context).size.width *
                                          .30,
                                      height:
                                          MediaQuery.of(context).size.height *
                                              .15,
                                      decoration: BoxDecoration(
                                          shape: BoxShape.rectangle,
                                          image: DecorationImage(
                                              image: NetworkImage(
                                                      uiFindingsImages[index]
                                                          ['url'])
                                                  as ImageProvider, // picked file
                                              fit: BoxFit.fill)),
                                      child: Stack(children: [
                                        Positioned(
                                          right: 0,
                                          child: Container(
                                            child: IconButton(
                                              iconSize: 30,
                                              icon: const Icon(
                                                Icons.cancel,
                                                color: Colors.red,
                                              ),
                                              onPressed: () async {
                                                AppSettings.preLoaderDialog(context);

                                                String fileName = uiFindingsImages[index]['url'].split('/').last;
                                                var response = await AppSettings.deleteFindings(fileName);
                                                print(jsonDecode(response));
                                                Navigator.of(context, rootNavigator: true).pop();
                                                setState(() {
                                                  uiFindingsImages = jsonDecode(response)['findings'];
                                                });

                                              },
                                            ),
                                          ),
                                        )
                                      ]),
                                    ),
                                  ),
                                  /*Expanded(child:IconButton(
                                    icon: const Icon(Icons.remove,color: Colors.red,),

                                    onPressed: () async{

                                    },
                                  ),)*/
                                ],
                              );
                            }),
                      )),
                  Visibility(
                    visible: uiFindingsImages.length != 0,
                    child: ElevatedButton(
                      style: ElevatedButton.styleFrom(
                        primary: Colors.red, // background
                        onPrimary: Colors.white, // foreground
                      ),
                      onPressed: () async {
                        showModalBottomSheet<void>(
                            context: context,
                            builder: (BuildContext context) {
                              return SizedBox(
                                height: 200,
                                child: Center(
                                  child: Row(
                                    mainAxisAlignment: MainAxisAlignment.center,
                                    children: <Widget>[
                                      GestureDetector(
                                        child: Icon(
                                          Icons.camera_alt_outlined,
                                          size: 100,
                                          color: primaryColor,
                                        ),
                                        onTap: () async {
                                          await takeImageFromCamera();
                                          Navigator.pop(context);
                                        },
                                      ),
                                      SizedBox(
                                        width:
                                            MediaQuery.of(context).size.width *
                                                .20,
                                      ),
                                      GestureDetector(
                                        child: Icon(
                                          Icons.photo,
                                          size: 100,
                                          color: primaryColor,
                                        ),
                                        onTap: () async {
                                          await pickImageFromGallery();
                                          Navigator.pop(context);
                                        },
                                      ),
                                    ],
                                  ),
                                ),
                              );
                            });
                      },
                      child: const Text('Add Findings'),
                    ),
                  ),
                  Visibility(
                    visible: uiReportsImages.length == 0,
                    child: ElevatedButton(
                      style: ElevatedButton.styleFrom(
                        primary: primaryColor, // background
                        onPrimary: Colors.white, // foreground
                      ),
                      onPressed: () async {
                        showModalBottomSheet<void>(
                            context: context,
                            builder: (BuildContext context) {
                              return SizedBox(
                                height: 200,
                                child: Center(
                                  child: Row(
                                    mainAxisAlignment: MainAxisAlignment.center,
                                    children: <Widget>[
                                      GestureDetector(
                                        child: Icon(
                                          Icons.camera_alt_outlined,
                                          size: 100,
                                          color: primaryColor,
                                        ),
                                        onTap: () async {
                                          await takeImageFromCameraForReports();
                                          Navigator.pop(context);
                                        },
                                      ),
                                      SizedBox(
                                        width:
                                            MediaQuery.of(context).size.width *
                                                .20,
                                      ),
                                      GestureDetector(
                                        child: Icon(
                                          Icons.photo,
                                          size: 100,
                                          color: primaryColor,
                                        ),
                                        onTap: () async {
                                          await pickImageFromGalleryForReports();
                                          Navigator.pop(context);
                                        },
                                      ),
                                    ],
                                  ),
                                ),
                              );
                            });
                      },
                      child: const Text('Select Reports'),
                    ),
                  ),
                  Visibility(
                      visible: uiReportsImages.length > 0,
                      child: Container(
                        width: double.infinity,
                        height: MediaQuery.of(context).size.height * .20,
                        child: ListView.builder(
                            scrollDirection: Axis.horizontal,
                            itemCount: uiReportsImages.length,
                            itemBuilder: (context, index) {
                              return Column(
                                children: [
                                  Card(
                                    child: Container(
                                      width: MediaQuery.of(context).size.width *
                                          .30,
                                      height:
                                          MediaQuery.of(context).size.height *
                                              .15,
                                      decoration: BoxDecoration(
                                          shape: BoxShape.rectangle,
                                          image: DecorationImage(
                                              image: NetworkImage(
                                                      uiReportsImages[index]
                                                          ['url'])
                                                  as ImageProvider, // picked file
                                              fit: BoxFit.fill)),
                                      child: Stack(children: [
                                        Positioned(
                                          right: 0,
                                          child: Container(
                                            child: IconButton(
                                              iconSize: 30,
                                              icon: const Icon(
                                                Icons.cancel,
                                                color: Colors.red,
                                              ),
                                              onPressed: () async {
                                                AppSettings.preLoaderDialog(context);

                                                String fileName = uiReportsImages[index]['url'].split('/').last;
                                                var response = await AppSettings.deleteReports(fileName);
                                                print(jsonDecode(response));
                                                Navigator.of(context, rootNavigator: true).pop();
                                                setState(() {
                                                  uiReportsImages = jsonDecode(response)['reports'];
                                                });

                                              },
                                            ),
                                          ),
                                        )
                                      ]),
                                    ),
                                  ),
                                  /*Expanded(child:IconButton(
                                    icon: const Icon(Icons.remove,color: Colors.red,),

                                    onPressed: () async{

                                    },
                                  ),)*/
                                ],
                              );
                            }),
                      )),
                  Visibility(
                    visible: uiReportsImages.length != 0,
                    child: ElevatedButton(
                      style: ElevatedButton.styleFrom(
                        primary: Colors.red, // background
                        onPrimary: Colors.white, // foreground
                      ),
                      onPressed: () async {
                        showModalBottomSheet<void>(
                            context: context,
                            builder: (BuildContext context) {
                              return SizedBox(
                                height: 200,
                                child: Center(
                                  child: Row(
                                    mainAxisAlignment: MainAxisAlignment.center,
                                    children: <Widget>[
                                      GestureDetector(
                                        child: Icon(
                                          Icons.camera_alt_outlined,
                                          size: 100,
                                          color: primaryColor,
                                        ),
                                        onTap: () async {
                                          await takeImageFromCameraForReports();
                                          Navigator.pop(context);
                                        },
                                      ),
                                      SizedBox(
                                        width:
                                            MediaQuery.of(context).size.width *
                                                .20,
                                      ),
                                      GestureDetector(
                                        child: Icon(
                                          Icons.photo,
                                          size: 100,
                                          color: primaryColor,
                                        ),
                                        onTap: () async {
                                          await pickImageFromGalleryForReports();
                                          Navigator.pop(context);
                                        },
                                      ),
                                    ],
                                  ),
                                ),
                              );
                            });
                      },
                      child: const Text('Add Reports'),
                    ),
                  ),
                  Visibility(
                    visible: uiPrescriptionImages.length == 0,
                    child: ElevatedButton(
                      style: ElevatedButton.styleFrom(
                        primary: primaryColor, // background
                        onPrimary: Colors.white, // foreground
                      ),
                      onPressed: () async {
                        showModalBottomSheet<void>(
                            context: context,
                            builder: (BuildContext context) {
                              return SizedBox(
                                height: 200,
                                child: Center(
                                  child: Row(
                                    mainAxisAlignment: MainAxisAlignment.center,
                                    children: <Widget>[
                                      GestureDetector(
                                        child: Icon(
                                          Icons.camera_alt_outlined,
                                          size: 100,
                                          color: primaryColor,
                                        ),
                                        onTap: () async {
                                          await takeImageFromCameraForPrescriptions();
                                          Navigator.pop(context);
                                        },
                                      ),
                                      SizedBox(
                                        width:
                                            MediaQuery.of(context).size.width *
                                                .20,
                                      ),
                                      GestureDetector(
                                        child: Icon(
                                          Icons.photo,
                                          size: 100,
                                          color: primaryColor,
                                        ),
                                        onTap: () async {
                                          await pickImageFromGalleryForPrescriptions();
                                          Navigator.pop(context);
                                        },
                                      ),
                                    ],
                                  ),
                                ),
                              );
                            });
                      },
                      child: const Text('Select Prescriptions'),
                    ),
                  ),
                  Visibility(
                      visible: uiPrescriptionImages.length > 0,
                      child: Container(
                        width: double.infinity,
                        height: MediaQuery.of(context).size.height * .20,
                        child: ListView.builder(
                            scrollDirection: Axis.horizontal,
                            itemCount: uiPrescriptionImages.length,
                            itemBuilder: (context, index) {
                              return Column(
                                children: [
                                  Card(
                                    child: Container(
                                      width: MediaQuery.of(context).size.width *
                                          .30,
                                      height:
                                          MediaQuery.of(context).size.height *
                                              .15,
                                      decoration: BoxDecoration(
                                          shape: BoxShape.rectangle,
                                          image: DecorationImage(
                                              image: NetworkImage(
                                                      uiPrescriptionImages[index]['url'])
                                                  as ImageProvider, // picked file
                                              fit: BoxFit.fill)),
                                      child: Stack(children: [
                                        Positioned(
                                          right: 0,
                                          child: Container(
                                            child: IconButton(
                                              iconSize: 30,
                                              icon: const Icon(
                                                Icons.cancel,
                                                color: Colors.red,
                                              ),
                                              onPressed: () async {
                                                AppSettings.preLoaderDialog(context);

                                                String fileName = uiPrescriptionImages[index]['url'].split('/').last;
                                                var response = await AppSettings.deletePrescriptions(fileName);
                                                print(jsonDecode(response));
                                                Navigator.of(context, rootNavigator: true).pop();
                                                setState(() {
                                                  uiPrescriptionImages = jsonDecode(response)['precription'];
                                                });

                                              },
                                            ),
                                          ),
                                        )
                                      ]),
                                    ),
                                  ),
                                  /*Expanded(child:IconButton(
                                    icon: const Icon(Icons.remove,color: Colors.red,),

                                    onPressed: () async{

                                    },
                                  ),)*/
                                ],
                              );
                            }),
                      )),
                  Visibility(
                    visible: uiPrescriptionImages.length != 0,
                    child: ElevatedButton(
                      style: ElevatedButton.styleFrom(
                        primary: Colors.red, // background
                        onPrimary: Colors.white, // foreground
                      ),
                      onPressed: () async {
                        showModalBottomSheet<void>(
                            context: context,
                            builder: (BuildContext context) {
                              return SizedBox(
                                height: 200,
                                child: Center(
                                  child: Row(
                                    mainAxisAlignment: MainAxisAlignment.center,
                                    children: <Widget>[
                                      GestureDetector(
                                        child: Icon(
                                          Icons.camera_alt_outlined,
                                          size: 100,
                                          color: primaryColor,
                                        ),
                                        onTap: () async {
                                          await takeImageFromCameraForPrescriptions();
                                          Navigator.pop(context);
                                        },
                                      ),
                                      SizedBox(
                                        width:
                                            MediaQuery.of(context).size.width *
                                                .20,
                                      ),
                                      GestureDetector(
                                        child: Icon(
                                          Icons.photo,
                                          size: 100,
                                          color: primaryColor,
                                        ),
                                        onTap: () async {
                                          await pickImageFromGalleryForPrescriptions();
                                          Navigator.pop(context);
                                        },
                                      ),
                                    ],
                                  ),
                                ),
                              );
                            });
                      },
                      child: const Text('Add Prescriptions'),
                    ),
                  ),
                  Container(
                      width: double.infinity,
                      height: MediaQuery.of(context).size.height * .06,
                      child: ElevatedButton(
                        style: ElevatedButton.styleFrom(
                          primary: buttonColors, // background
                          onPrimary: Colors.black, // foreground
                        ),
                        onPressed: () async {
                          if (doctorNameController.text != '' &&
                              problemController.text != '' &&
                              dateInput.text != '' &&
                              prescriptionFor != '') {
                            String _name = '';
                            String _age = '';
                            String? _gender = '';

                            if (prescriptionFor.toString().toLowerCase() ==
                                'others') {
                              if (patientNameController != '' &&
                                  patientAgeController.text != '' &&
                                  gender != '') {
                                _name = patientNameController.text;
                                _age = patientAgeController.text;
                                _gender = gender;
                              } else {
                                AppSettings.longFailedToast(
                                    'Please enter details');
                              }
                            } else {
                              _name = AppSettings.userName;
                              _age = AppSettings.age;
                              _gender = AppSettings.gender;
                            }
                            AppSettings.preLoaderDialog(context);
                            bool isOnline =
                                await AppSettings.internetConnectivity();
                            if (isOnline) {
                              var payload = new Map<String, dynamic>();
                              payload["problem"] =
                                  problemController.text.toString();
                              payload["doctorName"] =
                                  doctorNameController.text.toString();
                              payload["hospitalName"] =
                                  hospitalNameController.text.toString();
                              payload["date"] = dateInput.text.toString();
                              payload["findings_date"] = '';
                              payload["reports_date"] = '';
                              payload["prescription_date"] = '';
                              payload["patientType"] =
                                  prescriptionFor.toString();
                              payload["others"] = {
                                "name": _name,
                                "age": int.parse(_age),
                                "gender": _gender.toString().toLowerCase()
                              };
                              payload["findings"] = uiFindingsImages;
                              payload["reports"] = uiReportsImages;
                              payload["prescription"] = uiPrescriptionImages;

                              bool uploadStatus =
                                  await AppSettings.addRecords(payload);

                              try {
                                if (uploadStatus) {
                                  Navigator.of(context, rootNavigator: true)
                                      .pop();
                                  AppSettings.longSuccessToast(
                                      'Record added successfully');
                                  Navigator.pop(context);
                                } else {
                                  Navigator.of(context, rootNavigator: true)
                                      .pop();
                                  AppSettings.longFailedToast(
                                      'Fail to add record details');
                                }
                              } catch (e) {
                                print(e);
                                Navigator.of(context, rootNavigator: true)
                                    .pop();
                                AppSettings.longFailedToast(
                                    'Fail to add record details');
                              }
                            } else {
                              AppSettings.longFailedToast(
                                  'Please check internet');
                            }
                          } else {
                            AppSettings.longFailedToast(
                                'Please enter valid details');
                          }
                        },
                        child: const Text('Submit'),
                      )),
                ],
              ),
            ),
          ),
        ));
  }
}