diplomatic-quarter/lib/pages/login/register.dart

import 'package:diplomaticquarterapp/config/shared_pref_kay.dart';
import 'package:diplomaticquarterapp/config/size_config.dart';
import 'package:diplomaticquarterapp/models/Authentication/check_user_status_reponse.dart';
import 'package:diplomaticquarterapp/models/Authentication/check_user_status_req.dart';
import 'package:diplomaticquarterapp/models/Authentication/checkpatient_for_registration.dart';
import 'package:diplomaticquarterapp/pages/login/confirm-login.dart';
import 'package:diplomaticquarterapp/pages/login/login-type.dart';
import 'package:diplomaticquarterapp/services/authentication/auth_provider.dart';
import 'package:diplomaticquarterapp/uitl/app_shared_preferences.dart';
import 'package:diplomaticquarterapp/uitl/app_toast.dart';
import 'package:diplomaticquarterapp/uitl/gif_loader_dialog_utils.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/dialogs/alert_dialog.dart';
import 'package:diplomaticquarterapp/widgets/dialogs/confirm_dialog.dart';
import 'package:diplomaticquarterapp/widgets/mobile-no/mobile_no.dart';
import 'package:diplomaticquarterapp/widgets/others/app_scaffold_widget.dart';
import 'package:diplomaticquarterapp/widgets/transitions/fade_page.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:intl/intl.dart' as intl;
import 'package:flutter_datetime_picker/flutter_datetime_picker.dart';

class Register extends StatefulWidget {
  final Function changePageViewIndex;
  const Register({Key key, this.changePageViewIndex}) : super(key: key);

  @override
  _Register createState() => _Register();
}

class _Register extends State<Register> {
  final nationalIDorFile = TextEditingController();
  final int loginType = LoginType.loginType;
  String mobileNo;
  String countryCode = '966';
  var isHijri;
  final util = Utils();
  DateTime selectedDate;
  TextEditingController dob = TextEditingController();
  TextEditingController dobEn = TextEditingController();

  bool isButtonDisabled = true;
  final authService = new AuthProvider();
  final sharedPref = new AppSharedPreferences();

  bool isLoading;

  @override
  Widget build(BuildContext context) {
    return AppScaffold(
        appBarTitle: TranslationBase.of(context).register,
        isShowAppBar: false,
        isShowDecPage: false,
        showNewAppBar: false,
        showNewAppBarTitle: true,
        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(
              child: ListView(
                padding: EdgeInsets.zero,
                physics: BouncingScrollPhysics(),
                children: [
                  SizedBox(height: 10),
                  Padding(
                      padding: EdgeInsets.all(10),
                      child: Text(
                        TranslationBase.of(context).enterNationalId,
                        style: TextStyle(fontSize: 16, fontWeight: FontWeight.w600, color: Color(0xff2B353E), letterSpacing: -0.64, height: 23 / 16),
                      )),
                  SizedBox(height: 10),
                  PhoneNumberSelectorWidget(onNumberChange: (value) => {mobileNo = value, validateForm()}, onCountryChange: (value) => countryCode = value),
                  SizedBox(height: 12),
                  Directionality(textDirection: TextDirection.ltr, child: inputWidget(TranslationBase.of(context).nationalIdNumber, "Xxxxxxxxx", nationalIDorFile)),
                  SizedBox(height: 20),
                  Row(
                    children: <Widget>[
                      Expanded(
                        child: Row(
                          children: <Widget>[
                            Radio(
                              value: 1,
                              groupValue: isHijri,
                              onChanged: (value) {
                                setState(() {
                                  isHijri = value;
                                });
                                validateForm();
                              },
                            ),
                            Text(TranslationBase.of(context).hijriDate),
                          ],
                        ),
                      ),
                      Expanded(
                        child: Row(
                          children: <Widget>[
                            Radio(
                              value: 0,
                              groupValue: isHijri,
                              onChanged: (value) {
                                setState(() {
                                  isHijri = value;
                                });
                                validateForm();
                              },
                            ),
                            Text(TranslationBase.of(context).gregorianDate),
                          ],
                        ),
                      ),
                    ],
                  ),
                  Row(children: <Widget>[
                    Container(
                        width: SizeConfig.realScreenWidth * .9,
                        child: isHijri == 1
                            ? Directionality(
                                textDirection: TextDirection.ltr,
                                child: inputWidget(TranslationBase.of(context).dob, "DD/MM/YYYYY", dob,
                                    isNumber: false,
                                    suffix: Icon(
                                      Icons.calendar_today,
                                      size: 16,
                                    )))
                            : Container(
                                child: InkWell(
                                    onTap: () {
                                      if (isHijri != null) _selectDate(context);
                                    },
                                    child: Directionality(
                                        textDirection: TextDirection.ltr,
                                        child: inputWidget(TranslationBase.of(context).dob, "DD/MM/YYYYY", dobEn,
                                            isNumber: false,
                                            isEnable: false,
                                            suffix: Icon(
                                              Icons.calendar_today,
                                              size: 16,
                                            )))))),
                  ])
                ],
              ),
            ),
          ]),
        )),
        bottomSheet: Container(
            width: double.maxFinite,
            height: 80.0,
            child: Row(
              children: [
                Expanded(
                  child: Padding(
                      padding: EdgeInsets.all(10), child: DefaultButton(TranslationBase.of(context).cancel, () => {Navigator.of(context).pop()}, textColor: Colors.white, color: Color(0xffD02127))),
                ),
                Expanded(
                  child: Padding(
                      padding: EdgeInsets.all(10),
                      child: DefaultButton(TranslationBase.of(context).next, () => {startRegistration()}, textColor: Colors.white, color: isButtonDisabled == true ? Colors.grey : Color(0xff359846))),
                ),
              ],
            )));
  }

  Future<Null> _selectDate(BuildContext context) async {
    DatePicker.showDatePicker(
      context,
      showTitleActions: true,
      minTime: DateTime(DateTime.now().year - 100, 1, 1),
      maxTime: DateTime.now(),
      onConfirm: (date) {
        selectedDate = date;
        setState(() {
          final intl.DateFormat dateFormat = intl.DateFormat('dd/MM/yyyy');
          dobEn.text = dateFormat.format(date);
        });
      },
      currentTime: DateTime.now(),
    );
  }

  Widget inputWidget(String _labelText, String _hintText, TextEditingController _controller, {String prefix, bool isEnable = true, bool hasSelection = false, bool isNumber = true, Icon suffix}) {
    return Container(
      padding: EdgeInsets.only(left: 16, right: 16, bottom: 15, top: 15),
      alignment: Alignment.center,
      decoration: BoxDecoration(
        borderRadius: BorderRadius.circular(15),
        color: Colors.white,
        border: Border.all(
          color: Color(0xffefefef),
          width: 1,
        ),
      ),
      child: InkWell(
        onTap: hasSelection ? () {} : null,
        child: Row(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: [
            Expanded(
              child: Column(
                mainAxisSize: MainAxisSize.min,
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Text(
                    _labelText,
                    style: TextStyle(
                      fontSize: 11,
                      fontWeight: FontWeight.w600,
                      color: Color(0xff2B353E),
                      letterSpacing: -0.44,
                    ),
                  ),
                  TextField(
                    enabled: isEnable,
                    scrollPadding: EdgeInsets.zero,
                    keyboardType: isNumber ? TextInputType.number : TextInputType.datetime,
                    controller: _controller,
                    onChanged: (value) => {validateForm()},
                    style: TextStyle(
                      fontSize: 14,
                      height: 21 / 14,
                      fontWeight: FontWeight.w400,
                      color: Color(0xff2B353E),
                      letterSpacing: -0.44,
                    ),
                    decoration: InputDecoration(
                      isDense: true,
                      hintText: _hintText,
                      hintStyle: TextStyle(
                        fontSize: 14,
                        height: 21 / 14,
                        fontWeight: FontWeight.w400,
                        color: Color(0xff575757),
                        letterSpacing: -0.56,
                      ),
                      prefixIconConstraints: BoxConstraints(minWidth: 50),
                      prefixIcon: prefix == null
                          ? null
                          : Text(
                              "+" + prefix,
                              style: TextStyle(
                                fontSize: 14,
                                height: 21 / 14,
                                fontWeight: FontWeight.w500,
                                color: Color(0xff2E303A),
                                letterSpacing: -0.56,
                              ),
                            ),
                      contentPadding: EdgeInsets.zero,
                      border: InputBorder.none,
                      focusedBorder: InputBorder.none,
                      enabledBorder: InputBorder.none,
                    ),
                  ),
                ],
              ),
            ),
            if (hasSelection) Icon(Icons.keyboard_arrow_down_outlined),
            if (suffix != null) suffix
          ],
        ),
      ),
    );
  }

  startRegistration() {
    final intl.DateFormat dateFormat = intl.DateFormat('dd/MM/yyyy');
    if (isButtonDisabled == false) {
      var request = CheckPatientForRegistration();
      request.patientMobileNumber = int.parse(mobileNo);
      request.zipCode = countryCode;
      request.patientOutSA = countryCode == '966' ? 0 : 1;

      request.patientIdentificationID = int.parse(nationalIDorFile.text);
      request.patientID = 0;
      request.isRegister = true;
      request.dob = isHijri == 1 ? dob.text : dateFormat.format(selectedDate);
      request.isHijri = isHijri;
      this.checkPatientForRegisteration(request);
    }
  }

  checkPatientForRegisteration(request) {
    GifLoaderDialogUtils.showMyDialog(context);
    this.authService.checkPatientForRegisteration(request).then((response) => {checkUserStatus(response, request)}).catchError((err) {
      GifLoaderDialogUtils.hideDialog(context);
      ConfirmDialog dialog = new ConfirmDialog(
          context: context,
          confirmMessage: err,
          okText: TranslationBase.of(context).confirm,
          cancelText: TranslationBase.of(context).cancel_nocaps,
          okFunction: () => {
                ConfirmDialog.closeAlertDialog(context),
                Navigator.of(context).push(FadePage(page: Register())),
              },
          cancelFunction: () => {ConfirmDialog.closeAlertDialog(context)});
      dialog.showAlertDialog(context);
    });
  }

  void validateForm() {
    if (util.validateIDBox(nationalIDorFile.text, loginType) == true &&
        mobileNo.length >= 9 &&
        util.isSAUDIIDValid(nationalIDorFile.text, loginType) == true &&
        isHijri != null &&
        (dobEn.text != null || dob.text != null)) {
      setState(() {
        isButtonDisabled = false;
      });
    } else {
      setState(() {
        isButtonDisabled = true;
      });
    }
  }

  checkUserStatus(response, CheckPatientForRegistration request) async {
    GifLoaderDialogUtils.hideDialog(context);
    if (response is Map) {
      var nRequest = request.toJson();
      nRequest['LogInTokenID'] = response['LogInTokenID'];
      if (response['hasFile'] == true) {
        // AppToast.showErrorToast(message: response['ErrorEndUserMessage']);
        AlertDialogBox(
            context: context,
            confirmMessage: response['ErrorEndUserMessage'],
            okText: TranslationBase.of(context).ok,
            okFunction: () {
              AlertDialogBox.closeAlertDialog(context);
              Navigator.of(context).pop();
            }).showAlertDialog(context);
      } else {
        nRequest['forRegister'] = true;
        nRequest['isRegister'] = true;
        nRequest["PatientIdentificationID"] = nRequest["PatientIdentificationID"].toString();
        sharedPref.setObject(REGISTER_DATA_FOR_LOGIIN, nRequest);
        sharedPref.setString(LOGIN_TOKEN_ID, response['LogInTokenID']);
        this.chekUserData(response['LogInTokenID']);
      }
    } else {
      // if (response['ErrorCode'] == '-986') {
      //AppToast.showErrorToast(message: response);
      AlertDialogBox(
          context: context,
          confirmMessage: response,
          okText: TranslationBase.of(context).ok,
          okFunction: () {
            AlertDialogBox.closeAlertDialog(context);
            Navigator.of(context).pop();
          }).showAlertDialog(context);
      //}
    }
  }

  chekUserData(loginToken) {
    //  let m = hijri(this.dateOfBirth).locale('en');
    //     // const dateHijri = m.format('iDD/iMM/iYYYY');
    //     const request = {
    //         PatientIdentificationID: this.id.toString(),
    //         // TokenID: token,
    //         DOB: this.dateOption === '1' ? this.dateOfBirth : moment(this.dateOfBirth).format('DD/MM/YYYY'),
    //         IsHijri: Number(this.dateOption)
    //     }

    final intl.DateFormat dateFormat = intl.DateFormat('dd/MM/yyyy');
    GifLoaderDialogUtils.showMyDialog(context);
    var request = CheckUserStatusRequest();
    request.patientIdentificationID = nationalIDorFile.text;
    request.dOB = isHijri == 1 ? dob.text : dateFormat.format(selectedDate);
    request.isHijri = isHijri;
    request.patientOutSA = countryCode == '966' ? 0 : 1;
    this.authService.checkUserStatus(request).then((result) => {
          GifLoaderDialogUtils.hideDialog(context),
          if (result is Map)
            {
              result = CheckUserStatusResponse.fromJson(result),
              sharedPref.setObject(NHIC_DATA, result),
              Navigator.of(context).push(FadePage(page: ConfirmLogin(changePageViewIndex: widget.changePageViewIndex))),
            }
          else
            {AppToast.showErrorToast(message: result ? result : TranslationBase.of(context).somethingWentWrong)}
        });
  }
}