import 'package:diplomaticquarterapp/config/shared_pref_kay.dart';
import 'package:diplomaticquarterapp/config/size_config.dart';
import 'package:diplomaticquarterapp/core/service/AuthenticatedUserObject.dart';
import 'package:diplomaticquarterapp/core/viewModels/appointment_rate_view_model.dart';
import 'package:diplomaticquarterapp/locator.dart';
import 'package:diplomaticquarterapp/models/Authentication/check_activation_code_response.dart';
import 'package:diplomaticquarterapp/models/Authentication/check_paitent_authentication_req.dart';
import 'package:diplomaticquarterapp/pages/landing/landing_page.dart';
import 'package:diplomaticquarterapp/pages/login/login-type.dart';
import 'package:diplomaticquarterapp/pages/rateAppointment/rate_appointment_doctor.dart';
import 'package:diplomaticquarterapp/routes.dart';
import 'package:diplomaticquarterapp/services/authentication/auth_provider.dart';
import 'package:diplomaticquarterapp/uitl/app_shared_preferences.dart';
import 'package:diplomaticquarterapp/uitl/translations_delegate_base.dart';
import 'package:diplomaticquarterapp/uitl/utils.dart';
import 'package:diplomaticquarterapp/widgets/buttons/defaultButton.dart';
import 'package:diplomaticquarterapp/widgets/input/text_field.dart';
import 'package:diplomaticquarterapp/widgets/mobile-no/mobile_no.dart';
import 'package:diplomaticquarterapp/widgets/others/app_scaffold_widget.dart';
import 'package:diplomaticquarterapp/widgets/progress_indicator/app_circular_progress_Indeicator.dart';
import 'package:diplomaticquarterapp/widgets/text/app_texts_widget.dart';
import 'package:diplomaticquarterapp/widgets/transitions/fade_page.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:smart_progress_bar/smart_progress_bar.dart';
class Login extends StatefulWidget {
  @override
  _Login createState() => _Login();
}

class _Login extends State<Login> {
  final util = Utils();
  final nationalIDorFile = TextEditingController();
  final int loginType = LoginType.loginType;
  String mobileNo;
  String countryCode = '966';
  bool isButtonDisabled = true;
  final authService = new AuthProvider();
  var sharedPref = new AppSharedPreferences();
  bool isLoading = false;
  AppointmentRateViewModel appointmentRateViewModel =
      locator<AppointmentRateViewModel>();

  AuthenticatedUserObject authenticatedUserObject = locator<AuthenticatedUserObject>();


  @override
  void initState() {
//    getDeviceToken();
    super.initState();
  }

  getDeviceToken() async {
    setState(() async {
      nationalIDorFile.text = await sharedPref.getString(PUSH_TOKEN);
    });
  }

  @override
  Widget build(BuildContext context) {
    return AppScaffold(
        appBarTitle: TranslationBase.of(context).login,
        isShowAppBar: true,
        isShowDecPage: false,
        body:  SingleChildScrollView(
                child: Container(
                padding:
                    EdgeInsets.only(top: 10, left: 20, right: 20, bottom: 30),
                height: SizeConfig.realScreenHeight * .9,
                width: SizeConfig.realScreenWidth,
                child: Column(children: <Widget>[
                  Expanded(
                      flex: 2,
                      child: AppText(
                        TranslationBase.of(context).enterNationalId,
                        fontSize: SizeConfig.textMultiplier * 3.5,
                        textAlign: TextAlign.left,
                      )),
                  Expanded(
                    flex: 3,
                    child: Column(
                      mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                      children: <Widget>[
                        MobileNo(
                            onNumberChange: (value) =>
                                {mobileNo = value, validateForm()},
                            onCountryChange: (value) => countryCode = value),
                        Container(
                            child: TextFields(
                              fontWeight: FontWeight.normal,
                          controller: nationalIDorFile,
                          onChanged: (value) => {validateForm()},
                          prefixIcon: Icon(
                              loginType == 1
                                  ? Icons.chrome_reader_mode
                                  : Icons.receipt,
                              color: Colors.red),
                          padding: EdgeInsets.only(
                              top: 20, bottom: 20, left: 10, right: 10),
                          hintText: loginType == 1
                              ? TranslationBase.of(context).nationalID
                              : TranslationBase.of(context).fileNo,
                        ))
                      ],
                    ),
                  ),
                  Expanded(
                      flex: 3,
                      child: Column(
                        mainAxisAlignment: MainAxisAlignment.end,
                        children: <Widget>[
                          Row(
                            children: <Widget>[
                              Expanded(
                                  child: DefaultButton(
                                TranslationBase.of(context).login,
                                () => {this.startLogin()},
                                color: isButtonDisabled == true
                                    ? Colors.grey
                                    : Colors.grey[900],
                                textColor: Colors.white,
                              ))
                            ],
                          ),
                        ],
                      ))
                ]),
              )));
  }

  startLogin() {
    if (isButtonDisabled == false) {
      checkUserAuthentication();
    }
  }

  void validateForm() {
    //TODO fix login
    if (util.validateIDBox(nationalIDorFile.text, loginType) == true &&
        mobileNo.length >= 9 &&
        util.isSAUDIIDValid(nationalIDorFile.text, loginType) == true) {
      setState(() {
        isButtonDisabled = false;
      });
    } else {
      setState(() {
        isButtonDisabled = false;
      });
    }
  }

  checkUserAuthentication() {
   // showLoader(true);
    var request = CheckPatientAuthenticationReq();
    request.isRegister = false;
    request.patientMobileNumber = int.parse(mobileNo);
    request.zipCode = countryCode;
    request.searchType = this.loginType;
    request.deviceTypeID = this.loginType;
    if (this.loginType == 1) {
      request.patientIdentificationID = this.nationalIDorFile.text;
      request.patientID = 0;
    } else {
      request.patientIdentificationID = '';
      request.patientID = int.parse(nationalIDorFile.text);
    }
    sharedPref.setObject(REGISTER_DATA_FOR_REGISTER, request);
    authService.checkPatientAuthentication(request).then((value) => {
          //showLoader(false),
          if (value['isSMSSent'])
            {
              sharedPref.setString(LOGIN_TOKEN_ID, value['LogInTokenID']),
              sharedPref.setObject(REGISTER_DATA_FOR_LOGIIN, request),
              Navigator.of(context).pushNamed(CONFIRM_LOGIN)
            }
          else
            {
              if (value['IsAuthenticated']) {this.checkActivationCode()}
            }
        }).catchError((err) {
      print(err);
    }).showProgressBar(
        text: "Loading", backgroundColor: Colors.blue.withOpacity(0.6));
    // SMSOTP.showLoadingDialog(context, false),
  }

  checkActivationCode({code}) async {
    Map<String, dynamic> request = {};
    // request.logInTokenID = await sharedPref.getString(LOGIN_TOKEN_ID);
    // request.activationCode = code ?? "0000";
    // request.isSilentLogin = code != null ? false : true;
    if (code == null)
      //showLoader(true);
    request['PatientMobileNumber'] = int.parse(mobileNo);
    request['ZipCode'] = countryCode;
    request['SearchType'] = loginType;
    request['LoginType'] = loginType;
    if (this.loginType == 1) {
      request['PatientIdentificationID'] = this.nationalIDorFile.text;
      request['PatientID'] = 0;
    } else {
      request['PatientIdentificationID'] = '';
      request['PatientID'] = int.parse(nationalIDorFile.text);
    }
    // request.isRegister = false;
    this.authService.checkActivationCode(request, code).then((result) => {
          result = CheckActivationCode.fromJson(result),
           authenticatedUserObject.getUser(),
          this.sharedPref.setObject(USER_PROFILE, result.list),
          this.sharedPref.setObject(LOGIN_TOKEN_ID, result.logInTokenID),
          this.sharedPref.setString(TOKEN, result.authenticationTokenID),
          //this.checkIfUserAgreedBefore(result),
          Navigator.of(context).pushNamed(
            HOME,
          ),
          //showLoader(false),
          appointmentRateViewModel
              .getIsLastAppointmentRatedList()
              .then((value) => {
                    if (appointmentRateViewModel.isHaveAppointmentNotRate)
                      {
                        Navigator.pushReplacement(
                          context,
                          FadePage(
                            page: RateAppointmentDoctor(),
                          ),
                        )
                      }
                    else
                      {
                        Navigator.pushReplacement(
                          context,
                          FadePage(
                            page: LandingPage(),
                          ),
                        )
                      }
                  }).catchError((err) {
    print(err);
    }).showProgressBar(
    text: "Loading", backgroundColor: Colors.blue.withOpacity(0.6))
          // SMSOTP.showLoadingDialog(context, false),
        });
  }

  // showLoader(bool isTrue) {
  //   setState(() {
  //     isLoading = isTrue;
  //   });
  // }
}