hcuM2MAccts.prg

<?php
  /*
   * File: hcuM2MAccts.prg
   *
   * Purpose:  Let the user configure member to member accounts for M2M Transfers. User will set up an M2M
   *           account and activate it. At that point the M2M account can be used by the Transfer feature.
   *
   *           This feature will be a single screen with dialogs to help enter information.
   *
   *            This file leverages the External Account logic and will call the hcuExternalAccts.data and hcuExternalAccts.i files.
   *
   */
  require_once(dirname(__FILE__) . '/../library/permissions.i');


  // ** SET SCRIPT LEVEL VARIABLES
  $serviceShowInfo = true;
  $serviceLoadMenu = true;
  $serviceShowMenu = true;

  // ** INCLUDE MAIN GLOBAL SCRIPT -- Handles security / global variable values
  require_once(dirname(__FILE__) . '/../library/hcuService.i');
  require_once(dirname(__FILE__) . '/../library/hcuExternalAccts.i');

  // include common functions

  /********* functions ************/
  /********* end functions ********/


  // ** INSERT BUSINESS LOGIC FOR THIS FORM
  try {
    $Cu = $HB_ENV["Cu"];
    $Cn = $HB_ENV["Cn"];
    $chome = $HB_ENV["chome"];
    $Flang = $HB_ENV["Flang"];

    // get initial variables
    $inputVars = array();
    $varOk = array(
    );

    HCU_ImportVars($inputVars, "", $varOk);

    // ** INCLUDE PRE CONTENT SCRIPT
    require_once(dirname(__FILE__) . '/../includes/hcuPreContent.i');

    // do not allow m2m access if system is not live
    if ($HB_ENV['live'] == 0) {
      header ("Location: hcuPermNotice.prg?cu=" . HCU_array_key_value('Cu', $HB_ENV));
      // ** DO NOT CONTINUE
      exit;
    }

    // make sure the user can be here
    PermCheckFeatureScreen($dbh, $HB_ENV, $MC, FEATURE_M2M_TRANSFERS, 'create');

    // ** Verify the feature is enabled for the Credit Union.
// unresolves - need to fill out this function (and the one for external accounts)
    $featureEnabled = Check_M2MTransfersEnabled( $dbh, $HB_ENV );
    if ( $featureEnabled !== true ) {
      // * Feature NOT set
      throw new Exception( HCU_JsonEncode( $MC->msg('Option not set', HCU_DISPLAY_AS_HTML) ), 915 );
    }

    // ** Verify the user can access this feature.
    $permissionInputs = array( "feature" => FEATURE_M2M_TRANSFERS );
    $accessRights = Perm_AccessRights( $dbh, $HB_ENV, $permissionInputs );
    if ( !$accessRights["create"] ) {
      // * Rights NOT set
      throw new Exception( HCU_JsonEncode( $MC->msg('Rights not set', HCU_DISPLAY_AS_HTML) ), 915 );
    }

    // get some allowed amounts for client-side validation
    $limits = Perm_GetValidationLimits( $dbh, $HB_ENV, $permissionInputs );

    if ( $limits === false || !isset( $limits["count_per_day"] ) || !isset( $limits["group"]["count_per_day"] ) ) {
      // error occurred - assume count of zero
      $allowedCount = 0;
    } else {
      $allowedCount = intval( $limits["count_per_day"] );
    }

    $Fset = $HB_ENV["Fset"];




    // ** Retrieve the notice for MEMBER TO MEMBER
    // ** the user needs to accept these in order to make a
    // ** transfer using a member to member account.
    $noticesAry = Get_NoticeInfo($dbh, $HB_ENV, $MC, "D", "m2mAccountNotice", true);

    $hasNoticeM2M = false;
    $hasNoticePopupM2M = false;
    $noticeURLM2M = "";
    $noticeLinkDisplayM2M = "";

    if ( $noticesAry["status"]["code"] == "000" && HCU_array_key_exists('0', $noticesAry['notice'])) {
      if ($noticesAry["notice"][0]["notice_id"] ) {
        $hasNoticeM2M = true;
        $noticeLinkDisplayM2M = $noticesAry["notice"][0]["notice_linkdisplay"];

        $noticeOption = $noticesAry['notice'][0];

        $noticeOptions = Array (
              'docsid'      => $noticeOption['notice_id'],
              'docstype'    => $noticeOption['notice_type'],
              'device'      => 'D',
              'noticeOnly'  => '0',
              'expireTime'  => mktime() + 86400
          );

        $encryptedDocDetails= HCU_PayloadEncode($HB_ENV['Cu'], $noticeOptions);

        $noticeOptions['noticeOnly'] = 1;

        $encryptedDocDetailsNoticeOnly= HCU_PayloadEncode($HB_ENV['Cu'], $noticeOptions);

        // build the url encoded string
        // * For the popup terms
        $noticeURLM2M = $HB_ENV['homebankingpath'] . '/hcuViewNotice.prg?cu=' . $HB_ENV['cu'] . '&x=' . urlencode($encryptedDocDetails);

        // * For the regular Button
        $noticeURLNoticeOnly = $HB_ENV['homebankingpath'] . '/hcuViewNotice.prg?cu=' . $HB_ENV['cu'] . '&x=' . urlencode($encryptedDocDetailsNoticeOnly);

        // see if there is a popup notice
        $hasNoticePopupM2M = $noticeOption["notice_popup"] ? true : false;
      }
    }

    // ** Retrieve the Terms of Use for MEMBER TO MEMBER
    // ** the user needs to accept these in order to make a
    // ** transfer using a member to member account.
    $noticesAry = Get_NoticeInfo($dbh, $HB_ENV, $MC, "D", "m2mAccountTerms", true);

    $hasTermsM2M = false;
    $hasTermsPopupM2M = false;
    $termsURLM2M = "";
    $termsLinkDisplayM2M = "";

    if ( $noticesAry["status"]["code"] == "000" && HCU_array_key_exists('0', $noticesAry['notice'])) {
      if ($noticesAry["notice"][0]["notice_id"] ) {
        $hasTermsM2M = true;
        $noticeOption = $noticesAry['notice'][0];

        $noticeOptions = Array (
              'docsid'      => $noticeOption['notice_id'],
              'docstype'    => $noticeOption['notice_type'],
              'device'      => 'D',
              'noticeOnly'  => '0',
              'expireTime'  => mktime() + 86400
          );

        $encryptedDocDetails= HCU_PayloadEncode($HB_ENV['Cu'], $noticeOptions);

        $noticeOptions['noticeOnly'] = 1;

        $encryptedDocDetailsNoticeOnly= HCU_PayloadEncode($HB_ENV['Cu'], $noticeOptions);

        // build the url encoded string
        // * For the popup terms
        $termsURLM2M = $HB_ENV['homebankingpath'] . '/hcuViewNotice.prg?cu=' . $HB_ENV['cu'] . '&x=' . urlencode($encryptedDocDetails);

        // * For the regular Button
        $termsURLNoticeOnly = $HB_ENV['homebankingpath'] . '/hcuViewNotice.prg?cu=' . $HB_ENV['cu'] . '&x=' . urlencode($encryptedDocDetailsNoticeOnly);

        // see if there is a popup notice
        $hasTermsPopupM2M = $noticeOption["notice_popup"] ? true : false;

        $termsButtonText = $noticeOption["notice_linkdisplay"];
      }
    }

    /*
     * ** START CONTENT
     */

    // list the account types for remote account (for ach) - used in dropdown list
    $accountTypes = array( array( "type" => ACCOUNT_TYPE_CHECKING, "display" => $MC->msg("ACH Checking", HCU_DISPLAY_AS_HTML) ),
                           array( "type" => ACCOUNT_TYPE_SAVINGS, "display" => $MC->msg("ACH Savings", HCU_DISPLAY_AS_HTML) )
                         );

  ?>
 <div class="col-xs-12" style='font-size:12px;'>
      <div id="hcuAchTables" class="k-content" style="max-width:700px;"></div>
    <!-- set up the array with status names (these are the same for M2M accounts) -->
    <?php $statuses = Get_ExternalTransferStatusLookup( $MC ); ?>

  </div>
  <script >

  var extAcctGrid;
  var achAccountTypes = <?php echo HCU_JsonEncode( $accountTypes ); ?>;
  var statusLookup = <?php echo HCU_JsonEncode( $statuses ) ?>;
  var gridList = [];
  var addAccountModel;
  var addAccountDialog;
  var window_stack = [];
  var detailDialog;
  var deleteDialog;
  var dsHelper = null;

  // check for notices
  var terms = <?php echo HCU_JsonEncode($hasTermsM2M && $hasTermsPopupM2M); ?>;
  var notice = <?php echo HCU_JsonEncode($hasNoticeM2M && $hasNoticePopupM2M); ?>;

  // status will be shown in the default info location
  function ShowStatus( statusMessage ) {
    $.homecuValidator.settings.formStatusField = "formStatus";
    $.homecuValidator.settings.formInfoTitle = "";
    $.homecuValidator.displayMessage(statusMessage);
  }

  function GetM2MAccounts( ) {
    var request = { action: "get_m2m_accounts" };

    dsHelper.read( request );
  }

  // This is to launch the dialog from a link (for screenreaders).
  function LaunchValidationDialog( id ) {
    // find the right entry
    for ( var i = 0; i < gridList.length; i++ ) {
      if ( gridList[i].id == id ) {
        ShowValidationInput( gridList[i] );
        break;
      }
    }
  } // end LaunchValidationDialog

  // This is to launch the dialog from a link (for screenreaders).
  function LaunchUpdateDialog( id ) {
    // find the right entry
    for ( var i = 0; i < gridList.length; i++ ) {
      if ( gridList[i].id == id ) {
        ShowExtAcctDetail( gridList[i] );
        break;
      }
    }
  } // end LaunchUpdateDialog

  // Show the detail of the External Account info.
  function ShowExtAcctDetail( detailInfo ) {
    // initialize the observable
    updateAccountModel.ResetModel();
    updateAccountModel.set( "extAcctId", detailInfo.id );
    updateAccountModel.set( "extName", detailInfo.displayName );
    updateAccountModel.set( "extNameOnAccount", detailInfo.nameOnAccount );

    var content = "<div id='extAcctUpdate' class='form-horizontal'>" +
      "<div id='editFormStatus' class='homecu-formStatus k-block k-error-colored' style='display:none; margin-bottom:10px;max-width:800px;'></div>" +
       "<div class='form-group'>" +
          "<label class='col-xs-12 col-sm-5' for='extNameUpdate'><?php echo $MC->msg("EXT Display Name", HCU_DISPLAY_AS_JS) ?></label>" +
          "<div class='col-xs-12 col-sm-7'>" +
          "<input id='extNameUpdate' \
                  name='extNameUpdate' \
                  maxlength='20' \
                  data-bind='value: extName, events:{change: setDirty}' \
                  placeholder='<?php echo $MC->msg("ACH Required", HCU_DISPLAY_AS_JS) ?>' \
                  type='text' \
                  class='k-textbox k-autocomplete hcu-all-100' \
                  required \
                  validationMessage = '<?php echo $MC->msg("EXT Display Name required", HCU_DISPLAY_AS_JS) ?>' \
                  autocomplete='off' />" +
        "</div>" +
      "</div>" +
      "<div class='form-group'>" +
        "<label class='col-xs-12 col-sm-5'><?php echo $MC->msg("Status", HCU_DISPLAY_AS_JS) ?></label>" +
        "<div class='col-xs-12 col-sm-7'>" + detailInfo.statusName + "</div>" +
      "</div>" +
      "<div class='form-group'>" +
        "<label class='col-xs-12 col-sm-5'><?php echo $MC->msg("Account", HCU_DISPLAY_AS_JS) ?></label>" +
        "<div class='col-xs-12 col-sm-7'>" + detailInfo.account + "</div>" +
      "</div>" +
      "<div class='form-group'>" +
        "<label class='col-xs-12 col-sm-5'><?php echo $MC->msg("Type", HCU_DISPLAY_AS_JS) ?></label>" +
        "<div class='col-xs-12 col-sm-7'>" + detailInfo.type + "</div>" +
      "</div>" +
    "</div>";

    detailDialog.content(content).open().center();

  } // end ShowExtAcctDetail

  // Handle the account info returned from server. Use the status to set up correct string for the link cell.
  function HandleGetAccounts( accountInfo ) {
    var hasPending = false;
    gridList = [];

    for ( var i = 0; i < accountInfo.length; i++ ) {
      var remoteInfo = JSON.parse( accountInfo[i].remote_info );
      var remoteAccount = accountInfo[i]["remoteAccount"];

      var retries = 0;
      var verificationStart = "";
      var linkStr = "<a title='<?php echo $MC->msg("EXT Edit Account Info", HCU_DISPLAY_AS_JS) ?>' href='javascript:LaunchUpdateDialog(" + accountInfo[i].id + ")'><div class='fa fa-pencil text-primary'></div></a>";
      linkStr += "<span class='hcu-icon-spacer'></span>";
      if ( accountInfo[i].status == 'a' ) {
        linkStr += "<div class='fa fa-check text-success'></div>";
      } else if ( accountInfo[i].status == 'i' ) {
        linkStr += "<div class='fa fa-ban text-danger'></div>";
      } else if ( accountInfo[i].status == 'l' ) {
        // lowercase "L"
        linkStr += "<div class='fa fa-lock text-danger'></div>";
      } else {
        linkStr += "<div class='fa fa-question text-danger'></div>";
      }

      var newObject = {
        id: accountInfo[i].id,
        userId: accountInfo[i].user_id,
        displayName: accountInfo[i].display_name,
        nameOnAccount: accountInfo[i].name_on_account,
        status: accountInfo[i].status,
        statusName: statusLookup[accountInfo[i].status],
        linksStr: linkStr,
        account: remoteAccount,
        type: (remoteInfo.rdfi.type == 20 ? 
          "<?php echo $MC->msg("ACH Savings", HCU_DISPLAY_AS_JS) ?>" :
          "<?php echo $MC->msg("ACH Checking", HCU_DISPLAY_AS_JS) ?>"),
        retries: retries,
        pendingDate: verificationStart
      };

      gridList.push( newObject );

      // see if it is a pending
      if ( accountInfo[i].status == 'p' ) {
        hasPending = true;
      }

      if ( hasPending ) {
        $("#extValidationMsg").show();
      } else {
        $("#extValidationMsg").hide();
      }
    }

    // reset the data in the grid
    extAcctGrid.dataSource.data(gridList);

  } // end HandleGetAccounts

  function HandleUpdateAccount( updateInfo ) {
    var idUpdated = updateInfo["id"];

    // remove from the list
    for ( var i = 0; i < gridList.length; i++ ) {
      if ( gridList[i].id == idUpdated ) {
        gridList[i].displayName = updateInfo["display_name"];
        gridList[i].nameOnAccount = updateInfo["name_on_account"];
        break;
      }
    }

    // reset the data in the grid
    extAcctGrid.dataSource.data(gridList);

  } // end HandleUpdateAccount

  function HandleDeleteAccount( idToDelete ) {
    // remove from the list
    for ( var i = 0; i < gridList.length; i++ ) {
      if ( gridList[i].id == idToDelete ) {
        gridList.splice(i, 1);
        break;
      }
    }

    // reset the data in the grid
    extAcctGrid.dataSource.data(gridList);

  } // end HandleDeleteAccount

  function InitDataSources() {
    dsHelper = new kendo.data.DataSource({
      autoSync: false,
      batch: false,
      transport: {
        read: {
          url: 'hcuExternalAccts.data?cu=<?php echo $HB_ENV['cu']; ?>',
          dataType: "json",
          contentType: "application/x-www-form-urlencoded",
          type: "POST",
          cache: false
        }
      },
      schema: {
        parse: function(response) {
          // not showing data, so return empty array
          var display = [];
          return display;
        }
      },
      requestStart: function( e ) {
        ShowWaitWindow();
      },
      requestEnd: function( e ) {
        var error = null;
        var results = null;

        CloseWaitWindow();

        if ( e.response && e.response.Results ) {
          results = e.response.Results;

          // see if there is an error
          if ( results && results.homecuErrors )
            error = results.homecuErrors;

          if ( error && error.length > 0 ) {
            e.preventDefault();
            // make sure only old data
            dsHelper.cancelChanges();
            // show the error information
            $.homecuValidator.displayMessage(error, $.homecuValidator.settings.statusError);
          } else {

            if ( results && results.homecuInfo && (results.homecuInfo.length > 0) ) {
              ShowStatus( results.homecuInfo );
            }

            // handle any returned data
            if ( results && results.homecuData ) {
              if ( results.homecuData.get_m2m_accounts ) {
                HandleGetAccounts( results.homecuData.get_m2m_accounts);
              } else  if ( results.homecuData.add_m2m_account ) {
                // close the window
                addAccountDialog.close();

                // reset the default error form
                $.homecuValidator.settings.formStatusField = "formStatus";

                // the same data gets returns as "get_m2m_accounts" if successful
                HandleGetAccounts( results.homecuData.add_m2m_account );
              } else  if ( results.homecuData.update_account ) {
                // close the window
                detailDialog.close();

                // reset the default error form
                $.homecuValidator.settings.formStatusField = "formStatus";

                // the same data gets returns as "get_accounts" if successful
                HandleUpdateAccount( results.homecuData.update_account );
              } else  if ( results.homecuData.delete_account ) {
                // close the window
                detailDialog.close();

                // reset the default error form
                $.homecuValidator.settings.formStatusField = "formStatus";

                // the same data gets returns as "get_accounts" if successful
                HandleDeleteAccount( results.homecuData.delete_account );
              }

            }
          }
        } else {
          error = "<?php echo $MC->msg("Transport error", HCU_DISPLAY_AS_JS) ?>";
          $.homecuValidator.displayMessage(error, $.homecuValidator.settings.statusError);
        }
      },

      // code to run if the request fails; the raw request and
      // status codes are passed to the function
      error: function( e ) {
      }
    });
  }

  function InitDataViews() {
    addAccountModel = kendo.observable({
      extName: "",
      extNameOnAccount: "",
      extDFIAccount: "",
      extDFIConfirm: "",
      extDFISelectedType: "",
      dirtyFlag: false,
      ResetModel: function () {
        this.set( "extName", "" );
        this.set( "extNameOnAccount", "" );
        this.set( "extDFIAccount", "" );
        this.set( "extDFIConfirm", "" );
        this.set( "extDFISelectedType", "" );
        this.set( "dirtyFlag", false );
      },
      setDirty: function(e) {
        this.set( "dirtyFlag", true );
      },
      SendToServer: function () {
        var action = "add_m2m_account";
        var request = {
          action: action,
          display_name: this.extName,
          name_on_account: this.extNameOnAccount,
          dfi_account: this.extDFIAccount,
          dfi_account_type: this.extDFISelectedType
        };

        dsHelper.read( request );
      }
    });

    updateAccountModel = kendo.observable({
      extAcctId: 0,
      extName: "",
      extNameOnAccount: "",
      retries: 0,                         // read-only, for verfication step
      pendingDate: "",              // read-only, for verfication step
      dirtyFlag: false,
      ResetModel: function () {
        this.set( "extAcctId", 0 );
        this.set( "extName", "" );
        this.set( "extNameOnAccount", "" );
        this.set( "dirtyFlag", false );
      },
      setDirty: function(e) {
        this.set( "dirtyFlag", true );
      },
      SendToServer: function () {
        var action = "update_account";
        var request = {
          action: action,
          id: this.extAcctId,
          display_name: this.extName,
          name_on_account: this.extNameOnAccount
        };

        dsHelper.read( request );
      }
    });

    // set up an error validator in case of an error
    $.homecuValidator.setup({formErrorTitle: "<?php echo $MC->msg("Error Occurred", HCU_DISPLAY_AS_JS) ?>"});

    extAcctGrid = $('#extAcctGrid').kendoGrid({
      dataSource: gridList,
      autoBind: true,
      selectable: "cell",
      scrollable: true,
      toolbar: kendo.template($("#gridToolbar").html()),
      noRecords: {template: "<span class='hcu-secondary-text'><?php echo $MC->msg("EXT No Accounts", HCU_DISPLAY_AS_JS) ?></span>"},
      columns: [
        { field: "status",
          title: " ",
          template: "#= data.linksStr #",
          width: 65 },
        { field: "displayName",
          title: "<?php echo $MC->msg("Name", HCU_DISPLAY_AS_JS) ?>" },
        { field: "statusName",
          title: "<?php echo $MC->msg("Status", HCU_DISPLAY_AS_JS) ?>",
          width: 160,
          minScreenWidth: 567 },
        { field: "account",
          title: "<?php echo $MC->msg("ACH Account Info", HCU_DISPLAY_AS_JS) ?>",
          minScreenWidth: 374 }
      ],
      change: function(e) {
        e.preventDefault();
        $.homecuValidator.displayMessage( "" );

        var selectedCell = this.select();
        var selectedRow = selectedCell.closest("tr");
        var cellIndex = selectedCell.index();

        // get the values
        var currSelectedItem = extAcctGrid.dataItem(selectedRow);

        if ( cellIndex >= 1 ) {
          ShowExtAcctDetail( currSelectedItem );
        }

        selectedCell.removeClass( "k-state-selected" );
      }
    }).data('kendoGrid');

    var maxHeight = parseInt($(window).height() * .9, 10);
    var widthDialog = parseInt($(window).width() * .8, 10);
    var addAccountTemplate = $("#addAccountTemplate").html();
    addAccountDialog = $(addAccountTemplate).kendoDialog({
      visible: false,
      maxHeight: maxHeight,
      width: widthDialog,
      maxWidth: 700,
      title: "<?php echo $MC->msg("ACH Account Info", HCU_DISPLAY_AS_JS) ?>",
      show: function() {
        // add the close function to the window stack
        window_stack.push(function(e) {
          if ( addAccountModel.dirtyFlag ) {
            discardDialog.open();
          } else {
            addAccountDialog.close(e);
          }
        });

        // clean out any existing data
        addAccountModel.ResetModel();

        // need to strip out something Kendo added
        $('#addAccountDialog').css('overflow', '');

        // add the dropdown
        $("#achAccountType").kendoDropDownList({
          dataTextField: "display",
          dataValueField: "type",
          dataSource: achAccountTypes,
          optionLabel: {type: "", display: "<?php echo $MC->msg("ACH Select Type", HCU_DISPLAY_AS_JS) ?>"},
        });

        // bind the add model to the template
        kendo.bind($("#addAccountDialog"), addAccountModel);

        // set the form status so validation errors show on the form
        $.homecuValidator.setup({formValidate: "addAccountDialog", formStatusField: 'addFormStatus'});
      },
      close: function(e) {
        // now remove the close function call
        window_stack.pop();
      },
      actions: [
        { text: "<?php echo $MC->msg('Cancel', HCU_DISPLAY_AS_JS); ?>",
          action: function(e){
            if ( addAccountModel.dirtyFlag ) {
              discardDialog.open();
              return false;
            } else {
              return true;
            }
          }
        },
        {
          text: "<?php echo $MC->msg('Save', HCU_DISPLAY_AS_JS); ?>",
          action: function(e){
            $.homecuValidator.setup( {formValidate: "addAccountDialog", formStatusField: 'addFormStatus'} );
            if ( $.homecuValidator.validate() ) {
              // also check other things
              var otherErrors = Array();
              if ( addAccountModel.extDFIAccount.length < 1 ) {
                // get the validation message from the component
                otherErrors.push( $("#singleRecipientAccount").attr( "validationMessage" ) );
              }
              if ( addAccountModel.extDFIAccount !== addAccountModel.extDFIConfirm ) {
                // get the validation message from the component
                otherErrors.push( $("#singleRecipientConfirm").attr( "data-homecuCustomEquals-msg" ) );
              }
              if ( addAccountModel.extDFISelectedType === "" ) {
                // get the validation message from the component
                otherErrors.push( $("#achAccountType").attr( "validationMessage" ) );
              }

              if (otherErrors.length > 0) {
                $.homecuValidator.displayMessage(otherErrors, $.homecuValidator.settings.statusError);
              } else {
                // set up to report to the dialog's form
                $.homecuValidator.settings.formStatusField = "addFormStatus";

                if ( addAccountModel.dirtyFlag ) {
                  // send update to server
                  addAccountModel.SendToServer();

                  // don't close, in case an error is returned
                  return false;
                } else {
                  return true;
                }
              }
            }

            return false;
          },
          primary: true
        }]
    }).data("kendoDialog");

    var maxHeight = parseInt($(window).height() * .9, 10);
    detailDialog = $("#detailDialog").kendoDialog({
      visible: false,
      title: "<?php echo $MC->msg("ACH Account Info", HCU_DISPLAY_AS_JS) ?>",
      content: "<span class='hcu-secondary-text'><?php echo $MC->msg("Loading Data", HCU_DISPLAY_AS_JS) ?></span>",
      maxHeight: maxHeight,
      maxWidth: 700,
      open: function(e) {
      },
      show: function(e) {
        // add the close function to the window stack
        window_stack.push(function(e) {
          if ( updateAccountModel.dirtyFlag ) {
            discardDialog.open();
          } else {
            detailDialog.close(e);
          }
        });

        // validation
        $.homecuValidator.setup( {formStatusField: "editFormStatus", formValidate: "extAcctUpdate"} );

        // now that the dialog is visible, bind to the view model
        kendo.bind($("#extAcctUpdate"), updateAccountModel);

        // start with no focus
        $("#extNameUpdate").blur();
      },
      close: function(e) {
        // now remove the close function call
        window_stack.pop();
      },
      actions: [
        {
          text: "<?php echo $MC->msg("Delete", HCU_DISPLAY_AS_JS) ?>",
          action: function(e) {
            deleteDialog.open();
            return false;
          }
        },
        {
          text: "<?php echo $MC->msg("Cancel", HCU_DISPLAY_AS_JS) ?>",
          action: function(e){
            if ( updateAccountModel.dirtyFlag ) {
              discardDialog.open();
              return false;
            }
          }
        },
        {
          text: "<?php echo $MC->msg("Save", HCU_DISPLAY_AS_JS) ?>",
          action: function(e){
            // validate the name
            if ( $.homecuValidator.validate() ) {
              if ( updateAccountModel.dirtyFlag ) {
                // update the names
                updateAccountModel.SendToServer();

                // keep the window open in case of error
                return false;
              }
              return true;
            }
            return false;
          },
          primary: true
        }]
    }).data("kendoDialog");

    deleteDialog = $("#deleteDialog").kendoDialog({
      visible: false,
      title: "<?php echo $MC->msg("Delete", HCU_DISPLAY_AS_JS) ?>",
      content: "<p><?php echo $MC->msg("EXT Continue delete", HCU_DISPLAY_AS_JS) ?></p><p><?php echo $MC->msg("ACH Continue", HCU_DISPLAY_AS_JS) ?></p>",
      show: function(e) {
        // add the close function to the window stack
        window_stack.push(function(e) {
          deleteDialog.close(e);
        });
      },
      close: function(e) {
        // remove the close function from the window stack
        window_stack.pop();
      },
      actions: [{text: "<?php echo $MC->msg("No", HCU_DISPLAY_AS_JS) ?>"},
        {
          text: "<?php echo $MC->msg("Yes", HCU_DISPLAY_AS_JS) ?>",
          action: function(e){
            var request = { action: "delete_account",
                                     id: updateAccountModel.extAcctId };

            dsHelper.read( request );

            // Returning false will prevent the closing of the dialog
            return true;
          },
          primary: true
        }]
    }).data("kendoDialog");

    GetM2MAccounts();

    discardDialog = $("#discardDialog").kendoDialog({
      visible: false,
      title: "<?php echo $MC->msg("ACH Discard Changes?", HCU_DISPLAY_AS_JS) ?>",
      content: "<p><?php echo $MC->msg("ACH Discard changes warning", HCU_DISPLAY_AS_JS) ?></p><p><?php echo $MC->msg("ACH Continue", HCU_DISPLAY_AS_JS) ?></p>",
      show: function(e) {
        // add the close function to the window stack
        window_stack.push(function(e) {
          discardDialog.close(e);
        });
      },
      close: function(e) {
        // remove the close function from the window stack
        window_stack.pop();
      },
      actions: [{
        text: "<?php echo $MC->msg("No", HCU_DISPLAY_AS_JS) ?>",
        action: function(e) {
          // ** Close the current dialog
        }
      }, {
        text: "<?php echo $MC->msg("Yes", HCU_DISPLAY_AS_JS) ?>",
        primary: true,
        action: function(e) {
          // clear any dirty flags
          addAccountModel.ResetModel();
          updateAccountModel.ResetModel();

          // remove this dialog's close
          window_stack.pop();

          /* ** DISCARD CHANGES by calling prior window's close ** */
          var fn = window_stack[window_stack.length - 1];
          var ret = fn(e);
        }
      }]
    }).data("kendoDialog");
  }

  function InitScreen() {
    InitDataSources();
    InitDataViews();

    // initialize then show
    $("#ach-payment").show();
  }

  $(document).ready(function() {
    if (terms) {
      ShowNotice('<?php echo $termsURLM2M; ?>', "<?php echo $termsLinkDisplayM2M ?>",
        function() {
          InitScreen();
          if (notice) {
            ShowNotice('<?php echo $noticeURLM2M; ?>', "<?php echo $noticeLinkDisplayM2M ?>");
          }
        },
        function() {
          // if they do not accept, send them to banking accounts screen
          ShowWaitWindow();

          var urlInit = window.location.href.substring(0, window.location.href.indexOf("hcu"));
          var urlCu = "<?php echo $Cu ?>";
          var urlPage = "hcuAccounts.prg";
          var urlRedirect = urlInit + urlPage + "?cu=" + urlCu;

          window.location.replace(urlRedirect);
        }
      );
    } else if (notice) {
      InitScreen();
      ShowNotice('<?php echo $noticeURLM2M; ?>', "<?php echo $noticeLinkDisplayM2M ?>");
    } else {
      InitScreen();
    }
  });   // end ready function

  // Handle clicking on the overlay
  $(document).on("click", ".k-overlay", function (e) {
    if(window_stack.length > 0) {
      // get the close function from the stack, without poping it (the close will pop it)
      var fn = window_stack[window_stack.length - 1];
      var ret = fn(e);
    }
  });

    </script>
    <script id="gridToolbar" type="text/x-kendo-template">
      <a class="k-button" href="\#" onclick="return addAccountDialog.open()"><span class="fa fa-plus"></span>&nbsp; <?php echo $MC->msg("EXT Add Account", HCU_DISPLAY_AS_JS) ?></a>
    </script>
    <script id="addAccountTemplate" type="text/x-kendo-template">
      <div id="addAccountDialog" class="container-fluid hcu-scrolling-dialog">
        <div id="addFormStatus" class="homecu-formStatus k-block k-error-colored" style="display:none; margin-bottom:10px;max-width:800px;"></div>
        <div class="form-horizontal">
          <div class="form-group">
            <div class="col-xs-12 hcu-secondary-text">&nbsp;<?php echo $MC->msg("EXT All Required", HCU_DISPLAY_AS_HTML); ?></div>
          </div>
          <div class="form-group">
            <label for="singleDisplayName" class="col-xs-12 col-sm-4 control-label"><?php echo $MC->msg("ACH Display Name", HCU_DISPLAY_AS_HTML) ?></label>
            <div class="col-xs-12 col-sm-6">
              <input type="text"
                     id="singleDisplayName"
                     name=singleDisplayName"
                     class="k-textbox hcu-all-100"
                     maxlength="20"
                     data-bind="value: extName, events:{change: setDirty}"
                     validationMessage="<?php echo $MC->msg("ACH Unique display name required", HCU_DISPLAY_AS_HTML) ?>"
                     required />
            </div>
          </div>
          <div class="form-group">
            <div class="col-xs-12 h4">&nbsp;<?php echo $MC->msg("ACH Remote Account", HCU_DISPLAY_AS_HTML); ?></div>
          </div>
          <div class="form-group">
            <label for="extNameOnAccount" class="col-xs-12 col-sm-4 control-label"><?php echo $MC->msg("M2M Last Name", HCU_DISPLAY_AS_HTML); ?><span class="required-field"></label>
            <div class="col-xs-12 col-sm-6"><input id="extNameOnAccount"
                                                   name="extNameOnAccount"
                                                   class="k-textbox hcu-all-100"
                                                   maxlength="30"
                                                   data-bind="value: extNameOnAccount, events:{change: setDirty}"
                                                   validationMessage="<?php echo $MC->msg("M2M Last Name Required", HCU_DISPLAY_AS_HTML); ?>"
                                                   required /></div>
          </div>
          <div class="form-group">
            <label for="singleRecipientAccount" class="col-xs-12 col-sm-4 control-label"><?php echo $MC->msg("ACH Account", HCU_DISPLAY_AS_HTML) ?></label>
            <div class="col-xs-12 col-sm-6"><input type="text"
                                                   name="singleRecipientAccount"
                                                   id="singleRecipientAccount"
                                                   class="k-textbox hcu-all-100 account-match"
                                                   maxlength="20"
                                                   data-bind="value: extDFIAccount, events:{change: setDirty}"
                                                   validationMessage="<?php echo $MC->msg('Account Number Missing', HCU_DISPLAY_AS_HTML); ?>"
                                                   required /></div>
          </div>
          <div class="form-group">
            <label for="singleRecipientAccountConfirm" class="col-xs-12 col-sm-4 control-label"><?php echo $MC->msg('ACH Confirm Account', HCU_DISPLAY_AS_HTML); ?></label>
            <div class="col-xs-12 col-sm-6"><input type="text"
                                                   id="singleRecipientConfirm"
                                                   name="singleRecipientConfirm"
                                                   class="k-textbox hcu-all-100 account-match"
                                                   maxlength="20"
                                                   homecu-equals="account-match"
                                                   data-homecuCustomEquals-msg="<?php echo $MC->msg('ACH Accounts no match', HCU_DISPLAY_AS_HTML); ?>"
                                                   data-bind="value: extDFIConfirm, events:{change: setDirty}"
                                                   validationMessage="<?php echo $MC->msg('Account Number Missing', HCU_DISPLAY_AS_HTML); ?>"
                                                   required /></div>
          </div>
          <div class="form-group">
            <label for="achAccountType" class="col-xs-12 col-sm-4 control-label"><?php echo $MC->msg('Account Type', HCU_DISPLAY_AS_HTML); ?></label>
            <div class="col-xs-12 col-sm-5"><input id="achAccountType"
                                                   name="achAccountType"
                                                   class="hcu-all-100"
                                                   data-bind="value: extDFISelectedType, events:{change: setDirty}"
                                                   validationMessage="<?php echo $MC->msg('Account Type Missing', HCU_DISPLAY_AS_HTML) ?>"
                                                   required /></div>
          </div>
      </div>
    </script>
    <div id="disclosureWindow" name="disclosureWindow"></div>
    <div id="discardDialog"></div>
    <style type="text/css">
          .hcu-scrolling-dialog {
            overflow-y: auto;
          }
          .k-grid-content {
             max-height: 400px;
          }
        .account-rows .k-grid-content tr td {
          border-left-width: 0;
        }
        .k-grid .k-grid-content tr:hover {
          cursor: pointer;
        }
        .leading-zero-fontsize {
          font-size: 1.8em;
        }
         .local-align-leading-zero {
          text-align: right;
          padding-top:5px;
         }
        .hcu-icon-spacer {
          margin-right: 20px;
        }

          /* Small devices @screen-sm-min (tablets, 768px and up) */
          @media (min-width: 768px) {
          }

          /* Medium devices @screen-md-min (desktops, 992px and up) */
          @media (min-width: 992px) {
          }
    </style>
    <div id="detailDialog"></div>
    <div id="deleteDialog"></div>
    <div class="k-content col-xs-12" id="ach-payment" style="max-width:700px; display: none;">
      <div class="form-horizontal">
        <div class="well well-sm">
          <div class="form-group">
            <div class="col-xs-12 h4"><?php echo $MC->msg('M2M Accounts', HCU_DISPLAY_AS_HTML) ?></div>
          </div>
          <div class="form-group">
            <div class="col-xs-12 "><div class="account-rows" id="extAcctGrid"></div></div>
          </div>
        </div>
      </div>
    </div>

  <?php
  } catch (Exception $ex) {
    // * Include the Error page and then end the content
    // NOTE: this is for when the page is first loading
    $serviceErrorMsg = HCU_JsonDecode($ex->getMessage());

    $serviceErrorCode = $ex->getCode();   // this chooses which error page to show

    require_once(dirname(__FILE__) . '/../includes/hcuErrorPage.i');
  }
    /*
     * ** END CONTENT
     */


    // ** INCLUDE POST CONTENT SCRIPT
    require_once(dirname(__FILE__) . '/../includes/hcuPostContent.i');