hcuExternalAccts.prg

<?php
  /*
   * File: hcuExternalAccts.prg
   *
   * Purpose:  Let the user configure external accounts for External Transfers. User will set up an external
   *           account and activate it. This will cause some micro transactions to occur behind the scenes. The user
   *           will eventually confirm the account by entering the micro amounts for validation. At that point the
   *           external account can be used by the Transfer feature. Logic exists to help avoid user re-trying the
   *           confirmation process.
   *
   *           This feature will be a single screen with dialogs to help enter information.
   *
   *
   */
  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');

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

    // ** Verify the feature is enabled for the Credit Union.
    $featureEnabled = Check_ExternalTransfersEnabled( $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_EXTERNAL_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 External accounts
    $noticesAry = Get_NoticeInfo($dbh, $HB_ENV, $MC, "D", "extAccountNotice", true);

    $hasNoticeEXT = false;
    $hasNoticePopupEXT = false;
    $noticeURLEXT = "";
    $noticeLinkDisplayEXT = "";

    if ( $noticesAry["status"]["code"] == "000" && HCU_array_key_exists('0', $noticesAry['notice'])) {
      if ($noticesAry["notice"][0]["notice_id"] ) {
        $hasNoticeEXT = true;
        $noticeLinkDisplayEXT = $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
        $noticeURLEXT = $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
        $hasNoticePopupEXT = $noticeOption["notice_popup"] ? true : false;
      }
    }

    // ** Retrieve the Terms of Use for External accounts
    $noticesAry = Get_NoticeInfo($dbh, $HB_ENV, $MC, "D", "extAccountTerms", true);

    $hasTermsEXT = false;
    $hasTermsPopupEXT = false;
    $termsURLEXT = "";
    $termsLinkDisplayEXT = "";

    if ( $noticesAry["status"]["code"] == "000" && HCU_array_key_exists('0', $noticesAry['notice'])) {
      if ($noticesAry["notice"][0]["notice_id"] ) {
        $hasTermsEXT = 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
        $termsURLEXT = $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
        $hasTermsPopupEXT = $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 -->
    <?php $statuses = Get_ExternalTransferStatusLookup( $MC ); ?>
  </div>
  <script >

    var extAcctGrid;
    var achAccountTypes = <?php echo HCU_JsonEncode( $accountTypes ); ?>;
    var extStatusLookup = <?php echo HCU_JsonEncode( $statuses ) ?>;
    var extGridList = [];
    var addAccountModel;
    var addAccountDialog;
    var window_stack = [];
    var extDetailDialog;
    var extValidateDialog;
    var deleteDialog;
    var dsHelper = null;

    // check for notices
    var terms = <?php echo HCU_JsonEncode($hasTermsEXT && $hasTermsPopupEXT); ?>;
    var notice = <?php echo HCU_JsonEncode($hasNoticeEXT && $hasNoticePopupEXT); ?>;

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

  function GetExternalAccounts( ) {
    var request = { action: "get_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 < extGridList.length; i++ ) {
      if ( extGridList[i].id == id ) {
        ShowValidationInput( extGridList[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 < extGridList.length; i++ ) {
      if ( extGridList[i].id == id ) {
        ShowExtAcctDetail( extGridList[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='editFormStatus' class='homecu-formStatus k-block k-error-colored' style='display:none; margin-bottom:10px;max-width:800px;'></div>" +
      "<div id='extAcctUpdate' class='well well-sm form-horizontal'>" +
         "<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' for='extNameOnAcctUpdate'><?php echo $MC->msg("EXT Name On Account", HCU_DISPLAY_AS_JS) ?></label>" +
          "<div class='col-xs-12 col-sm-7'>" +
            "<input id='extNameOnAcctUpdate' \
                    name='extNameOnAcctUpdate' \
                    maxlength='30' \
                    data-bind='value: extNameOnAccount, 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 Name On Account 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>" +
      "<div class=\"hcu-template\">" +
        "<div class=\"hcu-edit-buttons k-state-default\">" +
          "<span class=\"hcu-icon-delete\">" +
            "<a href=\"##\" id=\"lnkDelete\">" +
              "<i class=\"fa fa-trash fa-lg\"></i>" +
            "</a>" +
          "</span>" +
          "<a href=\"##\" id=\"lnkCancel\"><?php echo $MC->msg('Cancel', HCU_DISPLAY_AS_JS); ?></a>" +
          "&emsp;" +
          "<a href=\"##\" id=\"btnUpdate\" class=\"k-button k-primary\">" +
            "<i class=\"fa fa-check fa-lg\"></i><?php echo $MC->msg('Update', HCU_DISPLAY_AS_JS); ?>" +
          "</a>" +
        "</div>" +
      "</div>";

    extDetailDialog.content(content);
    $.homecuValidator.setup( {formStatusField: "editFormStatus", formValidate: "extAcctUpdate"} );
    kendo.bind($("#extAcctUpdate"), updateAccountModel);
    extDetailDialog.center();
    extDetailDialog.open();
  } // end ShowExtAcctDetail

  // Let the user input the validation values
  function ShowValidationInput( detailInfo ) {
    // initialize the observable
    updateAccountModel.ResetModel();
    updateAccountModel.set( "extAcctId", detailInfo.id );
    // set the retry and pending date
    updateAccountModel.set( "retries", detailInfo.retries );
    updateAccountModel.set( "pendingDate", detailInfo.pendingDate );


    var content =
      "<div id='validateFormStatus' class='homecu-formStatus k-block k-error-colored' style='display:none; margin-bottom:10px;max-width:800px;'></div>" +
      "<div id='extAcctValidate' class='well well-sm form-horizontal'>" +
        "<div class='form-group'>" +
          "<div class='col-xs-12 hcu-secondary-text'><?php echo $MC->msg("EXT Validate message", HCU_DISPLAY_AS_JS)  ?></div>" +
        "</div>" +
        "<div class='form-group'>" +
          "<label class='col-xs-12 col-sm-7' for='textNameUpdate'><?php echo $MC->msg("EXT Micro First", HCU_DISPLAY_AS_JS) ?></label>" +
          "<div class='col-xs-2 col-sm-1 leading-zero-fontsize local-align-leading-zero'>$0.</div>" +
          "<div class='col-xs-4 col-sm-4'>" +
            "<input id='extMicro1' \
                      name='extMicro1' \
                      maxlength='2' \
                      data-bind='value: extMicro1' \
                      type='number' \
                      class='hcu-all-100 validation-entry' \
                      required \
                      validationMessage = '<?php echo $MC->msg("EXT Micro required", HCU_DISPLAY_AS_JS) ?>' \
                      autocomplete='off' />" +
          "</div>" +
        "</div>" +
        "<div class='form-group'>" +
          "<label class='col-xs-12 col-sm-7' for='extMicro2'><?php echo $MC->msg("EXT Micro Second", HCU_DISPLAY_AS_JS) ?></label>" +
          "<div class='col-xs-2 col-sm-1 leading-zero-fontsize local-align-leading-zero'>$0.</div>" +
          "<div class='col-xs-4 col-sm-4'>" +
            "<input id='extMicro2' \
                    name='extMicro2' \
                    maxlength='2' \
                    data-bind='value: extMicro2' \
                    type='number' \
                    class='hcu-all-100 validation-entry' \
                    required \
                    validationMessage = '<?php echo $MC->msg("EXT Micro required", HCU_DISPLAY_AS_JS) ?>' \
                    autocomplete='off' />" +
          "</div>" +
        "</div>" +
        "<div class='form-group'>" +
            "<label class='col-xs-12 col-sm-7' for='textNameUpdate'><?php echo $MC->msg("EXT Retries Left", HCU_DISPLAY_AS_JS) ?></label>" +
            "<div class='col-xs-12 col-sm-5 leading-zero-fontsize'><span data-bind='text: retries'></span></div>" +
        "</div>" +
        "<div class='form-group'>" +
            "<label class='col-xs-12 col-sm-7' for='textNameUpdate'><?php echo $MC->msg("EXT Date Started", HCU_DISPLAY_AS_JS) ?></label>" +
            "<div class='col-xs-12 col-sm-5'><span data-bind='text: pendingDate'></span></div>" +
        "</div>" +
      "</div>" +
      "<div class=\"hcu-template\">" +
        "<div class=\"hcu-edit-buttons k-state-default\">" +
          "<a href=\"##\" id=\"lnkCancel\"><?php echo $MC->msg("Cancel", HCU_DISPLAY_AS_JS); ?></a>" +
          "&emsp;" +
          "<a href=\"##\" id=\"btnUpdate\" class=\"k-button k-primary\">" +
            "<i class=\"fa fa-check fa-lg\"></i><?php echo $MC->msg("Update", HCU_DISPLAY_AS_JS); ?>" +
          "</a>" +
        "</div>" +
      "</div>";

    extValidateDialog.content(content)
    $.homecuValidator.setup( {formStatusField: "validateFormStatus", formValidate: "extAcctValidate"} );
    kendo.bind($("#extAcctValidate"), updateAccountModel);
    extValidateDialog.center();
    extValidateDialog.open();

  } // end ShowValidationInput

  // 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;
    extGridList = [];

    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 == 'p' ) {
        retries = remoteInfo["verify"]["tries"];
        verificationStart = remoteInfo["verify"]["pending_date"];
        linkStr += "<a title='<?php echo $MC->msg("EXT Validate Account", HCU_DISPLAY_AS_JS) ?>' href='javascript:LaunchValidationDialog(" + accountInfo[i].id + ")'><div class='fa fa-flag text-info'></div></a>";
      } else 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: extStatusLookup[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
      };

      extGridList.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(extGridList);

  } // end HandleGetAccounts

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

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

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

  } // end HandleUpdateAccount

  function HandleValidateAccount( validationInfo ) {
    var idValidate = validationInfo["id"];

    // find the entry
    for ( var i = 0; i < extGridList.length; i++ ) {
      if ( extGridList[i].id == idValidate ) {
        // what we do depends on the status
        if ( validationInfo["status"] == "p" || validationInfo["status"] == "l" ) {
          // validation failed
          $.homecuValidator.displayMessage( validationInfo["message"], $.homecuValidator.settings.statusError );
          extGridList[i].retries = validationInfo["tries"];
          updateAccountModel.set( "retries", validationInfo["tries"] );
          if ( validationInfo["status"] == "l" ) {
            extGridList[i].status = validationInfo["status"];
            extGridList[i].statusName = extStatusLookup[validationInfo["status"]];
            var linkStr = "<a title='<?php echo $MC->msg("EXT Edit Account Info", HCU_DISPLAY_AS_JS) ?>' href='javascript:LaunchUpdateDialog(" + idValidate + ")'><div class='fa fa-pencil text-primary'></div></a><span class='hcu-icon-spacer'></span><div class='fa fa-lock text-danger'></div>";

            extGridList[i].linksStr = linkStr;
          }
        } else if ( validationInfo["status"] == "a" ) {
          extGridList[i].status = validationInfo["status"];
          extGridList[i].statusName = extStatusLookup[validationInfo["status"]];

            var linkStr = "<a title='<?php echo $MC->msg("EXT Edit Account Info", HCU_DISPLAY_AS_JS) ?>' href='javascript:LaunchUpdateDialog(" + idValidate + ")'><div class='fa fa-pencil text-primary'></div></a><span class='hcu-icon-spacer'></span><div class='fa fa-check text-success'></div>";
            extGridList[i].linksStr = linkStr;

          $.homecuValidator.displayMessage( validationInfo["message"] );
        }

        break;
      }
    }

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

  } // end HandleValidateAccount

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

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

  }

  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_accounts ) {
                HandleGetAccounts( results.homecuData.get_accounts);
              } else  if ( results.homecuData.add_account ) {
                // close the window
                addAccountDialog.close();

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

                // the same data gets returns as "get_accounts" if successful
                HandleGetAccounts( results.homecuData.add_account );
              } else  if ( results.homecuData.update_account ) {
                // close the window
                extDetailDialog.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.validate_account ) {
                // could return success or failure - "a" active means success
                if ( results.homecuData.validate_account["status"] == "a" ) {
                  // close the window
                  extValidateDialog.close();

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

                // update the local data with the new info
                HandleValidateAccount( results.homecuData.validate_account );
              } else  if ( results.homecuData.delete_account ) {
                // close the window
                extDetailDialog.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: "",
      extDFIRouting: "",
      extDFIAccount: "",
      extDFIConfirm: "",
      extDFISelectedType: "",
      dirtyFlag: false,
      ResetModel: function () {
        this.set( "extName", "" );
        this.set( "extNameOnAccount", "" );
        this.set( "extDFIRouting", "" );
        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_account";
        var request = {
          action: action,
          display_name: this.extName,
          name_on_account: this.extNameOnAccount,
          dfi_routing: this.extDFIRouting,
          dfi_account: this.extDFIAccount,
          dfi_account_type: this.extDFISelectedType
        };

        dsHelper.read( request );
      }
    });

    updateAccountModel = kendo.observable({
      extAcctId: 0,
      extName: "",
      extNameOnAccount: "",
      extMicro1: "",
      extMicro2: "",
      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( "extMicro1", "" );
        this.set( "extMicro2", "" );
        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 );
      },
      SendMicros: function () {
        var action = "validate_account";
        var request = {
          action: action,
          id: this.extAcctId,
          micro1: this.extMicro1,
          micro2: this.extMicro2
        };

        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: extGridList,
      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).kendoWindow({
      modal: true,
      visible: false,
      resizable: false,
      maxHeight: maxHeight,
      width: widthDialog,
      maxWidth: 700,
      minWidth: 300,
      title: "<?php echo $MC->msg("ACH Account Info", HCU_DISPLAY_AS_JS) ?>",
      activate: function() {
        // add the close function to the window stack
        window_stack.push(function(e) {
          if ( addAccountModel.dirtyFlag ) {
            discardDialog.open();
          } else {
            addAccountDialog.close(e);
          }
        });

        // set the form status so validation errors show on the form
        $.homecuValidator.setup({formValidate: "addAccountDialog", formStatusField: 'addFormStatus'});

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

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

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

        // masked for routing number (always 9 digits)
        if (!$("#singleRecipientRouting").data("kendoMaskedTextBox")) {
          $("#singleRecipientRouting").kendoMaskedTextBox({
              mask: "000000000",
              clearPromptChar: true
          });
        }

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

        // setup cancel and update links
        $("#addAccountDialog #btnUpdate").on("click", function(e) {
          e.preventDefault();

          // also check other things
          var otherErrors = Array();

          if ( addAccountModel.extDFIRouting.replace(/_/g, '').length != 9 || !(/^\d+$/.test(addAccountModel.extDFIRouting)) ) {
            // get the validation message from the component
            otherErrors.push( $("#singleRecipientRouting").attr( "validationMessage" ) );
          }
          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" ) );
          }

          $.homecuValidator.validate();
          var totalErrors = $.homecuValidator.homecuKendoValidator.errors();

          // cannot concat errors together because there may be duplicate errors
          for (var i = 0; i < otherErrors.length; i++) {
            if ($.inArray(otherErrors[i], totalErrors) == -1) {
              totalErrors.push(otherErrors[i]);
            }
          }

          if (totalErrors.length > 0) {
            $.homecuValidator.displayMessage(totalErrors, $.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;
            }
          }
        });

        $("#addAccountDialog #lnkCancel").on("click", function(e) {
          e.preventDefault();
          discardDialog.open();
        });
      },
      close: function() {
        // now remove the close function call
        window_stack.pop();

        // remove cancel/update functions
        $("#addAccountDialog #btnUpdate").off();
        $("#addAccountDialog #lnkCancel").off();
      }
    }).data("kendoWindow");

    var maxHeight = parseInt($(window).height() * .9, 10);
    extDetailDialog = $("#extDetailDialog").kendoWindow({
      modal: true,
      visible: false,
      resizable: false,
      title: "<?php echo $MC->msg("EXT Edit Account Info", HCU_DISPLAY_AS_JS) ?>",
      maxHeight: maxHeight,
      maxWidth: 700,
      minWidth: 300,
      activate: function() {
        // add the close function to the window stack
        window_stack.push(function(e) {
          if ( updateAccountModel.dirtyFlag ) {
            discardDialog.open();
          } else {
            extDetailDialog.close(e);
          }
        });

        // start with no focus
        $("#extNameUpdate").blur();

        // setup cancel / update / delete buttons
        $("#extDetailDialog #btnUpdate").on("click", function(e) {
          e.preventDefault();
          // validate the name
          if ($.homecuValidator.validate()) {
            if (updateAccountModel.dirtyFlag) {
              updateAccountModel.SendToServer();
            }
          }
        });

        $("#extDetailDialog #lnkCancel").on("click", function(e) {
          e.preventDefault();
          if (updateAccountModel.dirtyFlag) {
            discardDialog.open();
          } else {
            extDetailDialog.close();
          }
        });

        $("#extDetailDialog #lnkDelete").on("click", function(e) {
          e.preventDefault();
          deleteDialog.open();
        });
      },
      close: function() {
        // now remove the close function call
        window_stack.pop();

        // remove functions from cancel/delete/update
        $("#extDetailDialog #lnkCancel").off();
        $("#extDetailDialog #lnkDelete").off();
        $("#extDetailDialog #btnUpdate").off();
      }
    }).data("kendoWindow");

    extValidateDialog = $("#extValidateDialog").kendoWindow({
      modal: true,
      visible: false,
      resizable: false,
      title: "<?php echo $MC->msg("EXT Validate Account", HCU_DISPLAY_AS_JS); ?>",
      maxHeight: maxHeight,
      maxWidth: 700,
      minWidth: 300,
      activate: function() {
        // start with no focus
        $("#extNameUpdate").blur();

        // make into a numeric textbox
        if (!$("#extMicro1").data("kendoNumericTextBox")) {
          $("#extMicro1").kendoNumericTextBox({
            format: "00",
            spinners: false
          });
        }

        // make into a numeric textbox
        if (!$("#extMicro2").data("kendoNumericTextBox")) {
          $("#extMicro2").kendoNumericTextBox({
            format: "00",
            spinners: false
          });
        }

        // add the close function to the window stack
        window_stack.push(function(e) {
          if ( updateAccountModel.dirtyFlag ) {
            discardDialog.open();
          } else {
            extValidateDialog.close(e);
          }
        });

        // set focus on the contents after selecting
        $(".validation-entry").focus(function() {
            var input = $(this);

            clearTimeout(input.data("selectTimeId")); //stop started time out if any

            var selectTimeId = setTimeout(function()  {
                input.select();
            }, 10);

            input.data("selectTimeId", selectTimeId);
        }).blur(function(e) {
            clearTimeout($(this).data("selectTimeId")); //stop started timeout
        });

        // setup cancel / update / delete buttons
        $("#extValidateDialog #btnUpdate").on("click", function(e) {
          e.preventDefault();
          // see if locked
          if ( updateAccountModel.retries === 0 ) {
            return false;
          }

          $.homecuValidator.displayMessage("");

          // validate there are values
          var m1 = $("#extMicro1").data("kendoNumericTextBox");
          var m2 = $("#extMicro2").data("kendoNumericTextBox");
          if ($.homecuValidator.validate()) {
            if (m1.value() > 0 && m2.value() > 0) {
              // send in the deposit amounts
              updateAccountModel.SendMicros();
            }

          } else {
            $.homecuValidator.displayMessage( "<?php echo $MC->msg("EXT Micro required", HCU_DISPLAY_AS_JS) ?>", $.homecuValidator.settings.statusError );
          }
        });

        $("#extValidateDialog #lnkCancel").on("click", function(e) {
          e.preventDefault();
          if ( updateAccountModel.dirtyFlag ) {
            discardDialog.open();
          } else {
            extValidateDialog.close();
          }
        });
      },
      close: function() {
        // now remove the close function call
        window_stack.pop();

        // remove functions from cancel/update
        $("#extValidateDialog #lnkCancel").off();
        $("#extValidateDialog #btnUpdate").off();
      }
    }).data("kendoWindow");

    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");

    $("#extAddAccount").on("click", function() {
      $.homecuValidator.setup( {formStatusField: "addFormStatus", formValidate: "addAccountDialog"} );
      addAccountModel.ResetModel();
      addAccountDialog.center();
      addAccountDialog.open();
    });

    GetExternalAccounts();

    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 $termsURLEXT; ?>', "<?php echo $termsLinkDisplayEXT ?>",
        function() {
          InitScreen();
          if (notice) {
            ShowNotice('<?php echo $noticeURLEXT; ?>', "<?php echo $noticeLinkDisplayEXT ?>");
          }
        },
        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 $noticeURLEXT; ?>', "<?php echo $noticeLinkDisplayEXT ?>");
    } 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);
    }
  });

     // end HandleDeleteAccount

    </script>
    <script id="gridToolbar" type="text/x-kendo-template">
      <a class="k-button" href="\#" onclick="return addAccountDialog.center().open()"><span class="fa fa-plus"></span> <?php echo $MC->msg("EXT Add Account", HCU_DISPLAY_AS_JS) ?></a>
      <div id="extValidationMsg" class="hcu-secondary-text" style="margin-top: 10px; display:none;"><?php echo $MC->combo_msg("EXT Click to validate", HCU_DISPLAY_AS_RAW, "#validate_icon#", "<span class='fa fa-flag'></span>"); ?></div>
    </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="well well-sm 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("EXT Name On Account", 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("EXT Name On Account required", HCU_DISPLAY_AS_HTML); ?>"
                                                   required /></div>
          </div>
          <div class="form-group">
            <label for="singleRecipientRouting" class="col-xs-12 col-sm-4 control-label"><?php echo $MC->msg("ACH Routing Number", HCU_DISPLAY_AS_HTML); ?><span class="required-field"></label>
            <div class="col-xs-12 col-sm-6"><input id="singleRecipientRouting"
                                                   name="singleRecipientRouting"
                                                   class="hcu-all-100"
                                                   data-bind="value: extDFIRouting, events:{change: setDirty}"
                                                   homecu-minlen="9"
                                                   homecu-maxlen="9"
                                                   validationMessage="<?php echo $MC->msg("ACH Routing number 9 digits", 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('ACH Need remote account', 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('ACH Need remote account type', HCU_DISPLAY_AS_HTML) ?>"
                                                   required /></div>
          </div>
        </div>
        <div class="hcu-template">
          <div class="hcu-edit-buttons k-state-default">
            <a href="##" id="lnkCancel"><?php echo $MC->msg("Cancel", HCU_DISPLAY_AS_HTML); ?></a>
            &emsp;
            <a href="##" id="btnUpdate" class="k-button k-primary">
              <i class="fa fa-check fa-lg"></i><?php echo $MC->msg("Update", HCU_DISPLAY_AS_HTML); ?>
            </a>
          </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="extDetailDialog"></div>
    <div id="extValidateDialog"></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('EXT External 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');