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:healthcare_user/common/zoom_image.dart'; import 'package:healthcare_user/models/get_connected_doctors_model.dart'; import 'package:healthcare_user/my_connections/add-doctor.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 createState() => _AddReportsState(); } class _AddReportsState extends State { 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 = []; Map findings={}; List images = []; String _error = 'No Error Dectected'; String apiMultiImages = ''; String findingPictureId = ''; String reportsPictureId = ''; String prescriptionPictureId = ''; Map reports={}; Map prescriptions={}; String? prescriptionFor; String? problemCategory; String? gender; var doctorNameVariable; List connectedDoctorsListOriginal = []; Future getAllConnectedDoctors() async { try { var response = await AppSettings.getAllConnectedDoctors(); setState(() { connectedDoctorsListOriginal = ((jsonDecode(response)) as List) .map((dynamic model) { return GetConnectedDoctorsModel.fromJson(model); }).toList(); //connectedDoctorsListOriginal=connectedDoctorsListOriginal.reversed.toList(); //dateItemsVariable=connectedDoctorsListOriginal[0].doctor_name; }); } catch (e) { AppSettings.longFailedToast('There is an issue please wait some time'); } } @override void initState() { getAllConnectedDoctors(); super.initState(); } Future pickImageFromGallery() async { imageFileList = []; final List? 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)['findingsPictureUpload']['findings']; findings=jsonDecode(res)['findingsPictureUpload']; findingPictureId=jsonDecode(res)['findingsPictureUpload']['findingsPictureId']; }); } 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)['findingsPictureUpload']['findings']; findings=jsonDecode(res)['findingsPictureUpload']; findingPictureId=jsonDecode(res)['findingsPictureUpload']['findingsPictureId']; }); } on PlatformException catch (e) { print('Failed to pick image: $e'); } } Future pickImageFromGalleryForAddFindings() async { imageFileList = []; final List? selectedImages = await imagePicker.pickMultiImage(); AppSettings.preLoaderDialog(context); if (selectedImages!.isNotEmpty) { imageFileList.addAll(selectedImages); } var res = await AppSettings.addFindingsGallery(imageFileList,findingPictureId); print(jsonDecode(res)); Navigator.of(context, rootNavigator: true).pop(); setState(() { uiFindingsImages = jsonDecode(res)['findingsPictureUpload']['findings']; findings=jsonDecode(res)['findingsPictureUpload']; findingPictureId=jsonDecode(res)['findingsPictureUpload']['findingsPictureId']; }); } Future takeImageFromCameraForAddFindings() 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.addFindingsCamera(image,findingPictureId); print(jsonDecode(res)); Navigator.of(context, rootNavigator: true).pop(); setState(() { uiFindingsImages = jsonDecode(res)['findingsPictureUpload']['findings']; findings=jsonDecode(res)['findingsPictureUpload']; findingPictureId=jsonDecode(res)['findingsPictureUpload']['findingsPictureId']; }); } 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.uploadReportsCamera(image); print(jsonDecode(res)); Navigator.of(context, rootNavigator: true).pop(); setState(() { uiReportsImages = jsonDecode(res)['reportsPictureUpload']['reports']; reports=jsonDecode(res)['reportsPictureUpload']; reportsPictureId=jsonDecode(res)['reportsPictureUpload']['reportsPictureId']; }); } on PlatformException catch (e) { print('Failed to pick image: $e'); } } Future pickImageFromGalleryForReports() async { imageFileListReports = []; final List? selectedImages = await imagePicker.pickMultiImage(); AppSettings.preLoaderDialog(context); if (selectedImages!.isNotEmpty) { imageFileListReports.addAll(selectedImages); } var res = await AppSettings.uploadReportsGallery(imageFileListReports); print(jsonDecode(res)); Navigator.of(context, rootNavigator: true).pop(); setState(() { uiReportsImages = jsonDecode(res)['reportsPictureUpload']['reports']; reports=jsonDecode(res)['reportsPictureUpload']; reportsPictureId=jsonDecode(res)['reportsPictureUpload']['reportsPictureId']; }); } Future takeImageFromCameraForAddReports() 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.addReportsCamera(image,reportsPictureId); print(jsonDecode(res)); Navigator.of(context, rootNavigator: true).pop(); setState(() { uiReportsImages = jsonDecode(res)['reportsPictureUpload']['reports']; reports=jsonDecode(res)['reportsPictureUpload']; reportsPictureId=jsonDecode(res)['reportsPictureUpload']['reportsPictureId']; }); } on PlatformException catch (e) { print('Failed to pick image: $e'); } } Future pickImageFromGalleryForAddReports() async { imageFileListReports = []; final List? selectedImages = await imagePicker.pickMultiImage(); AppSettings.preLoaderDialog(context); if (selectedImages!.isNotEmpty) { imageFileListReports.addAll(selectedImages); } var res = await AppSettings.addReportsGallery(imageFileListReports,reportsPictureId); print(jsonDecode(res)); Navigator.of(context, rootNavigator: true).pop(); setState(() { uiReportsImages = jsonDecode(res)['reportsPictureUpload']['reports']; reports=jsonDecode(res)['reportsPictureUpload']; reportsPictureId=jsonDecode(res)['reportsPictureUpload']['reportsPictureId']; }); } 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)['prescriptionsPictureUpload']['precription']; prescriptions=jsonDecode(res)['prescriptionsPictureUpload']; prescriptionPictureId=jsonDecode(res)['prescriptionsPictureUpload']['prescriptionPictureId']; }); } on PlatformException catch (e) { print('Failed to pick image: $e'); } } Future pickImageFromGalleryForPrescriptions() async { // imageFileListPrescriptions = []; final List? 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)['prescriptionsPictureUpload']['precription']; prescriptions=jsonDecode(res)['prescriptionsPictureUpload']; prescriptionPictureId=jsonDecode(res)['prescriptionsPictureUpload']['prescriptionPictureId']??''; }); } Future takeImageFromCameraForAddPrescriptions() 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.addPrescriptionsCamera(image,prescriptionPictureId); print(jsonDecode(res)); Navigator.of(context, rootNavigator: true).pop(); setState(() { uiPrescriptionImages = jsonDecode(res)['prescriptionsPictureUpload']['precription']; prescriptions=jsonDecode(res)['prescriptionsPictureUpload']; prescriptionPictureId=jsonDecode(res)['prescriptionsPictureUpload']['prescriptionPictureId']; }); } on PlatformException catch (e) { print('Failed to pick image: $e'); } } Future pickImageFromGalleryForAddPrescriptions() async { imageFileListPrescriptions = []; final List? selectedImages = await imagePicker.pickMultiImage(); AppSettings.preLoaderDialog(context); if (selectedImages!.isNotEmpty) { imageFileListPrescriptions.addAll(selectedImages); } var res = await AppSettings.addPrescriptionsGallery(imageFileListPrescriptions,prescriptionPictureId); print(jsonDecode(res)); Navigator.of(context, rootNavigator: true).pop(); setState(() { uiPrescriptionImages = jsonDecode(res)['prescriptionsPictureUpload']['precription']; prescriptions=jsonDecode(res)['prescriptionsPictureUpload']; prescriptionPictureId=jsonDecode(res)['prescriptionsPictureUpload']['prescriptionPictureId']; }); } Future onWillPop() async { final shouldPop = await showDialog(context: context, builder: (context) { return AlertDialog( title: const Text('Do you want to leave this page', style: TextStyle( color: primaryColor, fontSize: 20, )), actionsAlignment: MainAxisAlignment.spaceBetween, actions: [ TextButton( onPressed: () { Navigator.of(context).pop(true); }, child: const Text('Yes', style: TextStyle( color: primaryColor, fontSize: 20, )), ), TextButton( onPressed: () { Navigator.of(context).pop(false); }, child: const Text('No', style: TextStyle( color: primaryColor, fontSize: 20, )), ), ], ); }, ); return shouldPop!; } @override Widget build(BuildContext context) { return WillPopScope( onWillPop: () async => onWillPop(), child: Scaffold( appBar: AppSettings.appBar('Add Record'), body: SingleChildScrollView( child: Container( child: Padding( padding: EdgeInsets.all(10), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Container(child: connectedDoctorsListOriginal.length!=0?DropdownButtonFormField( // Initial Value value: doctorNameVariable, isExpanded: true, decoration: const InputDecoration( prefixIcon: Icon( Icons.person, color: greyColor, ), border: OutlineInputBorder( borderSide: BorderSide(color: primaryColor)), focusedBorder: OutlineInputBorder( borderSide: BorderSide(color: primaryColor), ), enabledBorder: OutlineInputBorder( borderSide: BorderSide(color: primaryColor), ), labelText: 'Select Doctor', labelStyle: TextStyle( color: greyColor, //<-- SEE HERE ), ), hint: Text('Please Select Doctor'), // Down Arrow Icon //icon: const Icon(Icons.keyboard_arrow_down), // Array list of items items: connectedDoctorsListOriginal.map((items) { return DropdownMenuItem( value: items, child: Text( items.doctor_name, style: TextStyle( fontSize: 16, ), textAlign: TextAlign.center, )); }).toList(), // After selecting the desired option,it will // change button value to selected value onChanged: ( newValue) { setState(() { doctorNameVariable = newValue; }); }, ):IconButton( onPressed: () { Navigator.push(context, MaterialPageRoute(builder: (context) => AddDoctor())).then((value) { getAllConnectedDoctors(); }); }, icon: Icon( Icons.add, color: primaryColor, size: 40, ), ),), Visibility( visible: connectedDoctorsListOriginal.length!=0, child: Container(child: DropdownButtonFormField( // Initial Value value: doctorNameVariable, isExpanded: true, decoration: const InputDecoration( prefixIcon: Icon( Icons.person, color: greyColor, ), border: OutlineInputBorder( borderSide: BorderSide(color: primaryColor)), focusedBorder: OutlineInputBorder( borderSide: BorderSide(color: primaryColor), ), enabledBorder: OutlineInputBorder( borderSide: BorderSide(color: primaryColor), ), labelText: 'Select Doctor', labelStyle: TextStyle( color: greyColor, //<-- SEE HERE ), ), hint: Text('Please Select Doctor'), // Down Arrow Icon //icon: const Icon(Icons.keyboard_arrow_down), // Array list of items items: connectedDoctorsListOriginal.map((items) { return DropdownMenuItem( value: items, child: Text( items.doctor_name, style: TextStyle( fontSize: 16, ), textAlign: TextAlign.center, )); }).toList(), // After selecting the desired option,it will // change button value to selected value onChanged: ( newValue) { setState(() { doctorNameVariable = newValue; }); }, ),), ), SizedBox( height: MediaQuery.of(context).size.height * .02, ), /* 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 {} }, ), ), SizedBox( height: MediaQuery.of(context).size.height * .02, ), Text('Select Problem Category',style: TextStyle(color: Colors.red,fontWeight: FontWeight.bold,fontSize: 14),), Row( children: [ Expanded( child: RadioListTile( title: Text("General"), value: "general", groupValue: problemCategory, activeColor: primaryColor, onChanged: (value) { setState(() { problemCategory = value.toString(); }); }, ), ), Expanded( child: RadioListTile( title: Text("Confidential"), value: "confidential", groupValue: problemCategory, activeColor: primaryColor, onChanged: (value) { setState(() { problemCategory = value.toString(); }); }, ), ), ], ), Text('Select Problem For',style: TextStyle(color: Colors.red,fontWeight: FontWeight.bold,fontSize: 14),), 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(); }); }, ), ), ], ), ), /*findings*/ Visibility( visible: uiFindingsImages.length == 0, child: ElevatedButton( style: ElevatedButton.styleFrom( primary: primaryColor, // background onPrimary: Colors.white, // foreground ), onPressed: () async { showModalBottomSheet( context: context, builder: (BuildContext context) { return SizedBox( height: 200, child: Center( child: Row( mainAxisAlignment: MainAxisAlignment.center, children: [ 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: GestureDetector( onTap: () { Navigator.push( context, new MaterialPageRoute( builder: (__) => new ImageZoomPage(imageName:'Findings',imageDetails:uiFindingsImages[index]['url']))); /*gridOntap(index);*/ }, 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; try{ var response = await AppSettings.deleteFindings(fileName,findingPictureId); print(jsonDecode(response)); Navigator.of(context, rootNavigator: true).pop(); setState(() { uiFindingsImages = jsonDecode(response)['findingsPictureUpload']['findings']; }); } catch(e){ Navigator.of(context, rootNavigator: true).pop(); AppSettings.longFailedToast('Image deletion failed'); } }, ), ), ) ]), ), ), ), /*Expanded(child:IconButton( icon: const Icon(Icons.remove,color: Colors.red,), onPressed: () async{ }, ),)*/ ], ); }), )), Visibility( visible: uiFindingsImages.length != 0, child: ElevatedButton( style: ElevatedButton.styleFrom( primary: buttonColors, // background onPrimary: Colors.black, // foreground ), onPressed: () async { showModalBottomSheet( context: context, builder: (BuildContext context) { return SizedBox( height: 200, child: Center( child: Row( mainAxisAlignment: MainAxisAlignment.center, children: [ GestureDetector( child: Icon( Icons.camera_alt_outlined, size: 100, color: primaryColor, ), onTap: () async { await takeImageFromCameraForAddFindings(); Navigator.pop(context); }, ), SizedBox( width: MediaQuery.of(context).size.width * .20, ), GestureDetector( child: Icon( Icons.photo, size: 100, color: primaryColor, ), onTap: () async { await pickImageFromGalleryForAddFindings(); Navigator.pop(context); }, ), ], ), ), ); }); }, child: const Text('Add Findings'), ), ), /*reports*/ Visibility( visible: uiReportsImages.length == 0, child: ElevatedButton( style: ElevatedButton.styleFrom( primary: primaryColor, // background onPrimary: Colors.white, // foreground ), onPressed: () async { showModalBottomSheet( context: context, builder: (BuildContext context) { return SizedBox( height: 200, child: Center( child: Row( mainAxisAlignment: MainAxisAlignment.center, children: [ 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: GestureDetector( onTap: () { Navigator.push( context, new MaterialPageRoute( builder: (__) => new ImageZoomPage(imageName:'Reports',imageDetails:uiReportsImages[index]['url']))); /*gridOntap(index);*/ }, 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,reportsPictureId); print(jsonDecode(response)); Navigator.of(context, rootNavigator: true).pop(); setState(() { uiReportsImages = jsonDecode(response)['reportsPictureUpload']['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: buttonColors, // background onPrimary: Colors.black, // foreground ), onPressed: () async { showModalBottomSheet( context: context, builder: (BuildContext context) { return SizedBox( height: 200, child: Center( child: Row( mainAxisAlignment: MainAxisAlignment.center, children: [ GestureDetector( child: Icon( Icons.camera_alt_outlined, size: 100, color: primaryColor, ), onTap: () async { await takeImageFromCameraForAddReports(); Navigator.pop(context); }, ), SizedBox( width: MediaQuery.of(context).size.width * .20, ), GestureDetector( child: Icon( Icons.photo, size: 100, color: primaryColor, ), onTap: () async { await pickImageFromGalleryForAddReports(); Navigator.pop(context); }, ), ], ), ), ); }); }, child: const Text('Add Reports'), ), ), /*prescriptions*/ Visibility( visible: uiPrescriptionImages.length == 0, child: ElevatedButton( style: ElevatedButton.styleFrom( primary: primaryColor, // background onPrimary: Colors.white, // foreground ), onPressed: () async { showModalBottomSheet( context: context, builder: (BuildContext context) { return SizedBox( height: 200, child: Center( child: Row( mainAxisAlignment: MainAxisAlignment.center, children: [ 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: GestureDetector( onTap: () { Navigator.push( context, new MaterialPageRoute( builder: (__) => new ImageZoomPage(imageName:'Prescriptions',imageDetails:uiPrescriptionImages[index]['url']))); /*gridOntap(index);*/ }, 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,prescriptionPictureId); print(jsonDecode(response)); Navigator.of(context, rootNavigator: true).pop(); setState(() { uiPrescriptionImages = jsonDecode(response)['prescriptionsPictureUpload']['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: buttonColors, // background onPrimary: Colors.black, // foreground ), onPressed: () async { showModalBottomSheet( context: context, builder: (BuildContext context) { return SizedBox( height: 200, child: Center( child: Row( mainAxisAlignment: MainAxisAlignment.center, children: [ GestureDetector( child: Icon( Icons.camera_alt_outlined, size: 100, color: primaryColor, ), onTap: () async { await takeImageFromCameraForAddPrescriptions(); Navigator.pop(context); }, ), SizedBox( width: MediaQuery.of(context).size.width * .20, ), GestureDetector( child: Icon( Icons.photo, size: 100, color: primaryColor, ), onTap: () async { await pickImageFromGalleryForAddPrescriptions(); 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 (problemController.text != '' && dateInput.text != '' && prescriptionFor != ''&&problemCategory!='') { 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(); payload["problem"] = problemController.text.toString(); payload["doctorName"] = doctorNameVariable.doctor_name.toString(); payload["hospitalName"] = doctorNameVariable.hospital_name.toString(); payload["doctorId"] = doctorNameVariable.doctor_id.toString(); payload["date"] = dateInput.text.toString(); payload["findings_date"] = ''; payload["reports_date"] = ''; payload["prescription_date"] = ''; payload["patientType"] = prescriptionFor.toString(); payload["problemCategory"] = problemCategory.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'), )), ], ), ), ), )) ); } }