hcuAlerts.prg

<?php
  /*
   * File: hcuAlerts.prg
   *
   * Purpose:  To show the alerts for the member.  They can add new ones or edit
   *           existing alerts.
   *
   */

  // ** 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');


  /*
   * ** CHECK USER FEATURE PERMISSIONS **
   * NOTE: DOES NOT RETURN ON FAILURE
   */
  PermCheckFeatureScreen($dbh, $HB_ENV, $MC, FEATURE_ALERTS);

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

  // ** SET VARIABLES FOR WEBSITE FLAGS
  $alertsCalcRunBal = ($HB_ENV['Fset'] & GetFlagsetValue("CU_CALCRUNBAL")) == GetFlagsetValue("CU_CALCRUNBAL");

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

  // ** Verify the feature is enabled for the Credit Union.
  $alertsEnabled = Check_AlertsEnabled( $dbh, $HB_ENV );
  if ( $alertsEnabled === false ) {
    // * Feature NOT set
    // * Include the Error page and exit
    $serviceErrorMsg = $MC->msg('Option not set', HCU_DISPLAY_AS_HTML);
    $serviceErrorCode = '915';

    require_once(dirname(__FILE__) . '/../includes/hcuErrorPage.i');
    // ** DO NOT CONTINUE
    exit;
  }

  // ** Retrieve the notice for alerts
    $noticesAry = Get_NoticeInfo($dbh, $HB_ENV, $MC, "D", "alertNotice", true);

    $hasNoticeALT = false;
    $hasNoticePopupALT = false;
    $noticeURLALT = "";
    $noticeLinkDisplayALT = "";

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

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

    $hasTermsALT = false;
    $hasTermsPopupALT = false;
    $termsURLALT = "";
    $termsLinkDisplayALT = "";

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

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

    // include common functions

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

  /*
   * ** START ALERT GRID CONTENT
   */

  /*
   * Get the default email and cell number
   */
  $return = Get_AlertDefaultEmail( $dbh, $HB_ENV );
  $defaultEmail = $return["data"];

  // Get the cell phone defaults -- get this from a union of all the different types of alerts
    // table -- use the cell phone used most often
  $return = Get_AlertDefaultCell( $dbh, $HB_ENV );

  $defaultCell = $return["data"]["cell_number"];

  $overdueList = array( array("text" => $MC->msg('Is Due', HCU_DISPLAY_AS_RAW), "daysPrior" => "0"),
                        array("text" => $MC->msg('5 Days Prior', HCU_DISPLAY_AS_RAW), "daysPrior" => "5"),
                        array("text" => $MC->msg('10 Days Prior', HCU_DISPLAY_AS_RAW), "daysPrior" => "10"),
                      );

  // List the choices for transactions
  $transList = array( array("text" => $MC->msg('both types of transactions', HCU_DISPLAY_AS_RAW), "value" => "B"),
                        array("text" => $MC->msg('deposits only', HCU_DISPLAY_AS_RAW), "value" => "D"),
                        array("text" => $MC->msg('withdrawals only', HCU_DISPLAY_AS_RAW), "value" => "W"),
                      );

  /*
   * List the headers for use by the grid (with necessary translation).
   *
   */
  $gridHeaders = array( $MC->msg('Member Number', HCU_DISPLAY_AS_RAW),
                        $MC->msg('Account', HCU_DISPLAY_AS_RAW),
                        $MC->msg('Alert Type', HCU_DISPLAY_AS_RAW),
                        $MC->msg('Send', HCU_DISPLAY_AS_RAW),
                        $MC->msg('Alert Message', HCU_DISPLAY_AS_RAW),
                        $MC->msg('Alerted On', HCU_DISPLAY_AS_RAW) );

  // get the type (names) of alerts
  $return = Get_AlertTypes( $MC );
  $alertTypes = $return["data"];

  $alertAccounts = array();
  $alertAccounts[] = array(
    "description" => $MC->msg('Select account', HCU_DISPLAY_AS_RAW),
    "acct_ident" => "",
    "bal_allowed" => true,
    "trans_allowed" => true,
    "check_allowed" => true,
    "loan_allowed" => true
  );

  $accts = Get_AlertAccountList( $dbh, $HB_ENV );
  for ($i = 0; $i < count($accts['data']); $i++) {
    $alertAccounts[] = $accts['data'][$i];
  }
?>

<script type="text/javascript">
  var hcuGridHeaders = <?php echo HCU_JsonEncode($gridHeaders); ?>;
  var hcuOverdueChoices = <?php echo HCU_JsonEncode($overdueList); ?>;
  var hcuTransChoices = <?php echo HCU_JsonEncode($transList); ?>;
  var hcuAlertTypes = <?php echo HCU_JsonEncode( $alertTypes ); ?>;
  var hcuAlertAccounts = <?php echo HCU_JsonEncode( $alertAccounts ); ?>;
  var hcuCalcRunBal = <?php echo HCU_JsonEncode( $alertsCalcRunBal ); ?>;

  var window_stack = [];

  // populated dynamically
  var hcuNewAlertList = [];
  var hcuBalanceAccounts = [];
  var hcuTransAccounts = [];
  var hcuCheckAccounts = [];
  var hcuLoanAccounts = [];
  var hcuSelAcctList = [];
  var hcuAlertScreenCreated = false;

  // save member's alert accounts as we get them
  var savedMemberAccounts = [];
  var savedAlertRow = null;

  var wnd, wndDelete;
  var alertData;
  var alertTypeForCallback;

  var dsAlerts = null;
  var dsOneAlert = null;
  var alertTemplate = null;
  var alertViewModel = null;

  // check for notices
  var terms = <?php echo HCU_JsonEncode($hasTermsALT && $hasTermsPopupALT); ?>;
  var notice = <?php echo HCU_JsonEncode($hasNoticeALT && $hasNoticePopupALT); ?>;

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

  function ClearStatus( ) {
    $.homecuValidator.settings.formInfoTitle = "";
    $.homecuValidator.displayMessage(null);
  }

  function ResetAlertScreen(alertId) {
    var screenTitle = null;
    // reset screen
    if (alertId === 0) {
      screenTitle = "<?php echo $MC->msg('Add Alert', HCU_DISPLAY_AS_JS) ?>";
    } else {
      screenTitle = "<?php echo $MC->msg('Edit Alert', HCU_DISPLAY_AS_JS) ?>";
    }

    $("#hcuEditAlerts").empty();
    $("#hcuEditAlerts").html(alertTemplate({ screen: screenTitle }));
    kendo.bind($("#hcuEditAlerts"), alertViewModel);

    // set up some validation
    $.homecuValidator.setup({
      formValidate: "hcuEditAlerts",
      formStatusField: "formStatus",
      formErrorTitle: "<?php echo $MC->msg("Error Occurred", HCU_DISPLAY_AS_JS) ?>",
    });
  }

  // Call this function when the type of alert is known
  function StartAlert( initialData ) {
    // Clear out any old message
    ClearStatus();

    var subAccountList;
    // set up an empty data set
    if ( initialData.type === "bal" ) {
      alertViewModel.set( "notifyAmt", initialData.notifyamt );
      alertViewModel.set( "cbIncBal", initialData.incbal === "1" );
      alertViewModel.set( "cbUseAvailBal", initialData.useavailbal === "1" );
      alertViewModel.set( "typeName", "<?php echo Get_AlertDesc( "bal", $MC )["data"] ?>" );
    } else if ( initialData.type === "trans" ) {
      alertViewModel.set( "notifyDesc", initialData.notifydesc );
      alertViewModel.set( "cbIncBal", initialData.incbal === "1" );
      alertViewModel.set( "cbIncAmt", initialData.incamt === "1" );
      alertViewModel.set( "cbUseRange", initialData.notifyrange === "1" );
      alertViewModel.set( "transAmtMin", initialData.notifyamtmin );
      alertViewModel.set( "transAmtMax", initialData.notifyamtmax );
      alertViewModel.set( "transType", initialData.notifytranstype );
      alertViewModel.set( "typeName", "<?php echo Get_AlertDesc( "trans", $MC )["data"] ?>" );
      alertViewModel.set( "inctransdesc", initialData.inctransdesc === "" ? "0" : initialData.inctransdesc );
    } else if ( initialData.type === "check" ) {
      alertViewModel.set( "chkNum", initialData.notifychknum );
      alertViewModel.set( "cbIncAmt", initialData.incamt === "1" );
      alertViewModel.set( "typeName", "<?php echo Get_AlertDesc( "check", $MC )["data"] ?>" );
    } else if ( initialData.type === "loan" ) {
      alertViewModel.set( "selectedOverdue", initialData.alert_days_prior );
      alertViewModel.set( "typeName", "<?php echo Get_AlertDesc( "loan", $MC )["data"] ?>" );
    } else {
      alertViewModel.set( "typeName", "" );
    }

    // set up the common values
    alertViewModel.set( "alertType", initialData.type );
    alertViewModel.set( "alertId", initialData.id );
    alertViewModel.set( "notifyMsg.value", initialData.notifymsg );

    // default to e-mail to start
    alertViewModel.set( "weType", initialData.emailtype );
    alertViewModel.set( "notifyTo", initialData.notifyto );

    // disable some buttons
    alertViewModel.set( "alertBack", "<?php echo $MC->msg('Delete Alert', HCU_DISPLAY_AS_JS) ?>" );
    alertViewModel.set( "showDeleteIcon", alertViewModel.alertBack === "<?php echo $MC->msg('Delete Alert', HCU_DISPLAY_AS_JS) ?>" );
    alertViewModel.set( "showBackIcon", alertViewModel.alertBack !== "<?php echo $MC->msg('Delete Alert', HCU_DISPLAY_AS_JS) ?>" );
    alertViewModel.set( "alertAction", "<?php echo $MC->msg('Next', HCU_DISPLAY_AS_JS) ?>" );
    alertViewModel.set( "showSaveIcon", alertViewModel.alertAction === "<?php echo $MC->msg('Save', HCU_DISPLAY_AS_JS) ?>" );
    alertViewModel.set( "showNextIcon", alertViewModel.alertAction !== "<?php echo $MC->msg('Save', HCU_DISPLAY_AS_JS) ?>" );

    if ( hcuNewAlertList.length < 2 ) {
      // set up an array with no choices as a default
      var ary = {};
      ary["name"] = "<?php echo $MC->msg('Select New Alert', HCU_DISPLAY_AS_JS) ?>";
      ary["value"] = "";
      hcuNewAlertList.push(ary);
      for(var i = 0; i < hcuAlertTypes.length; i++) {
        hcuNewAlertList.push(hcuAlertTypes[i]);
      }
      alertViewModel.set( "alertChoice", new kendo.data.ObservableArray(hcuNewAlertList) );
    }

    alertViewModel.set( "selectedAlert", initialData.type );

    if ( initialData.id > 0 ) {
      // editing
      alertViewModel.set( "alertEditAccount", initialData.accountnumber );
      alertViewModel.set( "alertShowEdit", true );
      alertViewModel.set( "alertShowNew", false );
      alertViewModel.set( "selectedAcct", initialData.selacct);
    } else {
      // adding
      // set up the notify to the default email choice
      alertViewModel.set( "notifyTo", "<?php echo trim( $defaultEmail ) ?>" );

      alertViewModel.set( "alertShowEdit", false );
      alertViewModel.set( "alertShowNew", true );
      alertViewModel.set( "selectedAcct", "");
    }

    if ( alertViewModel.weType === "E" ) {
      alertViewModel.set( "notifyToEmail", alertViewModel.notifyTo );
      // set up the default cell choice
      alertViewModel.set( "notifyToCell", "<?php echo trim( $defaultCell ) ?>" );
    } else {
      alertViewModel.set( "notifyToCell", alertViewModel.notifyTo );
      // set up the default email choice
      alertViewModel.set( "notifyToEmail", "<?php echo trim( $defaultEmail ) ?>" );
    }

    if ( !hcuAlertScreenCreated ) {

      ShowAlertBody();
      $("#tabGrid").hide();
      $("#tabEdit").show();

      $("#noticeButton").hide();
      $("#termsButton").hide();
    } else {
      // start at first step
      ShowAlertBody();
      $("#tabGrid").hide();
      $("#tabEdit").show();

      $("#noticeButton").hide();
      $("#termsButton").hide();

      // set screen title
        if (initialData.id === 0) {
          $("#tabEdit h3").text("<?php echo $MC->msg('Add Alert', HCU_DISPLAY_AS_JS) ?>");
        } else {
          $("#tabEdit h3").text("<?php echo $MC->msg('Edit Alert', HCU_DISPLAY_AS_JS) ?>");
        }
    }
  }

  function ShowAlertBody() {
    // change which alert type screen is shown
    alertViewModel.set( "progressAccount", true );
    alertViewModel.set( "progressMsg", true );
    alertViewModel.set( "progressNotify", true );

    // set required attribtues based on alert type selection
    // if not alert type (typically new alert) is selected
    // remove all required attribtues until one is selected.
    // if one is selected, set appropriate required fields.
    $("*[required]").removeAttr("required");
    $("#alertChoice").attr("required", "required");
    if ( alertViewModel.selectedAlert === "bal" ) {
      alertViewModel.set( "isBalAlertVisible", true );
      alertViewModel.set( "isTransAlertVisible", false );
      alertViewModel.set( "isCheckAlertVisible", false );
      alertViewModel.set( "isLoanAlertVisible", false );
      alertViewModel.set( "showCustomMsg", false );

      $("#accountChoice").attr("required", "required");
      $("#notifyamt").attr("required", "required");
      $("#notifymsg").attr("required", "required");
      $("#inctransdesc0").prop("checked", "checked");
      changeDesc();
      toggleNotify();
    } else if ( alertViewModel.selectedAlert === "trans" ) {
      alertViewModel.set( "isBalAlertVisible", false );
      alertViewModel.set( "isTransAlertVisible", true );
      alertViewModel.set( "isCheckAlertVisible", false );
      alertViewModel.set( "isLoanAlertVisible", false );
      alertViewModel.set( "showCustomMsg", true );

      $("#accountChoice").attr("required", "required");
      $("#notifydesc").attr("required", "required");
      $("#notifymsg").attr("required", "required");
      if (alertViewModel.inctransdesc == "0") {
        $("#inctransdesc0").prop("checked", "checked");
      } else {
        $("#inctransdesc1").prop("checked", "checked");
      }
      toggleTransCheck();
      changeDesc();
      toggleNotify();
    } else if ( alertViewModel.selectedAlert === "check" ) {
      alertViewModel.set( "isBalAlertVisible", false );
      alertViewModel.set( "isTransAlertVisible", false );
      alertViewModel.set( "isCheckAlertVisible", true );
      alertViewModel.set( "isLoanAlertVisible", false );
      alertViewModel.set( "showCustomMsg", false );

      $("#accountChoice").attr("required", "required");
      $("#chknum").attr("required", "required");
      $("#notifymsg").attr("required", "required");
      $("#inctransdesc0").prop("checked", "checked");
      changeDesc();
      toggleNotify();
    } else if ( alertViewModel.selectedAlert === "loan" ) {
      alertViewModel.set( "isBalAlertVisible", false );
      alertViewModel.set( "isTransAlertVisible", false );
      alertViewModel.set( "isCheckAlertVisible", false );
      alertViewModel.set( "isLoanAlertVisible", true );
      alertViewModel.set( "showCustomMsg", false );

      $("#accountChoice").attr("required", "required");
      $("#notifymsg").attr("required", "required");
      $("#inctransdesc0").prop("checked", "checked");
      changeDesc();
      toggleNotify();
    } else {
      alertViewModel.set( "isBalAlertVisible", false );
      alertViewModel.set( "isTransAlertVisible", false );
      alertViewModel.set( "isCheckAlertVisible", false );
      alertViewModel.set( "isLoanAlertVisible", false );
      alertViewModel.set( "progressAccount", false );
      alertViewModel.set( "progressMsg", false );
      alertViewModel.set( "progressNotify", false );
    }

    // now figure out some things to show based on alert type
    if ( alertViewModel.selectedAlert === "loan" ) {
      alertViewModel.set( "showAdditionalOptions", false );
    } else {
      alertViewModel.set( "showAdditionalOptions", true );
    }


    if ( alertViewModel.selectedAlert == "bal" || (alertViewModel.selectedAlert == "trans" && !hcuCalcRunBal) ) {
      alertViewModel.set( "showIncludeBalance", true );
    } else {
      alertViewModel.set( "showIncludeBalance", false );
    }
    if ( alertViewModel.selectedAlert === "bal" ) {
      alertViewModel.set( "showUseAvailBal", true );
      alertViewModel.set( "showIncAmt", false );    // don't show for balance
    } else {
      alertViewModel.set( "showUseAvailBal", false );
      alertViewModel.set( "showIncAmt", true );
      // these only show if showIncAmt is set to true
      if ( alertViewModel.selectedAlert === "check" ) {
        alertViewModel.set( "showIncCheckAmt", true );
        alertViewModel.set( "showIncTransAmt", false );
      } else {
        alertViewModel.set( "showIncCheckAmt", false );
        alertViewModel.set( "showIncTransAmt", true );
      }
    }

    alertViewModel.set( "disableBackButton", false );
    alertViewModel.set( "disableSaveButton", false );


    var subAcctList = [];
    var subAcctFilter = {};
    if ( alertViewModel.selectedAlert === "bal" ) {
      subAcctList = hcuBalanceAccounts;
      subAcctFilter = { field: "bal_allowed", operator: "eq", value: true };
    } else if ( alertViewModel.selectedAlert === "trans" ) {
      subAcctList = hcuTransAccounts;
      subAcctFilter = { field: "trans_allowed", operator: "eq", value: true };
    } else if ( alertViewModel.selectedAlert === "check" ) {
      subAcctList = hcuCheckAccounts;
      subAcctFilter = { field: "check_allowed", operator: "eq", value: true };
    } else if ( alertViewModel.selectedAlert === "loan" ) {
      subAcctList = hcuLoanAccounts;
      subAcctFilter = { field: "loan_allowed", operator: "eq", value: true };
    }

    // filter sub-accounts list here since the list can be null
    // when checking in the StartAlert function
    if ($("#accountChoice").data("kendoDropDownList")) {
      $("#accountChoice").data("kendoDropDownList").dataSource.filter(subAcctFilter);
    }
  }

  // Initialize the data for a new alert.
  // NOTE: This needs to look like the data structure in the dsAlerts data source;
  //        but just the necessary fields are initialized.
  function InitDataForAlert( alertType ) {
    alertData = new Object();
    // initialize common values
    alertData.alert_days_prior = 0;  // loan
    // default to e-mail to start
    alertData.emailtype = "E";
    alertData.id = 0;
    alertData.incamt = "0";           // check, trans
    alertData.incbal = "0";           // bal, trans
    alertData.notifyamt = "";         // bal
    alertData.notifyamtmax = "";      // trans
    alertData.notifyamtmin = "";      // trans
    alertData.notifychknum = "";      // check
    alertData.notifydesc = "";        // trans
    alertData.notifymsg = "";
    alertData.notifyrange = "0";      // trans
    alertData.notifyto = "";
    alertData.notifyToEmail = "<?php echo trim( $defaultEmail ) ?>";
    alertData.notifyToCell = "<?php echo trim( $defaultCell ) ?>";
    alertData.notifytranstype = "B";  // trans
    alertData.selacct = "";
    alertData.type = alertType;
    alertData.type_name = "";
    alertData.useavailbal = "1";       // bal - default checked
    alertData.inctransdesc = "0";         // Notify Msg type (trans type only)
  }

  // this is a callback to start the alert
  function StartAlertFunction() {
    InitDataForAlert( alertTypeForCallback );
    StartAlert(alertData);
  }

  function DeleteAlert(alertId) {

    wndDelete = $('#deleteWindow').kendoDialog({
      modal: true,
      iframe: true,
      visible: false,
      width: "300px",
      show: function(e) {
        // bind the Model View
        window_stack.push(wndDelete);
      },
      close: function(e) {
        window_stack.pop();
      },
      actions: [
        { text: "No",
          action: function() {
            // no action
          }
        },
        {
          text: "Yes", primary: true,
          action: function() {
            var raw = dsAlerts.data();
            var item = null;
            for (var i = 0; i < raw.length; i++) {
              item = raw[i];
              if (item.id == alertId) {
                dsAlerts.remove(item);
                break;
              }
            }

            dsAlerts.sync();
          }
        }
      ]
    }).data('kendoDialog');

    wndDelete.title("<?php echo $MC->msg('Delete Alert', HCU_DISPLAY_AS_JS) ?>");
    wndDelete.content("<?php echo $MC->msg('Delete Sure', HCU_DISPLAY_AS_JS) ?>?");
    wndDelete.open();
  }

  function lookupAccount( lookupList, lookupId ) {
    for ( var i = 0; i < lookupList.length; i++ ) {
      if ( lookupList[i].identifier == lookupId ) {
        return lookupList[i];
      }
    }

    // didn't find it (probably something wrong) - return first occurance
    return lookupList[0];
  }

  // Note: hcuOverdueChoices needs to be set up before calling this
  function lookupOverdue( lookupId ) {
    for ( var i = 0; i < hcuOverdueChoices.length; i++ ) {
      if ( hcuOverdueChoices[i].daysPrior == lookupId ) {
        return hcuOverdueChoices[i];
      }
    }

    // didn't find it (probably something wrong) - return first occurance
    return hcuOverdueChoices[0];
  }

  function check_size() {
    var msg_fld = $("#notifymsg");
    var i=0;
    var msg_len = 0;
    var maxchar = 250;
    var msg;

    msg_len = $(msg_fld).val().length;

    if (msg_len > maxchar) {
      msg = '<?php echo $MC->msg('Exceeded Maximum', HCU_DISPLAY_AS_JS) ?>' + maxchar + ". ";
      msg += '<?php echo $MC->msg('Characters not included', HCU_DISPLAY_AS_JS) ?>';
      alert (msg);
      var newString = $(msg_fld).val();
      $(msg_fld).val( newString.substring(0, maxchar) );
      msg_len = maxchar;
    }
    $("#size_msg").text( msg_len );
  }

  function round_val(element) {
    var field_val = 0;

    field_val = $(element).val();
    if (isNaN(field_val))
      field_val = 0

    field_val = Math.round(field_val * 100) / 100;

    $(element).val( field_val );
  }

  function next_field() {
    // This function is executed to set focus to skip the message counter
    if (document.forms['alert'].incBal) {
      document.forms['alert'].incBal.focus();
    } else if (document.forms['alert'].incAmt) {
      document.forms['alert'].incAmt.focus();
    } else if (document.forms['alert'].we_type[0]) {
      document.forms['alert'].we_type[0].focus();
    }
  }
  // toggle used to add special (language) characters to end of text string when set > 0
  function extchar(elementId, vchar) {
      document.getElementById(elementId).focus();
      document.getElementById(elementId).value+=vchar;
    }

  function toggleNotify() {
    // default to e-mail
    if ( $("#radio_w").is(':checked') ) {
      $("#showCell").css("display", "block");
      $("#showEmail").css("display", "none");
      $("#alert_cell").attr("required", "required");
      $("#alert_email").removeAttr("required");
    } else {
      $("#showEmail").css("display", "block");
      $("#showCell").css("display", "none");
      $("#alert_email").attr("required", "required");
      $("#alert_cell").removeAttr("required");
    }
  }

  function toggleTransCheck() {
    if ( $("#userange").is(':checked') ) {
      $("#desc_amtmin").attr("required", "required");
      $("#desc_amtmax").attr("required", "required");
    } else {
      $("#desc_amtmin").removeAttr("required");
      $("#desc_amtmax").removeAttr("required");
    }
  }

  function changeDesc() {
    var radioOptValue = $("input[name=\"inctransdesc\"]:checked").val();
    if (radioOptValue == "0") {
      $("#notifymsg").prop("disabled", false);
      $("#notifymsg").attr("required", "required");
    } else {
      $("#notifymsg").prop("disabled", true);
      $("#notifymsg").removeAttr("required");
      $("#notifymsg").val("");
      check_size();
    }
  }

  function InitDataSources() {
    dsAlerts = new kendo.data.DataSource({
      autoSync: false,
      batch: false,
      transport: {
        read: {
            url: 'hcuAlerts.data?cu=<?php echo $HB_ENV['cu']; ?>',
            dataType: "json",
            contentType: "application/x-www-form-urlencoded",
            data: {
              action: "read"
            },
            type: "GET",
            cache: false
        },
        destroy: {
            url: 'hcuAlerts.data?cu=<?php echo $HB_ENV['cu']; ?>',
            contentType: "application/x-www-form-urlencoded",
            data: {
              action: "destroy",
            },
            type: "POST",
            cache: false
        }
      },
      requestEnd: function( e ) {
          var error = null;
          // see if there is an error
          if ( e.response && e.response.homecuErrors )
            error = e.response.homecuErrors;

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

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

            if ( e.type === "read" ||
                 e.type === "destroy" ) {
              // get the alert info since it changed
              $("#tabEdit").hide();
              $("#tabGrid").show();

              // show notice links again
              $("#noticeButton").show();
              $("#termsButton").show();
            }
          }
      },

      // code to run if the request fails; the raw request and
      // status codes are passed to the function
      error: function( e ) {
      },
      schema: {
        model: {
            id: "id",
            fields: {
                type: {type: "string"},
                type_name: {type: "string"},
                id: {type: "number"},
                notifyto: {type: "string"},
                description: {type: "string"},
                notifymsg: {type: "string"},
                lastalert: {type: "string"}
            }
        },
        parse: function(response) {
          var display = [];
          if ( response.homecuData ) {
            for (var i = 0; i < response.homecuData.length; i++) {
              display.push(response.homecuData[i]);
            }
          }
          return display;
        },
        errors: "Errors"
      }
    });

    dsOneAlert = new kendo.data.DataSource({
      transport: {
        create: {
            url: 'hcuAlerts.data?cu=<?php echo $HB_ENV['cu']; ?>',
            contentType: "application/x-www-form-urlencoded",
            data: {
              action: "create"
            },
            type: "POST",
            cache: false
        },
        read:  {
            url: 'hcuAlerts.data?cu=<?php echo $HB_ENV['cu']; ?>',
            dataType: "json",
            contentType: "application/x-www-form-urlencoded",
            type: "POST",
            data: {
              action: "thisshouldgetoverwritten"
            },
            cache: false
        },
        update: {
            url: 'hcuAlerts.data?cu=<?php echo $HB_ENV['cu']; ?>',
            contentType: "application/x-www-form-urlencoded",
            data: {
              action: "update",
            },
            type: "POST",
            cache: false
        }
      },
      schema: {
          parse: function(response) {
            var display = [];
            if ( response.homecuData ) {
              for (var i = 0; i < response.homecuData.length; i++) {
                display.push(response.homecuData[i]);
              }
            }
            return display;
          },
      },
      requestEnd: function( e ) {
          var error = null;
          // see if there is an error
          if ( e.response && e.response.homecuErrors )
            error = e.response.homecuErrors;

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


            $("#noticeButton").show();
            $("#termsButton").show();

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

            // refresh the grid
            dsAlerts.read();
          }
      },

      // code to run if the request fails; the raw request and
      // status codes are passed to the function
      error: function( e ) {
          alert( "<?php echo $MC->msg("Transport error", HCU_DISPLAY_AS_JS); ?>: " + e.status );
      }
    });
  }

  function InitDataViews() {
    $('#hcuTableAlerts').kendoGrid({
      dataSource: dsAlerts,
      sortable: {
        mode: "single",
        allowUnsort: false
      },
      noRecords: {
        template: "<span class=\"hcu-secondary\"><span class=\"vsgSecondary\"><?php echo $MC->msg('No Records Found', HCU_DISPLAY_AS_JS) ?></span></span>"
      },
      columns: [
        { field: "description", title: hcuGridHeaders[1], width: "170px",
          template: "#= description #" },
        { field: "type_name", title: hcuGridHeaders[2], width: "90px",
          template: "#= type_name #",
          minScreenWidth: 425 },
        { field: "notifyto", title: hcuGridHeaders[3], width: "150px",
          template: "#= notifyto #",
          minScreenWidth: 600 },
        { field: "notifydisplaymsg", title: hcuGridHeaders[4],
          template: "#: notifydisplaymsg #" }
      ],
      selectable: "row",
      detailTemplate: function(e) {
        var displayInfo = e;
        var dTemplate;

        if ( e.type === "bal" ) {
          displayInfo["criteria"] = "<?php echo $MC->msg('is less than', HCU_DISPLAY_AS_JS) ?> " + e.notifyamt;
          displayInfo["additionalDesc"] = "";
          var addMsg = "";
          if ( e.incbal === "1" ) {
            addMsg += "<li><?php echo $MC->msg('Include the account balance in the alert', HCU_DISPLAY_AS_JS) ?></li>";
          }
          if ( e.useavailbal === "1" ) {
            addMsg += "<li><?php echo $MC->msg('Alert on available balance', HCU_DISPLAY_AS_JS) ?></li>";
          }

          displayInfo["additionalMsg"] = addMsg;
        } else if ( e.type === "trans" ) {
          displayInfo["criteria"] = "<?php echo $MC->msg('has a transaction description starting with', HCU_DISPLAY_AS_JS) ?>: " + e.notifydesc;
          var addDesc = "";
          if ( e.notifyrange === "1" ) {
            addDesc = "<li><?php echo $MC->msg('Only alert me when the amount is between', HCU_DISPLAY_AS_JS) ?> " + e.notifyamtmin + " <?php echo $MC->msg('and', HCU_DISPLAY_AS_JS) ?> " + e.notifyamtmax + "</li>";
          }
          for ( var i = 0; i < hcuTransChoices.length; i++ ) {
            if ( hcuTransChoices[i]["value"] === e.notifytranstype ) {
              addDesc += "<li>" + hcuTransChoices[i]["text"] + "</li>";
              break;
            }
          }

          var addMsg = "";
          if ( !hcuCalcRunBal ) {
            if ( e.incbal === "1" ) {
              addMsg += "<li><?php echo $MC->msg('Include the account balance in the alert', HCU_DISPLAY_AS_JS) ?></li>";
            }
          }
          if ( e.incamt === "1" ) {
            addMsg += "<li><?php echo $MC->msg('Include the transaction amount in the alert', HCU_DISPLAY_AS_JS) ?></li>";
          }

          displayInfo["additionalDesc"] = addDesc;
          displayInfo["additionalMsg"] = addMsg;
        } else if ( e.type === "check" ) {
          displayInfo["criteria"] = "<?php echo $MC->msg('Alert me when check number', HCU_DISPLAY_AS_JS) ?> " + e.notifychknum;
          displayInfo["additionalDesc"] = "";

          var addMsg = "";
          if ( e.incamt === "1" ) {
            addMsg = "<li><?php echo $MC->msg('Include the check amount in the alert', HCU_DISPLAY_AS_JS) ?></li>";
          }

          displayInfo["additionalMsg"] = addMsg;
        } else if ( e.type === "loan" ) {
          // find string based on daysPrior
          var string = "";

          for ( var i = 0; i < hcuOverdueChoices.length; i++ ) {
            if ( hcuOverdueChoices[i]["daysPrior"] === e.alert_days_prior ) {
              string = hcuOverdueChoices[i]["text"];
              break;
            }
          }
          displayInfo["criteria"] = "<?php echo $MC->msg('When', HCU_DISPLAY_AS_JS) ?> " + string;
          displayInfo["additionalDesc"] = "";
          displayInfo["additionalMsg"] = "";
        }

        if ( e.restrictions === "L" ) {
          displayInfo["additionalDesc"] = displayInfo["additionalDesc"] + " <span class='local-locked'><?php echo $MC->msg('Account Locked', HCU_DISPLAY_AS_JS) ?></span>";
        } else if ( e.restrictions === "R" ) {
          displayInfo["additionalDesc"] = displayInfo["additionalDesc"] + " <span class='local-locked'><?php echo $MC->msg('Account Readonly', HCU_DISPLAY_AS_JS) ?></span>";
        }

        displayInfo["notifyLoc"] = ( e.emailtype === "E" ? "<?php echo $MC->msg('email', HCU_DISPLAY_AS_JS) ?>" : "<?php echo $MC->msg('cell phone', HCU_DISPLAY_AS_JS) ?>" );
        dTemplate = kendo.template($("#templateDetail").html());
        return dTemplate( displayInfo );

      },
      change: function(e) {
        this.select().removeClass("k-state-selected");
      },
      dataBound: function () {
          $("table tbody tr").hover(
            function() {
              $(this).toggleClass("k-state-hover");
            }
          );

          var grid = $("#hcuTableAlerts").data("kendoGrid");
          $(grid.tbody).off();  // remove any existing handlers
          $(grid.tbody).on("click", "td", function(e) {
              var testClass = $(this).attr("class");

              if ( testClass !== "k-detail-cell" ) {
                var row = $(this).closest("tr");
                var colIdx = $("td", row).index(this);
                if ( colIdx >= 1 ) {
                  // just save the row info and
                  var selectedRow = grid.dataItem(row);

                  ResetAlertScreen(selectedRow.id);
                  InitDataForAlert( selectedRow.type );
                  StartAlert( selectedRow );
                  ShowAlertBody();
                }
              }
          });
      },
      create: function(e) {
          if (e.model.isNew()) {
          }
        }
    });
    alertTemplate = kendo.template($("#template").html());
    alertViewModel = kendo.observable({
      // common
      selectedMbr: 0,
      alertChoice: hcuAlertTypes,
      selectedAlert: null,
      alertChoiceDisabled: false,
      // these are for editing an existing alert
      alertShowEdit: false,
      alertShowNew: false,
      alertEditAccount: "",
      // these are for when the user has a single account or multiple
      alertShowSingle: false,
      alertShowMultiple: false,
      // these control what is shown for the alert body
      isBalAlertVisible: false,
      isTransAlertVisible: false,
      isCheckAlertVisible: false,
      isLoanAlertVisible: false,
      // these control which options are shown depending on type and settings
      showCustomMsg: false,
      showAdditionalOptions: false,
      showIncludeBalance: false,
      showUseAvailBal: false,
      showIncAmt: false,
      showIncCheckAmt: false,
      showIncTransAmt: false,
      //
      disableBackButton: true,
      disableSaveButton: true,
      subAccountSelList: hcuAlertAccounts,
      selectedAcct: null,
      alertType: "",
      alertId: 0,
      alertBack: "",
      alertAction: "",
      notifyMsg: {
        value: "",
        size: function () {
          var value = this.get("value");
          var retVal = ( value ) ? value.length : 0;
          return retVal;
        }
      },
      inctransdesc: "0",
      showDeleteIcon: false,
      showBackIcon: false,
      showSaveIcon: false,
      showNextIcon: false,
      weType: "",
      notifyToEmail: "",
      notifyToCell: "",
      selectedCell: null,
      // specific - balance
      notifyAmt: "0.00",
      cbIncBal: false,
      cbUseAvailBal: false,
      // specific - transaction
      notifyDesc: "0.00",
      cbUseRange: "",
      transAmtMin: "0.00",
      transAmtMax: "0.00",
      typeName: "",             // This is the flag to know if alert is started!
      transType: "",
      transTypeList: hcuTransChoices,
      // specific - check number
      chkNum: "",
      cbIncAmt: false,
      // specific - loan
      overdueList: hcuOverdueChoices,
      selectedOverdue: 0,
      // used for showing pages
      progressAccount: false,
      progressMsg: false,
      progressNotify: false,
      alertSave: function(e) {
        e.preventDefault();

        if ($.homecuValidator.validate()) {
          var request;

          var notifyTo;
          if ( alertViewModel.weType === "E" ) {
            notifyTo = alertViewModel.notifyToEmail;
          } else if ( alertViewModel.weType === "W" ) {
            notifyTo = alertViewModel.notifyToCell;
          } else {
            notifyTo = "";
          }
          // set up the common fields
          request = {
            action: "update",
            type: alertViewModel.selectedAlert,
            id: alertViewModel.alertId,
            selacct: alertViewModel.selectedAcct,
            emailtype: alertViewModel.weType,
            notifyto: notifyTo,
            mbr_account: alertViewModel.selectedMbr,
            notifymsg: kendo.toString(alertViewModel.notifyMsg.value)
          };
          // set up the specific fields
          // NOTE: send flags as a 1/0
          if ( alertViewModel.alertType === "bal" ) {
            request["incbal"] = (alertViewModel.cbIncBal ? "1" : "0");
            request["notifyamt"] = alertViewModel.notifyAmt;
            request["useavailbal"] = (alertViewModel.cbUseAvailBal ? "1" : "0");
          } else if ( alertViewModel.alertType === "trans" ) {
            request["incbal"] = (alertViewModel.cbIncBal ? "1" : "0");
            request["userange"] = (alertViewModel.cbUseRange ? "1" : "0");
            request["desc_amtmin"] = alertViewModel.transAmtMin;
            request["desc_amtmax"] = alertViewModel.transAmtMax;
            request["notifydesc"] = alertViewModel.notifyDesc;
            request["transtype"] = alertViewModel.transType;
            request["incamt"] = (alertViewModel.cbIncAmt ? "1" : "0");
            request["inctransdesc"] = (alertViewModel.inctransdesc === "1" ? "1" : "0");
          } else if ( alertViewModel.alertType === "check" ) {
            request["incamt"] = (alertViewModel.cbIncAmt ? "1" : "0");
            request["chknum"] = alertViewModel.chkNum;
          } else if ( alertViewModel.alertType === "loan" ) {
            request["days_prior"] = alertViewModel.selectedOverdue;
          }

          // read the value directly in case there is a non-US character set in use
          request.notifymsg = $("#notifymsg").val();

          // need to smurf a read request because the data varies depending on the alert type
          dsOneAlert.transport.read.type = "POST";
          dsOneAlert.read( request );
        }
      },
      alertBackDelete: function(e) {
        e.preventDefault();
        DeleteAlert(this.alertId);
      },
      alertCancel: function(e) {
        e.preventDefault();

        $("#tabEdit").hide();
        $("#tabGrid").show();

        $("#noticeButton").show();
        $("#termsButton").show();
      },
      acctListener: function(e) {
        // get member number from selected account an set
        // to observable
        var selectedIndex = e.sender.selectedIndex;
        var selectedItem = e.sender.dataItem(selectedIndex);
        this.set("selectedAcct", selectedItem.acct_ident);
        this.set("selectedMbr", selectedItem.accountnumber);
      },
      alertListener: function(e) {
        // if someone changed the alert type we start over
        var selectedIndex = e.sender.selectedIndex;
        var selectedItem = e.sender.dataItem(selectedIndex);
        this.set("selectedAlert", selectedItem.value);

        InitDataForAlert(selectedItem.value);
        StartAlert(alertData);
      },
      emailListener: function(e) {
        var selectedIndex = e.sender.selectedIndex;
        var selectedItem = e.sender.dataItem(selectedIndex);
      }
    });

    // start a new alert
    $("#alertStart").kendoButton({
      click: function(e) {
        ResetAlertScreen(0);
        InitDataForAlert( "" );
        StartAlert( alertData );
      }
    });
  }

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

    // initialize then show
    $("#alertScreen").show();
  }

  $(document).on("click", ".k-overlay", function () {
    if(window_stack.length > 0) {
      open = window_stack[0];
      open.close();
    }
  });

  $(document).ready(function() {

    $("#alertScreen").on("click", "#btnExtraChars", function() {
      $("#extraCharSpace").hide();
      $("#extraChars").show();
    });

    if (terms) {
      ShowNotice('<?php echo $termsURLALT; ?>', "<?php echo $termsLinkDisplayALT ?>",
        function() {
          InitScreen();
          if (notice) {
            ShowNotice('<?php echo $noticeURLALT; ?>', "<?php echo $noticeLinkDisplayALT ?>");
          }
        },
        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 $noticeURLALT; ?>', "<?php echo $noticeLinkDisplayALT ?>");
    } else {
      InitScreen();
    }
  });
</script>

<div class="container-fluid" id="alertScreen" style="display: none;">
  <div id="tabGrid" class="well well-sm col-xs-12">
    <h3><?php echo $MC->msg('Alerts', HCU_DISPLAY_AS_JS) ?></h3>
    <div class="row">&nbsp;</div>
    <button type="button" id="alertStart"><span class="fa fa-plus">&nbsp;</span><?php echo $MC->msg('Add Alert', HCU_DISPLAY_AS_JS) ?></button>
    <div class="row">&nbsp;</div>
    <div id="hcuTableAlerts"></div>
  </div>

  <div id="tabEdit" style="display: none;">
    <div id="hcuEditAlerts"></div>
  </div>
</div>
<div id="alertWindow" name="alertWindow"></div>
<div id="deleteWindow" name="deleteWindow"></div>
<div id="disclosureWindow" name="disclosureWindow"></div>
<style type="text/css">
  .e-initial {display: none;}

  #tabAlerts,
  #tabEdit {
    max-width: 750px;
  }

  #hcuTableAlerts .k-detail-row {
    background: transparent;
  }

  #gridDetail { margin-bottom: 5px;}
  #gridDetail ul { padding-left: 5px; }
  #gridDetail ul li { margin-left:15px; }
  .k-tooltip-content { text-align: left; max-width: 300px; }

  /* Default is extra small (mobile) */
  .alert-wiz-label {
    text-align:left;
  }
  .alert-label {
    font-size:larger;
  }

  .nopadding {
    padding: 0;
  }

  .local-spacing {
    margin-top: 7.5px;
    margin-bottom: 7.5px;
  }

  .k-grid td {
     border-width: 0;
  }

  input[type="radio"],
  input[type="checkbox"] {
    margin-top: -2px;
  }

  .local-locked {
    color: darkorange;
  }

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

  /* Small devices @screen-sm-min (tablets, 767px and lower) */
  @media (max-width: 768px) {
    .xs-text-left {
      text-align: left;
    }
  }

  /* Medium devices @screen-md-min (desktops, 992px and up) */
  @media (min-width: 992px) {
  }
</style>

<script type="text/x-kendo-template" id="templateDetail">
  <div class="well well-sm" id="gridDetail">
    <h4>#= type_name #</h4>
    <br>

    <span>#= description # #= criteria #</span>
    <ul>
      #if (additionalDesc.length > 0) {#
        #= additionalDesc #
      #}#
    </ul>

    <span>#: notifydisplaymsg #</span>
    <ul>
      #if (type !== "loan" && additionalMsg.length > 0) {#
        #= additionalMsg #
      #}#
    </ul>

    <p>#= notifyLoc #: #= notifyto #</p>

    <p><?php echo $MC->msg('Alerted On', HCU_DISPLAY_AS_JS); ?>: #= lastalert #</p>
  </div>
</script>
<script type="text/x-kendo-template" id="template">
  <div class="well well-sm col-xs-12" style="margin-bottom: 0;">
    <h3>#= screen #</h3>
    <div class="row">&nbsp;</div>

    <div data-bind="visible: alertShowNew"  style="display:none;">
      <div class="row">
        <div class="col-xs-12 col-sm-6 sm-text-right xs-text-left">
          <label class="form-horizontal control-label"><?php echo $MC->msg('Select New Alert', HCU_DISPLAY_AS_JS) ?></label>
        </div>
        <div class="col-xs-12 col-sm-5">
          <input id="alertChoice" name="alertChoice" class="hcu-all-100"
            data-role="dropdownlist"
            data-text-field="name"
            data-value-field="value"
            data-bind="source: alertChoice, value: selectedAlert, events:{ change: alertListener }"
            data-required-msg="<?php echo $MC->msg('Invalid Alert Type', HCU_DISPLAY_AS_JS) ?>">
          </input>
        </div>
      </div>

    </div>
      <?php
        // Show for editing existing alerts
      ?>
    <div data-bind="visible: alertShowEdit"  style="display:none;">
      <div class="row">
        <div class="col-xs-12 col-sm-6 sm-text-right xs-text-left">
          <label class="form-horizontal control-label"><?php echo $MC->msg('Alert Type', HCU_DISPLAY_AS_JS) ?></label>
        </div>
        <div class="col-xs-12 col-sm-5">
          <p data-bind="text: typeName"></p>
        </div>
      </div>
    </div>

    <div id='progressAccount' data-bind="visible: progressAccount" style='display:none;'>
      <div class="row local-spacing"></div>
      <div class="row">
        <div class="col-xs-12 col-sm-6 sm-text-right xs-text-left">
          <label class="form-horizontal control-label"><?php echo $MC->msg('Account', HCU_DISPLAY_AS_JS) ?></label>
        </div>
        <div class="col-xs-12 col-sm-5">
          <input id="accountChoice" name="accountChoice"
            class="hcu-all-100"
            data-role="dropdownlist"
            data-text-field="description"
            data-value-field="acct_ident"
            data-bind="source: subAccountSelList, value: selectedAcct, events: { change: acctListener }"
            data-required-msg="<?php echo $MC->msg('Please select an account', HCU_DISPLAY_AS_JS) ?>">
          </input>
        </div>
      </div>
      <?php
        // Balance Alert
        // If balance is less than nnn
      ?>
      <div id="progressAccount-bal" data-bind="visible: isBalAlertVisible">
        <div class="row local-spacing"></div>
        <div class="row">
          <div class="col-xs-12 col-sm-6 sm-text-right xs-text-left">
            <span><?php echo $MC->msg('is less than', HCU_DISPLAY_AS_JS) ?></span>
          </div>
          <div class="col-xs-12 col-sm-5">
            <input type='text' class="k-textbox hcu-all-100" name='notifyamt' id='notifyamt' maxlength='10' size='10'
              onfocus='JAVASCRIPT:{tname="notifyamt";this.select()}'
              onchange='round_val(this)'
              data-bind="value: notifyAmt"
              data-required-msg="<?php echo $MC->msg('Amount Missing', HCU_DISPLAY_AS_JS) ?>" />
             <span id="e-notifyamt" class="fa fa-question-circle-o e-initial"></span>
          </div>
        </div>
      </div>

      <?php
        // Transaction Alert
        // If transaction with Description like XYZ with amount between, could be withdrawal, deposit, or both
      ?>
      <div id="progressAccount-trans" data-bind="visible: isTransAlertVisible">
        <div class="row local-spacing"></div>
        <div class="row">
          <div class="col-xs-12 col-sm-6 sm-text-right xs-text-left">
            <span><?php echo $MC->msg('has a transaction description starting with', HCU_DISPLAY_AS_JS) ?></span>
          </div>
          <div class="col-xs-12 col-sm-5">
            <input type='text' class="k-textbox hcu-all-100" id="notifydesc" name='t_notifydesc' maxlength='40'
              data-bind="value: notifyDesc"
              onfocus='JAVASCRIPT:{this.select()}'
              homecu-minlen="3"
              data-homecuCustomMinLen-msg="<?php echo $MC->msg('Description Short', HCU_DISPLAY_AS_JS) ?>"
              data-required-msg="<?php echo $MC->msg('Description Missing', HCU_DISPLAY_AS_JS) ?>" />
          </div>
        </div>
        <div class="row local-spacing"></div>
        <div class="row">
          <div class="col-xs-12 col-sm-6 sm-text-right xs-text-left">
            <label for="userange">
              <input type='checkbox' name='userange' id="userange" value='Y' data-bind="checked: cbUseRange" onChange="toggleTransCheck()" />
              <?php echo $MC->msg('Only alert me when the amount is between', HCU_DISPLAY_AS_JS) ?>
            </label>
          </div>
          <div class="col-xs-12 col-sm-5 text-left">
            <input type='text' class="k-textbox hcu-all-100" name='desc_amtmin' id="desc_amtmin" max='10'
              data-bind="value: transAmtMin"
              onfocus='JAVASCRIPT:{this.select()}'
              onchange='round_val(this)'
              data-required-msg="<?php echo $MC->msg('Amount Minimum', HCU_DISPLAY_AS_JS) ?>" />
            <br>
            <span><?php echo $MC->msg('and', HCU_DISPLAY_AS_JS) ?></span>
            <br>
            <input type='text' class="k-textbox hcu-all-100" name='desc_amtmax' id="desc_amtmax" max='10'
              data-bind="value: transAmtMax"
              onfocus='JAVASCRIPT:{this.select()}'
              onchange='round_val(this)'
              data-required-msg="<?php echo $MC->msg('Amount Maximum', HCU_DISPLAY_AS_JS) ?>" />
          </div>
        </div>
        <div class="row local-spacing"></div>
        <div class="row">
          <div class="col-xs-12 col-sm-6 sm-text-right xs-text-left">
            <label class="form-horizontal control-label"><?php echo $MC->msg('Search', HCU_DISPLAY_AS_JS) ?></label>
          </div>
          <div class="col-xs-12 col-sm-5" style='text-align:left;'>
            <input class="hcu-all-100"
              data-role="dropdownlist"
              data-text-field="text"
              data-value-field="value"
              data-bind="source: transTypeList, value: transType">
            </input>
          </div>
        </div>

      </div>

      <?php
        // Check Number Alert
        // Description box is needed for the check number
      ?>
      <div id="progressAccount-check" data-bind="visible: isCheckAlertVisible">
        <div class="row local-spacing"></div>
        <div class="row">
          <div class="col-xs-12 col-sm-6 sm-text-right xs-text-left">
            <span><?php echo $MC->msg('Alert me when check number', HCU_DISPLAY_AS_JS) ?></span>
          </div>
          <div class="col-xs-12 col-sm-5">
            <input type='text' class="k-textbox hcu-all-100" name='t_chknum' id='chknum' size='10' maxlength='8'
              data-bind="value: chkNum"
              onfocus='JAVASCRIPT:{this.select()}'
              data-required-msg="<?php echo $MC->msg('Check Number Missing', HCU_DISPLAY_AS_JS) ?>" >
          </div>
        </div>
      </div>

      <?php
        // Missed Payment, check if a payment on a loan is overdue
      ?>
      <div id="progressAccount-loan" data-bind="visible: isLoanAlertVisible">
        <div class="row local-spacing"></div>
        <div class="row">
          <div class="col-xs-12 col-sm-6 sm-text-right xs-text-left">
            <label class="form-horizontal control-label"><?php echo $MC->msg('When', HCU_DISPLAY_AS_JS) ?></label>
          </div>
          <div class="col-xs-12 col-sm-5">
            <input class="hcu-all-100"
              data-role="dropdownlist"
              data-text-field="text"
              data-value-field="daysPrior"
              data-bind="source: overdueList, value: selectedOverdue"></input>
          </div>
        </div>
      </div>
    </div>

    <?php
      // all alerts have this portion
    ?>
    <div id='progressMsg' data-bind="visible: progressMsg" style="display:none;">
      <div class="row local-spacing"></div>
      <div class="row">
        <div class="col-xs-12 col-sm-6 sm-text-right xs-text-left">
            <span><?php echo $MC->msg('I want my alert to say', HCU_DISPLAY_AS_JS) ?></span>
        </div>

        <div class="col-xs-12 col-sm-5 text-left">
          <div data-bind="visible: showCustomMsg">
            <label class="form-horizontal control-label">
              <input type='radio' value='1' name='inctransdesc' id='inctransdesc1' onchange='changeDesc()'
                data-bind="checked: inctransdesc"/>
              <?php echo $MC->msg('the transaction description', HCU_DISPLAY_AS_JS) ?>
            </label>
          </div>
          <div data-bind="visible: showCustomMsg">
            <label class="form-horizontal control-label">
              <input type='radio' value='0' name='inctransdesc' id='inctransdesc0' onchange='changeDesc()'
                data-bind="checked: inctransdesc"/>
              <?php echo $MC->msg('A Custom Message', HCU_DISPLAY_AS_JS) ?>
            </label>
          </div>
        </div>
      </div>
      <div class="row local-spacing"></div>
      <div class="row">
        <div class="col-xs-12 col-sm-6">
          <div id="extraCharSpace">&nbsp;
            <?php if ( ($Flang == "es_US") || ($Flang == "pl_US") ): ?>
            <div id="btnExtraChars" class="k-button"><?php echo $MC->msg("Show Extended Characters", HCU_DISPLAY_AS_JS); ?></div>
            <?php endif; ?>
          </div>
          <div id="extraChars" style='display:none;'>
          <?php
            // non-English character sets have this set of helpers to get additional characters into the message
            if ($Flang == 'es_US') {
              # Spanish extended characters
              $charSet = array( '&\\\#225;', '&\\\#233;', '&\\\#237;', '&\\\#243;', '&\\\#250;', '&\\\#241;', '&\\\#191;', '&\\\#161;' );
            } else if ( $Flang == "pl_US" ) {
              $charSet = array( '&\\\#260;', '&\\\#261;', '&\\\#280;', '&\\\#281;', '&\\\#211;', '&\\\#243;', '&\\\#262;',
                                '&\\\#263;', '&\\\#321;', '&\\\#322;', '&\\\#323;', '&\\\#324;', '&\\\#346;', '&\\\#347;',
                                '&\\\#377;', '&\\\#378;', '&\\\#379;', '&\\\#380;' );
            } else {
              $charSet = array();
            }

            for ( $i = 0; $i < count( $charSet ); $i++ ) {
              print "<div style='float:left; margin-right:5px;'><a class='k-button' style='width:10mm' href='JAVASCRIPT:extchar(\"notifymsg\", \"{$charSet[$i]}\");'); return false;'>{$charSet[$i]}</a></div>";
            }
            if ( count( $charSet ) ) {
              print "<span class='fa fa-question-circle-o detailsTip' title='{$MC->msg('TXT character alert', HCU_DISPLAY_AS_JS)}'></span>";
            }

          ?>
          </div>  <?php /* end div for id=etraChars */ ?>
        </div>
        <div class="col-xs-12 col-sm-5">
          <div id='containerDiv'>
              <textarea class="k-textbox hcu-all-100" name='notifymsg' id='notifymsg' rows='5' cols='90'  wrap='physical'
                data-bind="value: notifyMsg.value"
                onKeyUp='check_size();'
                onKeyDown='check_size();'
                onBlur='check_size();'
                data-required-msg="<?php echo $MC->msg('Message Missing', HCU_DISPLAY_AS_JS) ?>"></textarea>
            <span id="e-notifymsg" class="fa fa-question-circle-o e-initial"></span>
          </div>
        </div>

        <div class="col-xs-12 col-sm-6">
          &nbsp;
        </div>
        <div class="col-xs-12 col-sm-5">
          <span id='size_msg' data-bind="text: notifyMsg.size">0</span> / 250
          <span class='fa fa-question-circle-o detailsTip' title='<?php echo $MC->msg('Length Note', HCU_DISPLAY_AS_JS) ?>.'></span>
        </div>
      </div>

      <div class="row local-spacing"></div>
      <div class="row">
        <div data-bind="visible: showAdditionalOptions">
          <div class="col-xs-12 col-sm-6 sm-text-right xs-text-left">
            <label class="form-horizontal control-label"><?php echo $MC->msg('Additional Options', HCU_DISPLAY_AS_JS); ?></label>
          </div>
          <div class="col-xs-12 col-sm-5 text-left">
            <div data-bind="visible: showIncludeBalance">
              <label class="form-horizontal control-label">
                <input type='checkbox' name='incBal' value='1' data-bind="checked: cbIncBal">
                <?php echo $MC->msg('Include the account balance in the alert', HCU_DISPLAY_AS_JS) ?>
              </label>
            </div>
            <div data-bind="visible: showUseAvailBal">
              <label class="form-horizontal control-label">
                <input type='checkbox' name='useAvailBal' value='Y' data-bind="checked: cbUseAvailBal">
                <?php echo $MC->msg('Alert on available balance', HCU_DISPLAY_AS_JS) ?>
              </label>
            </div>
            <div data-bind="visible: showIncAmt">
              <label class="form-horizontal control-label">
                <input type='checkbox' name='incAmt' value='1' data-bind="checked: cbIncAmt">
                <span data-bind="visible: showIncCheckAmt"><?php echo $MC->msg('Include the check amount in the alert', HCU_DISPLAY_AS_JS) ?></span>
                <span data-bind="visible: showIncTransAmt"><?php echo $MC->msg('Include the transaction amount in the alert', HCU_DISPLAY_AS_JS) ?></span>
              </label>
            </div>
          </div>
        </div>
      </div>
    </div>

    <?php
      // all alerts use this portion for where to send the alert
    ?>
    <div id='progressNotify' data-bind="visible: progressNotify" style="display:none;">
      <div class="row local-spacing"></div>
      <div class="row">
        <div class="col-xs-12 col-sm-6 sm-text-right xs-text-left">
          <label class="form-horizontal control-label"><?php echo $MC->msg('Send the alert to my', HCU_DISPLAY_AS_JS) ?></label>
        </div>
        <div class="col-xs-12 col-sm-5 text-left">
          <label class="form-horizontal control-label">
            <input type='radio' name='we_type' id='radio_e' value='E' data-bind="checked: weType" onChange='JAVASCRIPT:{toggleNotify();}'>
            <?php echo $MC->msg('email', HCU_DISPLAY_AS_JS) ?>
          </label>
          <span>&emsp;</span>
          <label class="form-horizontal control-label">
            <input type='radio' name='we_type' id='radio_w' value='W' data-bind="checked: weType" onChange='JAVASCRIPT:{toggleNotify();}'>
            <?php echo $MC->msg('cell phone', HCU_DISPLAY_AS_JS) ?>
          </label>
        </div>
      </div>
      <div class="row local-spacing"></div>
      <div class="row">
        <span id='showEmail' style="display: none;">
          <div class="col-xs-12 col-sm-6 sm-text-right xs-text-left">
            <label class="form-horizontal control-label"><?php echo trim( $MC->msg('email', HCU_DISPLAY_AS_JS) ) ?></label>
          </div>
          <div class="col-xs-12 col-sm-5">
            <input type='email' class="k-textbox hcu-all-100" name='alert_email' id="alert_email" maxlength='50'
              data-bind="value: notifyToEmail"
              onfocus='JAVASCRIPT:{this.select()}'
              data-required-msg="<?php echo $MC->msg('EMail Missing', HCU_DISPLAY_AS_JS) ?>" />
          </div>
        </span>
      </div>
      <div class="row">
        <span id='showCell' style="display: none;">
          <div class="col-xs-12 col-sm-6 sm-text-right xs-text-left">
            <label class="form-horizontal control-label"><?php echo trim( $MC->msg('cell phone', HCU_DISPLAY_AS_JS) ) ?></label> \\#
          </div>
          <div class="col-xs-12 col-sm-5">
            <input type='text'
                   class="k-textbox hcu-all-100"
                   name='alert_cell'
                   id="alert_cell"
                   data-bind="value: notifyToCell"
                   maxlength='10'
                   size='10'
                   onfocus='JAVASCRIPT:{this.select()}'
                   data-required-msg="<?php echo $MC->msg('Cell Number Missing', HCU_DISPLAY_AS_JS) ?>."
                   homecu-minlen="10"
                   data-homecuCustomMinLen-msg="<?php echo $MC->msg('Cell Number Length', HCU_DISPLAY_AS_JS) ?>."
                   homecu-maxlen="10"
                   data-homecuCustomMaxLen-msg="<?php echo $MC->msg('Cell Number Length', HCU_DISPLAY_AS_JS) ?>."
                   homecu-match="number"
                   data-homecuCustomMatch-msg="<?php echo $MC->msg('Cell Number Digits', HCU_DISPLAY_AS_JS) ?>."
                   ><br />
            <span style='font-size: smaller;'>(ex. 2081234567)</span><br />
          </div>
        </span>
      </div>
    </div>
  </div>

  <div class="hcu-template">
    <div class="hcu-edit-buttons k-state-default">
      <span class="hcu-icon-delete">
        <a href="##" id="lnkDelete"
          data-bind="events: { click: alertBackDelete }, visible: alertShowEdit">
          <i class="fa fa-trash fa-lg"></i>
        </a>
      </span>
      <a href="##" id="lnkCancel" style=""
        data-bind="events: { click: alertCancel }"><?php echo $MC->msg("Cancel", HCU_DISPLAY_AS_HTML); ?></a>
      &emsp;
      <a href="##" id="btnUpdate" class="k-button k-primary"
        data-bind="events: { click: alertSave }">
        <i class="fa fa-check fa-lg"></i><?php echo $MC->msg("Update", HCU_DISPLAY_AS_HTML); ?>
      </a>
    </div>
  </div>
</script>

<?php
    /*
     * ** END CONTENT
     */


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