hcuMobilePayPayment.prg

<?php
  /*
   * File: hcuMobilePayPayment.prg
   *
   * Purpose: This script will show the main processing payments/transfers
   * pages for mobile banking.
   * Added: Recurring payment features
   *
   * Created by KKL
   * Updated by ENR
   *
   */

  $serviceViewFromCUAdmin = (isset($serviceViewFromCUAdmin) ? $serviceViewFromCUAdmin : false);
  if (!$serviceViewFromCUAdmin) {
    // ** SET SCRIPT LEVEL VARIABLES
    $serviceShowInfo = true;
    $serviceLoadMenu = true;
    $serviceShowMenu = true;
    $serviceLiveCheck = true;
    // ** INCLUDE MAIN GLOBAL SCRIPT -- Handles security / global variable values
    require_once(dirname(__FILE__) . '/../library/hcuService.i');
  }

  require_once(dirname(__FILE__) . '/hcuMobilePay.plugin');
  require_once(dirname(__FILE__) . '../../../shared/library/cutrusted.i');
  /*
   * ** CHECK USER FEATURE PERMISSIONS **
   * NOTE: DOES NOT RETURN ON FAILURE
   */

  PermCheckFeatureScreen($dbh, $HB_ENV, $MC, FEATURE_BASIC);

  // ** INSERT BUSINESS LOGIC FOR THIS FORM
  $inputVars = array();
  $varOk = array("mp_token"=>"string", "mp_type"=>"string", "datemodel"=>"string", "allowp2p"=>"string");
  HCU_ImportVars( $inputVars, "", $varOk );
  //0217 copy paste start
    // extract the encrypted stuff
  if ( strpos( $inputVars['mp_token'], "=" ) !== false ||
       strpos( $inputVars['mp_token'], "+" ) !== false ) {
    // already decoded
    $decodedToken = $inputVars['mp_token'];
    $encodedToken = urlencode( $inputVars['mp_token'] );
  } else {
    $encodedToken = $inputVars['mp_token'];
    $decodedToken = urldecode( $inputVars['mp_token'] );
  }

  $commonString = hcu_decrypturl( $decodedToken, $HB_ENV['2factorkey']);

  parse_str( $commonString, $commonParms );

  $mpVendorKey = $commonParms["mpVendor"];
  $mpAccount = $commonParms["mpAccount"];
  $mpDateModel = strtolower($commonParms["mpDateModel"]);
  $mpToken = $commonParms["mpToken"];
  $mobilePayName = $commonParms["mpName"];
  //pulling permission from vendor/cu to allow P2P type Payees
  $allowP2P = $commonParms["allowp2p"];

  $frequencyList = GetBillingFreq($HB_ENV["MC"]);

  // extras need to be in an array
  $extrasString = str_replace( "|", "&", $commonParms["mpExtras"] );
  $extrasString = str_replace( ":", "=", $extrasString );
  parse_str( $extrasString, $mpExtras );

  $mpType = $inputVars["mp_type"];

  //pulling permission from trusted details for Recurring Payment controls
  if ( HCU_array_key_value('Recur', $mpExtras) == 1 ) {
    $allowRecur = "true";
  } else {
    $allowRecur = "false";
  }

  if (strlen( $mpToken )) {
    // ** SUCCESS -- FETCH REQUESTED TRANSACTIONS
    $mobilePayParams = array();
    $mobilePayParams["MP_VENDOR"] = $mpVendorKey;
    $mobilePayParams["MP_ACTION"] = $mpType == "Scheduled" ? "MP_SCHEDULED" : "MP_HISTORY";
    $mobilePayParams["MP_ACCOUNT"] = $mpAccount;
    $mobilePayParams["Token"] = $mpToken;

    // turn the extra options into a string like: key1:value1|key2:value2|key3:value3...
    $extrasString = "";
    foreach ($mpExtras as $key => $val) {
      if ( strlen( $extrasString ) > 0 ) $extrasString .= "|";
      $extrasString .= "$key:$val";
    }

      // set up common parameters
      $commonURL = "mpToken=$mpToken&mpVendor=$mpVendorKey&mpDateModel=$mpDateModel&mpName=$mobilePayName&mpExtras=$extrasString&allowp2p=$allowP2P&mpAccount=$mpAccount";
      $encryptedCommonURL = hcu_encrypturl( $commonURL, $HB_ENV['2factorkey'] );
      $encodedCommonURL = urlencode( $encryptedCommonURL );

  } else {
    // no token
    // show error message
    $serviceErrorMsg = $MC->msg('Feature Not Set', HCU_DISPLAY_AS_HTML);
    $serviceErrorCode = '915';
    require_once(dirname(__FILE__) . '/../includes/hcuErrorPage.i');
    // ** DO NOT CONTINUE
    exit;
  }

  //this is the header and side menu
  // ** INCLUDE PRE CONTENT SCRIPT
  require_once(dirname(__FILE__) . '/../includes/hcuPreContent.i');
?>
<!-- kendo mobile -->
<style>
.btn-group-wrap {
    text-align: center;
}

.btn-group {
    text-align: center;
}

.k-radio-label {
  padding-bottom: .5em;
  font-weight: normal;
}

h6 {
  font-weight: bold;
  padding-bottom: .5em;
}

#payNum {
  padding-bottom: .5em;
}

</style>

<div id="confirmationWindow"></div>
  <div id="confirmSaveTemplate"></div>
  <!-- Edit Payment -->
  <div id="editPaymentWindow" name="editPaymentWindow"  class="container-fluid"><!-- DISPLAY NONE -->
    <div class="row" style="margin: 10px 0px 10px 0px;">
      <span class="hcu-breadcrumbs"><a href='hcuMobilePay.prg?mp_token=<?php echo $encodedCommonURL ?>&<?php echo $HB_ENV['cuquery'] ?>' class="tabReturnBtn"><?php echo $mobilePayName . " " . $MC->msg("Menu", HCU_DISPLAY_AS_HTML) ?></a> / <span class="realname"><?php if ($mpType == "Payment") : ?><?php echo $MC->msg("New Payment", HCU_DISPLAY_AS_HTML) ?><?php else : ?><?php echo $MC->msg("New Transfer", HCU_DISPLAY_AS_HTML) ?><?php endif; ?></span></span>
    </div>
    <div class="row">
      <div class="k-content col-xs-12 " style="max-width: 600px;">
        <div id="editPaymentFormStatus" class="homecu-formStatus k-block k-error-colored" style="display:none; margin-bottom:10px;max-width:800px;"></div>
        <div id='editErrors'></div>
        <div class="form-horizontal form-widgets well well-sm">
          <!-- Pay or Transfer to -->
          <div class="form-group">
            <div class="">
              <label class="col-sm-12" for="payTo" id="editPayTo">
              </label>
              <div class="col-sm-12">
                <input id='payTo' class='distinctAcct hcu-all-100' name='payTo'
                  data-role='dropdownlist'
                  data-bind='value: bpToId, events:{change: setDirty}'
                  data-required-msg="<?php echo $MC->msg("Payee is required", HCU_DISPLAY_AS_HTML) ?>"
                  required />
              </div>
            </div>
          </div>
          <!-- from ACCOUNT -->
          <div class="form-group">
            <div class="">
              <label class="col-sm-12" for="toFrom" id="editToFrom"><?php echo $MC->msg("Account", HCU_DISPLAY_AS_HTML)?>
              </label>
              <div class="col-sm-12">
                <input id='toFrom' class='distinctAcct hcu-all-100' name='toFrom'
                  data-role='dropdownlist'
                  data-bind='value: bpFromId, events:{change: setDirty}'
                  data-required-msg="<?php echo $MC->msg("Account is required", HCU_DISPLAY_AS_HTML)?>"
                  required />
              </div>
            </div>
          </div>
          <!-- AMOUNT -->
          <div class="form-group">
            <div class="">
              <label class="col-sm-12" for="payAmount"><?php echo $MC->msg('Amount', HCU_DISPLAY_AS_HTML); ?>
              <span class="hcu-required-field"><sup>*</sup></span></label>
              <div class="col-sm-12">
              <input type="number" id="payAmount" name="payAmount" class="hcu-all-100"
                placeholder="<?php echo $MC->msg('Amount', HCU_DISPLAY_AS_HTML); ?>"
                data-bind="value: bpAmt, events:{change: setDirty}"
                data-required-msg="<?php echo $MC->msg('Amount Missing', HCU_DISPLAY_AS_HTML); ?>"
                required />
              </div>
            </div>
          </div>
           <!-- Process Date -->
          <div class="form-group">
            <div class="">
              <label class="col-sm-12" for="payDate" id="editPayDate"><?php echo $MC->msg('Transfer On', HCU_DISPLAY_AS_HTML); ?>
              </label><span class="fa fa-question-circle-o" id="edit_date_help"></span>
              <div class="col-sm-12">
                <input class="hcu-all-100" type="text" placeholder="eg. MM/DD/YYYY" id="payDate" name="payDate"
                  data-role='datepicker'
                  data-bind="value: bpDate, events:{change: setDirty}"
                  data-format='MM/dd/yyyy'
                  data-required-msg="<?php echo $MC->msg('Process Date Missing', HCU_DISPLAY_AS_HTML); ?>"
                  onkeydown="return false;"
                  required />
               </div>
            </div>
          </div>
          <?php if ( $allowRecur == 'true' ) : ?>
          <!-- Billing Frequency -->
          <div class="form-group">
            <div class="">
              <label class="col-sm-12" for="billFreq" id="editBillFreq"><?php echo $MC->msg('Payment Frequency', HCU_DISPLAY_AS_HTML); ?>
              </label>
              <div class="col-sm-12">
                <input id='billFreq' class='distinctAcct  hcu-all-100' name='billFreq'
                  data-role='dropdownlist'
                  data-bind='value: bpFreq, events:{change: setDirty}'
                  data-required-msg="<?php echo $MC->msg('Payment Frequency Missing', HCU_DISPLAY_AS_HTML); ?>"
                  required />
              </div>
            </div>
          </div>
           <!-- Payment Duration -->
           <div class="form-group">
            <div class="">
            <div class="col-sm-12">
              <div class="row">
                <div class="col-sm-12">
                  <h6 id="editDuration"><?php echo $MC->msg('Duration', HCU_DISPLAY_AS_HTML); ?></h6>
                </div>
              </div>
            </div>
              <div class="col-sm-12">
                <div class="row">
                  <div class="col-sm-6">
                    <input class="k-radio" type="radio" id="rdNvr" name="duration" value="never"/>
                    <label class="k-radio-label" for="rdNvr"><?php echo $MC->msg('Never Stop', HCU_DISPLAY_AS_HTML); ?></label>
                  </div>
                </div>
                <div class="row">
                  <div class="col-sm-6">
                    <input class="k-radio" type="radio" id="rdNum" name="duration" value="number"/>
                    <label class="k-radio-label" for="rdNum"><?php echo $MC->msg('Until Payments', HCU_DISPLAY_AS_HTML); ?></label>
                  </div>
                  <div class="col-sm-3" style="padding-bottom:.5em;">
                    <input class="hcu-all-100" type="number" id="payNum" name="payNum"
                      data-bind="value: bpPayNum, events:{change: setDirty}"
                      data-required-msg="<?php echo $MC->msg('Number Payments Missing', HCU_DISPLAY_AS_HTML); ?>"
                      />
                  </div>
                </div>
                <div class="row">
                  <div class="col-sm-6">
                    <input class="k-radio" type="radio" id="rdEnd" name="duration" value="date"/>
                    <label class="k-radio-label" for="rdEnd"><?php echo $MC->msg('Until Date', HCU_DISPLAY_AS_HTML); ?></label>
                  </div>
                  <div class="col-sm-6">
                    <input class="hcu-all-100" type="text" placeholder="eg. MM/DD/YYYY" id="endDate" name="endDate"
                      data-role='datepicker'
                      data-bind="value: bpEndDate, events:{change: setDirty}"
                      data-format='MM/dd/yyyy'
                      data-required-msg="<?php echo $MC->msg('End Date Missing', HCU_DISPLAY_AS_HTML); ?>"
                      onkeydown="return false;"
                      />
                  </div>
                </div>
              </div>
              <span class="k-invalid-msg" data-for="duration"></span>
            </div>
          </div>
          <?php endif; ?>
          <?php if ( strtolower($mpDateModel) == "due") : ?>
          <!-- proccess date label for due date model -->
          <div class="form-group">
              <div class="">
                <label class="col-sm-12" for="payDate" id="editPayDueDate"><?php echo $MC->msg('Process Date', HCU_DISPLAY_AS_HTML); ?></label>
                <div class="col-xs-12 col-sm-1">
                  <label class="col-sm-12 " for="payDate" id="valuePayDueDate" data-bind="value: bpDueModelProcessDate"></label>
                </div>
              </div>
          </div>
          <?php endif; ?>
          <!-- kim -->
        <!-- ACTION BUTTONS -->
        <div class="hcu-template">
          <div class="hcu-edit-buttons k-state-default">
            <a href="hcuMobilePay.prg?mp_token=<?php echo $encodedCommonURL ?>&<?php echo $HB_ENV['cuquery'] ?>" id="lnkCancel" style=""><?php echo $MC->msg("Cancel", HCU_DISPLAY_AS_HTML)?></a>
            &emsp;
            <a href="##" id="btnAddPayment" class="k-button k-primary">
              <i class="fa fa-check fa-lg"></i><?php echo $MC->msg("Add", HCU_DISPLAY_AS_HTML)?>
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <script id="confirmationTemplate" type="text/x-kendo-tmpl">
    <div id="confirmationStatus"></div>
      <div id="responseDiv">
        <div class="local-transfer-msg">
            <?php echo $MC->msg('Payment Saved', HCU_DISPLAY_AS_JS); ?>
            <?php echo $MC->msg('Bill Pay Confirmation', HCU_DISPLAY_AS_JS); ?> #=confNum #
        </div>
      </div>
  </script>
<script>
var windowStack = [];
var dataPayTo = [];
var dataPayFrom = [];
var dsGetAccounts = [];
var dsGetPayees = [];
var dsGetPayFrom = [];
var dsGetDates = [];

var mindate;
var maxdate;
var maxindex;
var confirmSaveDialog;

var editPaymentModel;
var processDates;
var dateModelValue = "<?php echo($mpDateModel) ?>";
var mpType = "<?php echo $mpType; ?>";

var lblPlaceHolder = "";
  <?php if ( $mpType == "Payment") : ?>
    lblPlaceHolder = "<?php echo $MC->msg("Select Payee", HCU_DISPLAY_AS_HTML)?>";
  <?php else : ?>
    lblPlaceHolder = "<?php echo $MC->msg("Select Transfer", HCU_DISPLAY_AS_HTML)?>";
  <?php endif; ?>

var freqTypes = <?php echo HCU_JsonEncode($frequencyList); ?>;

<?php
  // 11/19: only attach a tooltip if there is a date model. Which there should always be.
  if (! empty($mpDateModel)) {
?>
    homecuTooltip.bind({
            edit_date_help: <?php echo "'" . EditDateHelpIcon($mpDateModel, $MC) . "'"; ?>
    });
<?php
  }
?>

//set fields as required according to radio button selection
$("input:radio[name=duration]").change( function() {
  var selectedOption = $("input:radio[name=duration]:checked").val();
  if ( selectedOption == 'number' ) {
    //set number of payments to required
    $("#payNum").attr('required', true);
    $("#endDate").attr('required', false);
  } else if ( selectedOption == 'date' ) {
    //set end date to required
    $("#endDate").attr('required', true);
    $("#payNum").attr('required', false);
  } else {
    $("#endDate").attr('required', false);
    $("#payNum").attr('required', false);
  }
  editPaymentModel.set("bpDuration", selectedOption);
});

function InitDataSources() {

  //adding datasource to frequency types field
  $("#billFreq").kendoDropDownList({
    dataTextField: "name",
    dataValueField: "value",
    dataSource: freqTypes,
    change: function(e) {
      var dropdown = this;
      var dropdownValue = dropdown.value();
      editPaymentModel.set("bpFreq", dropdownValue);

      //if only paying once, disable duration controls
      if ( dropdownValue == "Once" ) {
        //reset duration to empty
        editPaymentModel.set("bpDuration", "");
        $("input[name=duration]").attr('disabled',true);
        $("#payNum").attr('disabled',true);
        $("#endDate").data('kendoDatePicker').enable(false);
        //clear out any previous values
        $("#rdNum").prop("checked", false);
        $("#rdNvr").prop("checked", false);
        $("#rdEnd").prop("checked", false);
      } else {
        $("input[name=duration]").attr('disabled',false);
        $("input:radio[name=duration]").attr("required", true);

        //add data required message for radio buttons
        $("input:radio[name=duration]").attr("data-required-msg", "<?php echo $MC->msg("Duration Required", HCU_DISPLAY_AS_JS) ?>");
        $("input:radio[name=duration]").attr("validationMessage", "<?php echo $MC->msg("Duration Required", HCU_DISPLAY_AS_JS) ?>");
        $("#payNum").attr('disabled',false);
        $("#endDate").data('kendoDatePicker').enable(true);
      }
    },
    optionLabel: {value: "", name: "<?php echo $MC->msg("Frequency Select", HCU_DISPLAY_AS_JS) ?>"},
  });

  $("#payNum").kendoNumericTextBox({
    format: "n0",
    value:  0,
    decimals: 0,
    step: 1,
    spinners: false,
    min: 1,
    max: 1000,
    change: function(e){
      var textbox = this;
      var textboxValue = textbox.value();
      editPaymentModel.set("bpPayNum", textboxValue);

      //select the correct radio button
      $("#rdNum").prop("checked", true);
      //set model value
      var selectedOption = $("input:radio[name=duration]:checked").val();
      editPaymentModel.set("bpDuration", selectedOption);
    },

  });

  $("#endDate").kendoDatePicker({
    value: new Date(),
    min: mindate,
    change: function(e){
      var datePicker = this;
      var dateValue = datePicker.value();
      editPaymentModel.set("bpEndDate", dateValue);
      //select the correct radio button
      $("#rdEnd").prop("checked", true);
      //set model value
      var selectedOption = $("input:radio[name=duration]:checked").val();
      editPaymentModel.set("bpDuration", selectedOption);
    },
  });

  dsGetPayees = new kendo.data.DataSource ({
    data: dataPayTo,
    schema: {
      model: {
        id: "TxnId",
          fields: {
            TxnId: { type: "number" },
            Date: { type: "string" },
            ToName: { type: "string" },
            Amount: { type: "number" }
          }
        }
      }
  });

  dsGetDates = new kendo.data.DataSource ({
    transport: {
      read: {
        url: "hcuMobilePay.data?cu=<?php echo $HB_ENV['cu']; ?>&mp_token=<?php echo $encodedToken ?>&mp_type=DATES&<?php echo $HB_ENV['cuquery'] ?>",
        contentType: 'application/x-www-form-urlencoded',
        type: 'POST',
        data: {},
        pageable: true,
        cache: false
      }
    },
    requestStart: function( e ) {
      ShowWaitWindow();
    },
    requestEnd: function( e ) {
      CloseWaitWindow();
      <?php if ( strtolower($mpDateModel) == "due") : ?>
        //for due date model show delivery by dates
        mindate = kendo.toString(e.response.homecuData.data.PaymentDates[0].Due, "yyyy-MM-dd");
        maxindex = e.response.homecuData.data.PaymentDates.length -1;
        maxdate = kendo.toString(e.response.homecuData.data.PaymentDates[maxindex].Due, "yyyy-MM-dd");
      <?php else : ?>
        mindate = kendo.toString(e.response.homecuData.data.PaymentDates[0].Proc, "yyyy-MM-dd");
        maxindex = e.response.homecuData.data.PaymentDates.length -1;
        maxdate = kendo.toString(e.response.homecuData.data.PaymentDates[maxindex].Proc, "yyyy-MM-dd");
      <?php endif; ?>
      $("#payDate").kendoDatePicker({
        value: new Date(),
        min: mindate,
        max: maxdate,
        disableDates: function (date) {
          var bpDates = [];
          bpDates = e.response.homecuData.data.PaymentDates;
          var bpFormatDates = [];
          var i, s, len = bpDates.length;
          for (i=0; i<len; ++i) {
            if (i in bpDates) {
              <?php if ( strtolower($mpDateModel) == "due") : ?>
                // for due date model show delivery by dates
                s = bpDates[i]["Due"];
                s = s.replace(/-/g, '/')  // using 'g' to replace globally
                // s = s.replace(/-/, '/'); // replace 2nd "-" with "/"
              <?php else : ?>
                s = bpDates[i]["Proc"];
              <?php endif; ?>
              bpFormatDates.push(new Date(s));
            }
          }
          if (date && compareDates(date, bpFormatDates)) {
            return false;
          } else {
            return true;
          }
        },
        change: function () {
          var processDate = new Date();
          processDate = editPaymentModel.bpDate;
          <?php if ( strtolower($mpDateModel) == "due" ) : ?>
            // for due date model show delivery by dates
            var sDate = processDates[kendo.toString(processDate, "yyyy/MM/dd")];
            $("#valuePayDueDate").text(sDate);
            editPaymentModel.bpDueModelProcessDate = sDate;
          <?php endif; ?>
          $("#endDate").attr("placeholder", "<?php echo $MC->msg("Select Date", HCU_DISPLAY_AS_JS) ?>");
          endMinDate = kendo.toString(kendo.date.addDays(processDate, 1), "yyyy/MM/dd");
          $("#endDate").kendoDatePicker({
            value: new Date(),
            min: endMinDate,
            change: function(e){
              var datePicker = this;
              var dateValue = datePicker.value();
              editPaymentModel.set("bpEndDate", dateValue);
              //select the correct radio button
              $("#rdEnd").prop("checked", true);
                //set model value
                var selectedOption = $("input:radio[name=duration]:checked").val();
                editPaymentModel.set("bpDuration", selectedOption);
            },
            disableDates: ["sa", "su"]
          });
          $("#endDate").data("kendoDatePicker").enable(true);
        }
      });
      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();
        $.homecuValidator.displayMessage(error, $.homecuValidator.settings.statusError);
      } else {
        // not sure
      }
    },
    // code to run if the request fails; the raw request and
    // status codes are passed to the function
    error: function( e ) {
      alert( "Transport error" );
    },
    schema: {
      model: {
        fields: {
          Proc: { type: "date" },
          Date: { type: "date" }
        }
      },
      data: "homecuData.data.PaymentDates"
    }
  });

  dsGetPayFrom = new kendo.data.DataSource ({
    data: dataPayFrom
  });

  //pulling user account information
  dsGetAccounts = new kendo.data.DataSource ({
    transport: {
      read: {
        url: "hcuMobilePay.data?cu=<?php echo $HB_ENV['cu']; ?>&mp_token=<?php echo $encodedToken ?>&mp_type=Accounts&<?php echo $HB_ENV['cuquery'] ?>",
        contentType: 'application/x-www-form-urlencoded',
        type: 'POST',
        data: {},
        pageable: true,
        cache: false
      }
    },
    requestStart: function( e ) {
      ShowWaitWindow();
    },
    requestEnd: function( e ) {
      CloseWaitWindow();
      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();
        $.homecuValidator.displayMessage(error, $.homecuValidator.settings.statusError);
      } else {
        // not sure
      }
    },
    // code to run if the request fails; the raw request and
    // status codes are passed to the function
    error: function( e ) {
      alert( "Transport error" );
    },
    schema: {
      model: {
        id: "TxnId",
          fields: {
          TxnId: { type: "number" },
          Date: { type: "string" },
          ToName: { type: "string" },
          Amount: { type: "number" }
        }
      },
      data: function (response) {
        /* PARSE RESPONSE DATA */
        var returnData = Array();
        try {
          if (response.homecuData) {
            //Get Accounts List
            dataPayFrom = (response.homecuData.source ? response.homecuData.source : []);
            dsGetPayFrom.data(dataPayFrom);

            //Get Payees List
            dataPayTo = (response.homecuData.dest ? response.homecuData.dest : []);
            dsGetPayees.data(dataPayTo);

            if (editPaymentModel.bpTxnId > 0){
              dsGetPayees.filter ({
                "field": "ToId",
                "operator": "eq",
                "value": editPaymentModel.bpToId
             });
            }

            if ( mpType == "Payment" ){
              $("#btnAddPayment").text("<?php echo $MC->msg("Add", HCU_DISPLAY_AS_HTML)?> <?php echo $MC->msg("ACH Payment", HCU_DISPLAY_AS_HTML)?>")
            } else {
              $("#btnAddPayment").text("<?php echo $MC->msg("Add", HCU_DISPLAY_AS_HTML)?> <?php echo $MC->msg("Transfer", HCU_DISPLAY_AS_HTML)?>")
            }
            // var saveValue = "Add " + mpType;
            // $("#btnAddPayment").text(saveValue);
            returnData = response.homecuData;
          } else if (response.homecuErrors) {
            //error has been handled
          } else {
            throw "Error Parsing Result From Server";
          }
        } catch (err) {
          // ** Need to report the message to the main screen
          /* *** REPORT THE ERROR *** */
          alert(err);
          returnData = [];
        }
        return [response];
      },
    }
  });

  $("#payTo").kendoDropDownList({
    optionLabel: lblPlaceHolder,
    dataSource: dsGetPayees,
    dataTextField: "Name",
    dataValueField: "ToId",
    change: function(e) {
      var value = this.value();
      // Use the value of the widget
      <?php if ( strtolower($mpDateModel) == "due" || strtolower($mpDateModel) == "payeeprocess") : ?>
        dsGetDates.options.transport.read.data.vPayeeId = value;
        if (value.length > 0){
          $("#payDate").attr("placeholder", "<?php echo $MC->msg("Select Date", HCU_DISPLAY_AS_JS) ?>");
          dsGetDates.read();
          $("#payDate").data("kendoDatePicker").enable(true);

        } else {
          //disable dates and give label to select payee
          $("#payDate").kendoDatePicker({
              value: new Date(),
              disableDates: function (date) { return true},
          });
          $("#endDate").kendoDatePicker({
              value: new Date(),
              disableDates: function (date) { return true},
          });
        <?php if ( $mpType == "Transfer") : ?>
          $("#payDate").attr("placeholder", "<?php echo $MC->msg("Select To Account", HCU_DISPLAY_AS_JS) ?>");
        <?php else : ?>
          $("#payDate").attr("placeholder", "<?php echo $MC->msg("Select Payee First", HCU_DISPLAY_AS_JS) ?>");
        <?php endif; ?>
          $("#valuePayDueDate").text("");
      }
      <?php endif; ?>
    }
  });

  $("#toFrom").kendoDropDownList({
    optionLabel: "<?php echo $MC->msg("ACH Select Account", HCU_DISPLAY_AS_JS) ?>",
    dataSource: dsGetPayFrom,
    dataTextField: "Name",
    dataValueField: "FromId",
  });

}

// Confirmation dialog
$("#confirmationWindow").kendoDialog({
        title: "<?php echo $MC->msg("Success", HCU_DISPLAY_AS_JS) ?>",
        width: "85%",
        maxWidth: "768px",
        minWidth: "300px",
        modal: true,
        closable: false,
        visible: false,
        resizable: false,
        actions: [
          {
            text: "<?php echo $MC->msg('Close', HCU_DISPLAY_AS_JS); ?>",
            primary: true
          }
        ],
        show: function(e) {
          windowStack.push(this);
        },
        close: function(e) {
          windowStack.pop();

          // Reset validator to use page status field.
          $.homecuValidator.settings.formStatusField = "formStatus";
          $.homecuValidator.settings.formInfoTitle = "";

          //redirect back to new payment
          window.location = 'hcuMobilePayPayment.prg?mp_token=<?php echo $encodedToken ?>&mp_type=<?php echo $mpType ?>&<?php echo $HB_ENV['cuquery'] ?>';
        }
      });

// this is used with the add/edit payment information
editPaymentModel = kendo.observable({
  bpTxnId: "",
  bpFromId: "",
  bpToId: "",
  bpAmt: "",
  bpDate: "",
  bpDueModelProcessDate : "",
  bpFreq: "",
  bpPayNum: "",
  bpEndDate: "",
  bpDuration: "",
  dirtyFlag: false,
  ResetModel: function() {
    this.set( "bpFromId", "" );
    this.set( "bpToId", "" );
    this.set( "bpAmt", "" );
    <?php if ( strtolower($mpDateModel) == "due") : ?>
    this.set( "bpDate", "" );
    this.set ("bpDueModelProcessDate", "");
    <?php else : ?>
    this.set( "bpDate", "" );
    <?php endif; ?>
    this.set( "bpTxnId", 0 );
    this.set( "bpFreq", "" );
    this.set( "bpPayNum", "" );
    this.set( "bpEndDate", "" );
    this.set( "bpDuration", "" );
    //unchecking radio buttons
    $("#rdNum").prop("checked", false);
    $("#rdNvr").prop("checked", false);
    $("#rdEnd").prop("checked", false);
    this.set( "dirtyFlag", false );
  },
  setDirty: function(e) {
    this.set( "dirtyFlag", true );
  },
  ClearDirty: function() {
    this.set( "dirtyFlag", false );
  },
  Save: function() {
    dsPayment.options.transport.read.data.toid = this.bpToId;
    dsPayment.options.transport.read.data.fromid = this.bpFromId;
    dsPayment.options.transport.read.data.amount = this.bpAmt;
    <?php if ( $mpType == "Payment") : ?>
    dsPayment.options.transport.read.data.paymentType = "Payment";
    <?php else : ?>
    dsPayment.options.transport.read.data.paymentType = "Transfer";
    <?php endif; ?>
    <?php if ( strtolower($mpDateModel) == "due") : ?>
    dsPayment.options.transport.read.data.paydate = kendo.toString(this.bpDueModelProcessDate,"yyyy-MM-dd");
    <?php else : ?>
    dsPayment.options.transport.read.data.paydate = kendo.toString(this.bpDate,"yyyy-MM-dd");
    <?php endif; ?>
    dsPayment.options.transport.read.data.freq = this.bpFreq;
    dsPayment.options.transport.read.data.paynum = this.bpPayNum;
    dsPayment.options.transport.read.data.enddate = kendo.toString(this.bpEndDate,"yyyy-MM-dd");
    dsPayment.options.transport.read.data.duration = this.bpDuration;
    dsPayment.read();
  }
});

function PaymentSave() {
  var confirmBtn;
  var msgConfirm;
  var type;
  <?php if ($mpType == "Payment") : ?>
    confirmBtn = "<?php echo $MC->msg("Confirm New Payment", HCU_DISPLAY_AS_JS) ?>" ;
    type = "<?php echo $MC->msg("Pay", HCU_DISPLAY_AS_JS) ?>";
  <?php else : ?>
    confirmBtn = "<?php echo $MC->msg("Confirm New Transfer", HCU_DISPLAY_AS_JS)?>" ;
    type = "<?php echo $MC->msg("Transfer", HCU_DISPLAY_AS_JS) ?>"
  <?php endif; ?>

  <?php if ( $allowRecur == "true" ) : ?>
    msgConfirm = type + " <b>" + kendo.toString(editPaymentModel.bpAmt, "c2") +
      "</b> " + ($("#billFreq").data("kendoDropDownList").text()).toLowerCase() + " <?php echo $MC->msg("To", HCU_DISPLAY_AS_JS) ?> <b>".toLowerCase() + $("#payTo").data("kendoDropDownList").text() +
      "</b> <?php echo $MC->msg("From Account", HCU_DISPLAY_AS_JS) ?> <b>".toLowerCase() + $("#toFrom").data("kendoDropDownList").text();

    //changing message according to duration of recurrring payment
    if ( editPaymentModel.bpDuration == "never" ) {
      msgConfirm += "</b> <?php echo $MC->msg("starting on", HCU_DISPLAY_AS_JS) ?> <b>" + kendo.toString(editPaymentModel.bpDate,"MM/dd/yyyy") +
      "</b> <?php echo $MC->msg("until", HCU_DISPLAY_AS_JS) ?> <?php echo $MC->msg("Cancelled", HCU_DISPLAY_AS_JS) ?>".toLowerCase() + "?";
    } else if ( editPaymentModel.bpDuration == "number" ) {
      msgConfirm += "</b> <?php echo $MC->msg("starting on", HCU_DISPLAY_AS_JS) ?> <b>" + kendo.toString(editPaymentModel.bpDate,"MM/dd/yyyy") +
      "</b> <?php echo $MC->msg("for", HCU_DISPLAY_AS_JS) ?> <b>" + editPaymentModel.bpPayNum + "</b> <?php echo $MC->msg("Payments", HCU_DISPLAY_AS_JS) ?>".toLowerCase() + "?";
    } else if ( editPaymentModel.bpDuration == "date" ) {
      msgConfirm += "</b> <?php echo $MC->msg("starting on", HCU_DISPLAY_AS_JS) ?> <b>" + kendo.toString(editPaymentModel.bpDate,"MM/dd/yyyy") +
      "</b> <?php echo $MC->msg("until", HCU_DISPLAY_AS_JS) ?> <b>" + kendo.toString(editPaymentModel.bpEndDate,"MM/dd/yyyy") + "</b>." ;
    } else {
      msgConfirm += "</b> <?php echo $MC->msg("on", HCU_DISPLAY_AS_JS) ?> <b>" + kendo.toString(editPaymentModel.bpDate,"MM/dd/yyyy") + "</b>.";
    }

  <?php else : ?>
    msgConfirm = type + " <b>" + kendo.toString(editPaymentModel.bpAmt, "c2") +
      "</b> <?php echo $MC->msg("To", HCU_DISPLAY_AS_JS) ?> <b>" + $("#payTo").data("kendoDropDownList").text() + "</b> <?php echo $MC->msg("From Account", HCU_DISPLAY_AS_JS) ?> <b>" +
      $("#toFrom").data("kendoDropDownList").text() + "</b> <?php echo $MC->msg("on", HCU_DISPLAY_AS_JS) ?> <b>" + kendo.toString(editPaymentModel.bpDate,"MM/dd/yyyy") + "</b>.";
  <?php endif; ?>

    confirmSaveDialog = $('#confirmSaveTemplate').kendoDialog({
      width: "85%",
      title: "<?php echo $MC->msg("Save", HCU_DISPLAY_AS_JS) ?> ",
      maxWidth: "500px",
      minWidth: "300px",
      closable: false,
      modal: true,
      visible: false,
      resizable: false,
      content: msgConfirm,
      show: function(e) {
        // add the close function to the window stack
        windowStack.push(function(e) {
          confirmSaveDialog.close(e);
        });
      },
      close: function(e) {
        // remove the close function from the window windowStack
        windowStack.pop();
      },
      actions: [
        { text: '<?php echo $MC->msg("Close", HCU_DISPLAY_AS_HTML)?>',
          action: function(e) {
          // ** Close the current confirmSaveDialog
        }
      },
      { text: confirmBtn,
          primary: true,
          action: function(e) {
            //save  payment or transfer
            if ( $.homecuValidator.validate() ) {
              editPaymentModel.Save();
            }
          }
        }
      ]
    }).data("kendoDialog");
    confirmSaveDialog.open();
}

function compareDates(xdate, mdates) {
  for (var i = 0; i < mdates.length; i++) {
    if (mdates[i].getDate() == xdate.getDate() &&
      mdates[i].getMonth() == xdate.getMonth() &&
      mdates[i].getYear() == xdate.getYear()) {
      return true
    }
  }
}

function ShowSuccess(confirmationNum) {
    var confirmationTemplate = kendo.template($("#confirmationTemplate").html());
    var data = { confNum: confirmationNum };
    var confirmationDisplay = confirmationTemplate(data);
    $("#confirmationWindow").data("kendoDialog").content(confirmationDisplay);
    $("#confirmationWindow").data("kendoDialog").open();
    editPaymentModel.ResetModel();
}

function newPayment (){

  editPaymentModel.ResetModel();
  editPaymentModel.bpTypeLabel = "<?php echo $MC->msg("Payment", HCU_DISPLAY_AS_JS) ?>";
  $.homecuValidator.setup({formValidate: "editPaymentWindow",
        formErrorTitle: "<?php echo $MC->msg("Error Occurred", HCU_DISPLAY_AS_JS) ?>",
        formStatusField: "editPaymentFormStatus"});

  <?php if ( $mpType == "Transfer") : ?>
    $("#editPayTo").text("<?php echo $MC->msg("ACH To Account", HCU_DISPLAY_AS_JS) ?>");
    $("#editToFrom").text("<?php echo $MC->msg("From Account", HCU_DISPLAY_AS_JS) ?>");
    $("#editPayDate").text("<?php echo $MC->msg("Process Date", HCU_DISPLAY_AS_JS) ?>");
    $("#payTo").attr("data-required-msg", "<?php echo $MC->msg("Transfer To Account Missing", HCU_DISPLAY_AS_JS) ?>");
    $("#toFrom").attr("data-required-msg", "<?php echo $MC->msg("Transfer From Account Missing", HCU_DISPLAY_AS_JS) ?>");
    $("#payAmount").attr("data-required-msg", "<?php echo $MC->msg("Transfer Amount Missing", HCU_DISPLAY_AS_JS) ?>");
    $("#payDate").attr("data-required-msg", "<?php echo $MC->msg("Process Date Missing", HCU_DISPLAY_AS_JS) ?>");
  <?php else : ?>

    $("#editPayTo").text("<?php echo $MC->msg("ACH Payee", HCU_DISPLAY_AS_JS) ?>");
    $("#editToFrom").text("<?php echo $MC->msg("Account", HCU_DISPLAY_AS_JS) ?>");

    <?php if ( strtolower($mpDateModel) == "due") : ?>
      $("#editPayDate").text("<?php echo $MC->msg("Deliver By Date", HCU_DISPLAY_AS_JS) ?>");
      $("#editPayDueDate").text("<?php echo $MC->msg("Process Date", HCU_DISPLAY_AS_JS) ?>");
    <?php else : ?>
      $("#editPayDate").text("<?php echo $MC->msg("Process Date", HCU_DISPLAY_AS_JS) ?>");
    <?php endif; ?>

    $("#payTo").attr("data-required-msg", "<?php echo $MC->msg("Payee Missing", HCU_DISPLAY_AS_JS) ?>");
    $("#toFrom").attr("data-required-msg", "<?php echo $MC->msg("Account is required", HCU_DISPLAY_AS_HTML)?>");
    $("#payAmount").attr("data-required-msg", "<?php echo $MC->msg("Payment Amount Missing", HCU_DISPLAY_AS_JS) ?>");
    $("#payDate").attr("data-required-msg", "<?php echo $MC->msg("Process Date Missing", HCU_DISPLAY_AS_JS) ?>");
  <?php endif; ?>

    $("#payDate").attr("autocomplete", "off").kendoDatePicker();

    //adding required stars
    $("#editPayTo").append('<span class="hcu-required-field"><sup>*</sup></span>');
    $("#editToFrom").append('<span class="hcu-required-field"><sup>*</sup></span>');
    $("#editPayDate").append('<span class="hcu-required-field"><sup>*</sup></span>');

    <?php if ( $allowRecur == 'true' ) : ?>
    $("#editBillFreq").append('<span class="hcu-required-field"><sup>*</sup></span>');
    $("#endDate").attr("autocomplete", "off").kendoDatePicker();
    $("#editBillFreq").text("<?php echo $MC->msg('Payment Frequency', HCU_DISPLAY_AS_HTML); ?>");
    $("#endDate").kendoDatePicker({
      value: new Date(),
      disableDates: function (date) { return true },
    });
    $("#endDate").data("kendoDatePicker").enable(false);
    <?php endif; ?>

    <?php if ( $mpType == "Payment") : ?>
      dsGetAccounts.options.transport.read.data.paymentType = "Payment";
    <?php else : ?>
      dsGetAccounts.options.transport.read.data.paymentType = "Transfer";
    <?php endif; ?>

    dsGetAccounts.read();

  <?php if ( strtolower($mpDateModel) == "process") : ?>
    $("#payDate").attr("placeholder", "<?php echo $MC->msg("Process Date Select", HCU_DISPLAY_AS_JS) ?>");
    dsGetDates.read();
  <?php else: ?>
    //disabling entire date picker control at beginning
    $("#payDate").kendoDatePicker({
      value: new Date(),
      disableDates: function (date) { return true },
    });
    $("#payDate").data("kendoDatePicker").enable(false);

    <?php if ( $mpType == "Transfer") : ?>
      $("#payDate").attr("placeholder", "<?php echo $MC->msg("Select To Account", HCU_DISPLAY_AS_JS) ?>");
    <?php else : ?>
      $("#payDate").attr("placeholder", "<?php echo $MC->msg("Select Payee First", HCU_DISPLAY_AS_JS) ?>");
      $("#endDate").attr("placeholder", "<?php echo $MC->msg("Select Process Date First", HCU_DISPLAY_AS_JS) ?>");
    <?php endif; ?>

  <?php endif; ?>

  kendo.bind($("#editPaymentWindow"), editPaymentModel);

  $("#payAmount").val(0);

  $("#payAmount").kendoNumericTextBox({
    format: "c",
    value:  0,
    decimals: 2,
    step: 0,
    spinners: false,
    min: .01,
    max: 9999999,
    placeholder: '<?php echo $MC->msg('Amount', HCU_DISPLAY_AS_JS); ?>'
  });

  $("#btnAddPayment").click( function() {
    if ( $.homecuValidator.validate() ) {
      PaymentSave ();
    }
  });

}

  var dsPayment = new kendo.data.DataSource({
    transport: {
      read:  {
          url: 'hcuMobilePay.data?cu=<?php echo $HB_ENV['cu']; ?>&mp_token=<?php echo $encodedToken ?>&mp_type=AddPayment&<?php echo $HB_ENV['cuquery'] ?>',
          dataType: "json",
          contentType: "application/x-www-form-urlencoded",
          type: "POST",
          data: {},
          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;
        },
    },
    requestStart: function( e ) {
      ShowWaitWindow();
    },
    requestEnd: function( e ) {
        var error = null;
        //ENR - not needed
        //dsAcctHistory.read();
        CloseWaitWindow();
        // see if there is an error
        if ( e.response && e.response.homecuErrors )
          error = e.response.homecuErrors;
        if ( error && error.length > 0 ) {
          e.preventDefault();
           $.homecuValidator.displayMessage(error, $.homecuValidator.settings.statusError);
        } else {
          var confirmationNum = e.response.homecuData.data.Confirmation;
          //show that payment was saved.
          ShowSuccess(confirmationNum);
        }
    },
    // 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 );
    }
  });

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

  $(document).ready(function () {
    $.homecuValidator.setup({editPaymentFormStatus: "<?php echo $MC->msg("Error Occurred", HCU_DISPLAY_AS_JS) ?>"});

    InitDataSources();
    newPayment();
  });

</script>
<?php
  /*
  * ** END CONTENT
  */


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

/**
 * 11/19: Helper to output a tooltip help message for the Process Date field.
 * @param string $mpDateModel due|process|payeeprocess
 * @param object $MC translation dictionary object
 * @return string
 */
  function EditDateHelpIcon($mpDateModel, $MC)
  {
    if (strtolower($mpDateModel) == 'due') {
      return $MC->msg('Process Date Due Help', HCU_DISPLAY_AS_JS);
    }
    if ((strtolower($mpDateModel) == 'process') || (strtolower($mpDateModel) == 'payeeprocess')) {
      return $MC->msg('Process Date Payee Help', HCU_DISPLAY_AS_JS);
    }

    // Should never happen, lots of logic above getting $mpDateModel
    return '';

  }

?>