passo_mobile_app/lib/screens/profile/components/eligibility/add_modal.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/profile/profile_bloc.dart';
import 'package:unit2/bloc/user/user_bloc.dart';
import 'package:unit2/model/profile/eligibility.dart';

import '../../../../bloc/profile/eligibility/eligibility_bloc.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>();
  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) {
                    ////ADD 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: FormBuilderValidators.required(errorText: "This field is required"),
                                                    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: FormBuilderValidators.required(errorText: "This field is required"),
                                                                //// region onchange
                                                        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());
    }
  }
}