import 'package:date_time_picker/date_time_picker.dart';
import 'package:flutter/material.dart';
import 'package:flutter/src/widgets/framework.dart';
import 'package:flutter/src/widgets/placeholder.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:unit2/bloc/profile/profile_bloc.dart';
import 'package:unit2/bloc/user/user_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/text_container.dart';

class AddEligibilityScreen extends StatefulWidget {
  const AddEligibilityScreen({super.key});

  @override
  State<AddEligibilityScreen> createState() => _AddEligibilityScreenState();
}

class _AddEligibilityScreenState extends State<AddEligibilityScreen> {
  @override
  Widget build(BuildContext context) {
    bool? overseas;
    final formKey = GlobalKey<FormBuilderState>();
    final regionKey = GlobalKey<FormBuilderState>();
    Region? selectedRegion;
    Province? selectedProvince;
    Country? selectedCountry;
    CityMunicipality selectedCity;
    Eligibility? selectedEligibility;
    return BlocBuilder<UserBloc, UserState>(
      builder: (context, state) {
        if (state is UserLoggedIn) {
          return BlocBuilder<ProfileBloc, ProfileState>(
              builder: (context, state) {
            if (state is AddEligibilityState) {
              overseas = state.overseas;
              selectedEligibility = state.currentEligibility;
              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>(
                            initialValue: selectedEligibility,
                            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(
                                    name: 'license number',
                                    initialValue: "",
                                    decoration: normalTextFieldStyle(
                                        "license number", "license number"),
                                  ),
                                ),
                                const SizedBox(
                                  width: 12,
                                ),
                                //RATING
                                Flexible(
                                  flex: 1,
                                  child: FormBuilderTextField(
                                    name: 'rating',
                                    initialValue: "",
                                    decoration: normalTextFieldStyle(
                                        'rating', 'rating'),
                                  ),
                                ),
                              ],
                            ),
                          ),
                          const SizedBox(
                            height: 20,
                          ),
                          SizedBox(
                            width: screenWidth,
                            child: Row(
                              children: [
                                //EXAM DATE
                                Flexible(
                                    flex: 1,
                                    child: DateTimePicker(
                                      firstDate: DateTime(2000),
                                      lastDate: DateTime(2100),
                                      decoration: normalTextFieldStyle(
                                          "Exam date", "Exam date"),
                                      initialValue: "",
                                    )),
                                const SizedBox(
                                  width: 12,
                                ),
                                //VALIDITY DATE
                                Flexible(
                                  flex: 1,
                                  child: DateTimePicker(
                                    firstDate: DateTime(2000),
                                    lastDate: DateTime(2100),
                                    decoration: normalTextFieldStyle(
                                        "Validity date", "Validity date"),
                                    initialValue: "",
                                  ),
                                ),
                              ],
                            ),
                          ),
                          const SizedBox(
                            height: 20,
                          ),
                          Text(
                            "Placement of Examination/Confinement",
                            style: Theme.of(context)
                                .textTheme
                                .displaySmall!
                                .copyWith(fontSize: blockSizeVertical * 2),
                          ),
                          const SizedBox(
                            height: 12,
                          ),
                          FormBuilderSwitch(
                            initialValue: overseas,
                            activeColor: second,
                            onChanged: (value) {
                              overseas = value;
                        
                                regionKey.currentState?.fields['region']?.reset();
                          
                              context.read<ProfileBloc>().add(AddEligibility(
                                selectedEligibility: selectedEligibility,
                                  overseas: overseas!,
                                  selectedProvince: null,
                                  selectedRegion: null));
                            },
                            decoration: normalTextFieldStyle("", ''),
                            name: 'overseas',
                            title: const Text("Overseas Address?"),
                          ),
                          const SizedBox(
                            height: 12,
                          ),
                          SizedBox(
                              child: overseas == true
                                  ? FormBuilderDropdown<Country>(
                                      initialValue: 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?>(
                                          onChanged: (Region? region) {
                                            selectedRegion = region;
                                            context.read<ProfileBloc>().add(
                                                AddEligibility(
                                                  selectedEligibility: selectedEligibility,
                                                    overseas: overseas!,
                                                    selectedProvince:
                                                        null,
                                                    selectedRegion:
                                                        selectedRegion));
                                          },
                                          initialValue: state.currentRegion,
                                          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: 12,
                                        ),
                                        //PROVINCE DROPDOWN
                                        FormBuilderDropdown<Province?>(
                                            initialValue: state.currentProvince,
                                            name: 'province',
                                            onChanged: (Province? province) {
                                              selectedProvince = province;
                                              context.read<ProfileBloc>().add(
                                                AddEligibility(
                                                  selectedEligibility: selectedEligibility,
                                                    overseas: overseas!,
                                                    selectedProvince:
                                                        selectedProvince,
                                                    selectedRegion:
                                                        state.currentRegion));
                                            },
                                            items: state.provinces == null
                                                    ? []
                                                    : state.provinces!.map<
                                                            DropdownMenuItem<
                                                                Province>>(
                                                        (Province province) {
                                                        return DropdownMenuItem(
                                                            value: province,
                                                            child: Text(province
                                                                .description!));
                                                      }).toList(),
                                                      
                                            decoration: normalTextFieldStyle(
                                                "Province*", "Province")),
                                        const SizedBox(
                                          height: 12,
                                        ),
                                        FormBuilderDropdown<CityMunicipality>(
                                            onChanged:
                                                (CityMunicipality? city) {
                                                  selectedCity = city!;
                                                },
                                            decoration: normalTextFieldStyle(
                                                "Municipality*",
                                                "Municipality"),
                                            name: 'municipality',
                                            items: state.cities == null
                                                    ? []
                                                    : state.cities!.map<
                                                            DropdownMenuItem<
                                                                CityMunicipality>>(
                                                        (CityMunicipality c) {
                                                        return DropdownMenuItem(
                                                            value: c,
                                                            child: Text(c
                                                                .description!));
                                                      }).toList(),
                                            initialValue: null),
                                        const SizedBox(
                                          height: 20,
                                        ),
                                      ],
                                    )),
                          const Expanded(
                            child: SizedBox(),
                          ),
                          SizedBox(
                            width: screenWidth,
                            height: 60,
                            child: ElevatedButton(
                                style: mainBtnStyle(
                                    primary, Colors.transparent, second),
                                onPressed: () {},
                                child: const Text(submit)),
                          ),
                          const SizedBox(
                            height: 20,
                          ),
                        ],
                      ),
                    ),
                  ),
                ),
              );
            }
            return Container();
          });
        }
        return Container();
      },
    );
  }
}