import 'package:date_time_picker/date_time_picker.dart'; import 'package:flutter/material.dart'; import 'package:flutter_bloc/flutter_bloc.dart'; import 'package:flutter_form_builder/flutter_form_builder.dart'; import 'package:intl/intl.dart'; import 'package:modal_progress_hud_nsn/modal_progress_hud_nsn.dart'; import 'package:unit2/bloc/profile/profile_bloc.dart'; import 'package:unit2/bloc/user/user_bloc.dart'; import 'package:unit2/model/location/city.dart'; import 'package:unit2/model/profile/eligibility.dart'; import 'package:unit2/model/utils/eligibility.dart'; import 'package:unit2/utils/location_utilities.dart'; import '../../../../bloc/profile/eligibility/eligibility_bloc.dart'; import '../../../../model/location/country.dart'; import '../../../../model/location/region.dart'; import '../../../../model/location/provinces.dart'; import '../../../../theme-data.dart/btn-style.dart'; import '../../../../theme-data.dart/colors.dart'; import '../../../../theme-data.dart/form-style.dart'; import '../../../../utils/global.dart'; import '../../../../utils/text_container.dart'; class EditEligibilityScreen extends StatefulWidget { final EligibityCert eligibityCert; const EditEligibilityScreen({super.key, required this.eligibityCert}); @override State createState() => _EditEligibilityScreenState(); } class _EditEligibilityScreenState extends State { final formKey = GlobalKey(); final provinceKey = GlobalKey(); bool? overseas; List? provinces; List? citymuns; List? regions; DateFormat dteFormat2 = DateFormat.yMMMMd('en_US'); Region? selectedRegion; Province? selectedProvince; CityMunicipality? selectedMunicipality; Country? selectedCountry; Eligibility? selectedEligibility; bool provinceCall = false; bool cityCall = false; String? token; String? profileId; String? rating; String? license; final examDateController = TextEditingController(); final validityDateController = TextEditingController(); @override Widget build(BuildContext context) { //USERBLOC return BlocBuilder( builder: (context, state) { //LOGGED IN USER STATE if (state is UserLoggedIn) { //PROFIILE BLOC token = state.userData!.user!.login!.token; profileId = state.userData!.user!.login!.user!.profileId.toString(); return BlocBuilder( builder: (context, state) { if(state is ProfileLoaded){ return BlocBuilder( buildWhen: (previous, current) { if (state is EditEligibilityState) {} return false; }, builder: (context, state) { //EDIT ELIGIBILITY STATE if (state is EditEligibilityState) { examDateController.text = state.eligibityCert.examDate == null ? '' : state.eligibityCert.examDate.toString(); validityDateController.text = state.eligibityCert.validityDate == null ? '' : state.eligibityCert.validityDate.toString(); provinces = state.provinces; citymuns = state.cities; regions = state.regions; overseas = state.isOverseas; selectedRegion = state.currentRegion; selectedProvince = state.currentProvince; selectedMunicipality = state.currentCity; selectedEligibility = state.currentEligibility; rating = state.eligibityCert.rating?.toString(); license = state.eligibityCert.licenseNumber; return Center( child: Padding( padding: const EdgeInsets.symmetric( vertical: 25, horizontal: 18), child: FormBuilder( key: formKey, child: Column( mainAxisAlignment: MainAxisAlignment.center, crossAxisAlignment: CrossAxisAlignment.center, children: [ //ELIGIBILITIES DROPDOWN DropdownButtonFormField( validator: (value) => value == null ? 'required' : null, isExpanded: true, onChanged: (Eligibility? eligibility) { selectedEligibility = eligibility; }, value: selectedEligibility, items: state.eligibilities .map>( (Eligibility eligibility) { return DropdownMenuItem( value: eligibility, child: Text(eligibility.title)); }).toList(), decoration: normalTextFieldStyle( "Eligibility", "")), const SizedBox( height: 20, ), SizedBox( width: screenWidth, child: Row( children: [ //LICENSE NUMBER Flexible( flex: 1, child: FormBuilderTextField( onChanged: (value) { license = value; }, name: 'license_number', initialValue: license, decoration: normalTextFieldStyle( "license number", "license number"), ), ), const SizedBox( width: 12, ), //RATING Flexible( flex: 1, child: FormBuilderTextField( keyboardType: const TextInputType .numberWithOptions(), onChanged: (value) { rating = value; }, name: 'rating', initialValue: rating == null ? 'N/A' : rating.toString(), decoration: normalTextFieldStyle( 'rating', 'rating'), ), ), ], ), ), const SizedBox( height: 20, ), SizedBox( width: screenWidth, child: Row( children: [ //EXAM DATE Flexible( flex: 1, child: DateTimePicker( use24HourFormat: false, controller: examDateController, firstDate: DateTime(1970), lastDate: DateTime(2100), decoration: normalTextFieldStyle( "Exam date", "") .copyWith( prefixIcon: const Icon( Icons.date_range, color: Colors.black87, )), )), const SizedBox( width: 12, ), //VALIDITY DATE Flexible( flex: 1, child: DateTimePicker( use24HourFormat: false, controller: validityDateController, firstDate: DateTime(1970), lastDate: DateTime(2100), decoration: normalTextFieldStyle( "validity date", "") .copyWith( prefixIcon: const Icon( Icons.date_range, color: Colors.black87, )), ), ), ], ), ), const SizedBox( height: 20, ), Text( "Placement of Examination/Confinement", style: Theme.of(context) .textTheme .displaySmall! .copyWith( fontSize: blockSizeVertical * 2), ), const SizedBox( height: 12, ), //OVERSEAS ADDRESS SWITCH StatefulBuilder( builder: (context, StateSetter setState) { return Column( children: [ FormBuilderSwitch( initialValue: overseas, activeColor: second, onChanged: (value) { setState(() { overseas = value; }); }, decoration: normalTextFieldStyle("", ''), name: 'overseas', title: const Text("Overseas Address?"), ), const SizedBox( height: 20, ), //COUNTRY DROPDOWN SizedBox( child: overseas == true ? FormBuilderDropdown( validator: (value) => value == null ? 'required' : null, initialValue: state.selectedCountry, items: state.countries.map< DropdownMenuItem< Country>>( (Country country) { return DropdownMenuItem< Country>( value: country, child: FittedBox( child: Text(country .name!))); }).toList(), name: 'country', decoration: normalTextFieldStyle( "Country*", "Country"), onChanged: (Country? value) { selectedCountry = value; }, ) : Column( children: [ //REGION DROPDOWN DropdownButtonFormField< Region?>( validator: (value) => value == null ? 'required' : null, isExpanded: true, onChanged: (Region? region) async { setState(() { provinceCall = true; }); selectedRegion = region; provinces = await LocationUtils .instance .getProvinces( regionCode: selectedRegion! .code .toString()); selectedProvince = provinces![0]; setState(() { provinceCall = false; cityCall = true; }); citymuns = await LocationUtils .instance .getCities( code: selectedProvince! .code!); selectedMunicipality = citymuns![0]; setState(() { cityCall = false; }); }, value: selectedRegion, decoration: normalTextFieldStyle( "Region*", "Region"), items: regions == null ? [] : regions!.map< DropdownMenuItem< Region>>((Region region) { return DropdownMenuItem< Region>( value: region, child: Text(region .description!)); }).toList(), ), const SizedBox( height: 20, ), //PROVINCE DROPDOWN SizedBox( height: 70, child: ModalProgressHUD( color: Colors.transparent, inAsyncCall: provinceCall, child: DropdownButtonFormField< Province?>( validator: (value) => value == null ? 'required' : null, isExpanded: true, value: selectedProvince, onChanged: (Province? province) async { setState(() { cityCall = true; }); selectedProvince = province; citymuns = await LocationUtils .instance .getCities( code: selectedProvince! .code .toString()); selectedMunicipality = citymuns![0]; setState(() { cityCall = false; }); }, items: provinces == null ? [] : provinces!.map< DropdownMenuItem< Province>>((Province province) { return DropdownMenuItem( value: province, child: FittedBox( child: Text(province.description!), )); }).toList(), decoration: normalTextFieldStyle( "Province*", "Province")), ), ), // City municipality SizedBox( height: 70, child: ModalProgressHUD( color: Colors.transparent, inAsyncCall: cityCall, child: DropdownButtonFormField< CityMunicipality>( validator: (value) => value == null ? 'required' : null, isExpanded: true, onChanged: (CityMunicipality? city) { selectedMunicipality = city; }, decoration: normalTextFieldStyle( "Municipality*", "Municipality"), value: selectedMunicipality, items: citymuns == null ? [] : citymuns!.map< DropdownMenuItem< CityMunicipality>>( (CityMunicipality c) { return DropdownMenuItem( value: c, child: Text( c.description!)); }).toList(), ), ), ), const SizedBox( height: 20, ), ], )), ], ); }), const Expanded( child: SizedBox(), ), SizedBox( width: screenWidth, height: 60, child: ElevatedButton( style: mainBtnStyle( primary, Colors.transparent, second), onPressed: () { //rating double? rate = rating == null ? null : double.parse(rating!); //license String? newLicense = license; //city municipality CityMunicipality? cityMunicipality = selectedMunicipality; //exam date DateTime? examDate = examDateController.text.isEmpty ? null : DateTime.parse( examDateController.text); // validity date DateTime? validityDate = validityDateController.text.isEmpty ? null : DateTime.parse( validityDateController .text); // exam address ExamAddress examAddress = ExamAddress( barangay: state.eligibityCert .examAddress?.barangay, id: state .eligibityCert.examAddress?.id, addressCategory: state.eligibityCert .examAddress?.addressCategory, examAddressClass: state .eligibityCert .examAddress ?.examAddressClass, country: selectedCountry ??= Country( id: 175, name: 'Philippines', code: 'PH'), cityMunicipality: cityMunicipality); EligibityCert eligibityCert = EligibityCert( id: state.eligibityCert.id, rating: rate, examDate: examDate, attachments: null, eligibility: selectedEligibility, examAddress: examAddress, validityDate: validityDate, licenseNumber: newLicense, overseas: overseas); if (formKey.currentState! .saveAndValidate()) { context.read().add( UpdateEligibility( eligibityCert: eligibityCert, oldEligibility: state .eligibityCert .eligibility! .id, profileId: profileId!, token: token!)); } }, child: const Text(submit)), ), const SizedBox( height: 20, ), ]), ), ), ); } return Container(); }, ); } return Container(); }, ); } return Container(); }, ); } }