hcuACHPartners.prg

<?php
  /*
   * File: hcuACHSingle.prg
   *
   * Purpose:  To let the user do ACH operations - single payments and collections.
   *
   * Steps:
   * 1) Show the ACH partner screen. Can create/edit a partner.
   * 2) Fill in DFI account, amounts and addenda.
   * 3) Specify the local account for the payment or collection.
   * 4) Submit
   *
   */
  require_once(dirname(__FILE__) . '/../library/permissions.i');
  require_once(dirname(__FILE__) . '/../library/hcuACH.i');


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

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

  try {

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

    // ** VERIFY ACH features are enabled for the credit union
    $achEnabled = Check_ACHEnabled( $dbh, $HB_ENV );
    if ( $achEnabled === false ) {
      // * Feature NOT set
      throw new Exception( HCU_JsonEncode( $MC->msg('Option not set', HCU_DISPLAY_AS_HTML) ), 915 );
    }

    $achPartnerTypes = array(
      array( "type" => ACH_PARTNER_TYPE_PAYEE, "display" => $MC->msg("ACH Payee", HCU_DISPLAY_AS_HTML) ),
      array( "type" => ACH_PARTNER_TYPE_PAYOR, "display" => $MC->msg("ACH Payor", HCU_DISPLAY_AS_HTML) ),
      array( "type" => ACH_PARTNER_TYPE_PAYROLL, "display" => $MC->msg("ACH Payroll", HCU_DISPLAY_AS_HTML) ),
      array( "type" => ACH_PARTNER_TYPE_UNASSIGNED, "display" => $MC->msg("ACH Unassigned", HCU_DISPLAY_AS_HTML) )
    );

    // option labels do not work correctly with mvvm
    // so we must add a default item to the list.
    $achAccountTypes = array(
      array( "type" => ACCOUNT_TYPE_CHECKING, "display" => $MC->msg("ACH Checking", HCU_DISPLAY_AS_HTML) ),
      array( "type" => ACCOUNT_TYPE_SAVINGS, "display" => $MC->msg("ACH Savings", HCU_DISPLAY_AS_HTML) )
    );

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

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

    require_once(dirname(__FILE__) . '/../includes/hcuErrorPage.i');
  }
?>

<script type="text/javascript">

  var pWindowStack = null;
  var pAction = null;
  var pDataSource = null;
  var pDataFilter = null;
  var pDataSort = null;
  var pGrid = null;
  var pGridData = null;

  var pMulti = null;
  var pMultiData = null;
  var pSearch = null;
  var pCreate = null;

  var pWindow = null;
  var pDiscard = null;
  var pDelete = null;

  var pObserve = null;
  var pAcctData = null;
  var pStateData = null;

  var pError = false;

  var InitDataSources = function() {
    pWindowStack = [];
    pGridData = [];
    pMultiData = <?php echo HCU_JsonEncode($achPartnerTypes); ?>;
    pAcctData = <?php echo HCU_JsonEncode($achAccountTypes); ?>;
    pStateData = <?php echo HCU_JsonEncode( GetStateList() ); ?>;
    pDataSource = new kendo.data.DataSource({
      transport: {
        read: {
          url: "hcuACH.data?cu=<?php echo $HB_ENV['cu']; ?>",
          contentType: "application/json",
          dataType: "json",
          type: "GET",
          cache: false,
          data: {
            action: "get_ach_partners"
          }
        },
        create: {
          type: "POST",
          url: "hcuACH.data?cu=<?php echo $HB_ENV['cu']; ?>",
          contentType: "application/x-www-form-urlencoded",
          dataType: "json",
          cache: false,
          data: {
            action: "add_ach_partner"
          }
        },
        update: {
          type: "POST",
          url: "hcuACH.data?cu=<?php echo $HB_ENV['cu']; ?>",
          contentType: "application/x-www-form-urlencoded",
          dataType: "json",
          cache: false,
          data: {
            action: "update_ach_partner"
          }
        },
        destroy: {
          type: "POST",
          url: "hcuACH.data?cu=<?php echo $HB_ENV['cu']; ?>",
          contentType: "application/x-www-form-urlencoded",
          dataType: "json",
          cache: false,
          data: {
            action: "delete_ach_partner"
          }
        },
        parameterMap: function(data, type) {
          if (type != "read") {
            data.email_notify = data.email_notify ? 1 : 0;
            data.ach_name = data.ach_name ?
              data.ach_name :
              data.display_name;
          }

          return data;
        }
      },
      schema: {
        model: {
          id: "partner_id",
          fields: {
            partner_id: { type: "number" },
            ach_name: { type: "string" },
            display_name: { type: "string" },
            partner_type: { type: "string" },
            ach_batch: { type: "boolean", defaultValue: false },
            email_notify: { type: "boolean", defaultValue: false },
            email: { type: "string" },
            address1: { type: "string" },
            address2: { type: "string" },
            city: { type: "string" },
            state: { type: "string" },
            zip: { type: "string" },
            country: { type: "string" },
            dfi_routing: { type: "string" },
            dfi_account: { type: "string" },
            dfi_account_confirm: { type: "string" },
            dfi_account_type: { type: "string" }
          }
        },
        parse: function(data) {
          var results = null;
          var resultsData = null;

          if (data.hasOwnProperty("Results")) {
            results = data.Results;
            resultsData = results.homecuData;
          }

          if (results == undefined || results == null) {
            return [];
          }

          if (results.hasOwnProperty("homecuErrors")) {
            return [];
          }

          if (pAction == "read") {
            pGridData = [];
            for (var i = 0; i < resultsData.partners.length; i++) {
              var partner = resultsData.partners[i];
              var partnerSetup = SetupPartner(partner, false);
              pGridData.push(partnerSetup);
            }
            pGrid.dataSource.data(pGridData);
            return pGridData;
          } else {
            var partner = null;
            var partnerSetup = null;

            // get updated data
            // delete just grab current partner
            if (pAction == "create" || pAction == "update") {
              partner = resultsData.partner_data;
              partnerSetup = SetupPartner(partner, true);
            } else {
              partner = pObserve.sourcePartner;
              partnerSetup = SetupPartner(partner, true);
            }

            // find updated partner in grid datasource
            if (pAction == "update" || pAction == "destroy") {
              var partnerIndex = -1;

              for(var i = 0; i < pGridData.length; i++) {
                if (pGridData[i].partner_id == partnerSetup.partner_id) {
                  partnerIndex = i;
                  break;
                }
              }
            }

            // splice array with updated data
            // for create: add partner
            // for update: replace current partner
            // for delete: remove current partner
            if (pAction == "create") {
              pGridData.push(partnerSetup);
            } else if (pAction == "update") {
              // must reset batch flag
              partnerSetup.ach_batch = pGridData[partnerIndex].ach_batch;
              pGridData.splice(partnerIndex, 1, partnerSetup);
            } else if (pAction == "destroy") {
              pGridData.splice(partnerIndex, 1);
            }

            // update grid source
            pGrid.dataSource.data(pGridData);
            pObserve.reset();
            pWindow.close();

            return partnerSetup;
          }
        }
      },
      requestStart: function(request) {
        $.homecuValidator.hideMessage();
        ShowWaitWindow();
        pError = false;
      },
      requestEnd: function(response) {
        pAction = response.type;
        CloseWaitWindow();
        try {
          if (response.hasOwnProperty("response")) {
            if (response.response.hasOwnProperty("Results")) {

              var results = response.response.Results;
              if (results.hasOwnProperty("homecuErrors")) {
                pError = true;
                throw results.homecuErrors;
              } else {
                $.homecuValidator.settings.formStatusField = "formStatus";
                $.homecuValidator.settings.formInfoTitle = "";
                $.homecuValidator.displayMessage(results.homecuInfo);
              }
            } else {
              throw "Error Parsing Server";
            }
          } else {
            throw "Error Parsing Server";
          }
        } catch (error) {
          $.homecuValidator.displayMessage(error, $.homecuValidator.settings.statusError );
          
          //reset datasource with current data
          pDataSource.cancelChanges();
          pDataSource.data(pGridData);
        }
      }
    });
    pDataSort = {
      field: "display_name",
      dir: "asc"
    };
    pDataFilter = {
      logic: "and",
      filters: [
        {
          logic: "or",
          filters: [
            { field: "partner_type", operator: "eq", value: "$" },
            { field: "partner_type", operator: "eq", value: "e" },
            { field: "partner_type", operator: "eq", value: "r" },
            { field: "partner_type", operator: "eq", value: "" }
          ]
        },
        { field: "display_name", operator: "contains", value: "" }
      ]
    };
  }

  var InitDataViews = function() {
    pMulti = $("#partnerFilter").kendoMultiSelect({
      placeholder: "<?php echo $MC->msg("ACH Select Types", HCU_DISPLAY_AS_JS); ?>",
      dataTextField: "display",
      dataValueField: "type",
      dataSource: pMultiData,
      itemTemplate: "#= display #",
      tagTemplate: "#= display #",
      dataBound: function() {
        this.value(["$", "e", "r", ""]);
      },
      change: function() {
        var filterValues = this.value();

        // filter by partner type, get the first filters object
        // reset to empty
        pDataFilter.filters[0].filters = [];

        // if none are selected, set to "none" this will filter
        // the grid to show none of the possible types
        if (filterValues.length == 0) {
          pDataFilter.filters[0].filters = [];
          pDataFilter.filters[0].filters.push({
            field: "partner_type", operator: "eq", value: "none"
          });
        } else {
          // if types have been selected add them to the filter
          for (var i = 0; i < filterValues.length; i++) {
            pDataFilter.filters[0].filters.push({
              field: "partner_type", operator: "eq", value: filterValues[i]
            });
          }
        }
        pGrid.dataSource.filter(pDataFilter);
      }
    }).data("kendoMultiSelect");

    pGrid = $("#partnerGrid").kendoGrid({
      toolbar: kendo.template($("#templateGridTool").html()),
      selectable: "row",
      pageable: true,
      dataSource: {
        data: pGridData,
        filter: pDataFilter,
        sort: pDataSort,
        page: 1,
        pageSize: 10
      },
      columns: [
        { field: "name",
          title: "<?php echo $MC->msg("Name", HCU_DISPLAY_AS_HTML) ?>",
          template: kendo.template($("#templateGridName").html()) },
        { field: "partner_type",
          title: "<?php echo $MC->msg("Type", HCU_DISPLAY_AS_HTML) ?>", width: "100px",
          template: kendo.template($("#templateGridType").html()) },
        { title: "<?php echo $MC->msg("Partner", HCU_DISPLAY_AS_HTML) ?>",
          template: kendo.template($("#templateGridMobile").html()) }
      ],
      change: function() {
        var partner = this.select();
        var partnerSelect = this.dataItem(partner);
        var partnerIndex = -1;
        var partnerSource = pDataSource.data();

        for (var i = 0; i < partnerSource.length; i++) {
          if (partnerSource[i].partner_id === partnerSelect.partner_id) {
            partnerIndex = i;
            break;
          }
        }

        OpenPartnerEditor(partnerSource[partnerIndex]);

        // remove selected class
        partner.removeClass("k-state-selected");
      }
    }).data("kendoGrid");

    var maxHeight = parseInt($(window).height() * .85, 10);
    var pWindowHtml = $("#achPartnerEditorTmp").html();
    pWindow = $(pWindowHtml).kendoWindow({
      width: "85%",
      minWidth: 300,
      maxWidth: 750,
      maxHeight: maxHeight,
      modal: true,
      visible: false,
      resizable: false,
      activate: OpenWindow,
      close: CloseWindow
    }).data("kendoWindow");

    var pDiscardHtml = $("#achPartnerDiscardTmp").html();
    pDiscard = $(pDiscardHtml).kendoDialog({
      title: "<?php echo $MC->msg("ACH Discard Changes?", HCU_DISPLAY_AS_HTML) ?>",
      modal: true,
      visible: false,
      resizable: false,
      show: OpenWindow,
      close: CloseWindow,
      actions: [
        { text: "<?php echo $MC->msg("No", HCU_DISPLAY_AS_HTML) ?>", action: function() {} },
        { text: "<?php echo $MC->msg("Yes", HCU_DISPLAY_AS_HTML) ?>", primary: true,
          action: function() { pAction = "partnerDiscard"; }
        }
      ]
    }).data("kendoDialog");

    var pDeleteHtml = $("#achPartnerDeleteTmp").html();
    pDelete = $(pDeleteHtml).kendoDialog({
      title: "<?php echo $MC->msg("ACH Remove Partner", HCU_DISPLAY_AS_HTML) ?>",
      modal: true,
      visible: false,
      resizable: false,
      show: OpenWindow,
      close: CloseWindow,
      actions: [
        { text: "<?php echo $MC->msg("No", HCU_DISPLAY_AS_HTML) ?>", action: function() {} },
        { text: "<?php echo $MC->msg("Yes", HCU_DISPLAY_AS_HTML) ?>", primary: true,
          action: function() { pAction = "partnerDelete"; }
        }
      ]
    }).data("kendoDialog");

    pObserve = new kendo.observable({
      sourcePartner: null,
      sourceDirty: false,
      sourceDirtyInfo: false,
      sourceDirtyAddr: false,
      sourceDirtyAcct: false,
      listPartnerTypes: pMultiData,
      listAccountTypes: pAcctData,
      listStates: pStateData,
      showDelete: false,
      showDeleteWarn: false,
      init: function(partner) {
        this.set("sourcePartner", partner);
        this.set("sourceDirty", partner.partner_id == 0);
        this.set("showDelete", !partner.ach_batch && partner.partner_id > 0);
        this.set("showDeleteWarn", partner.ach_batch);
        kendo.bind($("#achPartnerEditor"), this);
      },
      reset: function() {
        this.set("sourcePartner", null);
        this.set("sourceDirty", false);
        this.set("sourceDirtyInfo", false);
        this.set("sourceDirtyAddr", false);
        this.set("sourceDirtyAcct", false);
        kendo.unbind($("#achPartnerEditor"));
      },
      save: function() {
        // reset sourcePartner to dirty if errors have been
        // this will allow the user to hit save again if they have changed anything.
        if (pError) {
          this.sourcePartner.dirty = true;
        }

        // check for other errors
        var otherErrors = [];
        if (this.sourcePartner.zip != "") {
          // must validate zip code
          var zip = this.sourcePartner.zip;
          var zipReplace = zip.replace(/_/g, "");
          var zipSplit = zipReplace.split("-");
          var zipConstruct = "";

          // validate section 1, must be 5 digits
          if (zipSplit[0].length < 5) {
            otherErrors.push("<?php echo $MC->msg("Zip Code Invalid", HCU_DISPLAY_AS_JS) ?>");
          } else if (zipSplit[1]) {
            // validate section 2 must be 4 digits
            if (zipSplit[1].length > 0 && zipSplit[1].length < 4) {
              otherErrors.push("<?php echo $MC->msg("Zip Code Invalid", HCU_DISPLAY_AS_JS) ?>");
            }
          }

          // reconstruct zip code
          if (zipSplit[1]) {
            zipConstruct += zipSplit[0] + "-" + zipSplit[1];
          } else {
            zipConstruct += zipSplit[0];
          }

          this.set("sourcePartner.zip", zipConstruct);
        }

        if (this.sourcePartner.dfi_routing != "") {
          // must vlalidate routing number
          var routing = this.sourcePartner.dfi_routing;
          var routingReplace = routing.replace(/_/g, "");

          if (routingReplace.length < 9) {
            otherErrors.push("<?php echo $MC->msg("ACH Routing number 9 digits", HCU_DISPLAY_AS_HTML); ?>");
          }

          this.set("sourcePartner.dfi_routing", routingReplace);
        }

        if (this.sourceDirty) {
          $.homecuValidator.validate();
          var totalErrors = $.homecuValidator.homecuKendoValidator.errors();

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

          if (totalErrors.length > 0) {
            $.homecuValidator.displayMessage(totalErrors, $.homecuValidator.settings.statusError);
            $("#achPartnerEditor").scrollTop(0);
          } else {
            pDataSource.sync();
          }
        } else {
          pWindow.close();
        }
      },
      delete: function() {
        pDelete.open();
      },
      cancel: function() {
        pWindow.close();
      },
      change: function(e) {
        var target = null;
        var accordion = null;

        e.hasOwnProperty("sender") ?
          target = $(e.sender.element[0]) :
          target = $(e.target);

        // check if checkbox or label has been clicked
        $(target).parent().attr("for") == "achPartnerNotify" ||
        $(target).attr("name") == "achPartnerNotify" ?
          this.set("sourcePartner.email_notify", !this.sourcePartner.email_notify) :
          "";

        accordion = target.closest(".achAccordionContent");
        accordionIndex = accordion.data("accordion-index");

        switch (accordionIndex) {
          case 0: this.set("sourceDirtyInfo", true); break;
          case 1: this.set("sourceDirtyAddr", true); break;
          case 2: this.set("sourceDirtyAcct", true); break;
        }

        this.set("sourceDirty", true);
      }
    });

    kendo.data.binders.required = kendo.data.Binder.extend({
      refresh: function() {
        var required = this.bindings.required.get();
        if (required) {
          this.element.setAttribute("required", "required");
        } else {
          this.element.removeAttribute("required");
        }
      }
    });

    pSearch = $("#partnerSearch");
    pSearch.on("input", function() {
      // filter by name, get the second filters object
      // from pDataFilters and set its value.
      pDataFilter.filters[1].value = $(this).val();
      pGrid.dataSource.filter(pDataFilter);
    });

    pCreate = $("#partnerAdd");
    pCreate.on("click", function() {
      // use data source to create new partner
      pDataSource.add();
      OpenPartnerEditor(pDataSource.data()[0]);
    });

    // set up masks this way because mvvm mask for digits doesn't work
    $("input[name=\"achPartnerZip\"]").kendoMaskedTextBox({
      mask: "00000-9999",
      clearPromptChar: true
    });

    $("input[name=\"achPartnerRouting\"]").kendoMaskedTextBox({
      mask: "000000000",
      clearPromptChar: true
    });

    homecuTooltip.bind({
      achPartnerNotifyTip: 
        "<?php echo $MC->msg("ACH Notify Info Init", HCU_DISPLAY_AS_JS); ?> " + 
        "<?php echo $MC->msg("ACH Notify Info Partner", HCU_DISPLAY_AS_JS); ?>"
    });
  }

  var CreateAddressString = function(partner) {
    var showString = "";
    if ( partner.city.length > 0 ||
         partner.state.length > 0 ||
         partner.zip.length > 0 ) {
      showString = partner.city.trim();
      if ( showString.length > 0 &&
           (partner.state.length > 0 ||
            partner.zip.length > 0) ) {
        showString = showString + ", " + partner.state + " " + partner.zip;
        showString = showString.trim();
      }
    }

    if ( partner.address1.length > 0 ) {
      if ( showString.length > 0 ) {
        showString = partner.address1 + " / " + showString;
      } else {
        showString = partner.address1;
      }
    }

    return showString;
  }

  var SetupPartner = function(partner, update) {
    var partnerSetup = {
      partner_id: parseInt(partner.id),
      ach_batch: partner.ach_batch ? true : false,
      ach_name: partner.ach_name ?
        partner.ach_name :
        partner.display_name,
      display_name: partner.display_name,
      partner_type: partner.partner_type,
      email_notify: (partner.email_notify == "t" || partner.email_notify == true) ?
        true : false,
      email: update ?
        partner.email :
        partner.address.email,
      address1: update ?
        partner.address1 :
        partner.address.address1,
      address2: update ?
        partner.address2 :
        partner.address.address2,
      city: update ?
        partner.city :
        partner.address.city,
      state: update ?
        partner.state :
        partner.address.state,
      zip: update ?
        partner.zip :
        partner.address.zip,
      country: update ?
        partner.country :
        partner.address.country,
      dfi_routing: update ?
        partner.dfi_routing :
        partner.dfi_data.dfi_routing,
      dfi_account: update ?
        partner.dfi_account :
        partner.dfi_data.dfi_account,
      dfi_account_confirm: update ?
        partner.dfi_account :
        partner.dfi_data.dfi_account,
      dfi_account_type: update ?
        partner.dfi_account_type :
        partner.dfi_data.dfi_account_type
    };

    return partnerSetup;
  }

  var OpenWindow = function(e) {
    var windowElement = this.element[0];
    var windowId = windowElement.id;

    switch (windowId) {
      case "achPartnerEditor":
        $("#achPartnerEditor").scrollTop(0);
        break;
    }

    pAction = null;
    pWindowStack.push(this);
  }

  var CloseWindow = function(e) {
    var windowElement = this.element[0];
    var windowId = windowElement.id;

    switch (pAction) {
      case "partnerDiscard":
        PopWindow(windowId);
        pAction = null;
        pDataSource.cancelChanges();
        pObserve.reset();
        pWindow.close();
        break;
      case "partnerDelete":
        PopWindow(windowId);
        pAction = null;
        pDataSource.remove(pObserve.sourcePartner);
        pDataSource.sync();
        //pWindow.close();
        break;
      default:
        if (windowId == "achPartnerEditor") {
          if (pObserve.sourceDirty) {
            e.preventDefault();
            pDiscard.open();
          } else {
            PopWindow(windowId);
          }
        } else {
          PopWindow(windowId);
        }
        break;
    }
  }

  var PopWindow = function(windowId) {
    var popIndex = -1;
    for (var i = 0; i < pWindowStack.length; i++) {
      var openWindow = pWindowStack[i].element[0];
      var openId = openWindow.id;

      if (openId == windowId) {
        popIndex = i;
        break;
      }
    }

    if (popIndex > -1) {
      pWindowStack.splice(popIndex, 1);
    }
  }

  var OpenPartnerEditor = function(partner) {
    $.homecuValidator.hideMessage();
    $.homecuValidator.setup({
      formValidate: "achPartnerEditor",
      formStatusField: "achPartnerStatus",
      formErrorTitle: "<?php echo $MC->msg("Error Occurred", HCU_DISPLAY_AS_JS) ?>"
    });

    pObserve.reset();
    pObserve.init(partner);

    pWindow.title(partner.id == 0 ?
      "<?php echo $MC->msg("ACH Add New Partner", HCU_DISPLAY_AS_JS) ?>" :
      "<?php echo $MC->msg("ACH Edit Partner", HCU_DISPLAY_AS_JS) ?>" + ": " + partner.display_name);
    pWindow.center();
    pWindow.open();
  }

  var ResizeGrid = function() {
    if ($(window).width() > 768) {
      pGrid.hideColumn(2);
      pGrid.showColumn(1);
      pGrid.showColumn(0);
    } else {
      pGrid.showColumn(2);
      pGrid.hideColumn(1);
      pGrid.hideColumn(0);
    }
  }

  $(document).ready(function() {
    InitDataSources();
    InitDataViews();

    pDataSource.read();

    ResizeGrid();
    $(window).resize(function() {
      ResizeGrid();
      pWindow.center();
    });
  });

  // close window on overlay click
  $(document).on("click", ".k-overlay", function (e) {
    if (pWindowStack.length > 0) {
      var wnd = pWindowStack[pWindowStack.length - 1];
      wnd.close();
    }
  });
</script>

<!-- TEMPLATE: grid toolbar -->
<script type="text/x-kendo-template" id="templateGridTool">
  <button id="partnerAdd" class="k-button">
    <span class="fa fa-plus"></span>
    <span>&nbsp;<?php echo $MC->msg("ACH Add Partner", HCU_DISPLAY_AS_HTML) ?></span>
  </button>
</script>

<!-- TEMPLATE: grid mobile view -->
<script type="text/x-kendo-template" id="templateGridMobile">
  <div>#= display_name #</div>
  <div>
  #if(partner_type == "$"){#
    <span><?php echo $MC->msg("ACH Payroll", HCU_DISPLAY_AS_JS); ?></span>
  #}else if(partner_type == "e"){#
  <span><?php echo $MC->msg("ACH Payee", HCU_DISPLAY_AS_JS); ?></span>
    #}else if(partner_type == "r"){#
    <span><?php echo $MC->msg("ACH Payor", HCU_DISPLAY_AS_JS); ?></span>
  #}else{#
    <span><?php echo $MC->msg("ACH Unassigned", HCU_DISPLAY_AS_JS); ?></span>
  #}#
  </div>
  <div>#= CreateAddressString(data) #</div>
</script>

<!-- TEMPLATE: grid name column -->
<script type="text/x-kendo-template" id="templateGridName">
  <div class="hcu-bs-no-padding">
    <div class="col-sm-6">#= display_name #</div>
    <div class="col-sm-6 text-right">#= CreateAddressString(data) #</div>
  </div>
</script>

<!-- TEMPLATE: grid type column -->
<script type="text/x-kendo-template" id="templateGridType">
  #if(partner_type == "$"){#
    <span><?php echo $MC->msg("ACH Payroll", HCU_DISPLAY_AS_JS); ?></span>
  #}else if(partner_type == "e"){#
  <span><?php echo $MC->msg("ACH Payee", HCU_DISPLAY_AS_JS); ?></span>
    #}else if(partner_type == "r"){#
    <span><?php echo $MC->msg("ACH Payor", HCU_DISPLAY_AS_JS); ?></span>
  #}else{#
    <span><?php echo $MC->msg("ACH Unassigned", HCU_DISPLAY_AS_JS); ?></span>
  #}#
</script>

<!-- STYLES -->
<style type="text/css">
  .k-grid tbody tr:hover {
    cursor: pointer;
  }

  .k-grid td:nth-child(2) {
    border-left-width: 0;

  }

  .achFieldMargin {
    margin-top: 7.5px;
    margin-bottom: 7.5px;
  }

  @media (max-width: 1023px) {
    ul.k-pager-numbers {
      margin-left: 11px;
    }
  }
</style>

<!-- MAIN HTML -->
<div class="container-fluid">
  <div class="well well-sm col-xs-12">

    <h3><?php echo $MC->msg("ACH Partner Title", HCU_DISPLAY_AS_HTML) ?></h3>

    <div class="col-xs-12 col-md-7 achFieldMargin">
      <label for="partnerFilter"><?php echo $MC->msg("ACH Partner Type Filter", HCU_DISPLAY_AS_HTML) ?></label><br>
      <input id="partnerFilter" class="hcu-all-100"/>
    </div>

    <div class="col-xs-12 col-md-5 achFieldMargin">
      <label for="partnerSearch"><?php echo $MC->msg("ACH Partner Name Filter", HCU_DISPLAY_AS_HTML) ?></label><br>
      <input type="text" name="partnerSearch" id="partnerSearch" class="k-textbox k-input hcu-all-100"
      placeholder="<?php echo $MC->msg("Type to filter", HCU_DISPLAY_AS_HTML) ?>" />
    </div>

    <div class="col-xs-12 achFieldMargin">
      <div id="partnerGrid" class=""></div>
    </div>
  </div>
</div>

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