524 lines
30 KiB
Dart
524 lines
30 KiB
Dart
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:flutter_progress_hud/flutter_progress_hud.dart';
|
|
import 'package:form_builder_validators/form_builder_validators.dart';
|
|
import 'package:intl/intl.dart';
|
|
import 'package:modal_progress_hud_nsn/modal_progress_hud_nsn.dart';
|
|
import 'package:unit2/bloc/eligibility/eligibility_bloc.dart';
|
|
import 'package:unit2/bloc/profile/profile_bloc.dart';
|
|
import 'package:unit2/bloc/user/user_bloc.dart';
|
|
import 'package:unit2/model/profile/eligibility.dart';
|
|
|
|
import '../../../../model/location/city.dart';
|
|
import '../../../../model/location/country.dart';
|
|
import '../../../../model/location/provinces.dart';
|
|
import '../../../../model/location/region.dart';
|
|
import '../../../../model/utils/eligibility.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/location_utilities.dart';
|
|
import '../../../../utils/text_container.dart';
|
|
|
|
class AddEligibilityScreen extends StatefulWidget {
|
|
const AddEligibilityScreen({super.key});
|
|
|
|
@override
|
|
State<AddEligibilityScreen> createState() => _AddEligibilityScreenState();
|
|
}
|
|
|
|
class _AddEligibilityScreenState extends State<AddEligibilityScreen> {
|
|
final formKey = GlobalKey<FormBuilderState>();
|
|
final provinceKey = GlobalKey<FormBuilderState>();
|
|
bool? overseas;
|
|
DateFormat dteFormat2 = DateFormat.yMMMMd('en_US');
|
|
Region? selectedRegion;
|
|
Province? selectedProvince;
|
|
CityMunicipality? selectedMunicipality;
|
|
Country? selectedCountry;
|
|
Eligibility? selectedEligibility;
|
|
List<Province>? provinces;
|
|
List<CityMunicipality>? citymuns;
|
|
bool provinceCall = false;
|
|
bool cityCall = false;
|
|
final examDateController = TextEditingController();
|
|
final validityDateController = TextEditingController();
|
|
String? token;
|
|
String? profileId;
|
|
String? rating;
|
|
String? license;
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
//USERBLOC
|
|
return BlocBuilder<UserBloc, UserState>(
|
|
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<ProfileBloc, ProfileState>(
|
|
builder: (context, state) {
|
|
if(state is ProfileLoaded){
|
|
return BlocBuilder<EligibilityBloc, EligibilityState>(
|
|
buildWhen: (previous, current) {
|
|
if (state is EditEligibilityState) {}
|
|
return false;
|
|
},
|
|
builder: (context, state) {
|
|
//EDIT ELIGIBILITY STATE
|
|
if (state is AddEligibilityState) {
|
|
return ProgressHUD(
|
|
child: 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
|
|
FormBuilderDropdown<Eligibility>(
|
|
onChanged: (Eligibility? eligibility) {
|
|
selectedEligibility = eligibility;
|
|
},
|
|
autovalidateMode:
|
|
AutovalidateMode.onUserInteraction,
|
|
validator: (value) =>
|
|
value == null ? 'required' : null,
|
|
items: state.eligibilities
|
|
.map<DropdownMenuItem<Eligibility>>(
|
|
(Eligibility eligibility) {
|
|
return DropdownMenuItem<Eligibility>(
|
|
value: eligibility,
|
|
child: Text(eligibility.title));
|
|
}).toList(),
|
|
name: "eligibility",
|
|
decoration: normalTextFieldStyle(
|
|
"Eligibility", "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',
|
|
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',
|
|
decoration: normalTextFieldStyle(
|
|
'rating %', 'rating'),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
const SizedBox(
|
|
height: 20,
|
|
),
|
|
SizedBox(
|
|
width: screenWidth,
|
|
child: Row(
|
|
children: [
|
|
//EXAM DATE
|
|
Flexible(
|
|
flex: 1,
|
|
child: DateTimePicker(
|
|
use24HourFormat: false,
|
|
icon:
|
|
const Icon(Icons.date_range),
|
|
controller: examDateController,
|
|
firstDate: DateTime(1970),
|
|
lastDate: DateTime(2100),
|
|
timeHintText:
|
|
"Date of Examination/Conferment",
|
|
decoration: normalTextFieldStyle(
|
|
"Exam date", "")
|
|
.copyWith(
|
|
prefixIcon: const Icon(
|
|
Icons.date_range,
|
|
color: Colors.black87,
|
|
)),
|
|
initialValue: null,
|
|
)),
|
|
const SizedBox(
|
|
width: 12,
|
|
),
|
|
//VALIDITY DATE
|
|
Flexible(
|
|
flex: 1,
|
|
child: DateTimePicker(
|
|
controller: validityDateController,
|
|
firstDate: DateTime(1970),
|
|
lastDate: DateTime(2100),
|
|
decoration: normalTextFieldStyle(
|
|
"Validity date",
|
|
"Validity date")
|
|
.copyWith(
|
|
prefixIcon: const Icon(
|
|
Icons.date_range,
|
|
color: Colors.black87,
|
|
)),
|
|
initialValue: null,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
const SizedBox(
|
|
height: 20,
|
|
),
|
|
Text(
|
|
"Placement of Examination/Conferment",
|
|
style: Theme.of(context)
|
|
.textTheme
|
|
.displaySmall!
|
|
.copyWith(
|
|
fontSize: blockSizeVertical * 2),
|
|
),
|
|
const SizedBox(
|
|
height: 12,
|
|
),
|
|
//OVERSEAS ADDRESS SWITCH
|
|
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<Country>(
|
|
initialValue: null,
|
|
validator: (value) =>
|
|
value == null
|
|
? 'required'
|
|
: null,
|
|
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
|
|
FormBuilderDropdown<
|
|
Region?>(
|
|
autovalidateMode:
|
|
AutovalidateMode
|
|
.onUserInteraction,
|
|
validator: (value) =>
|
|
value == null
|
|
? 'required'
|
|
: null,
|
|
onChanged: (Region?
|
|
region) async {
|
|
setState(() {
|
|
provinceCall = true;
|
|
});
|
|
selectedRegion = region;
|
|
getProvinces();
|
|
},
|
|
initialValue:
|
|
selectedRegion,
|
|
decoration:
|
|
normalTextFieldStyle(
|
|
"Region*",
|
|
"Region"),
|
|
name: 'region',
|
|
items: state.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?>(
|
|
autovalidateMode:
|
|
AutovalidateMode
|
|
.onUserInteraction,
|
|
validator: (value) =>
|
|
value == null
|
|
? 'required'
|
|
: null,
|
|
isExpanded: true,
|
|
value:
|
|
selectedProvince,
|
|
onChanged:
|
|
(Province?
|
|
province) {
|
|
setState(() {
|
|
cityCall = true;
|
|
});
|
|
selectedProvince =
|
|
province;
|
|
getCities();
|
|
},
|
|
items: provinces ==
|
|
null
|
|
? []
|
|
: provinces!.map<
|
|
DropdownMenuItem<
|
|
Province>>((Province
|
|
province) {
|
|
return DropdownMenuItem(
|
|
value:
|
|
province,
|
|
child:
|
|
FittedBox(
|
|
child:
|
|
Text(province.description!),
|
|
));
|
|
}).toList(),
|
|
decoration:
|
|
normalTextFieldStyle(
|
|
"Province*",
|
|
"Province")),
|
|
),
|
|
),
|
|
|
|
// CityMunicipalities dropdown
|
|
SizedBox(
|
|
height: 70,
|
|
child: ModalProgressHUD(
|
|
color: Colors.white,
|
|
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!);
|
|
//lisence
|
|
String? licenseNumber = license;
|
|
CityMunicipality? cityMunicipality =
|
|
selectedMunicipality;
|
|
DateTime? examDate =
|
|
examDateController.text.isEmpty
|
|
? null
|
|
: DateTime.parse(
|
|
examDateController.text);
|
|
DateTime? validityDate =
|
|
validityDateController
|
|
.text.isEmpty
|
|
? null
|
|
: DateTime.parse(
|
|
validityDateController
|
|
.text);
|
|
|
|
ExamAddress examAddress = ExamAddress(
|
|
barangay: null,
|
|
id: null,
|
|
addressCategory: null,
|
|
examAddressClass: null,
|
|
country: selectedCountry ??
|
|
Country(
|
|
id: 175,
|
|
name: 'Philippines',
|
|
code: 'PH'),
|
|
cityMunicipality:
|
|
cityMunicipality);
|
|
EligibityCert eligibityCert =
|
|
EligibityCert(
|
|
id: null,
|
|
rating: rate,
|
|
examDate: examDate,
|
|
attachments: null,
|
|
eligibility:
|
|
selectedEligibility,
|
|
examAddress: examAddress,
|
|
validityDate: validityDate,
|
|
licenseNumber: licenseNumber,
|
|
overseas: overseas);
|
|
if (formKey.currentState!
|
|
.saveAndValidate()) {
|
|
context.read<EligibilityBloc>().add(
|
|
AddEligibility(
|
|
eligibityCert:
|
|
eligibityCert,
|
|
profileId: profileId!,
|
|
token: token!));
|
|
}
|
|
// context.read<ProfileBloc>().add(AddEligibility(eligibityCert: eligibityCert, profileId: profileId, token: token))
|
|
},
|
|
child: const Text(submit)),
|
|
),
|
|
const SizedBox(
|
|
height: 20,
|
|
),
|
|
]),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
return Container();
|
|
},
|
|
);
|
|
}
|
|
return Container();
|
|
},
|
|
);
|
|
}
|
|
return Container();
|
|
},
|
|
);
|
|
}
|
|
|
|
Future<void> getProvinces() async {
|
|
try {
|
|
List<Province> newProvinces = await LocationUtils.instance
|
|
.getProvinces(regionCode: selectedRegion!.code.toString());
|
|
setState(() {
|
|
provinces = newProvinces;
|
|
selectedProvince = provinces![0];
|
|
provinceCall = false;
|
|
cityCall = true;
|
|
getCities();
|
|
});
|
|
} catch (e) {
|
|
context.read<EligibilityBloc>().add(CallErrorState());
|
|
}
|
|
}
|
|
|
|
Future<void> getCities() async {
|
|
try {
|
|
List<CityMunicipality> newCities = await LocationUtils.instance
|
|
.getCities(code: selectedProvince!.code.toString());
|
|
citymuns = newCities;
|
|
setState(() {
|
|
selectedMunicipality = newCities[0];
|
|
cityCall = false;
|
|
});
|
|
} catch (e) {
|
|
context.read<EligibilityBloc>().add(CallErrorState());
|
|
}
|
|
}
|
|
}
|