<!DOCTYPE html>
<html ng-app="MyMerchantApp" lang="en-us">
  <head>
    <meta charset="utf-8" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <!-- <title>{{title}}</title> -->
    <title>My Merchant</title>
    <link rel="icon" href="img/favicon/favicon_evcplus.ico" type="image/x-icon" />
    <!--script src="cordova.js"></script-->
    <!-- jQuery -->
    <script src="lib/libs/jquery-3.7.1.min.js"></script>
    <script src="lib/libs/jquery-ui-1.13.3.min.js"></script>
    <!-- IE Fix -->
    <script type="text/javascript" src="lib/css_browser_selector.js"></script>
    <!-- socket.io -->
    <script src="lib/socket.io.js"></script>
    <!-- crypto.js -->
    <script src="lib/crypto-js-aes.js"></script>
    <!-- lodash -->
    <script type="text/javascript" src="lib/lodash/dist/lodash.min.js"></script>

    <!-- moment js -->
    <script src="lib/moment.min.js"></script>
    <script src="lib/html2canvas.min.js"></script>
    <script defer src="js/bundle.js"></script>
    <script defer src="lib/libs/piceditt.js"></script>
    <script defer src="lib/libs/jasny-bootstrap.min.js"></script>
    <!-- #CSS Links -->
    <!-- Basic Styles -->
    <link rel="stylesheet" type="text/css" media="screen" href="css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/font-awesome.min.css" />

    <!-- Safarifone Styles : Please note (Safarifone-production.css) was created using LESS variables -->
    <link rel="stylesheet" type="text/css" media="screen" href="css/safari.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/simple-safarifone-production.min.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/safarifone-production-plugins.min.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/safarifone-skins.min.css" />

    <!-- Demo purpose only: goes with demo.js, you can delete this css when designing your own WebApp -->
    <link rel="stylesheet" type="text/css" media="screen" href="css/demo.min.css" />

    <link rel="stylesheet" type="text/css" media="screen" href="css/picedit.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/jasny-bootstrap.min.css" />

    <!-- Safarifone RTL Support is under construction
                 This RTL CSS will be released in version 1.5
            <link rel="stylesheet" type="text/css" media="screen" href="css/Safarifone-rtl.min.css"> -->

    <!-- We recommend you use "your_style.css" to override Safarifone
                 specific styles this will also ensure you retrain your customization with each Safarifone update. -->
    <link ng-controller="mainCtrl" rel="stylesheet" type="text/css" media="screen" href="css/custom_style_{{ brandName }}.css" />

    <!-- #FAVICONS -->
    <!-- #FAVICONS -->
    <!-- <link rel="shortcut icon" href="img/favicon/favicon_{{brandName}}.ico" type="image/x-icon"> -->
    <!-- <link rel="icon" href="img/favicon/favicon_{{brandName}}.ico" type="image/x-icon"> -->

    <!-- #GOOGLE FONT -->
    <link rel="stylesheet" href="css/fonts.css" />

    <!-- iOS web-app metas : hides Safari UI Components and Changes Status Bar Appearance -->
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  </head>
  <!-- #BODY -->
  <!-- Possible Classes

        * 'smart-skin-{SKIN#}'
        * 'smart-rtl'         - Switch theme mode to RTL (will be avilable from version Safarifone 1.5)
        * 'menu-on-top'       - Switch to top navigation (no DOM change required)
        * 'hidden-menu'       - Hides the main menu but still accessable by hovering over left edge
        * 'fixed-header'      - Fixes the header
        * 'fixed-navigation'  - Fixes the main menu
        * 'fixed-ribbon'      - Fixes breadcrumb
        * 'fixed-footer'      - Fixes footer
        * 'container'         - boxed layout mode (non-responsive: will not work with fixed-navigation & fixed-ribbon)
    -->

  <body ng-controller="mainCtrl">
    <div loading></div>
    <div ui-view=""></div>
    <div alerts id="alerts"></div>

    <!-- END SHORTCUT AREA -->

    <!--================================================== -->

    <!-- PACE LOADER - turn this on if you want ajax loading to show (caution: uses lots of memory on iDevices)
        <script data-pace-options='{ "restartOnRequestAfter": true }' src="lib/plugin/pace/pace.min.js"></script>-->

    <!-- IMPORTANT: APP CONFIG -->
    <script src="lib/app.config.js"></script>

    <!-- JS TOUCH : include this plugin for mobile drag / drop touch events-->
    <script src="lib/plugin/jquery-touch/jquery.ui.touch-punch.min.js"></script>

    <!-- BOOTSTRAP JS -->
    <script src="lib/bootstrap/bootstrap.min.js"></script>

    <!-- CUSTOM NOTIFICATION -->
    <script src="lib/notification/SmartNotification.min.js"></script>

    <!-- JARVIS WIDGETS -->
    <script src="lib/smartwidgets/jarvis.widget.min.js"></script>

    <!-- EASY PIE CHARTS -->
    <!--<script src="lib/plugin/easy-pie-chart/jquery.easy-pie-chart.min.js"></script>-->

    <!-- SPARKLINES -->
    <script src="lib/plugin/sparkline/jquery.sparkline.min.js"></script>

    <!-- JQUERY VALIDATE -->
    <script src="lib/plugin/jquery-validate/jquery.validate.min.js"></script>

    <!-- JQUERY MASKED INPUT -->
    <script src="lib/plugin/masked-input/jquery.maskedinput.min.js"></script>

    <!-- JQUERY SELECT2 INPUT -->
    <script src="lib/plugin/select2/select2.min.js"></script>

    <!-- JQUERY UI + Bootstrap Slider -->
    <script src="lib/plugin/bootstrap-slider/bootstrap-slider.min.js"></script>

    <!-- browser msie issue fix -->
    <script src="lib/plugin/msie-fix/jquery.mb.browser.min.js"></script>

    <!-- FastClick: For mobile devices: you can disable this in app.js -->
    <script src="lib/plugin/fastclick/fastclick.min.js"></script>

    <!--[if IE 8]>
      <h1>Your browser is out of date, please update your browser by going to www.microsoft.com/download</h1>
    <![endif]-->

    <!-- MAIN APP JS FILE -->
    <script src="lib/app.min.js"></script>

    <!-- ENHANCEMENT PLUGINS : NOT A REQUIREMENT -->
    <!-- Voice command : plugin -->
    <script src="lib/speech/voicecommand.min.js"></script>
    <!--================================================== -->

    <!-- PACE LOADER - turn this on if you want ajax loading to show (caution: uses lots of memory on iDevices)-->
    <script src="lib/plugin/pace/pace.min.js"></script>

    <!-- BOOTSTRAP JS -->
    <script src="lib/bootstrap/bootstrap.min.js"></script>

    <!-- JQUERY VALIDATE -->
    <script src="lib/plugin/jquery-validate/jquery.validate.min.js"></script>

    <!-- JQUERY MASKED INPUT -->
    <script src="lib/plugin/masked-input/jquery.maskedinput.min.js"></script>

    <script src="lib/plugin/datatables/jquery.dataTables.min.js"></script>
    <script src="lib/plugin/datatables/dataTables.tableTools.min.js"></script>
    <script src="lib/plugin/datatables/dataTables.bootstrap.min.js"></script>
    <script src="lib/plugin/datatable-responsive/datatables.responsive.min.js"></script>
    <script src="lib/plugin/datatables/dataTables.colVis.min.js"></script>

    <script type="text/javascript">
      var pagefunction = function () {
        //console.log("cleared");
        //$(window).click(function(){$('#main').css('min-height', $('#left-panel').height()-$('header').height()+75);});
        /* // DOM Position key index //

             l - Length changing (dropdown)
             f - Filtering input (search)
             t - The Table! (datatable)
             i - Information (records)
             p - Pagination (paging)
             r - pRocessing
             < and > - div elements
             <"#id" and > - div with an id
             <"class" and > - div with a class
             <"#id.class" and > - div with an id and class

             Also see: http://legacy.datatables.net/usage/features
             */

        /* BASIC ;*/
        var responsiveHelper_dt_basic = undefined;
        var responsiveHelper_datatable_fixed_column = undefined;
        var responsiveHelper_datatable_col_reorder = undefined;
        var responsiveHelper_datatable_tabletools = undefined;

        var breakpointDefinition = {
          tablet: 1024,
          phone: 480
        };

        $("#dt_basic").DataTable({
          lengthMenu: [
            [5, 10, 25, 50, 100],
            [5, 10, 25, 50, 100]
          ],
          sDom:
            "<'dt-toolbar'<'col-xs-12 col-sm-6'f><'col-sm-6 col-xs-12 hidden-xs'l>r>" +
            "t" +
            "<'dt-toolbar-footer'<'col-sm-6 col-xs-12 hidden-xs'i><'col-xs-12 col-sm-6'p>>",
          autoWidth: true,
          preDrawCallback: function () {
            // Initialize the responsive datatables helper once.
            if (!responsiveHelper_dt_basic) {
              responsiveHelper_dt_basic = new ResponsiveDatatablesHelper($("#dt_basic"), breakpointDefinition);
            }
          },
          rowCallback: function (nRow) {
            responsiveHelper_dt_basic.createExpandIcon(nRow);
          },
          drawCallback: function (oSettings) {
            responsiveHelper_dt_basic.respond();
          }
        });

        /* END BASIC */

        /* COLUMN FILTER  */
        var otable = $("#datatable_fixed_column").DataTable({
          //"bFilter": false,
          //"bInfo": false,
          //"bLengthChange": false
          //"bAutoWidth": false,
          //"bPaginate": false,
          //"bStateSave": true // saves sort state using localStorage
          sDom:
            "<'dt-toolbar'<'col-xs-12 col-sm-6 hidden-xs'f><'col-sm-6 col-xs-12 hidden-xs'<'toolbar'>>r>" +
            "t" +
            "<'dt-toolbar-footer'<'col-sm-6 col-xs-12 hidden-xs'i><'col-xs-12 col-sm-6'p>>",
          autoWidth: true,
          preDrawCallback: function () {
            // Initialize the responsive datatables helper once.
            if (!responsiveHelper_datatable_fixed_column) {
              responsiveHelper_datatable_fixed_column = new ResponsiveDatatablesHelper($("#datatable_fixed_column"), breakpointDefinition);
            }
          },
          rowCallback: function (nRow) {
            responsiveHelper_datatable_fixed_column.createExpandIcon(nRow);
          },
          drawCallback: function (oSettings) {
            responsiveHelper_datatable_fixed_column.respond();
          }
        });

        // custom toolbar
        $("div.toolbar").html(
          '<div class="text-right"><div style="color:white; font-size:18; width: 111px; margin-top: 3px; margin-right: 10px;">SalaamPay</div></div>'
        );

        // Apply the filter
        $("#datatable_fixed_column thead th input[type=text]").on("keyup change", function () {
          otable
            .column($(this).parent().index() + ":visible")
            .search(this.value)
            .draw();
        });
        /* END COLUMN FILTER */

        /* COLUMN SHOW - HIDE */
        $("#datatable_col_reorder").dataTable({
          sDom:
            "<'dt-toolbar'<'col-xs-12 col-sm-6'f><'col-sm-6 col-xs-6 hidden-xs'C>r>" +
            "t" +
            "<'dt-toolbar-footer'<'col-sm-6 col-xs-12 hidden-xs'i><'col-sm-6 col-xs-12'p>>",
          autoWidth: true,
          preDrawCallback: function () {
            // Initialize the responsive datatables helper once.
            if (!responsiveHelper_datatable_col_reorder) {
              responsiveHelper_datatable_col_reorder = new ResponsiveDatatablesHelper($("#datatable_col_reorder"), breakpointDefinition);
            }
          },
          rowCallback: function (nRow) {
            responsiveHelper_datatable_col_reorder.createExpandIcon(nRow);
          },
          drawCallback: function (oSettings) {
            responsiveHelper_datatable_col_reorder.respond();
          }
        });

        /* END COLUMN SHOW - HIDE */

        /* TABLETOOLS */
        $("#datatable_tabletools").dataTable({
          // Tabletools options:
          //   https://datatables.net/extensions/tabletools/button_options
          sDom:
            "<'dt-toolbar'<'col-xs-12 col-sm-6'f><'col-sm-6 col-xs-6 hidden-xs'T>r>" +
            "t" +
            "<'dt-toolbar-footer'<'col-sm-6 col-xs-12 hidden-xs'i><'col-sm-6 col-xs-12'p>>",
          oTableTools: {
            aButtons: [
              "copy",
              "csv",
              "xls",
              {
                sExtends: "pdf",
                sTitle: "SmartAdmin_PDF",
                sPdfMessage: "SmartAdmin PDF Export",
                sPdfSize: "letter"
              },
              {
                sExtends: "print",
                sMessage: "Generated by SmartAdmin <i>(press Esc to close)</i>"
              }
            ],
            sSwfPath: "lib/plugin/datatables/swf/copy_csv_xls_pdf.swf"
          },
          autoWidth: true,
          preDrawCallback: function () {
            // Initialize the responsive datatables helper once.
            if (!responsiveHelper_datatable_tabletools) {
              responsiveHelper_datatable_tabletools = new ResponsiveDatatablesHelper($("#datatable_tabletools"), breakpointDefinition);
            }
          },
          rowCallback: function (nRow) {
            responsiveHelper_datatable_tabletools.createExpandIcon(nRow);
          },
          drawCallback: function (oSettings) {
            responsiveHelper_datatable_tabletools.respond();
          }
        });

        /* END TABLETOOLS */
      };
    </script>
    <!-- Your GOOGLE ANALYTICS CODE Below -->
    <!--<script type="text/javascript">

    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', 'UA-XXXXXXXX-X']);
    _gaq.push(['_trackPageview']);

    (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();

</script>-->
    <!-- Modal -->
    <!-- commet for some reason
<div class="modal fade" id="termsOfUseDesc" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> &times; </button>
        <h4 class="modal-title" id="myModalLabel">{{'TERMS_OF_USE_TITLE' | translate}}</h4>
      </div>
      <div class="modal-body custom-scroll terms-body">
        <div id="left" ng-bind-html="'TERMS_OF_USE_DESC' | translate">
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal"> {{'CLOSE' | translate}} </button>
        </div>
      </div>

    </div>

  </div>

</div>

<div class="modal fade" id="privacyPolicyDesc" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> &times; </button>
        <h4 class="modal-title" id="myModalLabel">{{'PRIVACY_POLICY_TITLE' | translate}}</h4>
      </div>
      <div class="modal-body custom-scroll terms-body">
        <div id="left" ng-bind-html="'PRIVACY_POLICY_DESC' | translate">
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal"> {{'CLOSE' | translate}} </button>
        </div>
      </div>

    </div>

  </div>

</div>
<div class="modal fade" id="contactUsDesc" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> &times; </button>
        <h4 class="modal-title" id="myModalLabel">{{'CONTACT_US_TITLE' | translate}}</h4>
      </div>
      <div class="modal-body custom-scroll terms-body">
        <div id="left" ng-bind-html="'CONTACT_US_DESC' | translate">
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal"> {{'CLOSE' | translate}} </button>
        </div>
      </div>

    </div>

  </div>

</div>
-->
    <script type="text/ng-template" id="alertsTemplate">
          <div class="container" ng-if="alert">
          <div class="alert alert-{{alert.type}}" ng-class="{'alert-dismissible':!alert.dismiss}">
              <button ng-if="!alert.dismiss" type="button" class="close" ng-click="closeAlert($index)"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
              <span class="text"><strong>{{alert.title}}</strong> {{alert.msg}}</span>
          </div>
      </div>
    </script>

    <script type="text/ng-template" id="templates/airtime-friend-recharge.html">
          <div class="row">
         <div class="col-sm-8 col-md-8 col-lg-8 col-lg-offset-3">
              <div class="ajaxsection">
                  <form name="form" id="airtime-friend-recharge" class="form-horizontal ">
                      <fieldset>


                         <div class="col-lg-8" ng-hide="user.isAccountsLengthOne">
                          <div class="form-group">
                             <label class="col-lg-4 ">{{'AGENT_ACCOUNT' | translate}} </label>
                              <div class="col-lg-8">
                                  <select class="form-control" name="accountId" ng-init="generateAccounts()" ng-model="obj.accountId" ng-change="currentBalance=''" required ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}"></select>
                              </div>
                          </div>
                      </div>

                     <div class="col-lg-8">
                              <div class="form-group">
                                  <label class="col-lg-4 ">{{'RECHARGE_ACCOUNT' | translate}} </label>
                                  <div class="col-lg-8">
                                      <div class="input-group-portal">
                                          <input type="tel" autocomplete="off" minlength="7" maxlength="15" list="list" name="airtimeAccountId" ng-model="obj.airtimeAccountId" class="form-control" required="">
                                          <a href="javascript:void(0)" class="btn_getuserinfo input-group-addon-portal" ng-click="TopUpDenominations()"></a>
                                      </div>
                                  </div>
                              </div>
                          </div>

                          <div class="col-lg-8" ng-show="isValidForEbirr == false">
                            <div class="form-group">
                               <label class="col-lg-4 ">{{'AMOUNT' | translate}} </label>
                                <div class="col-lg-8">
                                   <input type="number" autocomplete="off" name="description" minlength="1" maxlength="50" required ng-model="obj.airtimeRechargeAmount" class="form-control">
                                </div>
                            </div>
                         </div>

                          <div ng-show="isValidForEbirr">
                            <div class="row">
                                  <div class="col-lg-8">
                                      <div class="form-group">

                                          <label class="col-lg-4 ">{{'Charge Type' | translate}} </label>
                                          <div class="col-lg-8 group-radio-inline">
                                              <label>
                                                  <input type="radio" checked="checked" name="partnerType" ng-model="obj.partnerType" required value="1" ng-change="chargeType()">
                                                  Basic
                                              </label>

                                              &nbsp;&nbsp;
                                              <label>
                                                  <input type="radio" checked="checked" name="partnerType" ng-model="obj.partnerType" required value="2" ng-change="chargeType()">
                                                  Normal
                                              </label>
                                              &nbsp;&nbsp;
                                              <label>
                                                  <input type="radio" checked="checked" name="partnerType" ng-model="obj.partnerType" required value="3" ng-change="chargeType()">
                                                  Premium
                                              </label>
                                          </div>
                                      </div>
                                  </div>
                              </div>

                          <div class="col-lg-8">
                          <div class="form-group">
                             <label class="col-lg-4 ">{{'SELECT_AMOUNT' | translate}} </label>
                              <div class="col-lg-8">
                                  <select class="form-control" name="airtimeRechargeAmount" ng-model="obj.airtimeRechargeAmount"
                                          ng-change="airtimeRechargeAmount=''" required
                                          ng-options="ActiveRechargeTypes  for ActiveRechargeTypes in ActiveRechargeTypes ">
                                      <option disabled="" selected="" value="">{{'SELECT_AMOUNT' | translate}}
                                      </option>
                                  </select>
                              </div>
                          </div>
                      </div>
                    </div>


                   <div class="col-lg-8" ng-if="isAdminPINRequired();">
                              <div class="form-group">
                                 <label class="col-lg-4 ">{{'PIN_NUMBER' | translate}} </label>
                                  <div class="col-lg-8">
                                      <input type="password" autocomplete="off" name="adminPIN" minlength="1" maxlength="20" required ng-model="obj.adminPIN" class="form-control">
                                  </div>
                              </div>
                           </div>

                           <div class="col-lg-8" >
                              <div class="form-group">
                                 <label class="col-lg-4 ">{{'REASON' | translate}} </label>
                                  <div class="col-lg-8">
                                     <input type="text" autocomplete="off" name="description" minlength="1" maxlength="50" required ng-model="obj.description" class="form-control">
                                  </div>
                              </div>
                           </div>

                          <div class="col-lg-8">
                              <div class="col-lg-8 col-lg-8 col-lg-offset-4 submit_btn_wrap">
                                  <button class="btn btn-primary btn-block"   ng-disabled="disableSubmitBtn"  type="submit" > {{'SUBMIT_BTN' | translate}} </button>
                              </div>
                          </div>
                          <div class="col-sm-8">
                              <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                              <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
                          </div>
                      </fieldset>
                  </form>
              </div>
          </div>

      <div class="row" id="tmtTransfer_receipt" style="display:none;">

          <div class="row">
              <div class="row action_buttons">
                  <div class="col-sm-12 col-md-12 col-lg-10 col-lg-offset-1">
                      <div class="pull-right">
                          <a href="javascript:void(0);" class="btn btn-default" ng-click="printDiv('tmt_receipt_content')"><i class="fa fa-print"></i> Print</a>
                          <a href="javascript:void(0);" class="btn btn-default" ng-click="goBack_requests()"> Go Back</a>
                      </div>
                  </div>
              </div>
          </div>

          <div class="row" id="tmt_receipt_content">
              <!--end buttons-->

              <div class="container" style="width:670px;margin:0 auto;font-family: Verdana,Geneva,sans-serif; font-size:12px;color: #626262;">
                  <div class="section">
                      <div class="header" style="height:46px;background:#f6f6f6;">
                          <div class="title" style="font-size: 14px; padding-top: 13px; margin-left: 20px; display: inline-block;">
                              <!--{{user.productBrand}}-->  Freind Airtime Recharge
                          </div>
                          <!--<div class="logo" style="display: inline-block; text-align: right; float: right; padding-top: 6px; margin-right: 10px;">
                              <img src="img/myaccount/receipt_logo_evcplus.png" width="139" height="34" />
                          </div>-->
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <!--<div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Agent:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  ({{user.name}})
                              </div>
                          </div> -->
                          <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Date:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_time}}]
                              </div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Transfer Id:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_transferId}}] <!--[ {{tmt_agentPUID}} ] [ {{tmt_agentNo}} ]-->
                              </div>
                          </div>
                          <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Ref#
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_transferId}}]
                              </div>
                          </div>
                      </div>
                      <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                          Sender Information
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Mobile:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_senderMobile}}
                              </div>
                          </div>
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Name:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_senderName}}
                              </div>
                          </div>
                      </div>

                     <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Address:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{snd_tmt_senderAddress}}
                              </div>
                          </div>
                      </div>

                      <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                          Receiver Information
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Mobile:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_receiverMobile}}
                              </div>
                          </div>

                         <!-- <div ng-hide="hideReceivingAgent" class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:115px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Receiving Agent:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{rcv_tmt_receivingAgent}}
                              </div>
                          </div> -->
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Name:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_receiverName}}
                              </div>
                          </div>
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Address:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_receiverAddress}}
                              </div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <!--<div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Amount:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{tmt_amount}}
                              </div>
                          </div>-->
                          <div class="col-left" style="display: inline-block;width: 49%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Amount:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;"><span style="color: #626262;">  Total Amount:</span> {{tmt_amount}}</div>
                          </div>
                          <div class="col-left" style="display: inline-block;width: 22%;">
                              <div class="lebel" style="width: 45px;display:inline-block;color: #626262;">
                                  Comm:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;">{{tmt_comm}}</div>
                          </div>
                          <div class="col-left" style="display: inline-block;width: 26%;">
                              <div class="lebel" style="width: 85px;display:inline-block;color: #626262;">
                                  Net Amount:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;"> {{tmt_netAmount}}</div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Description:
                              </div>
                              <div class="value" style="display: inline-block;word-wrap: break-word;color: #949494;width: 78%;vertical-align: top;">
                                  {{tmt_description}}
                              </div>
                          </div>
                      </div>

                      <div class="signature_wrap">

                          <div class="sign_right" style="margin-top: 25px; width: 33%; text-align: center; display: inline-block; margin-left: 27%;">
                              <hr />
                              <div>Customer Signature</div>
                          </div>
                      </div>

              <div class="terms_wrap" style="border: 1px dashed; padding: 10px;margin-top:10px;">
              <div class="terms_heading" style="text-align: center; margin-bottom: 10px;">Terms & Conditions</div>
              <div class="terms" style="font-size:9px;">
                  1) {{ brandName }}  will not take any responsibility for delays or delivery failure as a result of mistakes in information.<br />
                  2) In case of cancellation will be refunded at the market rate with cancellation fee.
              </div>
          </div>
      </div>
                      <div class="section_seperator" style="margin-top: 10px; margin-bottom: 10px; border-top: 3px dashed;"></div>

                  </div>     <!--end container-->
              </div>
          </div>
          </div>
    </script>

    <script type="text/ng-template" id="templates/airtime-recharge.html">
          <div class="row">
          <div class="col-lg-6 col-lg-offset-3">
              <div class="ajaxsection">
                  <form name="form" id="airtime-recharge" class="form-horizontal ">
                      <fieldset>


                      <div  class="col-lg-12" ng-hide="user.isAccountsLengthOne">
                          <div class="form-group">
                             <label class="col-lg-4 ">{{'CUSTOMER_ACCOUNT' | translate}} </label>
                              <div class="col-lg-8">
                                  <select class="form-control" name="accountId" ng-init="generateAccounts()"
                                          ng-model="obj.accountId" required
                                          ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}"
                                          ng-change="obj.receiverSubscriptionId='';obj.txAmount=''">

                                  </select>
                              </div>
                          </div>
                      </div>

                      <div ng-show="isValidForEbirr">
                            <div class="row">
                                  <div class="col-lg-12">
                                      <div class="form-group">

                                          <label class="col-lg-4 ">{{'Charge Type' | translate}} </label>
                                          <div class="col-lg-8 group-radio-inline">
                                              <label>
                                                  <input type="radio" checked="checked" name="partnerType" ng-model="obj.partnerType" required value="1" ng-change="chargeType()">
                                                  Basic
                                              </label>

                                              &nbsp;&nbsp;
                                              <label>
                                                  <input type="radio" checked="checked" name="partnerType" ng-model="obj.partnerType" required value="2" ng-change="chargeType()">
                                                  Normal
                                              </label>
                                              &nbsp;&nbsp;
                                              <label>
                                                  <input type="radio" checked="checked" name="partnerType" ng-model="obj.partnerType" required value="3" ng-change="chargeType()">
                                                  Premium
                                              </label>
                                          </div>
                                      </div>
                                  </div>
                              </div>

                                 <div class="col-lg-12">
                          <div class="form-group">
                             <label class="col-lg-4 ">{{'SELECT_AMOUNT' | translate}} </label>
                              <div class="col-lg-8">
                                  <select class="form-control" name="airtimeRechargeAmount" ng-model="obj.airtimeRechargeAmount"
                                          ng-change="airtimeRechargeAmount=''" required
                                          ng-options="ActiveRechargeTypes  for ActiveRechargeTypes in ActiveRechargeTypes ">
                                      <option disabled="" selected="" value="">{{'SELECT_AMOUNT' | translate}}
                                      </option>
                                  </select>
                              </div>
                          </div>
                      </div>
                    </div>

                    <div class="col-lg-12" ng-show="isValidForEbirr == false">
                        <div class="form-group">
                           <label class="col-lg-4 ">{{'AMOUNT' | translate}} </label>
                            <div class="col-lg-8">
                               <input type="number" autocomplete="off" name="description" minlength="1" maxlength="50" required ng-model="obj.airtimeRechargeAmount" class="form-control">
                            </div>
                        </div>
                     </div>


                           <div class="col-lg-12" ng-if="isAdminPINRequired();">
                              <div class="form-group">
                                 <label class="col-lg-4 ">{{'PIN_NUMBER' | translate}} </label>
                                  <div class="col-lg-8">
                                      <input type="password" autocomplete="off" name="adminPIN" minlength="1" maxlength="20" required ng-model="obj.adminPIN" class="form-control">
                                  </div>
                              </div>
                           </div>

                           <div class="col-lg-12" >
                              <div class="form-group">
                                 <label class="col-lg-4 ">{{'REASON' | translate}} </label>
                                  <div class="col-lg-8">
                                     <input type="text" autocomplete="off" name="description" minlength="1" maxlength="50" required ng-model="obj.description" class="form-control">
                                  </div>
                              </div>
                           </div>


                          <div class="col-lg-12">
                              <div class="col-lg-8 col-lg-8 col-lg-offset-4 submit_btn_wrap">
                                  <button class="btn btn-primary btn-block" type="submit" ng-disabled="disableSubmitBtn"> {{'SUBMIT_BTN' | translate}} </button>
                              </div>
                          </div>
                          <div class="col-sm-8">
                              <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                              <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
                          </div>
                      </fieldset>
                  </form>
              </div>
          </div>
          <div class="row" id="tmtTransfer_receipt" style="display:none;">

          <div class="row">
              <div class="row action_buttons">
                  <div class="col-sm-12 col-md-12 col-lg-10 col-lg-offset-1">
                      <div class="pull-right">
                          <a href="javascript:void(0);" class="btn btn-default" ng-click="printDiv('tmt_receipt_content')"><i class="fa fa-print"></i> Print</a>
                          <a href="javascript:void(0);" class="btn btn-default" ng-click="goBack_requests()"> Go Back</a>
                      </div>
                  </div>
              </div>
          </div>

          <div class="row" id="tmt_receipt_content">
              <!--end buttons-->

              <div class="container" style="width:670px;margin:0 auto;font-family: Verdana,Geneva,sans-serif; font-size:12px;color: #626262;">
                  <div class="section">
                      <div class="header" style="height:46px;background:#f6f6f6;">
                          <div class="title" style="font-size: 14px; padding-top: 13px; margin-left: 20px; display: inline-block;">
                              <!--{{user.productBrand}}-->  Airtime  Recharge
                          </div>

                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">

                          <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Date:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_time}}]
                              </div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Transfer Id:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_transferId}}] <!--[ {{tmt_agentPUID}} ] [ {{tmt_agentNo}} ]-->
                              </div>
                          </div>
                          <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Transfer Id#
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{InvoiceNo}}]
                              </div>
                          </div>
                      </div>
                      <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                          Sender Information
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Mobile:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_senderMobile}}
                              </div>
                          </div>
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Name:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_senderName}}
                              </div>
                          </div>
                      </div>

                     <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Address:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{snd_tmt_senderAddress}}
                              </div>
                          </div>
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">

                          <div class="col-left" style="display: inline-block;width: 49%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Amount:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;"><span style="color: #626262;">  Total Amount:</span> {{tmt_amount}}</div>
                          </div>
                          <div class="col-left" style="display: inline-block;width: 22%;">
                              <div class="lebel" style="width: 45px;display:inline-block;color: #626262;">
                                  Comm:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;">{{tmt_comm}}</div>
                          </div>
                          <div class="col-left" style="display: inline-block;width: 26%;">
                              <div class="lebel" style="width: 85px;display:inline-block;color: #626262;">
                                  Net Amount:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;"> {{tmt_netAmount}}</div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Description:
                              </div>
                              <div class="value" style="display: inline-block;word-wrap: break-word;color: #949494;width: 78%;vertical-align: top;">
                                  {{tmt_description}}
                              </div>
                          </div>
                      </div>

                      <div class="signature_wrap">

                          <div class="sign_right" style="margin-top: 25px; width: 33%; text-align: center; display: inline-block; margin-left: 27%;">
                              <hr />
                              <div>Customer Signature</div>
                          </div>
                      </div>

              <div class="terms_wrap" style="border: 1px dashed; padding: 10px;margin-top:10px;">
              <div class="terms_heading" style="text-align: center; margin-bottom: 10px;">Terms & Conditions</div>
              <div class="terms" style="font-size:9px;">
                  1) {{ brandName }}  will not take any responsibility for delays or delivery failure as a result of mistakes in information.<br />
                  2) In case of cancellation will be refunded at the market rate with cancellation fee.
              </div>
          </div>
      </div>
                      <div class="section_seperator" style="margin-top: 10px; margin-bottom: 10px; border-top: 3px dashed;"></div>

                  </div>     <!--end container-->
              </div>
          </div>
      </div>
    </script>

    <script type="text/ng-template" id="templates/bank-balance-query.html">
              <div class="row">
          <div class="col-lg-4 col-lg-offset-4">
              <div class="ajaxsection">
                  <form name="form" id="bank-balance-query" class="form-horizontal " autocomplete="off">
                      <fieldset>
                          <!--<legend>{{'BANK_BALANCE_QUERY' | translate}} </legend>-->

                          <div class="form-group mobile-form-group" ng-hide="user.isAccountsLengthOne">
                              <div class="col-lg-12  col-lg-offset-2 ">
                                  <select id="select-2" class="form-control" name="mmtAccountId" ng-init="generateAccounts()" ng-model="obj.accountId" required ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}" ng-change="setAccountId()">

                                  </select>
                              </div>
                          </div>

                          <div class="form-group mobile-form-group">
                              <div class="col-lg-12  col-lg-offset-2 submit_btn_wrap">
                                  <select class="form-control" name="accountId" ng-model="obj.bankAccountNo" ng-change="currentBalance=''" required ng-options="account.ACCOUNTNO as account.ACCOUNTTITLE for account in banksList">
                                      <option disabled="" selected="" value="">{{'SELECT_BANK_ACCOUNT' | translate}}</option>
                                  </select>
                              </div>
                          </div>
                          <div class="form-group mobile-form-group" id="bankPin" style="display: none">
                              <div class="col-lg-12 col-lg-offset-2 submit_btn_wrap">
                                  <input type="password" autocomplete="new-password" minlength="1" maxlength="10" list="list" name="bankPin" placeholder="{{'BANKPIN' | translate}}" class="form-control" ng-model="obj.bankPIN" required>
                              </div>
                          </div>
                          <div class="form-group mobile-form-group">
                              <!--<div class="col-sm-6 col-md-6 col-lg-6"></div>-->
                              <div class="col-lg-12 col-lg-offset-2 submit_btn_wrap">
                                  <button class="btn btn-primary btn-block"  ng-disabled="disableSubmitBtn"  type="submit"> {{'BALANCE' | translate}} </button>
                              </div>
                          </div>

                         <div ng-if="currentBalance" class="description-detail">{{'YOUR_ACCOUNT_BALANCE_FOR' | translate}}<span> {{accountNumber}}</span> {{'IS' | translate}}: <strong>{{currentBalance | currency}}</strong> </div>


                      </fieldset>
                  </form>
              </div>
          </div>
      </div>
    </script>

    <script type="text/ng-template" id="templates/balance-query.html">
      <!-- Bread crumb is created dynamically -->
      <!-- row -->
      <div class="row">
          <div class="col-lg-4 col-lg-offset-4">
              <div class=" ajaxsection">
                  <form name="form" id="balance-query" class="form-horizontal ">
                      <fieldset>
                          <!--<legend>{{'BALANCE_QUERY' | translate}} </legend>-->
                          <div class="form-group mobile-form-group" ng-hide="user.isAccountsLengthOne">
                              <div class="col-sm-12 col-md-12 col-lg-12">
                                  <select class="form-control" name="accountId" ng-init="generateAccounts()" ng-model="obj.accountId" ng-change="currentBalance=''" required ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}">

                                  </select>
                              </div>
                          </div>
                          <div class="form-group mobile-form-group">
                              <div class="col-sm-12 col-md-12 col-lg-12">
                                  <button class="btn btn-primary btn-block" ng-disabled="disableSubmitBtn" type="submit"> {{'BALANCE' | translate}}
                                  </button>
                              </div>
                          </div>
                          <div ng-show="currentBalance" class="description-detail">{{'YOUR_ACCOUNT_BALANCE_FOR' |
                          translate}}<span> {{accountNumber}}</span> {{'IS' | translate}}: <strong>{{currentBalance |
                              currency}}</strong></div>

                      </fieldset>
                  </form>
              </div>
          </div>
      </div>
    </script>
    <script type="text/ng-template" id="templates/request-bank-account.html">
      <!-- Bread crumb is created dynamically -->
      <!-- row -->
      <div class="row">
          <div class="col-md-12 col-lg-7">
              <div class="well ajaxsection">
                  <form name="form" id="request-bank-account" class="form-horizontal ">
                      <fieldset>
                          <legend>{{'REQUEST_BANK_ACCOUNT' | translate}} </legend>
                          <div class="form-group mobile-form-group">
                              <div class="col-sm-9 col-md-9 col-lg-9">
                                  <select id="select-2" class="form-control" name="bankId" ng-model="obj.bankId" required ng-options="bank.bankId as bank.name for bank in banks">
                                      <option disabled="" selected="" value="">{{'SELECT_BANK' | translate}}</option>
                                  </select>
                              </div>
                          </div>
                          <div class="form-group mobile-form-group" ng-hide="user.isAccountsLengthOne">
                              <div class="col-sm-9 col-md-9 col-lg-9">
                                  <select class="form-control" name="accountId" ng-init="generateAccounts()" ng-model="obj.accountId" required ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}">

                                  </select>
                              </div>
                              <div class="col-sm-3 col-md-3 col-lg-3">
                                  <button class="btn btn-primary btn-block" ng-disabled="disableSubmitBtn" type="submit"> {{'SUBMIT_BTN' | translate}} </button>
                              </div>
                          </div>
                          <div class="col-sm-8">
                              <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                              <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
                          </div>

                      </fieldset>
                  </form>
              </div>
          </div>
      </div>
    </script>

    <script type="text/ng-template" id="templates/bank-funds-transfer.html">
          <div class="row">
          <div class="col-sm-12 col-md-12 col-lg-12">
              <div class="ajaxsection">
                  <form name="form" id="bank-funds-transfer" class="form-horizontal " autocomplete="off">
                      <fieldset class="cbs_fieldset two_column_fieldset two_column_fieldset_notabs">
                              <legend>Bank Fund Transfer</legend>
                          <!--<legend>{{'BANK_FUNDS_TRANSFER' | translate}}</legend>-->

                  <div class="col-lg-6" ng-hide="user.isAccountsLengthOne">
                          <div class="form-group">
                             <label class="col-lg-4 ">{{'CUSTOMER_ACCOUNT' | translate}} </label>
                              <div class="col-lg-8">
                                  <select class="form-control" name="accountId" ng-init="generateAccounts()"
                                          ng-model="obj.accountId" required
                                          ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter:  {accountType: '1'}"
                                          ng-change="setAccountId()">

                                  </select>
                              </div>
                          </div>
                   </div>

                   <div class="col-lg-6">
                          <div class="form-group">
                             <label class="col-lg-4 ">{{'SELECT_BANK' | translate}} </label>
                              <div class="col-lg-8">
                          <select id="select-1" class="form-control" name="accountId" ng-model="obj.bankPartner"  ng-change =clearInput()
                                          required
                                          ng-options="bank.PARTNERID as bank.NAME for bank in banksList">
                                      <option disabled="" selected="" value="">{{'SELECT_BANK_ACCOUNT' | translate}}
                                      </option>
                                  </select>
                              </div>
                          </div>
                   </div>


                       <div class="col-lg-6">
                              <div class="form-group">
                                 <label class="col-lg-4 ">{{'TO_BANK_ACC_ID' | translate}} </label>
                                      <div class="col-lg-8">
                                          <div class="input-group-portal">
                                           <input type="tel" ng-disabled="To_Bank_Account_ID" autocomplete="off" minlength="1"
                                          maxlength="15" list="list" name="toBankAccountId"
                                                      class="form-control"
                                                     ng-model="obj.toBankAccountId" required>
                                              <a href="javascript:void(0)" class="btn_getuserinfo input-group-addon-portal" ng-click="getAccountInfo()"></a>
                                          </div>
                                      </div>
                              </div>
                       </div>
                      <div class="col-lg-6">
                          <div class="form-group">
                             <label class="col-lg-4 ">{{'ACC_HOLDER_NAME' | translate}} </label>
                              <div class="col-lg-8">
                          <input type="text" class="form-control" name="accHolder" ng-model="obj.accHolder"
                                          required ng-disabled="true">
                              </div>
                          </div>
                   </div>
                      <div class="col-lg-6">
                          <div class="form-group">
                             <label class="col-lg-4 ">{{'AMOUNT' | translate}} </label>
                              <div class="col-lg-8">
                          <input type="number" autocomplete="off" list="list" name="amount"
                                         class="form-control"
                                         ng-model="obj.txAmount" required>
                              </div>
                          </div>
                    </div>
                      <div class="col-lg-6">
                          <div class="form-group">
                             <label class="col-lg-4 ">{{'DESCRIPTION' | translate}} </label>
                              <div class="col-lg-8">
                          <input type="text" autocomplete="off" list="list" name="description"
                                         class="form-control"
                                         ng-model="obj.description" required>
                              </div>
                          </div>
                   </div>
                        <div class="col-lg-6" ng-if="isAdminPINRequired();">
                              <div class="form-group">
                                 <label class="col-lg-4 ">{{'PIN_NUMBER' | translate}} </label>
                                  <div class="col-lg-8">
                                      <input type="password" autocomplete="off" name="adminPIN" minlength="1" maxlength="20" required ng-model="obj.adminPIN" class="form-control">
                                  </div>
                              </div>
                           </div>

                      </fieldset>
                  <div class="row">
                      <div class="col-md-3 col-lg-offset-4">
                          <div class="text-center submit_button">
                              <div class="form-group">
                                  <button class="btn btn-primary btn-block"  ng-disabled="disableSubmitBtn"  type="submit"> {{'SUBMIT_BTN' | translate}} </button>
                              </div>
                          </div>
                     </div>
                </div>
                        <div class="col-sm-8">
                              <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                              <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
                          </div>
                  </form>
              </div>
          </div>



            <div class="row" id="tmtTransfer_receipt" style="display:none;">

          <div class="row">
              <div class="row action_buttons">
                  <div class="col-sm-12 col-md-12 col-lg-10 col-lg-offset-1">
                      <div class="pull-right">
                          <a href="javascript:void(0);" class="btn btn-default" ng-click="printDiv('tmt_receipt_content')"><i class="fa fa-print"></i> Print</a>
                          <a href="javascript:void(0);" class="btn btn-default" ng-click="goBack_requests()"> Go Back</a>
                      </div>
                  </div>
              </div>
          </div>

          <div class="row" id="tmt_receipt_content">
              <!--end buttons-->

              <div class="container" style="width:670px;margin:0 auto;font-family: Verdana,Geneva,sans-serif; font-size:12px;color: #626262;">
                  <div class="section">
                      <div class="header" style="height:46px;background:#f6f6f6;">
                          <div class="title" style="font-size: 14px; padding-top: 13px; margin-left: 20px; display: inline-block;">
                              <!--{{user.productBrand}}-->  Bank Transfer
                          </div>
                          <!--<div class="logo" style="display: inline-block; text-align: right; float: right; padding-top: 6px; margin-right: 10px;">
                              <img src="img/myaccount/receipt_logo_evcplus.png" width="139" height="34" />
                          </div>-->
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <!--<div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Agent:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  ({{user.name}})
                              </div>
                          </div> -->
                          <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Date:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_time}}]
                              </div>
                          </div>
                      </div>
                     <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Transfer Id:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_transferId}}]
                              </div>
                          </div>
                          <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                  InvoiceNo#
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_transferId}}]
                              </div>
                          </div>
                      </div>
                      <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                          Sender Information
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Mobile:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{subscriptionId}}
                              </div>
                          </div>
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Name:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_senderName}}
                              </div>
                          </div>
                      </div>

                     <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Address:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{snd_tmt_senderAddress}}
                              </div>
                          </div>
                      </div>

                      <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                          Receiver Information
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:129px; display:inline-block;color: #626262;">
                                  Receiver AccountNo:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{beneficiaryBankAccountNo}}
                              </div>
                          </div>

                         <!-- <div ng-hide="hideReceivingAgent" class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:115px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Receiving Agent:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{rcv_tmt_receivingAgent}}
                              </div>
                          </div> -->
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Name:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{accHolder}}
                              </div>
                          </div>
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Address:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_receiverAddress}}
                              </div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <!--<div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Amount:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{tmt_amount}}
                              </div>
                          </div>-->
                          <div class="col-left" style="display: inline-block;width: 49%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Amount:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;"><span style="color: #626262;">  Total Amount:</span> {{tmt_amount}}</div>
                          </div>
                          <div class="col-left" style="display: inline-block;width: 22%;">
                              <div class="lebel" style="width: 45px;display:inline-block;color: #626262;">
                                  Comm:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;">{{tmt_comm}}</div>
                          </div>
                          <div class="col-left" style="display: inline-block;width: 26%;">
                              <div class="lebel" style="width: 85px;display:inline-block;color: #626262;">
                                  Net Amount:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;"> {{tmt_netAmount}}</div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Description:
                              </div>
                              <div class="value" style="display: inline-block;word-wrap: break-word;color: #949494;width: 78%;vertical-align: top;">
                                  {{tmt_description}}
                              </div>
                          </div>
                      </div>

                       <div class="signature_wrap">
                          <div class="sign_left" style="margin-top: 25px; width: 33%; text-align: center; display: inline-block; margin-left: 3%;">
                              <hr />
                              <div>Agent Signature</div>
                          </div>
                          <div class="sign_right" style="margin-top: 25px; width: 33%; text-align: center; display: inline-block; margin-left: 27%;">
                              <hr />
                              <div>Customer Signature</div>
                          </div>
                      </div>

              <div class="terms_wrap" style="border: 1px dashed; padding: 10px;margin-top:10px;">
              <div class="terms_heading" style="text-align: center; margin-bottom: 10px;">Terms & Conditions</div>
              <div class="terms" style="font-size:9px;">
                  1) {{ brandName }}  will not take any responsibility for delays or delivery failure as a result of mistakes in information.<br />
                  2) In case of cancellation will be refunded at the market rate with cancellation fee.
              </div>
          </div>
      </div>
                      <div class="section_seperator" style="margin-top: 10px; margin-bottom: 10px; border-top: 3px dashed;"></div>

                  </div>     <!--end container-->
                  <div class="container" style="width:670px;margin:0 auto;font-family: Verdana,Geneva,sans-serif; font-size:12px;color: #626262;">
                  <div class="section">
                      <div class="header" style="height:46px;background:#f6f6f6;">
                          <div class="title" style="font-size: 14px; padding-top: 13px; margin-left: 20px; display: inline-block;">
                              <!--{{user.productBrand}}-->  Bank Transfer
                          </div>
                          <!--<div class="logo" style="display: inline-block; text-align: right; float: right; padding-top: 6px; margin-right: 10px;">
                              <img src="img/myaccount/receipt_logo_evcplus.png" width="139" height="34" />
                          </div>-->
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <!--<div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Agent:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  ({{user.name}})
                              </div>
                          </div> -->
                          <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Date:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_time}}]
                              </div>
                          </div>
                      </div>
                     <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Transfer Id:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_transferId}}]
                              </div>
                          </div>
                          <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                  InvoiceNo#
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_transferId}}]
                              </div>
                          </div>
                      </div>
                      <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                          Sender Information
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Mobile:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{subscriptionId}}
                              </div>
                          </div>
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Name:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_senderName}}
                              </div>
                          </div>
                      </div>

                     <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Address:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{snd_tmt_senderAddress}}
                              </div>
                          </div>
                      </div>

                      <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                          Receiver Information
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:129px; display:inline-block;color: #626262;">
                                  Receiver AccountNo:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{beneficiaryBankAccountNo}}
                              </div>
                          </div>

                         <!-- <div ng-hide="hideReceivingAgent" class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:115px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Receiving Agent:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{rcv_tmt_receivingAgent}}
                              </div>
                          </div> -->
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Name:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{accHolder}}
                              </div>
                          </div>
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Address:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_receiverAddress}}
                              </div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <!--<div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Amount:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{tmt_amount}}
                              </div>
                          </div>-->
                          <div class="col-left" style="display: inline-block;width: 49%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Amount:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;"><span style="color: #626262;">  Total Amount:</span> {{tmt_amount}}</div>
                          </div>
                          <div class="col-left" style="display: inline-block;width: 22%;">
                              <div class="lebel" style="width: 45px;display:inline-block;color: #626262;">
                                  Comm:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;">{{tmt_comm}}</div>
                          </div>
                          <div class="col-left" style="display: inline-block;width: 26%;">
                              <div class="lebel" style="width: 85px;display:inline-block;color: #626262;">
                                  Net Amount:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;"> {{tmt_netAmount}}</div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Description:
                              </div>
                              <div class="value" style="display: inline-block;word-wrap: break-word;color: #949494;width: 78%;vertical-align: top;">
                                  {{tmt_description}}
                              </div>
                          </div>
                      </div>

                        <div class="signature_wrap">
                          <div class="sign_left" style="margin-top: 25px; width: 33%; text-align: center; display: inline-block; margin-left: 3%;">
                              <hr />
                              <div>Agent Signature</div>
                          </div>
                          <div class="sign_right" style="margin-top: 25px; width: 33%; text-align: center; display: inline-block; margin-left: 27%;">
                              <hr />
                              <div>Customer Signature</div>
                          </div>
                      </div>

              <div class="terms_wrap" style="border: 1px dashed; padding: 10px;margin-top:10px;">
              <div class="terms_heading" style="text-align: center; margin-bottom: 10px;">Terms & Conditions</div>
              <div class="terms" style="font-size:9px;">
                  1) {{ brandName }}  will not take any responsibility for delays or delivery failure as a result of mistakes in information.<br />
                  2) In case of cancellation will be refunded at the market rate with cancellation fee.
              </div>
          </div>
      </div>


                  </div>     <!--end container-->
              </div>
          </div>
      </div>

       <div id="bankfundstransfer_dialog" title="send to Merchant Transfer" style="display:none;">
              <p>
              <form id="payCustomerTransfer-form">
                  <div class="row">

                      <div class="col-md-10 col-md-offset-1">
                          <div class="form-group">
                              <label class="control-label">{{'PIN_NUMBER' | translate}} </label>
                              <input type="text" autocomplete="off" name="adminPIN" minlength="1" maxlength="20" required ng-model="obj.adminPIN" class="form-control">
                          </div>
                      </div>

                      <div class="col-md-10 col-md-offset-1">
                          <div class="form-group">
                              <label class="control-label">{{'REASON' | translate}} </label>
                              <input type="text" autocomplete="off" name="description" minlength="1" maxlength="50" required ng-model="obj.description" class="form-control">
                          </div>
                      </div>

                  </div>
              </form>
              </p>
          </div>
    </script>

    <script type="text/ng-template" id="templates/bank-to-bank.html">
          <div class="row">
          <div class="col-sm-12 col-md-12 col-lg-12">
              <div class="ajaxsection">
                  <form name="form" id="bank-to-bank" class="form-horizontal " autocomplete="off">
                      <fieldset class="cbs_fieldset two_column_fieldset two_column_fieldset_notabs">
                           <legend>Bank Account-To-Account</legend>

                  <div class="col-lg-6" ng-hide="user.isAccountsLengthOne">
                          <div class="form-group">
                             <label class="col-lg-4 ">{{'CUSTOMER_ACCOUNT' | translate}} </label>
                              <div class="col-lg-8">
                                  <select class="form-control" name="accountId" ng-init="generateAccounts()"
                                          ng-model="obj.accountId" required
                                          ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter:  {accountType: '1'}"
                                          ng-change="setAccountId()">

                                  </select>
                              </div>
                          </div>
                   </div>

                   <div class="col-lg-6">
                          <div class="form-group">
                             <label class="col-lg-4 ">{{'BANK_ACCOUNT' | translate}} </label>
                              <div class="col-lg-8">
                                  <select class="form-control" name="accountId" ng-model="obj.bankAccountNo"
                                          required
                                          ng-options="account.ACCOUNTNO as account.ACCOUNTTITLE for account in banksList">
                                      <option disabled="" selected="" value="">{{'SELECT_BANK_ACCOUNT' | translate}}
                                      </option>
                                  </select>
                              </div>
                          </div>
                   </div>

                   <div class="col-lg-6" id="bankPin" style="display: none">
                          <div class="form-group">
                             <label class="col-lg-4 ">{{'BANKPIN' | translate}} </label>
                              <div class="col-lg-8">
                                  <input type="password" autocomplete="new-password" minlength="1" maxlength="10" list="list"
                                         name="bankPin" class="form-control"
                                         ng-model="obj.bankPIN" required>
                              </div>
                          </div>
                   </div>



                   <div class="col-lg-6">
                          <div class="form-group">
                             <label class="col-lg-4 ">{{'TO_BANK_ACC_ID' | translate}} </label>
                              <div class="col-lg-8">
                                  <div class="input-group-portal">
                                   <input type="tel" autocomplete="off" minlength="1"
                                                 maxlength="15" list="list" name="toBankAccountId"
                                                  class="form-control"
                                                 ng-model="obj.beneficiaryBankAccountNo" required>
                                  <a href="javascript:void(0)" class="btn_getuserinfo input-group-addon-portal" ng-click="getAccountInfo()"></a>
                                     <!--<span class="input-group-addon"><span i="" class="glyphicon glyphicon-calendar"></span></span>-->
                                  </div>
                              </div>
                          </div>
                   </div>


                      <div class="col-lg-6">
                          <div class="form-group">
                             <label class="col-lg-4 ">{{'ACC_HOLDER_NAME' | translate}} </label>
                              <div class="col-lg-8">
                                  <input type="text" class="form-control" name="accHolder" ng-model="obj.accHolder"
                                          required ng-disabled="true">
                              </div>
                          </div>
                   </div>

                      <div class="col-lg-6">
                          <div class="form-group">
                             <label class="col-lg-4 ">{{'AMOUNT' | translate}} </label>
                              <div class="col-lg-8">
                                  <input type="number" autocomplete="off" list="list" name="amount"
                                          class="form-control"
                                         ng-model="obj.txAmount" required>
                              </div>
                          </div>
                   </div>

                   <div class="col-lg-6" ng-if="isAdminPINRequired();">
                              <div class="form-group">
                                 <label class="col-lg-4 ">{{'PIN_NUMBER' | translate}} </label>
                                  <div class="col-lg-8">
                                      <input type="password" autocomplete="off" name="adminPIN" minlength="1" maxlength="20" required ng-model="obj.adminPIN" class="form-control">
                                  </div>
                              </div>
                           </div>

                   <div class="col-lg-6">
                          <div class="form-group">
                             <label class="col-lg-4 ">{{'DESCRIPTION' | translate}} </label>
                              <div class="col-lg-8">
                              <input type="tel" autocomplete="off" minlength="1" maxlength="50" list="list"
                                         name="description"
                                         ng-model="obj.description" required class="form-control">
                              </div>
                          </div>
                   </div>


                      </fieldset>
                        <div class="row">
                      <div class="col-md-3 col-lg-offset-4">
                          <div class="text-center submit_button">
                              <div class="form-group">
                                  <button class="btn btn-primary btn-block"    ng-disabled="disableSubmitBtn"  ng-disabled="disableSubmitBtn"  type="submit"> {{'SUBMIT_BTN' | translate}} </button>
                              </div>
                          </div>
                     </div>
              </div>

              <div class="col-sm-12">
                  <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                  <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
              </div>
                  </form>
              </div>
          </div>
      </div>

       <div id="A2A_dialog" title="send to Merchant Transfer" style="display:none;">
              <p>
              <form id="payCustomerTransfer-form">
                  <div class="row">

                      <div class="col-md-10 col-md-offset-1">
                          <div class="form-group">
                              <label class="control-label">{{'PIN_NUMBER' | translate}} </label>
                              <input type="text" autocomplete="off" name="adminPIN" minlength="1" maxlength="20" required ng-model="obj.adminPIN" class="form-control">
                          </div>
                      </div>

                      <div class="col-md-10 col-md-offset-1">
                          <div class="form-group">
                              <label class="control-label">{{'REASON' | translate}} </label>
                              <input type="text" autocomplete="off" name="description" minlength="1" maxlength="50" required ng-model="obj.description" class="form-control">
                          </div>
                      </div>

                  </div>
              </form>
              </p>
          </div>
    </script>

    <script type="text/ng-template" id="templates/bank-service.html">
              <div class="row">
          <div class="col-md-12 col-lg-6">
              <div class="well ajaxsection">
                  <form name="form" ng-submit="" class="form-horizontal ">
                      <fieldset>
                          <legend>{{'BANK_SERVICE' | translate}}</legend>
                          <div class="form-group">
                              <div class="col-md-12">
                                  <input type="text" autocomplete="off" list="list" placeholder="{{'SERVICE_CODE' | translate}}" class="form-control">
                              </div>
                          </div>
                          <div class="form-group">
                              <div class="col-md-12">
                                  <input type="text" autocomplete="off" list="list" placeholder="{{'SERVICE_NAME' | translate}}" class="form-control">
                              </div>
                          </div>
                          <div class="form-group">
                              <div class="col-sm-4 col-sm-offset-8">
                                  <button class="btn btn-primary btn-block"  ng-disabled="disableSubmitBtn"  type="submit"> {{'SUBMIT_BTN' | translate}} </button>
                              </div>
                          </div>
                      </fieldset>
                  </form>
              </div>
          </div>
      </div>
    </script>

    <!--Account Type: MMT = 1, Bank = 2-->
    <script type="text/ng-template" id="templates/bank-to-mmt-funds-transfer.html">
          <div class="row">
          <div class="col-lg-6 col-lg-offset-3">
              <div class="ajaxsection">
                  <form name="form" id="bank-to-mmt" class="form-horizontal " autocomplete="off">
                      <fieldset>
                          <!--<legend>{{'BANK_TO_MMT_FUND_TRANSFER' | translate}}</legend>-->


                      <div class="col-lg-12">
                          <div class="form-group">
                             <label class="col-lg-4 ">{{'BANK_ACCOUNT' | translate}} </label>
                              <div class="col-lg-8">
                                  <select class="form-control" name="bankAccountId"
                                          ng-model="obj.bankAccountNo" required
                                          ng-options="account.ACCOUNTNO as account.ACCOUNTTITLE for account in banksList"
                                          ng-change="setAccountId()">
                                      <option disabled="" selected="" value="">{{'SELECT_BANK_ACCOUNT' | translate}}
                                      </option>
                                  </select>
                              </div>
                          </div>
                      </div>



                      <div class="col-lg-12" ng-hide="user.isAccountsLengthOne">
                          <div class="form-group">
                             <label class="col-lg-4 ">{{'CUSTOMER_ACCOUNT' | translate}} </label>
                              <div class="col-lg-8">
                                  <select id="select-2" class="form-control" name="accountId" ng-init="generateAccounts()"
                                          ng-model="obj.accountId" required
                                          ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}"
                                          ng-change="obj.receiverSubscriptionId='';obj.txAmount=''">

                                  </select>
                              </div>
                          </div>
                      </div>

                      <div class="col-lg-12">
                          <div class="form-group">
                             <label class="col-lg-4 ">{{'AMOUNT' | translate}} </label>
                              <div class="col-lg-8">
                                  <input type="number" autocomplete="off" min="0" list="list" name="amount" class="form-control" ng-model="obj.txAmount" required>
                              </div>
                          </div>
                      </div>

                       <div class="col-lg-12" id="bankPin" style="display: none">
                          <div class="form-group">
                             <label class="col-lg-4 ">{{'BANKPIN' | translate}} </label>
                              <div class="col-lg-8">
                                  <input type="password" autocomplete="new-password" minlength="1" maxlength="10" list="list"  name="bankPin" class="form-control"
                                         ng-model="obj.bankPIN" required>
                              </div>
                          </div>
                      </div>

                          <div class="col-lg-12" ng-if="isAdminPINRequired();">
                              <div class="form-group">
                                 <label class="col-lg-4 ">{{'PIN_NUMBER' | translate}} </label>
                                  <div class="col-lg-8">
                                      <input type="password" autocomplete="new-password" autocomplete="new-password" name="adminPIN" minlength="1" maxlength="20" required ng-model="obj.adminPIN" class="form-control">
                                  </div>
                              </div>
                           </div>

                           <div class="col-lg-12" >
                              <div class="form-group">
                                 <label class="col-lg-4 ">{{'REASON' | translate}} </label>
                                  <div class="col-lg-8">
                                     <input type="text" autocomplete="off" name="description" minlength="1" maxlength="50" required ng-model="obj.description" class="form-control">
                                  </div>
                              </div>
                           </div>
                          <div class="col-lg-12">
                  <div class="col-lg-8 col-lg-8 col-lg-offset-4 submit_btn_wrap">
                      <button class="btn btn-primary btn-block"  ng-disabled="disableSubmitBtn"   ng-disabled="disableSubmitBtn"  type="submit"> {{'SUBMIT_BTN' | translate}} </button>
                  </div>
              </div>
                          <div class="col-sm-8">
                              <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                              <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
                          </div>
                      </fieldset>
                  </form>
              </div>
          </div>

            <div id="bank-to-mmt-funds-transfer_dialog" title="send to Merchant Transfer" style="display:none;">
              <p>
              <form id="payCustomerTransfer-form">
                  <div class="row">

                      <div class="col-md-10 col-md-offset-1">
                          <div class="form-group">
                              <label class="control-label">{{'PIN_NUMBER' | translate}} </label>
                              <input type="password" autocomplete="off" name="adminPIN" minlength="1" maxlength="20" required ng-model="obj.adminPIN" class="form-control">
                          </div>
                      </div>

                      <div class="col-md-10 col-md-offset-1">
                          <div class="form-group">
                              <label class="control-label">{{'REASON' | translate}} </label>
                              <input type="text" autocomplete="off" name="description" minlength="1" maxlength="50" required ng-model="obj.description" class="form-control">
                          </div>
                      </div>

                  </div>
              </form>
              </p>
          </div>

        <div class="row" id="tmtTransfer_receipt" style="display:none;">

          <div class="row">
              <div class="row action_buttons">
                  <div class="col-sm-12 col-md-12 col-lg-10 col-lg-offset-1">
                      <div class="pull-right">
                          <a href="javascript:void(0);" class="btn btn-default" ng-click="printDiv('tmt_receipt_content')"><i class="fa fa-print"></i> Print</a>
                          <a href="javascript:void(0);" class="btn btn-default" ng-click="goBack_requests()"> Go Back</a>
                      </div>
                  </div>
              </div>
          </div>

          <div class="row" id="tmt_receipt_content">
              <!--end buttons-->

              <div class="container" style="width:670px;margin:0 auto;font-family: Verdana,Geneva,sans-serif; font-size:12px;color: #626262;">
                  <div class="section">
                      <div class="header" style="height:46px;background:#f6f6f6;">
                          <div class="title" style="font-size: 14px; padding-top: 13px; margin-left: 20px; display: inline-block;">
                              <!--{{user.productBrand}}-->  Money Transfer  From Bank
                          </div>
                          <!--<div class="logo" style="display: inline-block; text-align: right; float: right; padding-top: 6px; margin-right: 10px;">
                              <img src="img/myaccount/receipt_logo_evcplus.png" width="139" height="34" />
                          </div>-->
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <!--<div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Agent:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  ({{user.name}})
                              </div>
                          </div> -->
                          <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Date:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_time}}]
                              </div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Transfer Id:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_transferId}}] <!--[ {{tmt_agentPUID}} ] [ {{tmt_agentNo}} ]-->
                              </div>
                          </div>
                          <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Transfer Id#
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{InvoiceNo}}]
                              </div>
                          </div>
                      </div>
                      <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                          Sender Information
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Mobile:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_senderMobile}}
                              </div>
                          </div>
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Name:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_senderName}}
                              </div>
                          </div>
                      </div>

                     <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Address:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{snd_tmt_senderAddress}}
                              </div>
                          </div>
                      </div>

                      <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                          Receiver Information
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Mobile:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_receiverMobile}}
                              </div>
                          </div>

                         <!-- <div ng-hide="hideReceivingAgent" class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:115px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Receiving Agent:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{rcv_tmt_receivingAgent}}
                              </div>
                          </div> -->
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Name:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_receiverName}}
                              </div>
                          </div>
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Address:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_receiverAddress}}
                              </div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <!--<div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Amount:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{tmt_amount}}
                              </div>
                          </div>-->
                          <div class="col-left" style="display: inline-block;width: 49%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Amount:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;"><span style="color: #626262;">  Total Amount:</span> {{tmt_amount}}</div>
                          </div>
                          <div class="col-left" style="display: inline-block;width: 22%;">
                              <div class="lebel" style="width: 45px;display:inline-block;color: #626262;">
                                  Charge:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;">{{tmt_comm}}</div>
                          </div>
                          <div class="col-left" style="display: inline-block;width: 26%;">
                              <div class="lebel" style="width: 85px;display:inline-block;color: #626262;">
                                  Net Amount:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;"> {{tmt_netAmount}}</div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Description:
                              </div>
                              <div class="value" style="display: inline-block;word-wrap: break-word;color: #949494;width: 78%;vertical-align: top;">
                                  {{tmt_description}}
                              </div>
                          </div>
                      </div>

                       <div class="signature_wrap">
                          <div class="sign_left" style="margin-top: 25px; width: 33%; text-align: center; display: inline-block; margin-left: 3%;">
                              <hr />
                              <div>Agent Signature</div>
                          </div>
                          <div class="sign_right" style="margin-top: 25px; width: 33%; text-align: center; display: inline-block; margin-left: 27%;">
                              <hr />
                              <div>Customer Signature</div>
                          </div>
                      </div>

              <div class="terms_wrap" style="border: 1px dashed; padding: 10px;margin-top:10px;">
              <div class="terms_heading" style="text-align: center; margin-bottom: 10px;">Terms & Conditions</div>
              <div class="terms" style="font-size:9px;">
                  1) {{ brandName }}  will not take any responsibility for delays or delivery failure as a result of mistakes in information.<br />
                  2) In case of cancellation will be refunded at the market rate with cancellation fee.
              </div>
          </div>
      </div>
                      <div class="section_seperator" style="margin-top: 10px; margin-bottom: 10px; border-top: 3px dashed;"></div>

                  </div>     <!--end container-->
                    <div class="container" style="width:670px;margin:0 auto;font-family: Verdana,Geneva,sans-serif; font-size:12px;color: #626262;">
                  <div class="section">
                      <div class="header" style="height:46px;background:#f6f6f6;">
                          <div class="title" style="font-size: 14px; padding-top: 13px; margin-left: 20px; display: inline-block;">
                              <!--{{user.productBrand}}-->  Money Transfer  From Bank
                          </div>
                          <!--<div class="logo" style="display: inline-block; text-align: right; float: right; padding-top: 6px; margin-right: 10px;">
                              <img src="img/myaccount/receipt_logo_evcplus.png" width="139" height="34" />
                          </div>-->
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <!--<div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Agent:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  ({{user.name}})
                              </div>
                          </div> -->
                          <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Date:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_time}}]
                              </div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Transfer Id:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_transferId}}] <!--[ {{tmt_agentPUID}} ] [ {{tmt_agentNo}} ]-->
                              </div>
                          </div>
                          <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Transfer Id#
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{InvoiceNo}}]
                              </div>
                          </div>
                      </div>
                      <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                          Sender Information
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Mobile:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_senderMobile}}
                              </div>
                          </div>
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Name:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_senderName}}
                              </div>
                          </div>
                      </div>

                     <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Address:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{snd_tmt_senderAddress}}
                              </div>
                          </div>
                      </div>

                      <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                          Receiver Information
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Mobile:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_receiverMobile}}
                              </div>
                          </div>

                         <!-- <div ng-hide="hideReceivingAgent" class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:115px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Receiving Agent:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{rcv_tmt_receivingAgent}}
                              </div>
                          </div> -->
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Name:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_receiverName}}
                              </div>
                          </div>
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Address:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_receiverAddress}}
                              </div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <!--<div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Amount:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{tmt_amount}}
                              </div>
                          </div>-->
                          <div class="col-left" style="display: inline-block;width: 49%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Amount:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;"><span style="color: #626262;">  Total Amount:</span> {{tmt_amount}}</div>
                          </div>
                          <div class="col-left" style="display: inline-block;width: 22%;">
                              <div class="lebel" style="width: 45px;display:inline-block;color: #626262;">
                                  Comm:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;">{{tmt_comm}}</div>
                          </div>
                          <div class="col-left" style="display: inline-block;width: 26%;">
                              <div class="lebel" style="width: 85px;display:inline-block;color: #626262;">
                                  Net Amount:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;"> {{tmt_netAmount}}</div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Description:
                              </div>
                              <div class="value" style="display: inline-block;word-wrap: break-word;color: #949494;width: 78%;vertical-align: top;">
                                  {{tmt_description}}
                              </div>
                          </div>
                      </div>

                        <div class="signature_wrap">
                          <div class="sign_left" style="margin-top: 25px; width: 33%; text-align: center; display: inline-block; margin-left: 3%;">
                              <hr />
                              <div>Agent Signature</div>
                          </div>
                          <div class="sign_right" style="margin-top: 25px; width: 33%; text-align: center; display: inline-block; margin-left: 27%;">
                              <hr />
                              <div>Customer Signature</div>
                          </div>
                      </div>

              <div class="terms_wrap" style="border: 1px dashed; padding: 10px;margin-top:10px;">
              <div class="terms_heading" style="text-align: center; margin-bottom: 10px;">Terms & Conditions</div>
              <div class="terms" style="font-size:9px;">
                  1) {{ brandName }}  will not take any responsibility for delays or delivery failure as a result of mistakes in information.<br />
                  2) In case of cancellation will be refunded at the market rate with cancellation fee.
              </div>
          </div>
      </div>


                  </div>     <!--end container-->
              </div>
          </div>

      </div>
    </script>

    <script type="text/ng-template" id="templates/change-device.html">
              <div class="row">
        <div class="col-lg-4 col-lg-offset-4">
          <div class=" ajaxsection">
            <form name="form" id="change-device" class="form-horizontal ">
              <fieldset>
                <!--<legend>{{'CHANGE_DEVICE' | translate}}</legend>
                <div class="form-group">
                  <div class="col-md-12">
                    <input type="text" autocomplete="off" list="list" minlength="10" maxlength="20" pattern="^[A-Za-z0-9]+$" name="oldDeviceId" placeholder="{{'OLD_DEVICE_ID' | translate}}" ng-model="obj.oldDeviceId" required class="form-control">
                  </div>
                </div>-->
                <!--div class="form-group">
                  <div class="col-md-12">
                    <input type="text" autocomplete="off" list="list" minlength="10" maxlength="20" pattern="^[A-Za-z0-9]+$" name="newDeviceId" placeholder="{{'NEW_DEVICE_ID' | translate}}" ng-model="obj.newDeviceId" required class="form-control">
                  </div>
                </div>-->
                <div class="form-group">
                  <div class="col-md-12">
                    <input type="password" autocomplete="off" minlength="4" maxlength="20" list="list" name="PIN" placeholder="{{'Password' | translate}}" ng-model="obj.PIN" required class="form-control">
                  </div>
                </div>
                <div class="form-group">
                  <div class="col-lg-8 col-lg-8 col-lg-offset-4 submit_btn_wrap">
                    <button class="btn btn-primary btn-block" ng-disabled="disableSubmitBtn"   type="submit"> {{'SUBMIT_BTN' | translate}} </button>
                  </div>
                </div>
                  <div class="col-sm-8">
                    <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                    <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
                  </div>
              </fieldset>
            </form>
          </div>
        </div>
      </div>
    </script>

    <script type="text/ng-template" id="templates/change-sim.html">
              <div class="row">
        <div class="col-lg-4 col-lg-offset-4">
          <div class="ajaxsection">
            <form name="form" id="change-sim" class="form-horizontal ">
              <fieldset>
                <!--<legend>{{'CHANGE_SIM' |translate}}</legend>
                <div class="form-group">
                  <div class="col-md-12">
                    <input type="tel" autocomplete="off" minlength="15" maxlength="16" list="list" name="oldIMSI" placeholder="{{'OLD_IMSI' | translate}}" ng-model="obj.oldIMSI" required class="form-control">
                  </div>
                </div>-->
                <!--div class="form-group">
                  <div class="col-md-12">
                    <input type="tel" autocomplete="off" minlength="15" maxlength="16" list="list" name="newIMSI" placeholder="{{'NEW_IMSI' | translate}}" ng-model="obj.newIMSI" required class="form-control">
                  </div>
                </div>-->
                <div class="form-group">
                  <div class="col-md-12">
                    <input type="password" autocomplete="off" minlength="4" maxlength="20" list="list" name="PIN" placeholder="{{'Password' | translate}}" ng-model="obj.PIN" required class="form-control">
                  </div>
                </div>
                <div class="form-group">
                  <div class="col-lg-8 col-lg-8 col-lg-offset-4 submit_btn_wrap">
                    <button class="btn btn-primary btn-block"  ng-disabled="disableSubmitBtn"  type="submit"> {{'SUBMIT_BTN' | translate}} </button>
                  </div>
                </div>
                  <div class="col-sm-8">
                    <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                    <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
                  </div>
              </fieldset>
            </form>
          </div>
        </div>
      </div>
    </script>

    <script type="text/ng-template" id="templates/customer-send-tmt-remittance.html">
              <div class="row">
        <div class="col-lg-12">
          <div class="ajaxsection">
            <form name="form" id="customer-send-tmt-remittance" class="form-horizontal ">
              <fieldset>

                <div class= "row">


                        <div class="col-sm-4 col-sm-offset-1">
                              <div class="form-group">
                                  <select class="form-control" name="accountId" ng-init="generateAccounts()" ng-model="obj.accountId" ng-change="currentBalance=''" required ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}">
                                  </select>
                              </div>
                        </div>


                      <div class="col-sm-4 col-sm-offset-1">
                            <div class="form-group">
                                  <select class="form-control" name="destinationType" ng-model="obj.destinationType" required>
                                      <!--option value="2" selected="" disabled="">{{'SELECT_DESTINATION_TYPE' | translate}}</option-->
                                      <option value="2" selected="">TMT</option>
                                      <!--option value="1" selected="">MMT</option-->
                                </select>
                                <b class="tooltip tooltip-bottom-right">{{'SALUTATION_TOOLTIP' | translate}}</b>
                                <i></i>
                           </div>
                      </div>
               </div>


                 <div class="row">

                           <div class="col-sm-4 col-sm-offset-1">
                                    <div class="form-group">
                                          <select id="select-2" class="form-control" name="tmtPartner" ng-model="obj.tmtPartner" required ng-options="partner.PARTNERUID as partner.NAME for partner in RemittancePartners">
                                                  <option disabled="" selected="" value="">{{'SELECT_PARTNER' | translate}}</option>
                                          </select>
                                    </div>
                           </div>

                      <div class="col-sm-4 col-sm-offset-1">
                           <div class="form-group">
                            <input type="tel" autocomplete="off" minlength="1" maxlength="50" list="list" name="receiverMobile" placeholder="{{'RECEIVER_MOBILE_NUMBER' | translate}}" ng-model="obj.receiverMobile" required class="form-control">
                          </div>
                        </div>



                 </div>

                <div class="row">


                       <div class="col-sm-4 col-sm-offset-1">
                           <div class="form-group">
                            <input type="tel" autocomplete="off" minlength="1" maxlength="50" list="list" name="receiverName" placeholder="{{'RECEIVER_NAME' | translate}}" ng-model="obj.receiverName" required class="form-control">
                          </div>
                        </div>

                        <div class="col-sm-4 col-sm-offset-1">
                           <div class="form-group">
                            <input type="tel" autocomplete="off" minlength="5" maxlength="100" list="list" name="receiverAddress" placeholder="{{'RECEIVER_ADDRESS' | translate}}" ng-model="obj.receiverAddress" required class="form-control">
                          </div>
                        </div>



                </div>


                <div class="row">

                        <div class="col-sm-4 col-sm-offset-1">
                        <div class="form-group">
                            <input type="tel" autocomplete="off" list="list" name="amount" placeholder="{{'AMOUNT_TO_TRANSFER' | translate}}" ng-model="obj.txAmount" required class="form-control">
                          </div>
                        </div>

                        <div class="col-sm-4 col-sm-offset-1">
                          <div class="form-group">
                            <input type="tel" autocomplete="off" minlength="1" maxlength="50" list="list" name="description" placeholder="{{'DESCRIPTION' | translate}}" ng-model="obj.description" required class="form-control">
                          </div>
                        </div>

                </div>


                <div class="form-group">
                  <div class="div class=col-md-12">
                    <button class="btn btn-primary btn-block"  ng-disabled="disableSubmitBtn"  type="submit"> {{'SUBMIT_BTN' | translate}} </button>
                  </div>
                </div>
                  <div class="col-sm-12">
                    <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                    <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
                  </div>
              </fieldset>
            </form>
          </div>
        </div>
      </div>
    </script>

    <script type="text/ng-template" id="templates/change-password.html">
              <div class="animated fadeInDown" id="extr-page">
        <header id="header">
          <div id="logo-group"> <span id="logo"> <a href='/'><img src="img/myaccount/{{brandLogo}}" alt="Safarifone"  style="height: 60px;"></a> </span>
              </div>
          <span id="extr-page-header-space" class="loging-header-links pull-right grey-header"> <!--<span class="hidden-mobile"></span>--> <a ui-sref="login" class="btn mypartner_btn_general">{{'SIGN_IN' | translate}}</a> </span> </header>
        <div id="main" role="main">

          <!-- MAIN CONTENT -->
          <div id="content" class="container">
            <div class="row">
              <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 col-md-offset-4 col-lg-offset-4  no-padding">
                <div class="no-padding">
                  <form name="form" id="change-password" class="extra-pages-forms smart-form client-form">
                    <header> {{'CHANGE_PASSWORD' | translate}} </header>
                    <fieldset>

                      <!--section>
                        <label class="label">{{'MOBILE_NO_LABEL' | translate}}</label>
                        <ul style="float:none;position: absolute;left: 10px;top: 21px;z-index: 10;text-align: center;width: 105px;" class="header-dropdown-list">
                          <li style="display:block;">
                            <a onclick="$(this).dropdown()" class="dropdown-toggle" data-toggle="dropdown"> <img src="img/blank.gif" alt="{{mobile.short}}" class="flag flag-{{mobile.short.toLowerCase()}}"> <span>{{mobile.short.toUpperCase()}} (+{{mobile.code}})</span> <i class="fa fa-angle-down"></i> </a>
                            <ul style="max-height: 180px;overflow-x: auto;" class="dropdown-menu pull-left">
                              <li ng-repeat="m in mobile.data | orderBy:'name'" ng-class="{active:mobile.short==m.short}">
                                <a ng-click="mobile.short=m.short;mobile.code=m.code;mobile.name=m.name"><img src="img/blank.gif" class="flag flag-{{m.short.toLowerCase()}}" alt="{{m.name}}"> {{m.name}} (+{{m.code}})</a>
                              </li>
                            </ul>
                          </li>
                        </ul>
                        <label class="input"> <i class="icon-append fa fa-phone"></i>
                          <input style="padding-left: 115px;" type="tel" autocomplete="off" name="mobile" minlength="7" maxlength="15" ng-model="user.mobileNumber" autofocus required>
                          <b class="tooltip tooltip-top-right"><i class="fa fa-phone txt-color-teal"></i> {{'MOBILE_NO_TOOLTIP' | translate}}</b>
                        </label>
                      </section-->

                      <section>

                        <label class="input"> <i class="icon-prepend fa fa-key"></i>
                          <input type="password" autocomplete="off" name="oldPassword" minlength="1" maxlength="20" required placeholder="{{'CURRENT_PASSWORD_LABEL' | translate}}" ng-model="obj.oldPassword" class="form-control">
                          <b class="tooltip tooltip-top-right"><i class="fa fa-lock txt-color-teal"></i> {{'PASSWORD_TOOLTIP' | translate}}</b> </label>
                      </section>

                      <section>

                        <label class="input"> <i class="icon-prepend fa fa-key"></i>
                          <input id="newPassword" type="password" autocomplete="off" name="newPassword" minlength="6" maxlength="20" required placeholder="{{'PASSWORD_LABEL' | translate}}" ng-model="obj.newPassword" class="form-control">
                          <b class="tooltip tooltip-top-right"><i class="fa fa-lock txt-color-teal"></i> {{'PASSWORD_TOOLTIP' | translate}}</b> </label>
                      </section>

                      <section>

                        <label class="input"> <i class="icon-prepend fa fa-key"></i>
                          <input type="password" autocomplete="off" name="confirmNewPassword" minlength="6" maxlength="20" required placeholder="{{'CONFIRM_PASSWORD_LABEL' | translate}}" ng-model="obj.confirmNewPassword" class="form-control">
                          <b class="tooltip tooltip-top-right"><i class="fa fa-lock txt-color-teal"></i> {{'PASSWORD_TOOLTIP' | translate}}</b> </label>
                      </section>

                        <section>
                              <button type="submit" class="btn btn-primary"> <i class="fa fa-refresh"></i> {{'CHANGE_PASSWORD' | translate}} </button>
                        </section>
                    </fieldset>
                  </form>
                </div>
              </div>
            </div>
          </div>
        </div>

      </div>
          <footer id="footer" class="page-footer footer-login">
              <div class="motive_login"></div>
                  <div class="row">
                      <div class="col-xs-12 col-sm-12 col-md-5 col-lg-5  text-left"><a href ng-click="termsOfUse()">{{'T_O_U' |
                          translate}}</a> | <a href ng-click="privacyPolicy()">{{'P_P' | translate}}</a> |
                          <a href ng-click="contactUs()">{{'CONTACT_US'
                          | translate}}</a>
                      </div>
                      <div class="col-xs-12 col-sm-12 col-md-3 col-lg-3 text-center">
                          <span>Safarifone Inc © {{currentYear}}</span>
                      </div>
                      <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 text-right">
                          <span>Version : {{versionNumber}}</span>
                      </div>
                  </div>
          </footer>
    </script>

    <script type="text/ng-template" id="templates/second-authentication.html">
              <div class="animated fadeInDown" id="extr-page">
        <header id="header">
          <div id="logo-group"> <span id="logo"> <img src="img/myaccount/{{brandLogo}}" alt="MyMerchant Portal" class="desktop-logo"  style="height: 60px;">
              <!--<img src="img/mini-logo.svg" alt="Safarifone" class="mini-logo">-->
              </span>
          <!--div class="Release_title">MyDistributor Portal</div-->
          </div>
          <span id="extr-page-header-space" class="loging-header-links pull-right grey-header"> <!--<span class="hidden-mobile"></span>--> <a ui-sref="login" class="btn mypartner_btn_general">{{'SIGN_IN' | translate}}</a> </span> </header>
        <div id="main" role="main">

          <!-- MAIN CONTENT -->
          <div id="content" class="container">
            <div class="row">
              <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 col-md-offset-4 col-lg-offset-4  no-padding">
                <div class="no-padding">
                  <form name="form" id="second-authentication" class="extra-pages-forms smart-form client-form">
                    <header> {{'AUTHENTICATE' | translate}} </header>
                    <fieldset>

                      <section>

                        <label class="input"> <i class="icon-prepend fa fa-key"></i>
                          <input type="tel" autocomplete="off" name="secureId" minlength="1" maxlength="20" required placeholder="{{'CODE' | translate}}" ng-model="obj.secureId" class="form-control">
                      </section>

                        <section>
                              <button type="submit" class="btn btn-primary"> <i class="fa fa-refresh"></i> {{'AUTHENTICATE' | translate}} </button>
                        </section>
                    </fieldset>
                  </form>
                </div>
              </div>
            </div>
          </div>
        </div>

      </div>
          <footer id="footer" class="page-footer footer-login">
              <div class="motive_login"></div>
                  <div class="row">
                      <div class="col-xs-12 col-sm-12 col-md-5 col-lg-5  text-left"><a href ng-click="termsOfUse()">{{'T_O_U' |
                          translate}}</a> | <a href ng-click="privacyPolicy()">{{'P_P' | translate}}</a> |
                          <a href ng-click="contactUs()">{{'CONTACT_US'
                          | translate}}</a>
                      </div>
                      <div class="col-xs-12 col-sm-12 col-md-3 col-lg-3 text-center">
                          <span>Safarifone Inc © {{currentYear}}</span>
                      </div>
                      <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 text-right">
                          <span>Version : {{versionNumber}}</span>
                      </div>
                  </div>
          </footer>
    </script>

    <script type="text/ng-template" id="templates/customer-send-mmt-remittance.html">
              <div class="row">
        <div class="col-lg-12">
          <div class="ajaxsection">
            <form name="form" id="customer-send-mmt-remittance" class="form-horizontal ">
              <fieldset>

                <div class= "row">


                        <div class="col-sm-4 col-sm-offset-1">
                              <div class="form-group">
                                  <select class="form-control" name="accountId" ng-init="generateAccounts()" ng-model="obj.accountId" ng-change="currentBalance=''" required ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}">
                                  </select>
                              </div>
                        </div>


                      <div class="col-sm-4 col-sm-offset-1">
                            <div class="form-group">
                                  <select class="form-control" name="destinationType" ng-model="obj.destinationType" required>
                                      <option value="1" selected="">MMT</option>
                                </select>
                                <b class="tooltip tooltip-bottom-right">{{'SALUTATION_TOOLTIP' | translate}}</b>
                                <i></i>
                           </div>
                      </div>
               </div>


                 <div class="row">

                           <div class="col-sm-4 col-sm-offset-1">
                                    <div class="form-group">
                                          <select id="select-2" class="form-control" name="tmtPartner" ng-model="obj.tmtPartner" required ng-options="partner.PARTNERUID as partner.NAME for partner in RemittancePartners">
                                                  <option disabled="" selected="" value="">{{'SELECT_PARTNER' | translate}}</option>
                                          </select>
                                    </div>
                           </div>

                      <div class="col-sm-4 col-sm-offset-1">
                           <div class="form-group">
                            <input type="tel" autocomplete="off" minlength="1" maxlength="50" list="list" name="receiverMobile" placeholder="{{'RECEIVER_MOBILE_NUMBER' | translate}}" ng-model="obj.receiverMobile" required class="form-control">
                          </div>
                              <div class="col-md-4 no-padding">
                                 <button class="btn btn-primary btn-block"  ng-disabled="disableSubmitBtn"  type= "button" ng-click="getAccountInfo()">Get Info </button>
                              </div>
                        </div>



                 </div>

                <div class="row">


                       <div class="col-sm-4 col-sm-offset-1">
                           <div class="form-group">
                            <input type="tel" autocomplete="off" minlength="1" maxlength="50" list="list" name="receiverName" placeholder="{{'RECEIVER_NAME' | translate}}" ng-model="obj.receiverName" ng-disabled="true" required class="form-control">
                          </div>
                        </div>

                        <div class="col-sm-4 col-sm-offset-1">
                           <div class="form-group">
                            <input type="tel" autocomplete="off" minlength="5" maxlength="100" list="list" name="receiverAddress" placeholder="{{'RECEIVER_ADDRESS' | translate}}" ng-model="obj.receiverAddress" required class="form-control">
                          </div>
                        </div>



                </div>


                <div class="row">

                        <div class="col-sm-4 col-sm-offset-1">
                        <div class="form-group">
                            <input type="tel" autocomplete="off" list="list" name="amount" placeholder="{{'AMOUNT_TO_TRANSFER' | translate}}" ng-model="obj.txAmount" required class="form-control">
                          </div>
                        </div>

                        <div class="col-sm-4 col-sm-offset-1">
                          <div class="form-group">
                            <input type="tel" autocomplete="off" minlength="1" maxlength="50" list="list" name="description" placeholder="{{'DESCRIPTION' | translate}}" ng-model="obj.description" required class="form-control">
                          </div>
                        </div>

                </div>


                <div class="form-group">
                  <div class="div class=col-md-12">
                    <button class="btn btn-primary btn-block"  ng-disabled="disableSubmitBtn"  type="submit"> {{'SUBMIT_BTN' | translate}} </button>
                  </div>
                </div>
                  <div class="col-sm-12">
                    <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                    <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
                  </div>
              </fieldset>
            </form>
          </div>
        </div>
      </div>
    </script>

    <script type="text/ng-template" id="templates/customer-remittance-status.html">
              <div class="row">
        <div class="col-lg-4 col-lg-offset-4">
          <div class="ajaxsection">
            <form name="form" id="customer-remittance-status" class="form-horizontal ">
              <fieldset>
                <div class="form-group">
                <div class="col-md-12">
                      <select class="form-control" name="accountId" ng-init="generateAccounts()" ng-model="obj.accountId" ng-change="currentBalance=''" required ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}">

                    </select>
                  </div>
                </div>
                <div class="form-group">
                  <div class="col-md-12">
                    <input type="tel" autocomplete="off" minlength="1" maxlength="15" list="list" name="txNumber" placeholder="{{'TX_NUMBER' | translate}}" ng-model="obj.txNumber" required class="form-control">
                  </div>
                </div>
                <div class="form-group">
                  <div class="col-lg-8 col-lg-8 col-lg-offset-4 submit_btn_wrap">
                    <button class="btn btn-primary btn-block" ng-disabled="disableSubmitBtn"   type="submit"> {{'SUBMIT_BTN' | translate}} </button>
                  </div>
                </div>
                  <div class="col-sm-12">
                    <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                    <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
                  </div>
              </fieldset>
            </form>
          </div>
        </div>
      </div>
    </script>

    <script type="text/ng-template" id="templates/customer-advice-of-charge.html">
              <div class="row">
        <div class="col-lg-4 col-lg-offset-4">
          <div class="ajaxsection">
            <form name="form" id="customer-advice-of-charge" class="form-horizontal ">
              <fieldset>
                <div class="form-group">
                <div class="col-md-12">
                      <select class="form-control" name="accountId" ng-init="generateAccounts()" ng-model="obj.accountId" ng-change="currentBalance=''" required ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}">

                    </select>
                  </div>
                </div>
                <div class="form-group">
                  <div class="col-md-12">
                    <input type="tel" autocomplete="off" minlength="1" maxlength="15" list="list" name="receiverMobile" placeholder="{{'RECEIVER_MOBILE_NUMBER' | translate}}" ng-model="obj.receiverMobile" required class="form-control">
                  </div>
                </div>
                <div class="form-group">
                  <div class="col-md-12">
                    <input type="tel" autocomplete="off" list="list" name="amount" placeholder="{{'AMOUNT_TO_TRANSFER' | translate}}" ng-model="obj.txAmount" required class="form-control">
                  </div>
                </div>
                <div class="form-group">
                  <div class="col-lg-8 col-lg-8 col-lg-offset-4 submit_btn_wrap">
                    <button class="btn btn-primary btn-block" ng-disabled="disableSubmitBtn"   type="submit"> {{'SUBMIT_BTN' | translate}} </button>
                  </div>
                </div>
                  <div class="col-sm-12">
                    <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                    <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
                  </div>
              </fieldset>
            </form>
          </div>
        </div>
      </div>
    </script>

    <script type="text/ng-template" id="templates/customer-airtime-recharge-tonetwork.html">
              <div class="row">
        <div class="col-lg-4 col-lg-offset-4">
          <div class="ajaxsection">
            <form name="form" id="customer-airtime-recharge-tonetwork" class="form-horizontal ">
              <fieldset>
                <div class="form-group">
                <div class="col-md-12">
                      <select class="form-control" name="accountId" ng-init="generateAccounts()" ng-model="obj.accountId" ng-change="currentBalance=''" required ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}">

                    </select>
                  </div>
                </div>
                <div class="form-group">
                  <div class="col-md-12">
                    <input type="tel" autocomplete="off" minlength="1" maxlength="15" list="list" name="mobileNumber" placeholder="{{'MOBILE_NUMBER' | translate}}" ng-model="obj.mobileNumber" required class="form-control">
                  </div>
                </div>
                <div class="form-group">
                  <div class="col-md-12">
                    <input type="tel" autocomplete="off" list="list" name="amount" placeholder="{{'AMOUNT_TO_TRANSFER' | translate}}" ng-model="obj.txAmount" required class="form-control">
                  </div>
                </div>
                <div class="form-group">
                  <div class="col-lg-8 col-lg-8 col-lg-offset-4 submit_btn_wrap">
                    <button class="btn btn-primary btn-block"  ng-disabled="disableSubmitBtn"  type="submit"> {{'SUBMIT_BTN' | translate}} </button>
                  </div>
                </div>
                  <div class="col-sm-12">
                    <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                    <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
                  </div>
              </fieldset>
            </form>
          </div>
        </div>
      </div>
    </script>

    <script type="text/ng-template" id="templates/dashboard.html">
              <!-- Bread crumb is created dynamically -->
              <!-- row -->
              <!--div class="row">
        <div class="col-md-12 col-lg-12">
          <div class="well ajaxsection">

            <div class="description-detail simple-desc">{{'CUSTOMER_NAME' | translate}}: <span>{{user.name}}</span><br>
              {{'DEFAULT_ACCOUNT_BALANCE_IS' | translate}}: <strong>{{user.balance | currency}}</strong> </div>
          </div>
        </div>
      </div-->

              <div class="well ajaxsection">
                  <div class="row">
                      <div class="col-md-12 col-lg-12">
                        <div class="description-detail activity-detail simple-desc">
                            <div class="col-lg-12">
                                <span> {{ user.userType == 'MERCHANT' ? ('MERCHANT_NAME' | translate) : ('BILLER_NAME' | translate) }}: </span>{{user.name}}
                            </div>
                            <div class="col-lg-12" ng-if="user.subscriptionId!=='undefined'">
                                <span>{{'SUBSCRIPTION_ID' | translate}}: </span>{{user.subscriptionId}}
                            </div>
                            <div class="col-lg-12">
                                <span>{{'PartnerUID' | translate}}: </span>{{user.partnerUID }}
                            </div>
                            <div class="col-lg-12">
                                <span>{{'BALANCE' | translate}}: </span>{{user.balance }}
                            </div>
                        </div>
                      </div>
                  </div>
              </div>

              <!-- end row -->


              <!--
          The ID "widget-grid" will start to initialize all widgets below
          You do not need to use widgets if you dont want to. Simply remove
          the <section></section> and you can use wells or panels instead
          -->

              <!-- Widget ID (each widget will need unique ID)-->
              <div class="jarviswidget jarviswidget-color-darken" id="wid-id-0" data-widget-editbutton="false">
                  <!-- widget options:
                    usage: <div class="jarviswidget" id="wid-id-0" data-widget-editbutton="false">

                    data-widget-colorbutton="false"
                    data-widget-editbutton="false"
                    data-widget-togglebutton="false"
                    data-widget-deletebutton="false"
                    data-widget-fullscreenbutton="false"
                    data-widget-custombutton="false"
                    data-widget-collapsed="true"
                    data-widget-sortable="false"

                    -->

                  <header> <span class="widget-icon"> <i class="fa fa-table"></i> </span>
                      <h2>{{'TRANSACTION_HISTORY' | translate}} </h2>
                  </header>

                  <!-- widget div-->
                  <div>

                      <!-- widget edit box -->
                      <div class="jarviswidget-editbox">
                          <!-- This area used as dropdown edit box -->

                      </div>
                      <!-- end widget edit box -->

                      <!-- widget content -->
                      <div class="widget-body no-padding">
                        <div class="table-responsive">
                          <table id="dt_basic" class="table table-striped table-bordered table-hover" width="100%">
                              <thead>
                                  <tr>
                                      <th data-class="expand">{{'TRANSACTION_ID' | translate}} </th>
                                      <th data-class="expand">{{'SENDER' | translate}} </th>
                                      <th data-class="expand">{{'RECEIVER' | translate}} </th>
                                      <th data-class="expand"><i class="fa fa-fw fa-calendar text-muted hidden-md hidden-sm hidden-xs"></i> {{'TRANSACTION_DATE' | translate}}</th>
                                      <th data-hide="expand"> {{'TRANSACTION_DESCRIPTION' | translate}}</th>
                                      <th data-hide="expand"> {{'CREDIT' | translate}}</th>
                                      <th data-hide="expand"> {{'DEBIT' | translate}}</th>
                                      <th data-hide="expand"> {{'PREV_BALANCE' | translate}}</th>
                                  </tr>
                              </thead>
                              <tbody>
                              </tbody>
                          </table>
                        </div>
                      </div>
                      <!-- end widget content -->

                  </div>
                  <!-- end widget div -->

              </div>
              <!-- end widget -->
    </script>

    <script type="text/ng-template" id="templates/device-lost.html">
              <div class="row">
        <div class="col-lg-4 col-lg-offset-4">
          <div class="ajaxsection">
            <form name="form" ng-submit="submit(form)" id="device-lost" class="form-horizontal ">
              <fieldset>
                <!--<legend>{{'DEVICE_LOST' | translate}}</legend>-->
                <!--<div class="form-group">
                  <div class="col-md-12">
                    <input type="text" autocomplete="off" list="list" minlength="10" maxlength="20" pattern="^[A-Za-z0-9]+$" name="deviceId" placeholder="{{'DEVICE_ID' | translate}}" ng-model="obj.lostDeviceId" required class="form-control">
                  </div>
                </div> -->
                <div class="form-group">
                  <div class="col-md-12">
                    <input type="text" autocomplete="off" list="list" minlength="1" maxlength="15" name="lostSubscriptionId" placeholder="{{'ACCOUNT_PIN' | translate}}" ng-model="obj.lostSubscriptionId" required class="form-control">
                  </div>
                </div>
                <div class="form-group">
                  <div class="col-md-12">
                    <input type="password" autocomplete="off" list="list" name="PIN" minlength="1" maxlength="20" placeholder="{{'PIN' | translate}}" ng-model="obj.lostSubscriptionPIN" required class="form-control">
                  </div>
                </div>
                <div class="form-group">
                  <div class="col-lg-8 col-lg-8 col-lg-offset-4 submit_btn_wrap">
                    <button class="btn btn-primary btn-block" ng-disabled="disableSubmitBtn"   type="submit"> {{'SUBMIT_BTN' | translate}} </button>
                  </div>
                </div>
                  <div class="col-sm-8">
                    <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                    <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
                  </div>
              </fieldset>
            </form>
          </div>
        </div>
      </div>
    </script>

    <script type="text/ng-template" id="templates/forgot-password.html">
              <div class="animated fadeInDown" id="extr-page">
        <header id="header">
          <div id="logo-group">
              <span id="logo"> <a href='/'><img src="img/myaccount/{{brandLogo}}" alt="Safarifone"  style="height: 60px;"></a> </span>
              <!--<div class="Release_title">
                  MyMerchant Portal
              </div>-->
          </div>
          <span id="extr-page-header-space" class="loging-header-links"> <!--<span class="hidden-mobile"></span>--> <a ui-sref="login" class="btn MyMerchant_btn_general">{{'SIGN_IN' | translate}}</a> </span> </header>
        <div id="main" role="main">

          <!-- MAIN CONTENT -->
          <div id="content" class="container">
            <div class="row">
              <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 col-md-offset-4 col-lg-offset-4  no-padding">
                <div class="no-padding">
                  <form name="form" id="forgot-password-form" class="extra-pages-forms smart-form client-form">
                    <header> {{'FORGOT_PASSWORD' | translate}} </header>
                    <fieldset>
                      <section>
                        <label class="label">{{'ENTER_MOBILE_NO_LABEL' | translate}}</label>
                        <ul style="float:none;position: absolute;left: 27px;top: 21px;z-index: 10;text-align: center;width: 105px;" class="header-dropdown-list">
                          <li style="display:block;">
                            <a onclick="$(this).dropdown()" class="dropdown-toggle" data-toggle="dropdown"> <img src="img/blank.gif" alt="{{mobile.short}}" class="flag flag-{{mobile.short.toLowerCase()}}"> <span>{{mobile.short.toUpperCase()}} (+{{mobile.code}})</span> <i class="fa fa-angle-down"></i> </a>
                            <ul style="max-height: 180px;overflow-x: auto;" class="dropdown-menu pull-left">
                              <li ng-repeat="m in mobile.data | orderBy:'name'" ng-class="{active:mobile.short==m.short}">
                                <a ng-click="mobile.short=m.short;mobile.code=m.code;mobile.name=m.name"><img src="img/blank.gif" class="flag flag-{{m.short.toLowerCase()}}" alt="{{m.name}}"> {{m.name}} (+{{m.code}})</a>
                              </li>
                            </ul>
                          </li>
                        </ul>
                        <label class="input"> <i class="icon-prepend fa fa-phone"></i>
                          <input style="padding-left: 125px;" type="tel" autocomplete="off" name="mobile" minlength="7" maxlength="15" ng-model="obj.mobileNumber" autofocus required>
                          <b class="tooltip tooltip-top-right"><i class="fa fa-user txt-color-teal"></i> {{'ENTER_MOBILE_NO_TOOLTIP' | translate}}</b> </label>
                      </section>
                      <section>
                        <label class="label">{{'EMAIL_ADDRESS_LABEL' | translate}}</label>
                        <label class="input"> <i class="icon-prepend fa fa-envelope"></i>
                          <input type="email" autocomplete="off" minlength="6" maxlength="320" name="username" ng-model="user.username" required>
                          <b class="tooltip tooltip-top-right"><i class="fa fa-envelope txt-color-teal"></i> {{'EMAIL_ADDRESS_TOOLTIP' | translate}}</b></label>
                           </section>
                      <!--<section>
                        <label class="label">{{'EMAIL_ADDRESS_LABEL' | translate}}</label>
                        <label class="input"> <i class="icon-append fa fa-envelope"></i>
                          <input type="email" autocomplete="off" minlength="6" maxlength="320" name="email" ng-model="obj.emailAddress" required>
                          <b class="tooltip tooltip-top-right"><i class="fa fa-envelope txt-color-teal"></i> {{'EMAIL_ADDRESS_TOOLTIP' | translate}}</b></label>
                          <!--<div class="note"> <a ui-sref="login">{{'I_REMEMBERED_MY_PASSWORD' | translate}}</a> </div>
                      </section>-->

                      <!--<section> <span class="timeline-seperator text-center text-primary"> <span class="font-sm">{{'OR' |translate}}</span></span> </section>-->
                        <section>
                              <button type="submit" class="btn btn-primary"> <i class="fa fa-refresh"></i> {{'SEND_PASSWORD' | translate}} </button>
                        </section>
                    </fieldset>

                  </form>
                </div>
              </div>
            </div>
          </div>
        </div>

      </div>  <footer id="footer">
          <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 text-right"> <a href ng-click="termsOfUse()">{{'T_O_U' | translate}}</a> | <a href ng-click="privacyPolicy()">{{'P_P' | translate}}</a> | <a href ng-click="contactUs()">{{'CONTACT_US' | translate}}</a>
                <span>Safarifone © 2014</span></div>
          </div>
        </footer>
    </script>
    <script type="text/ng-template" id="templates/activation.html">
              <div class="animated fadeInDown" id="extr-page">
          <header id="header">
              <div id="logo-group"><span id="logo"> <img src="img/myaccount/{{brandLogo}}" alt="Safarifone" class="desktop-logo"  style="height: 60px;">
                  <!--<img src="img/mini-logo.svg" alt="Safarifone" class="mini-logo"> --></span>
                  <!--<div class="Release_title">
                  MyMerchant Portal
              </div>-->
              </div>
              <span id="extr-page-header-space" class="loging-header-links">
                  <!--<span class="hidden-mobile">{{'NEED_AN_ACCOUNT' | translate}}?</span>-->
                  <!--<a ui-sref="register" class="btn MyMerchant_btn_general">{{'CREATE_ACCOUNT' | translate}}</a>--> </span>
          </header>
          <div id="main" role="main">

          <!-- MAIN CONTENT -->
          <div id="content" class="container">
              <div class="row">
                  <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 col-md-offset-4 col-lg-offset-4  no-padding">
                      <div class="no-padding">
                          <form name="activationForm" id="activation-form" class="extra-pages-forms smart-form client-form">
                              <header> {{'ACTIVATION' | translate}} </header>

                              <fieldset>
                              <div class="description-detail">{{'ACTIVATION_DESC' | translate}} <a ui-sref="resend">{{'RESEND_ACT_CODE' | translate}}?</a></div>
                                  <!--<section>
                                      <label class="label">{{'ENTER_SMS_ACT_CODE_LABEL' | translate}}</label>
                                      <label class="input">
                                          <input type="password" autocomplete="off" name="smsCode" minlength="1" maxlength="50" ng-model="smsCode" required>
                                          <b class="tooltip tooltip-top-right"> {{'ENTER_SMS_ACT_CODE_TOOLTIP' | translate}}</b></label>
                                  </section> -->

                      <section>
                        <ul style="float:none;position: absolute;left: 27px;top: -6px;z-index: 10;text-align: center;width: 105px;" class="header-dropdown-list">
                          <li style="display:block;">
                            <a onclick="$(this).dropdown()" class="dropdown-toggle" data-toggle="dropdown"> <img src="img/blank.gif" alt="{{mobile.short}}" class="flag flag-{{mobile.short.toLowerCase()}}"> <span>{{mobile.short.toUpperCase()}} (+{{mobile.code}})</span> <i class="fa fa-angle-down"></i> </a>
                            <ul style="max-height: 180px;overflow-x: auto;" class="dropdown-menu pull-left">
                              <li ng-repeat="m in mobile.data | orderBy:'name'" ng-class="{active:mobile.short==m.short}">
                                <a ng-click="mobile.short=m.short;mobile.code=m.code;mobile.name=m.name"><img src="img/blank.gif" class="flag flag-{{m.short.toLowerCase()}}" alt="{{m.name}}"> {{m.name}} (+{{m.code}})</a>
                              </li>
                            </ul>
                          </li>
                        </ul>
                        <label class="input"> <i class="icon-prepend fa fa-phone"></i>
                          <input style="padding-left: 140px;" type="tel" autocomplete="off" minlength="7" maxlength="15" name="mobileNumber" autofocus placeholder="{{'MOBILE_NO_LABEL' | translate}}" ng-model="user.mobileNumber" required>
                          <b class="tooltip tooltip-bottom-right">{{'MOBILE_NO_TOOLTIP' | translate}}</b> </label>
                      </section>

                     <section>
                        <label class="label">{{'EMAIL_ADDRESS_LABEL' | translate}}</label>
                        <label class="input"> <i class="icon-prepend fa fa-envelope"></i>
                          <input type="email" autocomplete="off" minlength="6" maxlength="320" name="username" ng-model="user.username" required>
                          <b class="tooltip tooltip-top-right"><i class="fa fa-envelope txt-color-teal"></i> {{'EMAIL_ADDRESS_TOOLTIP' | translate}}</b></label>
                           </section>

                      <!--<section>
                        <label class="label">{{'USERNAME_LABEL' | translate}} </label>
                        <label class="input"> <i class="icon-append fa fa-user"></i>
                          <input type="email" autocomplete="off" minlength="6" maxlength="320" ng-model="user.username" required>
                          <b class="tooltip tooltip-top-right"><i class="fa fa-user txt-color-teal"></i> {{'USERNAME_TOOLTIP' | translate}}</b></label>
                               </section>-->

                                  <section>
                                      <label class="label">{{'ENTER_EMAIL_ACT_CODE_LABEL' | translate}}</label>
                                      <label class="input">
                                          <input type="password" autocomplete="off" name="emailCode" minlength="1" maxlength="50" ng-model="emailCode" required>
                                          <b class="tooltip tooltip-bottom-right"> {{'ENTER_EMAIL_ACT_CODE_TOOLTIP' | translate}}</b> </label>
                                  </section>
                                  <!--<section>
                                     <label class="label">{{'PASSWORD_LABEL' | translate}}</label>
                                     <label class="input"> <i class="icon-append fa fa-lock"></i>
                                   <input type="password" autocomplete="off" name="password" minlength="6" maxlength="20"  id="password" ng-model="password"  required>
                                    <b class="tooltip tooltip-bottom-right">{{'PASSWORD_TOOLTIP2' | translate}}</b></label>
                                     </section>-->
                                  <section>
                                      <button ng-disabled="activationForm.$submit" type="submit" class="btn btn-primary"> {{'ACT_BTN' | translate}} </button>
                                  </section>
                              </fieldset>
                          </form>
                      </div>
                  </div>
              </div>
          </div>
      </div>

          </div>
          <footer id="footer">
              <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 text-right"> <a href ng-click="termsOfUse()">{{'T_O_U' | translate}}</a> | <a href ng-click="privacyPolicy()">{{'P_P' | translate}}</a> | <a href ng-click="contactUs()">{{'CONTACT_US' | translate}}</a>
                    <span>Safarifone © 2014</span></div>
              </div>
        </footer>
    </script>

    <script type="text/ng-template" id="templates/resend.html">
              <div class="animated fadeInDown" id="extr-page">
        <header id="header">
          <div id="logo-group"> <span id="logo"> <a href='/'><img src="img/myaccount/{{brandLogo}}" alt="Safarifone"  style="height: 60px;"></a> </span>
              <!--<div class="Release_title">
                  MyMerchant Portal
              </div>--> </div>
          <span id="extr-page-header-space" class="loging-header-links"> <!--<span class="hidden-mobile"></span>--> <a ui-sref="login" class="btn MyMerchant_btn_general">{{'SIGN_IN' | translate}}</a> </span> </header>
        <div id="main" role="main">

          <!-- MAIN CONTENT -->
          <div id="content" class="container">
            <div class="row">
              <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 col-md-offset-4 col-lg-offset-4  no-padding">
                <div class="no-padding">
                  <form name="form" id="resend-activation-code-form" class="extra-pages-forms smart-form client-form">
                    <header> {{'RESEND_ACT_CODE' | translate}} </header>
                    <fieldset>
                      <section>
                        <label class="label">{{'ENTER_MOBILE_NO_LABEL' | translate}}</label>
                        <ul style="float:none;position: absolute;left: 27px;top: 21px;z-index: 10;text-align: center;width: 105px;" class="header-dropdown-list">
                          <li style="display:block;">
                            <a onclick="$(this).dropdown()" class="dropdown-toggle" data-toggle="dropdown"> <img src="img/blank.gif" alt="{{mobile.short}}" class="flag flag-{{mobile.short.toLowerCase()}}"> <span>{{mobile.short.toUpperCase()}} (+{{mobile.code}})</span> <i class="fa fa-angle-down"></i> </a>
                            <ul style="max-height: 180px;overflow-x: auto;" class="dropdown-menu pull-left">
                              <li ng-repeat="m in mobile.data | orderBy:'name'" ng-class="{active:mobile.short==m.short}">
                                <a ng-click="mobile.short=m.short;mobile.code=m.code;mobile.name=m.name"><img src="img/blank.gif" class="flag flag-{{m.short.toLowerCase()}}" alt="{{m.name}}"> {{m.name}} (+{{m.code}})</a>
                              </li>
                            </ul>
                          </li>
                        </ul>
                        <label class="input"> <i class="icon-prepend fa fa-phone"></i>
                          <input style="padding-left: 125px;" type="tel" autocomplete="off" name="mobile" minlength="7" maxlength="15" ng-model="obj.mobileNumber" autofocus required>
                          <b class="tooltip tooltip-top-right"><i class="fa fa-user txt-color-teal"></i> {{'ENTER_MOBILE_NO_TOOLTIP' | translate}}</b> </label>
                      </section>
                      <section>
                        <label class="label">{{'EMAIL_ADDRESS_LABEL' | translate}}</label>
                        <label class="input"> <i class="icon-prepend fa fa-envelope"></i>
                          <input type="email" autocomplete="off" minlength="6" maxlength="320" name="username" ng-model="user.username" required>
                          <b class="tooltip tooltip-top-right"><i class="fa fa-envelope txt-color-teal"></i> {{'EMAIL_ADDRESS_TOOLTIP' | translate}}</b></label>
                           </section>
                      <!--<section>
                        <label class="label">{{'EMAIL_ADDRESS_LABEL' | translate}}</label>
                        <label class="input"> <i class="icon-append fa fa-envelope"></i>
                          <input type="email" autocomplete="off" minlength="6" maxlength="320" name="email" ng-model="obj.emailAddress" required>
                          <b class="tooltip tooltip-top-right"><i class="fa fa-envelope txt-color-teal"></i> {{'EMAIL_ADDRESS_TOOLTIP' | translate}}</b></label>
                          <!--<div class="note"> <a ui-sref="login">{{'I_REMEMBERED_MY_PASSWORD' | translate}}</a> </div>
                      </section>-->

                      <!--<section> <span class="timeline-seperator text-center text-primary"> <span class="font-sm">{{'OR' |translate}}</span></span> </section>-->
                        <section>
                              <button type="submit" class="btn btn-primary"> <i class="fa fa-refresh"></i> {{'SEND_ACTIVATIONCODE' | translate}} </button>
                        </section>
                    </fieldset>
                  </form>
                </div>
              </div>
            </div>
          </div>
        </div>

      </div>  <footer id="footer">
          <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 text-right"> <a href ng-click="termsOfUse()">{{'T_O_U' | translate}}</a> | <a href ng-click="privacyPolicy()">{{'P_P' | translate}}</a> | <a href ng-click="contactUs()">{{'CONTACT_US' | translate}}</a>
                <span>Safarifone © 2014</span></div>
          </div>
        </footer>
    </script>

    <script type="text/ng-template" id="templates/b2p-fund-transfer.html">
              <div class="row">
        <div class="col-lg-6 col-lg-offset-3">
          <div class="ajaxsection">
            <form name="form" id="b2p-fund-transfer" class="form-horizontal ">
              <fieldset>
                <!--<legend>{{'TRANSFER_AMOUNT' | translate}}</legend>-->
                 <div class="col-lg-12" ng-hide="user.isAccountsLengthOne">
                                      <div class="form-group">
                                         <label class="col-lg-4 ">{{ user.userType == 'MERCHANT' ? ('AGENT_ACCOUNT' | translate) : ('BILLER_ACCOUNT' | translate) }} </label>
                                          <div class="col-lg-8">
                                          <select class="form-control" name="accountId" ng-init="generateAccounts()"  ng-change="getByDefaultAccount(obj.accountId)"ng-model="obj.accountId" ng-change="currentBalance=''" required ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}" ></select>
                                          </div>
                                      </div>
                                   </div>


                <div class="col-lg-12">
                              <div class="form-group">
                                 <label class="col-lg-4 ">{{'TO_SUBSCRIPTION_ID' | translate}} </label>
                                  <div class="col-lg-8">
                                     <input type="tel" autocomplete="off" minlength="7" maxlength="15" list="list" name="subscriptionId" ng-model="obj.receiverSubscriptionId" required class="form-control">
                                  </div>
                              </div>
                  </div>


                   <div class="col-lg-12">
                              <div class="form-group">
                             <div class="col-lg-12">
                                 <div class="col-lg-8 col-lg-8 col-lg-offset-4 submit_btn_wrap">
                                <a class="btn btn-primary btn-block"  ng-disabled="disableSubmitBtn22" ng-click="getReceiver()"> {{'GET_RECEIVER' | translate}} </a>
                                </div>
                            </div>

                              </div>
                            </div>

                             <div class="col-lg-12">
                              <div class="form-group">
                                 <label class="col-lg-4 ">{{'TO_RECEVEIR_NAME' | translate}} </label>
                                  <div class="col-lg-8">
                                  <input type="tel" autocomplete="off" minlength="3" maxlength="50" list="list"
                                      name="subscriptionId"
                                             ng-model="obj.receiverName" required class="form-control" readonly="">
                                  </div>
                                </div>
                            </div>

                  <div class="col-lg-12">
                              <div class="form-group">
                                 <label class="col-lg-4 ">{{'AMOUNT' | translate}} </label>
                                  <div class="col-lg-8">
                                     <input type="tel" autocomplete="off" list="list" name="amount" ng-model="obj.txAmount" required class="form-control">
                                  </div>
                              </div>
                  </div>

                    <div class="col-lg-12" ng-if="isAdminPINRequired();">
                                  <div class="form-group">
                                     <label class="col-lg-4 ">{{'PIN_NUMBER' | translate}} </label>
                                      <div class="col-lg-8">
                                          <input type="password" autocomplete="new-password" name="adminPIN" minlength="4" maxlength="20" required ng-model="obj.adminPIN" class="form-control">
                                      </div>
                                  </div>
                               </div>

                               <div class="col-lg-12" >
                                  <div class="form-group">
                                     <label class="col-lg-4 ">{{'REASON' | translate}} </label>
                                      <div class="col-lg-8">
                                         <input type="text" autocomplete="off" name="description" minlength="1" maxlength="50" required ng-model="obj.description" class="form-control">
                                      </div>
                                  </div>
                               </div>



               <div class="col-lg-12">
                      <div class="col-lg-8 col-lg-8 col-lg-offset-4 submit_btn_wrap">
                          <button class="btn btn-primary btn-block" ng-disabled="disableSubmitBtn"   type="submit"> {{'SUBMIT_BTN' | translate}} </button>
                      </div>
                  </div>
                  <div class="col-sm-8">
                    <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                    <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
                  </div>
              </fieldset>
            </form>
          </div>
        </div>

        <div id="B2P_dialog" title="send to Merchant Transfer" style="display:none;">
                  <p>
                  <form id="payCustomerTransfer-form">
                      <div class="row">

                          <div class="col-md-10 col-md-offset-1">
                              <div class="form-group">
                                  <label class="control-label">{{'PIN_NUMBER' | translate}} </label>
                                  <input type="password" autocomplete="new-password" name="adminPIN" minlength="1" maxlength="20" required ng-model="obj.adminPIN" class="form-control">
                              </div>
                          </div>

                          <div class="col-md-10 col-md-offset-1">
                              <div class="form-group">
                                  <label class="control-label">{{'REASON' | translate}} </label>
                                  <input type="text" autocomplete="off" name="description" minlength="1" maxlength="50" required ng-model="obj.description" class="form-control">
                              </div>
                          </div>

                      </div>
                  </form>
                  </p>
              </div>

          <div class="row" id="tmtTransfer_receipt" style="display:none;">

              <div class="row">
                  <div class="row action_buttons">
                      <div class="col-sm-12 col-md-12 col-lg-10 col-lg-offset-1">
                          <div class="pull-right">
                              <a href="javascript:void(0);" class="btn btn-default" ng-click="printDiv('tmt_receipt_content')"><i class="fa fa-print"></i> Print</a>
                              <a href="javascript:void(0);" class="btn btn-default" ng-click="goBack_requests()"> Go Back</a>
                          </div>
                      </div>
                  </div>
              </div>

              <div class="row" id="tmt_receipt_content">
                  <!--end buttons-->
                       <div class="container" style="width:670px;margin:0 auto;font-family: Verdana,Geneva,sans-serif; font-size:12px;color: #626262;">
                      <div class="section">
                          <div class="header" style="height:46px;background:#f6f6f6;">
                              <div class="title" style="font-size: 14px; padding-top: 13px; margin-left: 20px; display: inline-block;">
                                  <!--{{user.productBrand}}-->  Money Transfer
                              </div>

                          </div>
                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">

                              <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                                  <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                      Date:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      [{{tmt_time}}]
                                  </div>
                              </div>
                          </div>
                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <div class="col-left" style="display: inline-block; width: 50%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Transfer Id:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      [{{tmt_transferId}}] <!--[ {{tmt_agentPUID}} ] [ {{tmt_agentNo}} ]-->
                                  </div>
                              </div>
                              <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                                  <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                      Ref#
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      [{{tmt_transferId}}]
                                  </div>
                              </div>
                          </div>
                          <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                              Sender Information
                          </div>

                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <div class="col-left" style="display: inline-block; width: 50%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Sender Mobile:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      {{customer_senderMobile}}
                                  </div>
                              </div>
                          </div>

                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <div class="col-left" style="display: inline-block; width: 100%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Sender Name:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      {{customer_senderName}}
                                  </div>
                              </div>
                          </div>

                         <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <div class="col-left" style="display: inline-block; width: 100%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Sender Address:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      {{snd_tmt_senderAddress}}
                                  </div>
                              </div>
                          </div>

                          <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                              Receiver Information
                          </div>
                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <div class="col-left" style="display: inline-block; width: 50%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Receiver Mobile:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      {{customer_receiverMobile}}
                                  </div>
                              </div>

                          </div>
                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <div class="col-left" style="display: inline-block; width: 100%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Receiver Name:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      {{customer_receiverName}}
                                  </div>
                              </div>
                          </div>

                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <div class="col-left" style="display: inline-block; width: 100%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Receiver Address:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      {{customer_receiverAddress}}
                                  </div>
                              </div>
                          </div>
                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <!--<div class="col-left" style="display: inline-block; width: 50%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Amount:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      {{tmt_amount}}
                                  </div>
                              </div>-->
                              <div class="col-left" style="display: inline-block;width: 49%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Amount:
                                  </div>
                                  <div class="value ng-binding" style="display: inline-block;color: #949494;"><span style="color: #626262;">  Total Amount:</span> {{tmt_amount}}</div>
                              </div>
                              <div class="col-left" style="display: inline-block;width: 22%;">
                                  <div class="lebel" style="width: 45px;display:inline-block;color: #626262;">
                                      Comm:
                                  </div>
                                  <div class="value ng-binding" style="display: inline-block;color: #949494;">{{tmt_comm}}</div>
                              </div>
                              <div class="col-left" style="display: inline-block;width: 26%;">
                                  <div class="lebel" style="width: 85px;display:inline-block;color: #626262;">
                                      Net Amount:
                                  </div>
                                  <div class="value ng-binding" style="display: inline-block;color: #949494;"> {{tmt_netAmount}}</div>
                              </div>
                          </div>
                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <div class="col-left" style="display: inline-block; width: 100%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Description:
                                  </div>
                                  <div class="value" style="display: inline-block;word-wrap: break-word;color: #949494;width: 78%;vertical-align: top;">
                                      {{tmt_description}}
                                  </div>
                              </div>
                          </div>

                          <div class="signature_wrap">
                              <div class="sign_left" style="margin-top: 25px; width: 33%; text-align: center; display: inline-block; margin-left: 3%;">
                                  <hr />
                                  <div>Agent Signature</div>
                              </div>
                              <div class="sign_right" style="margin-top: 25px; width: 33%; text-align: center; display: inline-block; margin-left: 27%;">
                                  <hr />
                                  <div>Customer Signature</div>
                              </div>
                          </div>

                  <div class="terms_wrap" style="border: 1px dashed; padding: 10px;margin-top:10px;">
                  <div class="terms_heading" style="text-align: center; margin-bottom: 10px;">Terms & Conditions</div>
                  <div class="terms" style="font-size:9px;">
                      1) {{ brandName }}  will not take any responsibility for delays or delivery failure as a result of mistakes in information.<br />
                      2) In case of cancellation will be refunded at the market rate with cancellation fee.
                  </div>
              </div>
          </div>
                          <div class="section_seperator" style="margin-top: 10px; margin-bottom: 10px; border-top: 3px dashed;"></div>

                      </div>
                  <div class="container" style="width:670px;margin:0 auto;font-family: Verdana,Geneva,sans-serif; font-size:12px;color: #626262;">
                      <div class="section">
                          <div class="header" style="height:46px;background:#f6f6f6;">
                              <div class="title" style="font-size: 14px; padding-top: 13px; margin-left: 20px; display: inline-block;">
                                  <!--{{user.productBrand}}-->  Money Transfer
                              </div>
                              <!--<div class="logo" style="display: inline-block; text-align: right; float: right; padding-top: 6px; margin-right: 10px;">
                                  <img src="img/myaccount/receipt_logo_evcplus.png" width="139" height="34" />
                              </div>-->
                          </div>
                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <!--<div class="col-left" style="display: inline-block; width: 50%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Agent:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      ({{user.name}})
                                  </div>
                              </div> -->
                              <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                                  <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                      Date:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      [{{tmt_time}}]
                                  </div>
                              </div>
                          </div>
                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <div class="col-left" style="display: inline-block; width: 50%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Transfer Id:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      [{{tmt_transferId}}] <!--[ {{tmt_agentPUID}} ] [ {{tmt_agentNo}} ]-->
                                  </div>
                              </div>
                              <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                                  <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                      Ref#
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      [{{tmt_transferId}}]
                                  </div>
                              </div>
                          </div>
                          <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                              Sender Information
                          </div>

                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <div class="col-left" style="display: inline-block; width: 50%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Sender Mobile:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      {{customer_senderMobile}}
                                  </div>
                              </div>
                          </div>

                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <div class="col-left" style="display: inline-block; width: 100%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Sender Name:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      {{customer_senderName}}
                                  </div>
                              </div>
                          </div>

                         <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <div class="col-left" style="display: inline-block; width: 100%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Sender Address:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      {{snd_tmt_senderAddress}}
                                  </div>
                              </div>
                          </div>

                          <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                              Receiver Information
                          </div>
                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <div class="col-left" style="display: inline-block; width: 50%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Receiver Mobile:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      {{customer_receiverMobile}}
                                  </div>
                              </div>

                             <!-- <div ng-hide="hideReceivingAgent" class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                                  <div class="lebel" style="width:115px;display: inline-block;padding-right: 10px;color: #626262;">
                                      Receiving Agent:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      {{rcv_tmt_receivingAgent}}
                                  </div>
                              </div> -->
                          </div>
                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <div class="col-left" style="display: inline-block; width: 100%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Receiver Name:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      {{customer_receiverName}}
                                  </div>
                              </div>
                          </div>

                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <div class="col-left" style="display: inline-block; width: 100%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Receiver Address:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      {{customer_receiverAddress}}
                                  </div>
                              </div>
                          </div>
                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <!--<div class="col-left" style="display: inline-block; width: 50%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Amount:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      {{tmt_amount}}
                                  </div>
                              </div>-->
                              <div class="col-left" style="display: inline-block;width: 49%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Amount:
                                  </div>
                                  <div class="value ng-binding" style="display: inline-block;color: #949494;"><span style="color: #626262;"> Total Amount:</span> {{tmt_amount}}</div>
                              </div>
                              <div class="col-left" style="display: inline-block;width: 22%;">
                                  <div class="lebel" style="width: 45px;display:inline-block;color: #626262;">
                                      Comm:
                                  </div>
                                  <div class="value ng-binding" style="display: inline-block;color: #949494;">{{tmt_comm}}</div>
                              </div>
                              <div class="col-left" style="display: inline-block;width: 26%;">
                                  <div class="lebel" style="width: 85px;display:inline-block;color: #626262;">
                                      Net Amount:
                                  </div>
                                  <div class="value ng-binding" style="display: inline-block;color: #949494;"> {{tmt_netAmount}}</div>
                              </div>
                          </div>
                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <div class="col-left" style="display: inline-block; width: 100%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Description:
                                  </div>
                                  <div class="value" style="display: inline-block;word-wrap: break-word;color: #949494;width: 78%;vertical-align: top;">
                                      {{tmt_description}}
                                  </div>
                              </div>
                          </div>

                          <div class="signature_wrap">
                              <div class="sign_left" style="margin-top: 25px; width: 33%; text-align: center; display: inline-block; margin-left: 3%;">
                                  <hr />
                                  <div>Agent Signature</div>
                              </div>
                              <div class="sign_right" style="margin-top: 25px; width: 33%; text-align: center; display: inline-block; margin-left: 27%;">
                                  <hr />
                                  <div>Customer Signature</div>
                              </div>
                          </div>

                  <div class="terms_wrap" style="border: 1px dashed; padding: 10px;margin-top:10px;">
                  <div class="terms_heading" style="text-align: center; margin-bottom: 10px;">Terms & Conditions</div>
                  <div class="terms" style="font-size:9px;">
                      1) {{ brandName }}  will not take any responsibility for delays or delivery failure as a result of mistakes in information.<br />
                      2) In case of cancellation will be refunded at the market rate with cancellation fee.
                  </div>
              </div>
          </div>


                      </div>     <!--end container-->
                  </div>
              </div>
      </div>
    </script>
    <script type="text/ng-template" id="templates/batch-deposit-report.html">
          <div class="row">
          <div class="col-lg-6 col-lg-offset-3">
              <div class="ajaxsection reports">
                  <form name="form" id="batch-deposit-report" class="form-horizontal ">
                      <fieldset>
                          <!--          <legend>{{'CUSTOM_ACTIVITY' | translate}} </legend>-->


                          <div class="col-lg-12">
                              <div class="form-group">
                                  <label class="col-lg-4 ">{{'REFERENCE_NO' | translate}} </label>
                                  <div class="col-lg-8">
                                      <input type="tel" autocomplete="off" minlength="1" maxlength="250" list="list" name="referenceNo" ng-model="obj.referenceNo"  class="form-control">
                                  </div>
                              </div>
                          </div>
                          <div class="col-lg-12">
                              <div class="form-group">
                                  <label class="col-lg-4">{{'StatusId' | translate}} </label>
                                  <div class="col-lg-8">
                                      <select class="form-control" name="statusId1" ng-model="obj.processStatus" required ng-options="status.STATUSID1 as status.NAME1 for status in statusList1">

                                          <option disabled="" selected="" value="">{{'SELECT_STATUS' | translate}}</option>

                                      </select>
                                  </div>
                              </div>
                          </div>


                          <div class="col-lg-12">
                              <div class="form-group mobile-form-group my_calender">
                                  <label class="col-lg-4 ">{{'START_DATE' | translate}} </label>
                                  <div class="col-lg-8 ">
                                      <div class='input-group date'>
                                          <input class="form-control" type="tel" name="customerActivityStartDate" ng-model="obj.customerActivityStartDate" list="list" jqdatepicker1 required>
                                          <span class="input-group-addon"><span i class="glyphicon glyphicon-calendar"></i></span></span>
                                      </div>
                                  </div>
                              </div>
                          </div>

                          <div class="col-lg-12">
                              <div class="form-group mobile-form-group my_calender">
                                  <label class="col-lg-4 ">{{'END_DATE' | translate}} </label>
                                  <div class="col-lg-8">
                                      <div class='input-group date'>
                                          <input class="form-control" type="tel" name="customerActivityEndDate" ng-model="obj.customerActivityEndDate" list="list" jqdatepicker2 required>
                                          <span class="input-group-addon"><span i class="glyphicon glyphicon-calendar"></i></span></span>
                                      </div>
                                  </div>
                              </div>
                          </div>


                          <div class="col-lg-12">
                              <div class="col-lg-8 col-lg-8 col-lg-offset-4 submit_btn_wrap">
                                  <button class="btn btn-primary btn-block" ng-disabled="disableSubmitBtn" type="submit"> {{'VIEW_REPORT' | translate}} </button>
                              </div>
                          </div>

                          <!-- Widget ID (each widget will need unique ID)-->

                          <!-- end widget -->

                          <div class="form-group">
                              <div class="col-sm-8">
                                  <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                                  <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
                              </div>


                          </div>
                      </fieldset>
                  </form>
              </div>
          </div>
      </div>

      <div class="" id="bdr">
          <div ng-show="batchDepositReport" id="#batchno1">
               <div id="reportHead" style="display: none;">
              <div class="well ajaxsection">
                  <div class="row">
                      <div class="col-md-12 col-lg-12">
                          <div class="rpt-description-detail activity-detail simple-desc" style="margin-bottom: 20px;">
                              <div class="col-lg-12 text-center" style="width: 1024px;text-align: center;">
                                  <img src="img/myaccount/hormuudBatchDeposit.jpg" alt="Safari MFS" width="auto" height="auto" ng-if="brandName === 'evcplus'"/>
                                   <span class="rpt_title_name" style="font-size:22px;font-weight: bold;margin-bottom: 10px;" id="rpt_title_name"> </span> <br>
                                  <span class="rpt_title_name" style="font-size:18px;font-weight: bold;margin-bottom: 10px;" ng-if="brandName !== 'evcplus'"> Batch Deposit Report</span>
                              </div>
                              <div style="width: 1024px;margin-top: 5px;">

                                  <div class="" style="width:492px;display: inline-block;">
                                      <span class="rpt_title" style="font-weight: bold;width: 105px;margin right: 20px;display: inline-block;">{{'REF_NO' | translate}}: </span><span class="account_number" id="refNo"></span>
                                  </div>
                              </div>


                              <div style="width: 1024px;margin-top: 5px;">

                                  <div class="" style="width:492px;display: inline-block;">
                                      <span class="rpt_title" style="font-weight: bold;width: 105px;margin right: 20px;display: inline-block;">{{'TOTAL_RECORDS' | translate}}: </span><span class="account_number" id="TotalRecords"></span>
                                  </div>
                              </div>


                              <div style="width: 1024px;margin-top: 5px;">

                                  <div class="" style="width:492px;display: inline-block;">
                                      <span class="rpt_title" style="font-weight: bold;width: 105px;margin right: 20px;display: inline-block;">{{'TOTAL_PAYING_AMOUNT' | translate}}: </span><span id="totalAmount"></span>
                                  </div>
                              </div>
                          </div>
                      </div>
                  </div>
              </div>
          </div>

              <div class="well ajaxsection">
                  <div class="row">

                      <div class="col-md-12 col-lg-12">

                          <div class="description-detail activity-detail simple-desc">
                              <div class="col-lg-12">
                                  <span>{{'REF_NO' | translate}}: </span>{{refNo}}
                              </div>
                              <div class="col-lg-12">
                                  <span>{{'TOTAL_RECORDS' | translate}}: </span>{{totalRecords}}
                              </div>
                              <div class="col-lg-12">
                                  <span>{{'TOTAL_PAYING_AMOUNT' | translate}}: </span>{{totalAmount}}
                              </div>
                              <div class="col-lg-12" ng-if="totalRejectedAmount">
                                  <span>{{'TOTAL_REJECTED_AMOUNT' | translate}}: </span>{{totalRejectedAmount}}
                              </div>
                          </div>
                      </div>
                  </div>
              </div>

              <div class="row action_buttons">
                  <div class="col-sm-12 col-md-12 col-lg-12">
                      <div class="pull-right">
                          <a href="javascript:void(0);" class="btn btn-default" class="btn btn-default btn-xs" type = "button" ng-click="searchAgain()" >Search again</a>
                      </div>
                  </div>
              </div>
              <div class="jarviswidget jarviswidget-color-darken" data-widget-editbutton="false">
                  <!-- widget options:
                                  usage: <div class="jarviswidget" id="wid-id-two" data-widget-editbutton="false">

                                  data-widget-colorbutton="false"
                                  data-widget-editbutton="false"
                                  data-widget-togglebutton="false"
                                  data-widget-deletebutton="false"
                                  data-widget-fullscreenbutton="false"
                                  data-widget-custombutton="false"
                                  data-widget-collapsed="true"
                                  data-widget-sortable="false"

                                  -->

                  <header><span class="widget-icon"> <i class="fa fa-table"></i> </span>
                      <h2>{{'CUSTOM_ACTIVITY' | translate}} </h2>
                  </header>

                  <!-- widget div-->
                  <div >

                      <!-- widget edit box -->
                      <div class="jarviswidget-editbox" >
                          <!-- This area used as dropdown edit box -->

                      </div>
                      <!-- end widget edit box -->

                      <!-- widget content -->

                      <div class="widget-body no-padding">
                        <div class="table-responsive">
                          <table id="datatable_tabletools" class="table table-striped table-bordered table-hover" bFilter='false' width="100%" style="text-align:left;">
                              <thead>
                              <tr>

                                  <th data-class="expand">{{'TRANSFERID' | translate}} </th>
                                  <!--<th data-class="expand">{{'Batch' | translate}} </th>-->
                                  <th data-class="expand">{{'NAME' | translate}} </th>
                                  <th data-class="expand">{{'MOBILENO' | translate}} </th>
                                  <th data-class="expand">{{'TX_AMOUNT' | translate}} </th>
                                  <th data-class="expand">{{'DEPOSIT_DATE' | translate}} </th>
                                  <th data-class="expand">{{'RESPOND_MESSAGE' | translate}} </th>
                                  <th data-class="expand">{{'DESCRIPTION' | translate}} </th>



                                  <!--<th data-class="expand">{{'REFERENCENO' | translate}} </th>
                                  <th data-class="expand">{{'CREATEDDBY' | translate}} </th>
                                  <th data-class="expand">{{'CREATEDDATE' | translate}} </th>
                                  <th data-class="expand">{{'CREATEDBYUSERID' | translate}} </th>-->


                              </tr>
                              </thead>
                              <tbody>
                              </tbody>
                          </table>
                        </div>
                      </div>
                      <!-- end widget content -->
                  </div>
              </div>
              <!-- end widget div -->
          </div>
      </div>
    </script>

    <!-- Cashier Services-->
    <script type="text/ng-template" id="templates/Cashier-ToCustomer-FundTransfer.html">
              <div class="row">
        <div class="col-lg-6 col-lg-offset-3">
          <div class="ajaxsection">
            <form name="form" id="Cashier-ToCustomer-FundTransfer" class="form-horizontal ">
              <fieldset>
                <!--<legend>{{'TRANSFER_AMOUNT' | translate}}</legend>-->
                <div ng-hide="user.isAccountsLengthOne" class="form-group">
                  <div class="col-md-12">
                    <select class="form-control" name="accountId" ng-init="generateAccounts()" ng-model="obj.accountId" required ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}" ng-change="obj.receiverSubscriptionId='';obj.txAmount=''">

                    </select>
                  </div>
                </div>

                <div class="col-lg-12">
                              <div class="form-group">
                                 <label class="col-lg-4 ">{{'TO_SUBSCRIPTION_ID' | translate}} </label>
                                  <div class="col-lg-8">
                                     <input type="tel" autocomplete="off" minlength="7" maxlength="15" list="list" name="subscriptionId" ng-model="obj.receiverSubscriptionId" required class="form-control">
                                  </div>
                              </div>
                  </div>


                   <div class="col-lg-12">
                              <div class="form-group">
                             <div class="col-lg-12">
                                 <div class="col-lg-8 col-lg-8 col-lg-offset-4 submit_btn_wrap">
                                <button class="btn btn-primary btn-block"  ng-disabled="disableSubmitBtn22" type="submit" ng-click="getReceiver()"> {{'GET_RECEIVER' | translate}} </button>

                                </div>
                            </div>

                              </div>
                            </div>

                             <div class="col-lg-12">
                              <div class="form-group">
                                 <label class="col-lg-4 ">{{'TO_RECEVEIR_NAME' | translate}} </label>
                                  <div class="col-lg-8">
                                  <input type="tel" autocomplete="off" minlength="3" maxlength="50" list="list"
                                      name="subscriptionId"
                                             ng-model="obj.receiverName" required class="form-control" readonly="">
                                  </div>
                                </div>
                            </div>

                  <div class="col-lg-12">
                              <div class="form-group">
                                 <label class="col-lg-4 ">{{'AMOUNT' | translate}} </label>
                                  <div class="col-lg-8">
                                     <input type="tel" autocomplete="off" list="list" name="amount" ng-model="obj.txAmount" required class="form-control">
                                  </div>
                              </div>
                  </div>



               <div class="col-lg-12">
                      <div class="col-lg-8 col-lg-8 col-lg-offset-4 submit_btn_wrap">
                          <button class="btn btn-primary btn-block" ng-disabled="disableSubmitBtn"   type="submit"> {{'SUBMIT_BTN' | translate}} </button>
                      </div>
                  </div>
                  <div class="col-sm-8">
                    <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                    <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
                  </div>
              </fieldset>
            </form>
          </div>
        </div>

          <div class="row" id="tmtTransfer_receipt" style="display:none;">

              <div class="row">
                  <div class="row action_buttons">
                      <div class="col-sm-12 col-md-12 col-lg-10 col-lg-offset-1">
                          <div class="pull-right">
                              <a href="javascript:void(0);" class="btn btn-default" ng-click="printDiv('tmt_receipt_content')"><i class="fa fa-print"></i> Print</a>
                              <a href="javascript:void(0);" class="btn btn-default" ng-click="goBack_requests()"> Go Back</a>
                          </div>
                      </div>
                  </div>
              </div>

              <div class="row" id="tmt_receipt_content">
                  <!--end buttons-->

                  <div class="container" style="width:670px;margin:0 auto;font-family: Verdana,Geneva,sans-serif; font-size:12px;color: #626262;">
                      <div class="section">
                          <div class="header" style="height:46px;background:#f6f6f6;">
                              <div class="title" style="font-size: 14px; padding-top: 13px; margin-left: 20px; display: inline-block;">
                                  <!--{{user.productBrand}}-->  Money Transfer
                              </div>
                              <!--<div class="logo" style="display: inline-block; text-align: right; float: right; padding-top: 6px; margin-right: 10px;">
                                  <img src="img/myaccount/receipt_logo_evcplus.png" width="139" height="34" />
                              </div>-->
                          </div>
                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <!--<div class="col-left" style="display: inline-block; width: 50%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Agent:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      ({{user.name}})
                                  </div>
                              </div> -->
                              <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                                  <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                      Date:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      [{{tmt_time}}]
                                  </div>
                              </div>
                          </div>
                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <div class="col-left" style="display: inline-block; width: 50%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Transfer Id:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      [{{tmt_transferId}}] <!--[ {{tmt_agentPUID}} ] [ {{tmt_agentNo}} ]-->
                                  </div>
                              </div>
                              <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                                  <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                      Ref#
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      [{{tmt_transferId}}]
                                  </div>
                              </div>
                          </div>
                          <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                              Sender Information
                          </div>

                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <div class="col-left" style="display: inline-block; width: 50%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Sender Mobile:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      {{customer_senderMobile}}
                                  </div>
                              </div>
                          </div>

                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <div class="col-left" style="display: inline-block; width: 100%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Sender Name:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      {{customer_senderName}}
                                  </div>
                              </div>
                          </div>

                         <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <div class="col-left" style="display: inline-block; width: 100%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Sender Address:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      {{snd_tmt_senderAddress}}
                                  </div>
                              </div>
                          </div>

                          <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                              Receiver Information
                          </div>
                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <div class="col-left" style="display: inline-block; width: 50%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Receiver Mobile:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      {{customer_receiverMobile}}
                                  </div>
                              </div>

                             <!-- <div ng-hide="hideReceivingAgent" class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                                  <div class="lebel" style="width:115px;display: inline-block;padding-right: 10px;color: #626262;">
                                      Receiving Agent:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      {{rcv_tmt_receivingAgent}}
                                  </div>
                              </div> -->
                          </div>
                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <div class="col-left" style="display: inline-block; width: 100%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Receiver Name:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      {{customer_receiverName}}
                                  </div>
                              </div>
                          </div>

                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <div class="col-left" style="display: inline-block; width: 100%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Receiver Address:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      {{customer_receiverAddress}}
                                  </div>
                              </div>
                          </div>
                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <!--<div class="col-left" style="display: inline-block; width: 50%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Amount:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      {{tmt_amount}}
                                  </div>
                              </div>-->
                              <div class="col-left" style="display: inline-block;width: 49%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Amount:
                                  </div>
                                  <div class="value ng-binding" style="display: inline-block;color: #949494;"><span style="color: #626262;">  Total Amount:</span> {{tmt_amount}}</div>
                              </div>
                              <div class="col-left" style="display: inline-block;width: 22%;">
                                  <div class="lebel" style="width: 45px;display:inline-block;color: #626262;">
                                      Comm:
                                  </div>
                                  <div class="value ng-binding" style="display: inline-block;color: #949494;">{{tmt_comm}}</div>
                              </div>
                              <div class="col-left" style="display: inline-block;width: 26%;">
                                  <div class="lebel" style="width: 85px;display:inline-block;color: #626262;">
                                      Net Amount:
                                  </div>
                                  <div class="value ng-binding" style="display: inline-block;color: #949494;"> {{tmt_netAmount}}</div>
                              </div>
                          </div>
                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <div class="col-left" style="display: inline-block; width: 100%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Description:
                                  </div>
                                  <div class="value" style="display: inline-block;word-wrap: break-word;color: #949494;width: 78%;vertical-align: top;">
                                      {{tmt_description}}
                                  </div>
                              </div>
                          </div>

                          <div class="signature_wrap">

                              <div class="sign_right" style="margin-top: 25px; width: 33%; text-align: center; display: inline-block; margin-left: 27%;">
                                  <hr />
                                  <div>Customer Signature</div>
                              </div>
                          </div>

                  <div class="terms_wrap" style="border: 1px dashed; padding: 10px;margin-top:10px;">
                  <div class="terms_heading" style="text-align: center; margin-bottom: 10px;">Terms & Conditions</div>
                  <div class="terms" style="font-size:9px;">
                      1) {{ brandName }}  will not take any responsibility for delays or delivery failure as a result of mistakes in information.<br />
                      2) In case of cancellation will be refunded at the market rate with cancellation fee.
                  </div>
              </div>
          </div>
                          <div class="section_seperator" style="margin-top: 10px; margin-bottom: 10px; border-top: 3px dashed;"></div>

                      </div>     <!--end container-->
                  </div>
              </div>
      </div>
    </script>

    <script type="text/ng-template" id="templates/Cashier-ToMerchant-FundTransfer.html">
              <div class="row">
              <div class="col-lg-6 col-lg-offset-3">
                  <div class="ajaxsection">
                      <form name="form" id="Cashier-ToMerchant-FundTransfer" class="form-horizontal " autocomplete="off">
                          <fieldset>
                              <!--<legend>{{'TRANSFER_AMOUNT' | translate}}</legend>-->
                              <div ng-hide="user.isAccountsLengthOne" class="form-group">
                                  <div class="col-md-12">
                                      <select  class="form-control" name="accountId" ng-init="generateAccounts()" ng-model="obj.accountId" required ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}" ng-change="obj.receiverSubscriptionId='';obj.txAmount=''"></select>
                                  </div>
                              </div>

                             <div class="col-lg-12">
                                  <div class="form-group">
                                     <label class="col-lg-4 ">{{'TO_MERCHANT_ID' | translate}} </label>
                                      <div class="col-lg-8">
                                      <div class="input-group-portal">
                                          <input type="tel" autocomplete="off" minlength="5" maxlength="15" list="list" name="merchantId " ng-model="obj.merchantId " required class="form-control">
                                          <a href="javascript:void(0)" class="btn_getuserinfo input-group-addon-portal" ng-click=" getPartnerInfo()"></a>
                                      </div>
                                  </div>
                                   </div>
                               </div>

                               <div class="col-lg-12">
                                  <div class="form-group">
                                     <label class="col-lg-4 ">{{'MERCHANT_NAME' | translate}} </label>
                                      <div class="col-lg-8">
                                          <input type="text" autocomplete="off" list="list" name="name" ng-model="obj.name" required class="form-control" readonly="">
                                      </div>
                                  </div>
                               </div>

                                <div class="col-lg-12">
                                  <div class="form-group">
                                     <label class="col-lg-4 ">{{'AMOUNT' | translate}} </label>
                                      <div class="col-lg-8">
                                          <input type="tel" autocomplete="off" list="list" name="amount" ng-model="obj.txAmount" required class="form-control">
                                      </div>
                                  </div>
                               </div>

                               <div class="col-lg-12">
                                  <div class="form-group">
                                     <label class="col-lg-4 ">{{'description' | translate}} </label>
                                      <div class="col-lg-8">
                                          <input type="text" autocomplete="off" list="list" name="description" ng-model="obj.description" required class="form-control">
                                      </div>
                                  </div>
                               </div>




                              <div class="col-lg-12">
                                  <div class="col-lg-8 col-lg-8 col-lg-offset-4 submit_btn_wrap">
                                      <button class="btn btn-primary btn-block"  ng-disabled="disableSubmitBtn" type="submit"> {{'SUBMIT_BTN' | translate}} </button>
                                  </div>
                              </div>
                              <div class="col-sm-8">
                                  <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                                  <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
                              </div>
                          </fieldset>
                      </form>
                  </div>
              </div>
              <div class="row" id="tmtTransfer_receipt" style="display:none;">

              <div class="row">
                  <div class="row action_buttons">
                      <div class="col-sm-12 col-md-12 col-lg-10 col-lg-offset-1">
                          <div class="pull-right">
                              <a href="javascript:void(0);" class="btn btn-default" ng-click="printDiv('tmt_receipt_content')"><i class="fa fa-print"></i> Print</a>
                              <a href="javascript:void(0);" class="btn btn-default" ng-click="goBack_requests()"> Go Back</a>
                          </div>
                      </div>
                  </div>
              </div>

              <div class="row" id="tmt_receipt_content">
                  <!--end buttons-->

      <div class="container" style="width:670px;margin:0 auto;font-family: Verdana,Geneva,sans-serif; font-size:12px;color: #626262;">
                      <div class="section">
                          <div class="header" style="height:46px;background:#f6f6f6;">
                              <div class="title" style="font-size: 14px; padding-top: 13px; margin-left: 20px; display: inline-block;">
                                  <!--{{user.productBrand}}-->  Money Transfer  B2B
                              </div>
                              <!--<div class="logo" style="display: inline-block; text-align: right; float: right; padding-top: 6px; margin-right: 10px;">
                                  <img src="img/myaccount/receipt_logo_evcplus.png" width="139" height="34" />
                              </div>-->
                          </div>
                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">

                              <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                                  <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                      Date:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      [{{tmt_time}}]
                                  </div>
                              </div>
                          </div>
                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <div class="col-left" style="display: inline-block; width: 50%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Transfer Id:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      [{{tmt_transferId}}] <!--[ {{tmt_agentPUID}} ] [ {{tmt_agentNo}} ]-->
                                  </div>
                              </div>
                              <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                                  <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                      InvoiceNo#
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      [{{InvoiceNo}}]
                                  </div>
                              </div>
                          </div>

                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <div class="col-left" style="display: inline-block; width: 50%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Sender Mobile:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      {{customer_senderMobile}}
                                  </div>
                              </div>
                          </div>

                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <div class="col-left" style="display: inline-block; width: 100%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Sender Name:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      {{customer_senderName}}
                                  </div>
                              </div>
                          </div>

                         <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <div class="col-left" style="display: inline-block; width: 100%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Sender Address:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      {{snd_tmt_senderAddress}}
                                  </div>
                              </div>
                          </div>

                          <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                              Receiver Information
                          </div>
                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <div class="col-left" style="display: inline-block; width: 50%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Receiver Mobile:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      {{customer_receiverMobile}}
                                  </div>
                              </div>


                          </div>
                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <div class="col-left" style="display: inline-block; width: 100%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Receiver Name:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      {{customer_receiverName}}
                                  </div>
                              </div>
                          </div>

                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">

                              <div class="col-left" style="display: inline-block;width: 49%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Amount:
                                  </div>
                                  <div class="value ng-binding" style="display: inline-block;color: #949494;"><span style="color: #626262;"> $ Total Amount:</span> {{tmt_amount}}</div>
                              </div>
                              <div class="col-left" style="display: inline-block;width: 22%;">
                                  <div class="lebel" style="width: 45px;display:inline-block;color: #626262;">
                                      Comm:
                                  </div>
                                  <div class="value ng-binding" style="display: inline-block;color: #949494;">{{tmt_comm}}</div>
                              </div>
                              <div class="col-left" style="display: inline-block;width: 26%;">
                                  <div class="lebel" style="width: 85px;display:inline-block;color: #626262;">
                                      Net Amount:
                                  </div>
                                  <div class="value ng-binding" style="display: inline-block;color: #949494;"> {{tmt_netAmount}}</div>
                              </div>
                          </div>
                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <div class="col-left" style="display: inline-block; width: 100%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Description:
                                  </div>
                                  <div class="value" style="display: inline-block;word-wrap: break-word;color: #949494;width: 78%;vertical-align: top;">
                                      {{tmt_description}}
                                  </div>
                              </div>
                          </div>

                        <div class="signature_wrap">
                              <div class="sign_left" style="margin-top: 45px; width: 33%; text-align: center; display: inline-block; margin-left: 3%;">
                                  <hr />
                                  <div>Agent Signature</div>
                              </div>
                              <div class="sign_right" style="margin-top: 45px; width: 33%; text-align: center; display: inline-block; margin-left: 27%;">
                                  <hr />
                                  <div>Customer Signature</div>
                              </div>
                          </div>

                  <div class="terms_wrap" style="border: 1px dashed; padding: 10px;margin-top:8px;">
                  <div class="terms_heading" style="text-align: center; margin-bottom: 10px;">Terms & Conditions</div>
                  <div class="terms" style="font-size:9px;">
                      1) {{ brandName }}  will not take any responsibility for delays or delivery failure as a result of mistakes in information.<br />
                      2) In case of cancellation will be refunded at the market rate with cancellation fee.
                  </div>
              </div>
          </div>
                          <div class="section_seperator" style="margin-top: 10px; margin-bottom: 10px; border-top: 3px dashed;"></div>

                      </div>

                  <div class="container" style="width:670px;margin:0 auto;font-family: Verdana,Geneva,sans-serif; font-size:12px;color: #626262;">
                      <div class="section">
                          <div class="header" style="height:46px;background:#f6f6f6;">
                              <div class="title" style="font-size: 14px; padding-top: 13px; margin-left: 20px; display: inline-block;">
                                  <!--{{user.productBrand}}-->  Money Transfer  B2B
                              </div>
                              <!--<div class="logo" style="display: inline-block; text-align: right; float: right; padding-top: 6px; margin-right: 10px;">
                                  <img src="img/myaccount/receipt_logo_evcplus.png" width="139" height="34" />
                              </div>-->
                          </div>
                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <!--<div class="col-left" style="display: inline-block; width: 50%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Agent:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      ({{user.name}})
                                  </div>
                              </div> -->
                              <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                                  <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                      Date:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      [{{tmt_time}}]
                                  </div>
                              </div>
                          </div>
                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <div class="col-left" style="display: inline-block; width: 50%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Transfer Id:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      [{{tmt_transferId}}] <!--[ {{tmt_agentPUID}} ] [ {{tmt_agentNo}} ]-->
                                  </div>
                              </div>
                              <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                                  <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                      InvoiceNo#
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      [{{InvoiceNo}}]
                                  </div>
                              </div>
                          </div>

                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <div class="col-left" style="display: inline-block; width: 50%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Sender Mobile:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      {{customer_senderMobile}}
                                  </div>
                              </div>
                          </div>

                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <div class="col-left" style="display: inline-block; width: 100%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Sender Name:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      {{customer_senderName}}
                                  </div>
                              </div>
                          </div>

                         <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <div class="col-left" style="display: inline-block; width: 100%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Sender Address:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      {{snd_tmt_senderAddress}}
                                  </div>
                              </div>
                          </div>

                          <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                              Receiver Information
                          </div>
                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <div class="col-left" style="display: inline-block; width: 50%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Receiver Mobile:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      {{customer_receiverMobile}}
                                  </div>
                              </div>

                             <!-- <div ng-hide="hideReceivingAgent" class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                                  <div class="lebel" style="width:115px;display: inline-block;padding-right: 10px;color: #626262;">
                                      Receiving Agent:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      {{rcv_tmt_receivingAgent}}
                                  </div>
                              </div> -->
                          </div>
                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <div class="col-left" style="display: inline-block; width: 100%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Receiver Name:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      {{customer_receiverName}}
                                  </div>
                              </div>
                          </div>

                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <!--<div class="col-left" style="display: inline-block; width: 50%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Amount:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      {{tmt_amount}}
                                  </div>
                              </div>-->
                              <div class="col-left" style="display: inline-block;width: 49%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Amount:
                                  </div>
                                  <div class="value ng-binding" style="display: inline-block;color: #949494;"><span style="color: #626262;">  Total Amount:</span> {{tmt_amount}}</div>
                              </div>
                              <div class="col-left" style="display: inline-block;width: 22%;">
                                  <div class="lebel" style="width: 45px;display:inline-block;color: #626262;">
                                      Comm:
                                  </div>
                                  <div class="value ng-binding" style="display: inline-block;color: #949494;">{{tmt_comm}}</div>
                              </div>
                              <div class="col-left" style="display: inline-block;width: 26%;">
                                  <div class="lebel" style="width: 85px;display:inline-block;color: #626262;">
                                      Net Amount:
                                  </div>
                                  <div class="value ng-binding" style="display: inline-block;color: #949494;"> {{tmt_netAmount}}</div>
                              </div>
                          </div>
                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <div class="col-left" style="display: inline-block; width: 100%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Description:
                                  </div>
                                  <div class="value" style="display: inline-block;word-wrap: break-word;color: #949494;width: 78%;vertical-align: top;">
                                      {{tmt_description}}
                                  </div>
                              </div>
                          </div>

                        <div class="signature_wrap">
                              <div class="sign_left" style="margin-top: 45px; width: 33%; text-align: center; display: inline-block; margin-left: 3%;">
                                  <hr />
                                  <div>Agent Signature</div>
                              </div>
                              <div class="sign_right" style="margin-top: 45px; width: 33%; text-align: center; display: inline-block; margin-left: 27%;">
                                  <hr />
                                  <div>Customer Signature</div>
                              </div>
                          </div>

                  <div class="terms_wrap" style="border: 1px dashed; padding: 10px;margin-top:8px;">
                  <div class="terms_heading" style="text-align: center; margin-bottom: 10px;">Terms & Conditions</div>
                  <div class="terms" style="font-size:9px;">
                      1) {{ brandName }}  will not take any responsibility for delays or delivery failure as a result of mistakes in information.<br />
                      2) In case of cancellation will be refunded at the market rate with cancellation fee.
                  </div>
              </div>
          </div>
                          <div class="section_seperator" style="margin-top: 10px; margin-bottom: 10px; border-top: 3px dashed;"></div>

                      </div>     <!--end container-->
                  </div>
              </div>
          </div>
    </script>

    <script type="text/ng-template" id="templates/show-single-Transaction.html">
          <div class="row">
          <div class="col-lg-6 col-lg-offset-3">
              <div class="ajaxsection">
                  <form name="form" id="show-single-Transaction" class="form-horizontal ">
                      <fieldset>
                          <!--<legend>{{'TRANSFER_AMOUNT' | translate}}</legend>-->


                          <div class="col-lg-12">
                              <div class="form-group">
                                 <label class="col-lg-4 ">{{'TRANSFER_ID' | translate}} </label>
                                  <div class="col-lg-8">
                                      <input type="tel" autocomplete="off" minlength="6" maxlength="15" list="list" name="transferid " ng-model="obj.transferId " required class="form-control">
                                  </div>
                              </div>
                           </div>

                          <div class="col-lg-12">
                              <div class="col-lg-8 col-lg-8 col-lg-offset-4 submit_btn_wrap">
                                  <button class="btn btn-primary btn-block"  ng-disabled="disableSubmitBtn" type="submit"> {{'SHOW' | translate}} </button>
                              </div>
                          </div>
                          <div class="col-sm-8">
                              <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                              <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
                          </div>
                      </fieldset>
                  </form>
              </div>
          </div>

      </div>
    </script>

    <script type="text/ng-template" id="templates/cashair-change-sim.html">
          <div class="row">
          <div class="col-lg-6 col-lg-offset-3">
              <div class="ajaxsection">
                  <form name="form" id="cashair-change-sim" class="form-horizontal ">
                      <fieldset>
                          <!--<legend>{{'TRANSFER_AMOUNT' | translate}}</legend>-->

                           <div class="col-lg-12">
                              <div class="form-group">
                                 <label class="col-lg-4 ">{{'MOBILE_NUMBER' | translate}} </label>
                                  <div class="col-lg-8">
                                      <input type="tel" autocomplete="off" minlength="6" maxlength="15" list="list" name="mobile " ng-model="obj.mobileNumber " required class="form-control">
                                  </div>
                              </div>
                           </div>


                          <div class="col-lg-12">
                              <div class="form-group">
                                 <label class="col-lg-4 ">{{'DESCRIPTION' | translate}} </label>
                                  <div class="col-lg-8">
                                      <input type="tel" autocomplete="off" minlength="6" maxlength="15" list="list" name="description " ng-model="obj.description " required class="form-control">
                                  </div>
                              </div>
                           </div>

                          <div class="col-lg-12">
                              <div class="col-lg-8 col-lg-8 col-lg-offset-4 submit_btn_wrap">
                                  <button class="btn btn-primary btn-block"  ng-disabled="disableSubmitBtn" type="submit"> {{'CHANGE_DEVICE' | translate}} </button>
                              </div>
                          </div>
                          <div class="col-sm-8">
                              <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                              <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
                          </div>
                      </fieldset>
                  </form>
              </div>
          </div>

      </div>
    </script>

    <script type="text/ng-template" id="templates/Cashier-Cancel-Bill-Payment.html">
          <div class="row">
          <div class="col-lg-6 col-lg-offset-3">
              <div class="ajaxsection">
                  <form name="form" id="Cashier-Cancel-Bill-Payment" class="form-horizontal ">
                      <fieldset>
                          <!--<legend>{{'CUSTOMER_BLOCK_FUND_TRANSFER' | translate}}</legend>-->

                      <div ng-hide="user.isAccountsLengthOne" class="col-lg-12">
                          <div class="form-group">
                             <label class="col-lg-4 ">{{'CUSTOMER_ACCOUNT' | translate}} </label>
                              <div class="col-lg-8">
                                  <select ng-hide="user.isAccountsLengthOne" class="form-control" name="accountId" ng-init="generateAccounts()"
                                          ng-model="obj.accountId" required
                                          ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}"
                                          ng-change="obj.receiverSubscriptionId='';obj.txAmount=''">

                                  </select>
                              </div>
                          </div>
                      </div>

                      <div class="col-lg-12">
                          <div class="form-group">
                             <label class="col-lg-4 ">{{'TRANSFERID' | translate}} </label>
                              <div class="col-lg-8">
                                  <input type="tel" autocomplete="off" minlength="1" maxlength="15" list="list"
                                         name="transactionId"
                                         class="form-control" ng-model="obj.transactionId">
                              </div>
                          </div>
                      </div>

                      <div class="col-lg-12">
                          <div class="form-group">
                             <label class="col-lg-4 ">{{'DESCRIPTION' | translate}} </label>
                              <div class="col-lg-8">
                              <input type="tel" autocomplete="off" minlength="1" maxlength="15" list="list" name="description" class="form-control" ng-model="obj.description">
                              </div>
                          </div>
                      </div>


                         <div class="col-lg-12">
                              <div class="col-lg-8 col-lg-8 col-lg-offset-4 submit_btn_wrap">
                               <button class="btn btn-primary btn-block"  ng-disabled="disableSubmitBtn"  type="submit"> {{'SUBMIT_BTN' | translate}} </button>
                              </div>
                        </div>

                          <div class="col-sm-12">
                              <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                              <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
                          </div>
                      </fieldset>
                  </form>
              </div>
          </div>
      </div>

        <!--end print_receipt-->
    </script>

    <script type="text/ng-template" id="templates/cashier-balance-query.html">
      <!-- Bread crumb is created dynamically -->
      <!-- row -->
      <div class="row">
          <div class="col-lg-4 col-lg-offset-4">
              <div class=" ajaxsection">
                  <form name="form" id="cashier-balance-query" class="form-horizontal ">
                      <fieldset>
                          <!--<legend>{{'BALANCE_QUERY' | translate}} </legend>-->
                          <div class="form-group mobile-form-group" ng-hide="user.isAccountsLengthOne">
                              <div class="col-sm-12 col-md-12 col-lg-12">
                                  <select class="form-control" name="accountId" ng-init="generateAccounts()" ng-model="obj.accountId" ng-change="currentBalance=''" required ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}">

                                  </select>
                              </div>
                          </div>
                          <div class="form-group mobile-form-group">
                              <div class="col-sm-12 col-md-12 col-lg-12">
                                  <button class="btn btn-primary btn-block" ng-disabled="disableSubmitBtn" type="submit"> {{'BALANCE' | translate}}
                                  </button>
                              </div>
                          </div>
                          <div ng-show="currentBalance" class="description-detail">{{'YOUR_ACCOUNT_BALANCE_FOR' |
                          translate}}<span> {{accountNumber}}</span> {{'IS' | translate}}: <strong>{{currentBalance |
                              currency}}</strong></div>

                      </fieldset>
                  </form>
              </div>
          </div>
      </div>
    </script>
    <!-- End Cashier Services-->

    <script type="text/ng-template" id="templates/confirm-batch-deposit.html">
             <div class="row">
             <div class="col-sm-4 col-md-8 col-lg-12">
                 <div class="ajaxsection">
                     <form name="form" id="confirm-batch-deposit" class="form-horizontal ">

                         <fieldset class="cbs_fieldset two_column_fieldset two_column_fieldset_notabs">
                             <legend>{{'SEARCH_PENDING_REQUESTS' | translate}}</legend>
                            <div class="row">
                          <div class="col-lg-6">
                                 <div class="form-group">
                                     <label ng-hide="user.isAccountsLengthOne" class="col-lg-4 ">{{'AGENT_ACCOUNT' | translate}} </label>
                                     <div class="col-lg-8">
                                         <select ng-hide="user.isAccountsLengthOne" class="form-control" name="accountId" ng-init="generateAccounts()" ng-model="obj.accountId" ng-change="currentBalance=''" required ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}">
                                         </select>
                                     </div>
                                 </div>
                             </div>
                              </div>
                             <div class="row">

                                 <div class="col-lg-6">
                                     <div class="form-group">
                                         <label class="col-lg-4 ">{{'REFERENCE' | translate}} </label>
                                         <div class="col-lg-8">
                                            <select  class="form-control"
                                                data-ng-model="obj.referenceNumber"
                                                data-ng-required="true"
                                                ng-init="getBatchTransfers()"
                                                data-ng-options="batch.referenceNo as batch.referenceNo for batch in batches">
                                                <option disabled="" selected="" value="">{{'SELECT_REFERENCE' | translate}}</option>
                                            </select>
                                            <a href="javascript:void(0)" class="btn_getuserinfo input-group-addon-portal" ng-click="getBatchDepositIdsByReference()"></a>
                                         </div>
                                     </div>
                                 </div>
                                 <div class="col-lg-6">
                                     <div class="form-group">
                                         <label class="col-lg-4 ">{{'DESCRIPTION' | translate}} </label>
                                         <div class="col-lg-8">
                                             <div class="input-group-portal">
                                                 <input type="text" autocomplete="off" name="description" ng-model="obj.description" required
                                                        class="form-control">
                                             </div>
                                         </div>
                                     </div>
                                 </div>
                             </div>





                             <div class="row">
                                 <div class="col-lg-6">
                                     <div class="form-group">
                                         <label class="col-lg-4 ">{{'BATCH_NO' | translate}} </label>
                                         <div class="col-lg-8">
                                             <select class="form-control" name="batchId" ng-model="obj.batchId" required ng-options="batch.BATCHID as batch.BATCHID for batch in BatchIds">
                                                 <option disabled="" selected="" value="">{{'SELECT_BATCH' | translate}}</option>
                                             </select>
                                         </div>
                                     </div>
                                 </div>
                             </div>

                             <div class="row">
                                 <div class="col-lg-6">
                                     <div class="form-group">
                                         <label class="col-lg-4 "></label>
                                         <div class="col-lg-8 action_buttons">
                                             <a href="javascript:void(0);" class="btn btn-default" class="btn btn-default btn-xs" type = "button" ng-click="showBatchDetail()"> {{'Show_Batch_DETAIL' | translate}}</a>
                                         </div>
                                     </div>
                                 </div>
                             </div>



                 </fieldset>
                 </form>
             </div>


         <!--Table Data-->
      <div class="col-sm-12 col-md-12 col-lg-12">
         <div ng-show="PendingBatchTransfers" id="show-confirm-btn">
             <div class="row action_buttons">
                 <div class="col-sm-12 col-md-12 col-lg-12">


                     <div class="pull-right">




                        <a href="javascript:void(0);"  ng-if="canApprove" class="btn btn-default" class="btn btn-default btn-xs"  type = "button"  ng-click="approveBatch()">Approve Batch</a>
                        <a href="javascript:void(0);" ng-if="canReject" class="btn btn-default" class="btn btn-default btn-xs"  type = "button"  ng-disabled="disableRejectBtn" ng-click="rejectBatchData()">Reject Batch</a>
                        <a href="javascript:void(0);"  ng-if="canConfirm" class="btn btn-default" class="btn btn-default btn-xs"  type = "button"  ng-disabled="ConfirmDeposit" ng-click="prepareData()">Confirm Payments</a>

                       <a href="javascript:void(0);" class="btn btn-default" class="btn btn-default btn-xs" type = "button" ng-click="goBack()">Go Back</a>




                     </div>
                 </div>
             </div>
              </div>
              <div class="col-sm-12 col-md-12 col-lg-12">
              <div ng-show="searchTransfer" id="show-confirm-batch-data">
             <div class="jarviswidget jarviswidget-color-darken"  data-widget-editbutton="false">
                 <!-- widget options:
                       usage: <div class="jarviswidget" id="show-confirm-batch-data" data-widget-editbutton="false">

                       data-widget-colorbutton="false"
                       data-widget-editbutton="false"
                       data-widget-togglebutton="false"
                       data-widget-deletebutton="false"
                       data-widget-fullscreenbutton="false"
                       data-widget-custombutton="false"
                       data-widget-collapsed="true"
                       data-widget-sortable="false"

                       -->
                <h1 id="approvalWarningMessage" class="text-danger"></h1>
                <h2>{{'TOTAL_RECORDS' | translate}}: <span class="account_number">{{totalRecords}}</span></h2>
                <h2>{{'TOTAL_PAYING_AMOUNT' | translate}}: <span class="totalAmount">{{totalAmount}}</span></h2>
                <h2 ng-if="totalRejectedAmount != 0.00">{{'TOTAL_REJECTED_AMOUNT' | translate}}: <span class="totalAmount">{{totalRejectedAmount}}</span></h2>
                <header><span class="widget-icon"> <i class="fa fa-table"></i> </span>
                    <h2>{{'BATCH_DATA' | translate}} </h2>
                </header>

                 <!-- widget div-->
                 <div>

                     <!-- widget edit box -->
                     <div class="jarviswidget-editbox">
                         <!-- This area used as dropdown edit box -->

                     </div>
                     <!-- end widget edit box -->

                     <!-- widget content -->

                     <div class="widget-body no-padding" id="edittable">
                         <table id="dt_basic" class="table table-striped table-bordered table-hover" bFilter='false' width="100%">
                             <thead>
                             <tr>

                                 <th data-class="expand">{{'BATCHRECORDID' | translate}} </th>
                                 <th data-class="expand">{{'NAME' | translate}} </th>
                                 <th data-class="expand">{{'MOBILENO' | translate}} </th>
                                 <th data-class="expand">{{'AMOUNT' | translate}} </th>
                                 <th data-class="expand">{{'CREATEDDATE' | translate}} </th>
                                 <th data-class="expand">{{'RESPONSEMESSAGE' | translate}} </th>
                                 <th data-class="expand">{{'ISERROR' | translate}} </th>
                                 <th data-class="expand">{{'STATUS' | translate}} </th>


                                 <th ng-show="canEdit" data-class="expand">{{'Edit' | translate}} </th>
                                 <th ng-show="canEdit">
                                    <input type="checkbox" ng-model="selectedAll" ng-click="selectAll()" />
                                 </th>
                             </tr>
                             </thead>
                             <tbody>
                               <tr ng-repeat="x in PendingBatchTransfers">

                                <td data-class="expand">{{x.BATCHRECORDID }} </td>
                                 <td data-class="expand">{{x.NAME }} </td>
                                 <td data-class="expand">{{x.MOBILENO }} </td>
                                 <td data-class="expand">{{ formatAmount(x.AMOUNT) }} </td>
                                 <td data-class="expand">{{x.CREATEDDATE  }} </td>
                                 <td data-class="expand">{{x.RESPONSEMESSAGE }} </td>
                                 <td data-class="expand">{{x.ISERROR }} </td>
                                 <td data-class="expand">{{x.ISACTIVE == 0 && x.ISPROCESSED == 0 ? "REJECTED" : "PENDING"}} </td>


                                <td ng-show="canEdit">
                                    <button type="button"  ng-click="edit(x.BATCHRECORDID)" ng-disabled="{{ x.ISACTIVE == 0}}" class="btn btn-link"> Edit</button>
                               </td>
                               <td ng-show="canEdit">
                                   <input type="checkbox" ng-model="selected[x.BATCHRECORDID]"  ng-disabled="{{ x.ISACTIVE == 0}}" ng-click="batchConfirmChecked(x.BATCHRECORDID)">
                               </td>

                               </tr>
                             </tbody>
                         </table>
                          </div>
                            <div class="widget-body no-padding" id="notable">
                         <table id="dt_basic_view" class="table table-striped table-bordered table-hover" bFilter='false' width="100%">
                             <thead>
                             <tr>

                                 <th data-class="expand">{{'BATCHRECORDID' | translate}} </th>
                                 <th data-class="expand">{{'NAME' | translate}} </th>
                                 <th data-class="expand">{{'MOBILENO' | translate}} </th>
                                 <th data-class="expand">{{'AMOUNT' | translate}} </th>
                                 <th data-class="expand">{{'CREATEDDATE' | translate}} </th>
                                 <th data-class="expand">{{'RESPONSEMESSAGE' | translate}} </th>
                                 <th data-class="expand">{{'ISERROR' | translate}} </th>
                                 <th data-class="expand">{{'STATUS' | translate}} </th>

                             </tr>
                             </thead>
                             <tbody>
                             </tbody>
                         </table>
                     </div>
                       </div>


                      </div>
                       </div>
                        </div>
                        </div>
                  <div class="row">
                 <div class="col-sm-12 col-md-12 col-lg-12">
                     <div class="ajaxsection">

                            <form name="form" id="transfer-info-page" class="form-horizontal" style="display:none;">
                            <fieldset class="cbs_fieldset two_column_fieldset two_column_fieldset_notabs">
                                 <legend>Batch Info</legend>
                                 <div class="row action_buttons">
                                   <div class="col-sm-12 col-md-12 col-lg-12">
                                             <div class="pull-right">


                                                 <a href="javascript:void(0);"  class="btn btn-default" ng-click="goBack2()"> Back</a>



                                             </div>
                                         </div>
                                 </div>
                                 <div class="row">

                                     <div class="col-lg-6">
                                         <div class="form-group">
                                             <label class="col-lg-4">{{'BATCHRECORDID' | translate}}: </label>
                                             <div class="col-lg-8">
                                                <input type="text" autocomplete="off" name="batchrecord" minlength="1" maxlength="50"

                                                ng-disabled ="true" required ng-model="obj.batchRecordId" class="form-control">
                                             </div>
                                         </div>
                                     </div>

                                     <div class="col-lg-6">
                                         <div class="form-group">
                                             <label class="col-lg-4">{{'Name' | translate}} :</label>
                                             <div class="col-lg-8">
                                                <input type="tel" autocomplete="off" minlength="1" maxlength="50" list="list" name="name" ng-model="obj.name" ng-disabled ="true" required class="form-control">
                                             </div>
                                         </div>
                                     </div>

                                     <div class="col-lg-6">
                                         <div class="form-group">
                                             <label class="col-lg-4">{{'MobileNo' | translate}}: </label>
                                             <div class="col-lg-8">
                                               <input type="text" autocomplete="off" name="monileno" minlength="9" maxlength="12"   required ng-model="obj.mobileNumber" class="form-control" >
                                             </div>
                                         </div>
                                     </div>

                                     <div class="col-lg-6">
                                         <div class="form-group">
                                             <label class="col-lg-4">{{'Amount' | translate}}: </label>
                                             <div class="col-lg-8">
                                                 <input type="text" autocomplete="off" name="amount" minlength="1" maxlength="50"   required ng-model="obj.amount" class="form-control">
                                             </div>
                                         </div>
                                     </div>

                                     <div class="col-lg-6">
                                         <div class="form-group">
                                             <label class="col-lg-4">{{'Create Date' | translate}}: </label>
                                             <div class="col-lg-8">
                                               <input type="text" autocomplete="off" name="createdate" minlength="1" maxlength="50"  ng-disabled ="true" required ng-model="obj.createDate" class="form-control" >
                                             </div>
                                         </div>
                                     </div>
                                     <div class="col-lg-6">
                                         <div class="form-group">
                                             <label class="col-lg-4">{{'Respond Message' | translate}}: </label>
                                             <div class="col-lg-8">
                                                <input type="text" autocomplete="off" name="respondmessage" minlength="1" maxlength="50"  ng-disabled ="true" required ng-model="obj.respondMessage" class="form-control" >
                                             </div>
                                         </div>
                                     </div>


                                     <div class="col-lg-6">
                                         <div class="form-group">
                                             <label class="col-lg-4">{{'IsError' | translate}}: </label>
                                             <div class="col-lg-8">
                                                <input type="text" autocomplete="off" name="iserror" minlength="1" maxlength="50"  ng-disabled ="true" required ng-model="obj.isError" class="form-control" >
                                             </div>
                                         </div>
                                     </div>

                                     <div class="col-lg-6">
                                         <div class="form-group">
                                             <label class="col-lg-4">{{'Status' | translate}}: </label>
                                             <div class="col-lg-8">
                                                  <input type="text" autocomplete="off" name="status" minlength="1" maxlength="50"  ng-disabled ="true" required ng-model="obj.statusId" class="form-control"  >
                                             </div>
                                         </div>
                                     </div>




                                  </fieldset>
                                  <div class="col-lg-6">
                                 <div class="col-lg-6 col-lg-6 col-lg-offset-9 submit_btn_wrap">
                                  <button class="btn btn-primary btn-block"  ng-disabled="disableSubmitBtn"  type="submit"> {{'EDIT_BATCH' | translate}} </button>
                                 </div>
                           </div>





                    </div>
                  </div>
               </div>




                      <div class="col-sm-8 col-lg-10">
                         <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                         <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
                     </div>
                     </form>

             </div>


                     <!-- end widget content -->

                 <!-- end widget div -->



         <!--End Table Data-->
      </div>
      </div>
    </script>

    <script type="text/ng-template" id="templates/b2b-fund-transfer.html">
          <div class="row">
          <div class="col-lg-6 col-lg-offset-3">
              <div class="ajaxsection">
                  <form name="form" id="b2b-fund-transfer" class="form-horizontal ">
                      <fieldset>
                          <!--<legend>{{'TRANSFER_AMOUNT' | translate}}</legend>-->
                           <div class="col-lg-12" ng-hide="user.isAccountsLengthOne">
                                  <div class="form-group">
                                     <label class="col-lg-4 ">{{ user.userType == 'MERCHANT' ? ('AGENT_ACCOUNT' | translate) : ('BILLER_ACCOUNT' | translate) }} </label>
                                      <div class="col-lg-8">
                                       <select class="form-control" name="accountId" ng-init="generateAccounts()"  ng-change="getByDefaultAccount(obj.accountId)"ng-model="obj.accountId" ng-change="currentBalance=''" required ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}"  ></select>
                                      </div>
                                  </div>
                               </div>

                          <div class="col-lg-12">
                              <div class="form-group">
                                 <label class="col-lg-4 ">{{'TO_MERCHANT_ID' | translate}} </label>
                                  <div class="col-lg-8">
                                  <div class="input-group-portal">
                                      <input type="tel" autocomplete="off" minlength="6" maxlength="15" list="list" name="merchantId " ng-model="obj.merchantId " required class="form-control">
                                      <a href="javascript:void(0)" class="btn_getuserinfo input-group-addon-portal" ng-click=" getPartnerInfo()"></a>
                                  </div>
                              </div>
                               </div>
                           </div>

                              <div class="col-lg-12">
                              <div class="form-group">
                                 <label class="col-lg-4 ">{{'MERCHANT_NAME' | translate}} </label>
                                  <div class="col-lg-8">
                                      <input type="text" autocomplete="off" list="list" name="name" ng-model="obj.name" required class="form-control" readonly="">
                                  </div>
                              </div>
                           </div>
                            <div class="col-lg-12">
                              <div class="form-group">
                                 <label class="col-lg-4 ">{{'AMOUNT' | translate}} </label>
                                  <div class="col-lg-8">
                                      <input type="tel" autocomplete="off" list="list" name="amount" ng-model="obj.txAmount" required class="form-control">
                                  </div>
                              </div>
                           </div>

                          <div class="col-lg-12" ng-if="isAdminPINRequired();">
                              <div class="form-group">
                                 <label class="col-lg-4 ">{{'PIN_NUMBER' | translate}} </label>
                                  <div class="col-lg-8">
                                      <input type="password" autocomplete="new-password" name="adminPIN" minlength="1" maxlength="20" required ng-model="obj.adminPIN" class="form-control">
                                  </div>
                              </div>
                           </div>

                           <div class="col-lg-12" >
                              <div class="form-group">
                                 <label class="col-lg-4 ">{{'REASON' | translate}} </label>
                                  <div class="col-lg-8">
                                     <input type="text" autocomplete="off" name="description" minlength="1" maxlength="50" required ng-model="obj.description" class="form-control">
                                  </div>
                              </div>
                           </div>


                          <div class="col-lg-12">
                              <div class="col-lg-8 col-lg-8 col-lg-offset-4 submit_btn_wrap">
                                  <button class="btn btn-primary btn-block"  ng-disabled="disableSubmitBtn" type="submit"> {{'SUBMIT_BTN' | translate}} </button>
                              </div>
                          </div>
                          <div class="col-sm-8">
                              <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                              <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
                          </div>
                      </fieldset>
                  </form>
              </div>
          </div>

             <div id="B2B_dialog" title="send to Merchant Transfer" style="display:none;">
              <p>
              <form id="payCustomerTransfer-form">
                  <div class="row">

                      <div class="col-md-10 col-md-offset-1">
                          <div class="form-group">
                              <label class="control-label">{{'PIN_NUMBER' | translate}} </label>
                              <input type="password" autocomplete="new-password" name="adminPIN" minlength="1" maxlength="20" required ng-model="obj.adminPIN" class="form-control">
                          </div>
                      </div>

                      <div class="col-md-10 col-md-offset-1">
                          <div class="form-group">
                              <label class="control-label">{{'REASON' | translate}} </label>
                              <input type="text" autocomplete="off" name="description" minlength="1" maxlength="50" required ng-model="obj.description" class="form-control">
                          </div>
                      </div>

                  </div>
              </form>
              </p>
          </div>
          <div class="row" id="tmtTransfer_receipt" style="display:none;">

          <div class="row">
              <div class="row action_buttons">
                  <div class="col-sm-12 col-md-12 col-lg-10 col-lg-offset-1">
                      <div class="pull-right">
                          <a href="javascript:void(0);" class="btn btn-default" ng-click="printDiv('tmt_receipt_content')"><i class="fa fa-print"></i> Print</a>
                          <a href="javascript:void(0);" class="btn btn-default" ng-click="goBack_requests()"> Go Back</a>
                      </div>
                  </div>
              </div>
          </div>

          <div class="row" id="tmt_receipt_content">
              <!--end buttons-->

              <div class="container" style="width:670px;margin:0 auto;font-family: Verdana,Geneva,sans-serif; font-size:12px;color: #626262;">
                  <div class="section">
                      <div class="header" style="height:46px;background:#f6f6f6;">
                          <div class="title" style="font-size: 14px; padding-top: 13px; margin-left: 20px; display: inline-block;">
                              <!--{{user.productBrand}}-->  Money Transfer  B2B
                          </div>
                          <!--<div class="logo" style="display: inline-block; text-align: right; float: right; padding-top: 6px; margin-right: 10px;">
                              <img src="img/myaccount/receipt_logo_evcplus.png" width="139" height="34" />
                          </div>-->
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <!--<div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Agent:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  ({{user.name}})
                              </div>
                          </div> -->
                          <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Date:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_time}}]
                              </div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Transfer Id:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_transferId}}] <!--[ {{tmt_agentPUID}} ] [ {{tmt_agentNo}} ]-->
                              </div>
                          </div>
                          <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                  InvoiceNo#
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{InvoiceNo}}]
                              </div>
                          </div>
                      </div>
                      <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                          Sender Information
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Mobile:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_senderMobile}}
                              </div>
                          </div>
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Name:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_senderName}}
                              </div>
                          </div>
                      </div>

                     <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Address:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{snd_tmt_senderAddress}}
                              </div>
                          </div>
                      </div>

                      <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                          Receiver Information
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Mobile:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_receiverMobile}}
                              </div>
                          </div>

                         <!-- <div ng-hide="hideReceivingAgent" class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:115px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Receiving Agent:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{rcv_tmt_receivingAgent}}
                              </div>
                          </div> -->
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Name:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_receiverName}}
                              </div>
                          </div>
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Address:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_receiverAddress}}
                              </div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <!--<div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Amount:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{tmt_amount}}
                              </div>
                          </div>-->
                          <div class="col-left" style="display: inline-block;width: 49%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Amount:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;"><span style="color: #626262;">  Total Amount:</span> {{tmt_amount}}</div>
                          </div>
                          <div class="col-left" style="display: inline-block;width: 22%;">
                              <div class="lebel" style="width: 45px;display:inline-block;color: #626262;">
                                  Comm:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;">{{tmt_comm}}</div>
                          </div>
                          <div class="col-left" style="display: inline-block;width: 26%;">
                              <div class="lebel" style="width: 85px;display:inline-block;color: #626262;">
                                  Net Amount:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;"> {{tmt_netAmount}}</div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Description:
                              </div>
                              <div class="value" style="display: inline-block;word-wrap: break-word;color: #949494;width: 78%;vertical-align: top;">
                                  {{tmt_description}}
                              </div>
                          </div>
                      </div>

                      <div class="signature_wrap">
                          <div class="sign_left" style="margin-top: 25px; width: 33%; text-align: center; display: inline-block; margin-left: 3%;">
                              <hr />
                              <div>Agent Signature</div>
                          </div>
                          <div class="sign_right" style="margin-top: 25px; width: 33%; text-align: center; display: inline-block; margin-left: 27%;">
                              <hr />
                              <div>Customer Signature</div>
                          </div>
                      </div>

              <div class="terms_wrap" style="border: 1px dashed; padding: 10px;margin-top:10px;">
              <div class="terms_heading" style="text-align: center; margin-bottom: 10px;">Terms & Conditions</div>
              <div class="terms" style="font-size:9px;">
                  1) {{ brandName }}  will not take any responsibility for delays or delivery failure as a result of mistakes in information.<br />
                  2) In case of cancellation will be refunded at the market rate with cancellation fee.
              </div>
          </div>
      </div>
                      <div class="section_seperator" style="margin-top: 10px; margin-bottom: 10px; border-top: 3px dashed;"></div>

                  </div>     <!--end container-->
                   <div class="container" style="width:670px;margin:0 auto;font-family: Verdana,Geneva,sans-serif; font-size:12px;color: #626262;">
                  <div class="section">
                      <div class="header" style="height:46px;background:#f6f6f6;">
                          <div class="title" style="font-size: 14px; padding-top: 13px; margin-left: 20px; display: inline-block;">
                              <!--{{user.productBrand}}-->  Money Transfer  B2B
                          </div>
                          <!--<div class="logo" style="display: inline-block; text-align: right; float: right; padding-top: 6px; margin-right: 10px;">
                              <img src="img/myaccount/receipt_logo_evcplus.png" width="139" height="34" />
                          </div>-->
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <!--<div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Agent:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  ({{user.name}})
                              </div>
                          </div> -->
                          <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Date:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_time}}]
                              </div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Transfer Id:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_transferId}}] <!--[ {{tmt_agentPUID}} ] [ {{tmt_agentNo}} ]-->
                              </div>
                          </div>
                          <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                  InvoiceNo#
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{InvoiceNo}}]
                              </div>
                          </div>
                      </div>
                      <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                          Sender Information
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Mobile:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_senderMobile}}
                              </div>
                          </div>
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Name:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_senderName}}
                              </div>
                          </div>
                      </div>

                     <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Address:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{snd_tmt_senderAddress}}
                              </div>
                          </div>
                      </div>

                      <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                          Receiver Information
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Mobile:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_receiverMobile}}
                              </div>
                          </div>

                         <!-- <div ng-hide="hideReceivingAgent" class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:115px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Receiving Agent:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{rcv_tmt_receivingAgent}}
                              </div>
                          </div> -->
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Name:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_receiverName}}
                              </div>
                          </div>
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Address:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_receiverAddress}}
                              </div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <!--<div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Amount:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{tmt_amount}}
                              </div>
                          </div>-->
                          <div class="col-left" style="display: inline-block;width: 49%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Amount:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;"><span style="color: #626262;">  Total Amount:</span> {{tmt_amount}}</div>
                          </div>
                          <div class="col-left" style="display: inline-block;width: 22%;">
                              <div class="lebel" style="width: 45px;display:inline-block;color: #626262;">
                                  Comm:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;">{{tmt_comm}}</div>
                          </div>
                          <div class="col-left" style="display: inline-block;width: 26%;">
                              <div class="lebel" style="width: 85px;display:inline-block;color: #626262;">
                                  Net Amount:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;"> {{tmt_netAmount}}</div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Description:
                              </div>
                              <div class="value" style="display: inline-block;word-wrap: break-word;color: #949494;width: 78%;vertical-align: top;">
                                  {{tmt_description}}
                              </div>
                          </div>
                      </div>

                       <div class="signature_wrap">
                          <div class="sign_left" style="margin-top: 25px; width: 33%; text-align: center; display: inline-block; margin-left: 3%;">
                              <hr />
                              <div>Agent Signature</div>
                          </div>
                          <div class="sign_right" style="margin-top: 25px; width: 33%; text-align: center; display: inline-block; margin-left: 27%;">
                              <hr />
                              <div>Customer Signature</div>
                          </div>
                      </div>

              <div class="terms_wrap" style="border: 1px dashed; padding: 10px;margin-top:10px;">
              <div class="terms_heading" style="text-align: center; margin-bottom: 10px;">Terms & Conditions</div>
              <div class="terms" style="font-size:9px;">
                  1) {{ brandName }}  will not take any responsibility for delays or delivery failure as a result of mistakes in information.<br />
                  2) In case of cancellation will be refunded at the market rate with cancellation fee.
              </div>
          </div>
      </div>


                  </div>     <!--end container-->
              </div>
          </div>
      </div>
    </script>

    <script type="text/ng-template" id="templates/fund-withdrawal.html">
              <div class="row">
          <div class="col-lg-6 col-lg-offset-2">
              <div class="ajaxsection">
                  <form name="form" id="fund-withdrawal" class="form-horizontal ">
                      <fieldset>
                          <!--<legend>{{'FUND_WITHDRAWAL' | translate}} </legend>-->
                          <div class="col-lg-12" ng-hide="user.isAccountsLengthOne">
                                      <div class="form-group">
                                         <label class="col-lg-4 ">{{ user.userType == 'MERCHANT' ? ('AGENT_ACCOUNT' | translate) : ('BILLER_ACCOUNT' | translate) }} </label>
                                          <div class="col-lg-8">
                                           <select class="form-control" name="accountId" ng-init="generateAccounts()" ng-change="getByDefaultAccount(obj.accountId)" ng-model="obj.accountId" ng-change="currentBalance=''" required ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}" ></select>
                                          </div>
                                      </div>
                                   </div>


                          <div class="col-lg-12">
                              <div class="form-group">
                                 <label class="col-lg-4 ">{{'PARTNER_OR_AGENT_ID' | translate}} </label>
                                  <div class="col-lg-8">
                                   <div class="input-group-portal">
                                      <input type="tel" autocomplete="off" minlength="1" maxlength="15" required list="list" name="agentId" ng-model="obj.agentId" class="form-control">
                                      <a href="javascript:void(0)" class="btn_getuserinfo input-group-addon-portal" ng-click=" getPartnerInfo()"></a>
                                  </div>
                                   </div>
                              </div>
                          </div>

                            <div class="col-lg-12">
                              <div class="form-group">
                                 <label class="col-lg-4 ">{{'PARTNER_NAME' | translate}} </label>
                                  <div class="col-lg-8">
                                      <input type="text" autocomplete="off" minlength="1" maxlength="60" required list="list" name="name" ng-model="obj.name" class="form-control" readonly="">
                                  </div>
                              </div>
                          </div>

                          <div class="col-lg-12">
                              <div class="form-group">
                                 <label class="col-lg-4 ">{{'AMOUNT' | translate}} </label>
                                  <div class="col-lg-8">
                                      <input type="tel" autocomplete="off" list="list" name="amount" class="form-control" ng-model="obj.amount" required>
                                  </div>
                              </div>
                          </div>

                           <div class="col-lg-12" ng-if="isAdminPINRequired();">
                                  <div class="form-group">
                                     <label class="col-lg-4 ">{{'PIN_NUMBER' | translate}} </label>
                                      <div class="col-lg-8">
                                          <input type="password" autocomplete="new-password" name="adminPIN" minlength="1" maxlength="20" required ng-model="obj.adminPIN" class="form-control">
                                      </div>
                                  </div>
                               </div>

                               <div class="col-lg-12" >
                                  <div class="form-group">
                                     <label class="col-lg-4 ">{{'REASON' | translate}} </label>
                                      <div class="col-lg-8">
                                         <input type="text" autocomplete="off" name="description" minlength="1" maxlength="50" required ng-model="obj.description" class="form-control">
                                      </div>
                                  </div>
                               </div>


                          <div class="col-lg-12">
                              <div class="col-lg-8 col-lg-8 col-lg-offset-4 submit_btn_wrap">
                                  <button class="btn btn-primary btn-block" ng-disabled="withdrawalSubmitBtn"   type="submit"> {{'SUBMIT_BTN' | translate}} </button>
                              </div>
                           </div>
                          <div class="col-sm-8">
                            <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                            <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
                          </div>
                      </fieldset>
                  </form>
              </div>
          </div>
           <div class="row" id="tmtTransfer_receipt" style="display:none;">

              <div class="row">
                  <div class="row action_buttons">
                      <div class="col-sm-12 col-md-12 col-lg-10 col-lg-offset-1">
                          <div class="pull-right">
                              <a href="javascript:void(0);" class="btn btn-default" ng-click="printDiv('tmt_receipt_content')"><i class="fa fa-print"></i> Print</a>
                              <a href="javascript:void(0);" class="btn btn-default" ng-click="goBack_requests()"> Go Back</a>
                          </div>
                      </div>
                  </div>
              </div>

              <div class="row" id="tmt_receipt_content">
                  <!--end buttons-->

                  <div class="container" style="width:670px;margin:0 auto;font-family: Verdana,Geneva,sans-serif; font-size:12px;color: #626262;">
                      <div class="section">
                          <div class="header" style="height:46px;background:#f6f6f6;">
                              <div class="title" style="font-size: 14px; padding-top: 13px; margin-left: 20px; display: inline-block;">
                                  <!--{{user.productBrand}}-->  Money Transfer
                              </div>
                              <!--<div class="logo" style="display: inline-block; text-align: right; float: right; padding-top: 6px; margin-right: 10px;">
                                  <img src="img/myaccount/receipt_logo_evcplus.png" width="139" height="34" />
                              </div>-->
                          </div>
                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <!--<div class="col-left" style="display: inline-block; width: 50%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Agent:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      ({{user.name}})
                                  </div>
                              </div> -->
                              <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                                  <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                      Date:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      [{{tmt_time}}]
                                  </div>
                              </div>
                          </div>
                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <div class="col-left" style="display: inline-block; width: 50%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Transfer Id:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      [{{tmt_transferId}}] <!--[ {{tmt_agentPUID}} ] [ {{tmt_agentNo}} ]-->
                                  </div>
                              </div>
                              <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                                  <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                      Ref#
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      [{{tmt_transferId}}]
                                  </div>
                              </div>
                          </div>
                          <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                              Sender Information
                          </div>

                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <div class="col-left" style="display: inline-block; width: 50%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Sender Mobile:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      {{customer_senderMobile}}
                                  </div>
                              </div>
                          </div>

                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <div class="col-left" style="display: inline-block; width: 100%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Sender Name:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      {{customer_senderName}}
                                  </div>
                              </div>
                          </div>

                         <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <div class="col-left" style="display: inline-block; width: 100%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Sender Address:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      {{snd_tmt_senderAddress}}
                                  </div>
                              </div>
                          </div>

                          <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                              Receiver Information
                          </div>
                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <div class="col-left" style="display: inline-block; width: 50%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Receiver Mobile:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      {{customer_receiverMobile}}
                                  </div>
                              </div>

                             <!-- <div ng-hide="hideReceivingAgent" class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                                  <div class="lebel" style="width:115px;display: inline-block;padding-right: 10px;color: #626262;">
                                      Receiving Agent:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      {{rcv_tmt_receivingAgent}}
                                  </div>
                              </div> -->
                          </div>
                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <div class="col-left" style="display: inline-block; width: 100%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Receiver Name:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      {{customer_receiverName}}
                                  </div>
                              </div>
                          </div>

                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <div class="col-left" style="display: inline-block; width: 100%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Receiver Address:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      {{customer_receiverAddress}}
                                  </div>
                              </div>
                          </div>
                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <!--<div class="col-left" style="display: inline-block; width: 50%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Amount:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      {{tmt_amount}}
                                  </div>
                              </div>-->
                              <div class="col-left" style="display: inline-block;width: 49%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Amount:
                                  </div>
                                  <div class="value ng-binding" style="display: inline-block;color: #949494;"><span style="color: #626262;">  Total Amount:</span> {{tmt_amount}}</div>
                              </div>
                              <div class="col-left" style="display: inline-block;width: 22%;">
                                  <div class="lebel" style="width: 45px;display:inline-block;color: #626262;">
                                      Comm:
                                  </div>
                                  <div class="value ng-binding" style="display: inline-block;color: #949494;">{{tmt_comm}}</div>
                              </div>
                              <div class="col-left" style="display: inline-block;width: 26%;">
                                  <div class="lebel" style="width: 85px;display:inline-block;color: #626262;">
                                      Net Amount:
                                  </div>
                                  <div class="value ng-binding" style="display: inline-block;color: #949494;"> {{tmt_netAmount}}</div>
                              </div>
                          </div>
                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <div class="col-left" style="display: inline-block; width: 100%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Description:
                                  </div>
                                  <div class="value" style="display: inline-block;word-wrap: break-word;color: #949494;width: 78%;vertical-align: top;">
                                      {{tmt_description}}
                                  </div>
                              </div>
                          </div>

                          <div class="signature_wrap">

                              <div class="sign_right" style="margin-top: 25px; width: 33%; text-align: center; display: inline-block; margin-left: 27%;">
                                  <hr />
                                  <div>Customer Signature</div>
                              </div>
                          </div>

                  <div class="terms_wrap" style="border: 1px dashed; padding: 10px;margin-top:10px;">
                  <div class="terms_heading" style="text-align: center; margin-bottom: 10px;">Terms & Conditions</div>
                  <div class="terms" style="font-size:9px;">
                      1) {{ brandName }}  will not take any responsibility for delays or delivery failure as a result of mistakes in information.<br />
                      2) In case of cancellation will be refunded at the market rate with cancellation fee.
                  </div>
              </div>
          </div>
                          <div class="section_seperator" style="margin-top: 10px; margin-bottom: 10px; border-top: 3px dashed;"></div>

                      </div>     <!--end container-->
                  </div>
              </div>
      </div>
    </script>

    <script type="text/ng-template" id="templates/block-fund-transfer.html">
          <div class="row">
          <div class="col-lg-4 col-lg-offset-4">
              <div class="ajaxsection">
                  <form name="form" id="block-fund-transfer" class="form-horizontal ">
                      <fieldset>
                          <!--<legend>{{'BUSINESS_BLOCK_FUND_TRANSFER' | translate}}</legend>-->

                          <div class="form-group" ng-hide="user.isAccountsLengthOne">
                              <div class="col-md-12">
                                  <select class="form-control" name="accountId" ng-init="generateAccounts()" ng-model="obj.accountId" required ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}" ng-change="obj.receiverSubscriptionId='';obj.txAmount=''"></select>
                              </div>
                          </div>

                          <div class="form-group">
                              <div class="col-md-12">
                                  <input type="tel" autocomplete="off" minlength="1" maxlength="15" list="list" name="transactionId" placeholder="{{'TRANSACTION_ID' | translate}}" class="form-control" ng-model="obj.transactionId">
                              </div>
                          </div>
                          <div class="form-group">
                              <div class="col-md-12">
                                  <input type="tel" autocomplete="off" minlength="1" maxlength="150" list="list" name="tranDescription" placeholder="{{'DESCRIPTION' | translate}}" class="form-control" ng-model="obj.tranDescription">
                              </div>
                          </div>
                          <div class="form-group">
                              <div class="col-lg-8 col-lg-8 col-lg-offset-4 submit_btn_wrap">
                                  <button class="btn btn-primary btn-block" ng-disabled="disableSubmitBtn"   type="submit"> {{'SUBMIT_BTN' | translate}} </button>
                              </div>
                          </div>
                          <div class="col-sm-8">
                              <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                              <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
                          </div>
                      </fieldset>
                  </form>
              </div>
          </div>
      </div>
    </script>

    <script type="text/ng-template" id="templates/cancel-purchase-transaction.html">
          <div class="row">
          <div class="col-lg-6 col-lg-offset-3">
              <div class="ajaxsection">
                  <form name="form" id="cancel-purchase-transaction" class="form-horizontal ">
                      <fieldset>
                          <!--<legend>{{'BUSINESS_CANCEL_PURCHASE_TRANSACTION' | translate}}</legend>-->

                           <div class="col-lg-12" ng-hide="user.isAccountsLengthOne">
                                  <div class="form-group">
                                     <label class="col-lg-4 ">{{'AGENT_ACCOUNT' | translate}} </label>
                                      <div class="col-lg-8">
                                          <select class="form-control" name="accountId" ng-init="generateAccounts()" ng-model="obj.accountId" ng-change="currentBalance=''" required ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}"></select>
                                      </div>
                                  </div>
                               </div>


                           <div class="col-lg-12">
                                      <div class="form-group">
                                         <label class="col-lg-4 ">{{'TRANSACTION_ID' | translate}} </label>
                                          <div class="col-lg-8">
                                              <input type="tel" autocomplete="off" minlength="1" maxlength="15" list="list" name="transactionId" class="form-control" ng-model="obj.transactionId">
                                          </div>
                                      </div>
                          </div>

                            <div class="col-lg-12" ng-if="isAdminPINRequired();">
                              <div class="form-group">
                                 <label class="col-lg-4 ">{{'PIN_NUMBER' | translate}} </label>
                                  <div class="col-lg-8">
                                      <input type="password" autocomplete="new-password" name="adminPIN" minlength="1" maxlength="20" required ng-model="obj.adminPIN" class="form-control">
                                  </div>
                              </div>
                           </div>

                          <div class="col-lg-12">
                                      <div class="form-group">
                                         <label class="col-lg-4 ">{{'DESCRIPTION' | translate}} </label>
                                          <div class="col-lg-8">
                                              <input type="tel" autocomplete="off" minlength="1" maxlength="150" list="list" name="tranDescription" class="form-control" ng-model="obj.tranDescription">
                                          </div>
                                      </div>
                          </div>

                          <div class="col-lg-12">
                              <div class="col-lg-8 col-lg-8 col-lg-offset-4 submit_btn_wrap">
                                  <button class="btn btn-primary btn-block"  ng-disabled="disableSubmitBtn"  type="submit"> {{'SUBMIT_BTN' | translate}} </button>
                              </div>
                          </div>
                          <div class="col-sm-8">
                              <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                              <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
                          </div>
                      </fieldset>
                  </form>
              </div>
          </div>
      </div>
    </script>

    <script type="text/ng-template" id="templates/block-fund-transfer.html">
             <div class="row">
             <div class="col-lg-6 col-lg-offset-3">
                 <div class="ajaxsection">
                     <form name="form" id="block-fund-transfer" class="form-horizontal ">
                         <fieldset>
                             <!--<legend>{{'BUSINESS_BLOCK_FUND_TRANSFER' | translate}}</legend>-->
      <div class="col-lg-12" ng-hide="user.isAccountsLengthOne">
                                     <div class="form-group">
                                        <label class="col-lg-4 ">{{'AGENT_ACCOUNT' | translate}} </label>
                                         <div class="col-lg-8">
                                             <select class="form-control" name="accountId" ng-init="generateAccounts()" ng-model="obj.accountId" ng-change="currentBalance=''" required ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}"></select>
                                         </div>
                                     </div>
                                  </div>

                             <div class="col-lg-12">
                                         <div class="form-group">
                                            <label class="col-lg-4 ">{{'TRANSACTION_ID' | translate}} </label>
                                             <div class="col-lg-8">
                                                 <input type="tel" autocomplete="off" minlength="1" maxlength="15" list="list" name="transactionId" class="form-control" ng-model="obj.transactionId">
                                             </div>
                                         </div>
                             </div>

                             <div class="col-lg-12">
                                         <div class="form-group">
                                            <label class="col-lg-4 ">{{'DESCRIPTION' | translate}} </label>
                                             <div class="col-lg-8">
                                                 <input type="tel" autocomplete="off" minlength="1" maxlength="150" list="list" name="tranDescription" class="form-control" ng-model="obj.tranDescription">
                                             </div>
                                         </div>
                             </div>

                             <div class="col-lg-12">
                                 <div class="col-lg-8 col-lg-8 col-lg-offset-4 submit_btn_wrap">
                                     <button class="btn btn-primary btn-block"  ng-disabled="disableSubmitBtn" type="submit"> {{'SUBMIT_BTN' | translate}} </button>
                                 </div>
                             </div>
                         </fieldset>
                     </form>
                 </div>
             </div>
         </div>
    </script>
    <script type="text/ng-template" id="templates/query-cashier-balance.html">
          <div class="row">
          <div class="col-lg-6 col-lg-offset-3">
              <div class="ajaxsection">
                  <form name="form" id="query-cashier-balance" class="form-horizontal ">
                      <fieldset>
                             <div class="col-lg-12" ng-hide="user.isAccountsLengthOne">
                                  <div class="form-group">
                                     <label class="col-lg-4 ">{{'CASHIER_ACCOUNT' | translate}} </label>
                                      <div class="col-lg-8">
                                          <select class="form-control" name="accountId" ng-init="generateAccounts()" ng-model="obj.accountId" ng-change="currentBalance=''" required ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}"></select>
                                      </div>
                                  </div>
                               </div>




                            <div class="col-lg-12">
                                  <div class="form-group">
                                     <label class="col-lg-4 ">{{'SELECTT_CASHIER' | translate}} </label>
                                      <div class="col-lg-8">
                                          <select id="select-2" class="form-control" name="otherAccountId" ng-model="obj.otherAccountId" required ng-options="subCashier.PARTNERUID as subCashier.NAME for subCashier in SubCashiersList">
                                      <option disabled="" selected="" value="">{{'SELECT_CASHIER' | translate}}</option>
                                  </select>
                                      </div>
                                  </div>
                               </div>



                          <div class="col-lg-12">
                              <div class="col-lg-8 col-lg-8 col-lg-offset-4 submit_btn_wrap">
                                  <button class="btn btn-primary btn-block" ng-disabled="disableSubmitBtn"  type="submit"> {{'SUBMIT_BTN' | translate}} </button>
                              </div>
                          </div>
                          <div ng-show="currentBalance" class="description-detail">{{'ACCOUNT_BALANCE_IS' | translate}}: <strong>{{currentBalance | currency}}</strong> </div>

                      </fieldset>
                  </form>
              </div>
          </div>
      </div>
    </script>

    <script type="text/ng-template" id="templates/move-money-to-cashier.html">
          <div class="row">
          <div class="col-lg-6 col-lg-offset-3">
              <div class="ajaxsection">
                  <form name="form" id="move-money-to-cashier" class="form-horizontal ">
                      <fieldset>
                          <!--<legend>{{'BUSINESS_MOVEMONEY_TO_CASHIER' | translate}}</legend>-->
                          <div ng-hide="user.isAccountsLengthOne" class="col-lg-12">
                                  <div class="form-group">
                                     <label class="col-lg-4 ">{{'AGENT_ACCOUNT' | translate}} </label>
                                      <div class="col-lg-8">
                                   <select class="form-control" name="accountId" ng-init="generateAccounts()" ng-change="getByDefaultAccount(obj.accountId)" ng-model="obj.accountId" ng-change="currentBalance=''" required ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}" ></select>
                                      </div>
                                  </div>
                               </div>
                            <div class="col-lg-12">
                                <div class="form-group">
                                   <label class="col-lg-4 ">{{'SELECTT_CASHIER' | translate}} </label>
                                    <div class="col-lg-8">
                                        <select id="select-2" class="form-control" name="otherAccountId" ng-model="obj.otherAccountId" required ng-options="subCashier.PARTNERUID as subCashier.NAME for subCashier in SubCashiersList" ng-change="getBalance(obj.otherAccountId)">
                                            <option disabled="" selected="" value="">{{'SELECT_CASHIER' | translate}}</option>
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-12">
                                <div class="form-group">
                                   <label class="col-lg-4 ">{{'BALANCE' | translate}} </label>
                                    <div class="col-lg-8">
                                        <input type="tel" autocomplete="off" disabled minlength="1" maxlength="15" list="list" name="balance" ng-model="obj.balance" required class="form-control">
                                    </div>
                                </div>
                            </div>

                          <div class="col-lg-12">
                                  <div class="form-group">
                                     <label class="col-lg-4 ">{{'AMOUNT' | translate}} </label>
                                      <div class="col-lg-8">
                                          <input type="tel" autocomplete="off" minlength="1" maxlength="15" list="list" name="amount" ng-model="obj.amount" required class="form-control">
                                      </div>
                                  </div>
                          </div>

                          <div class="col-lg-12" ng-if="isAdminPINRequired();">
                              <div class="form-group">
                                 <label class="col-lg-4 ">{{'PIN_NUMBER' | translate}} </label>
                                  <div class="col-lg-8">
                                      <input type="password" autocomplete="new-password" name="adminPIN" minlength="4" maxlength="20" required ng-model="obj.adminPIN" class="form-control">
                                  </div>
                              </div>
                           </div>

                           <div class="col-lg-12" >
                              <div class="form-group">
                                 <label class="col-lg-4 ">{{'REASON' | translate}} </label>
                                  <div class="col-lg-8">
                                     <input type="text" autocomplete="off" name="description" minlength="1" maxlength="50" required ng-model="obj.description" class="form-control">
                                  </div>
                              </div>
                              </div>

                          <div class="col-lg-12">
                              <div class="col-lg-8 col-lg-8 col-lg-offset-4 submit_btn_wrap">
                                  <button class="btn btn-primary btn-block" ng-disabled="disableSubmitBtn"  type="submit"> {{'SUBMIT_BTN' | translate}} </button>
                              </div>
                          </div>


                          <div class="col-sm-12">
                          <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                              <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
                          </div>
                      </fieldset>
                  </form>
              </div>
          </div>
            <div class="row" id="tmtTransfer_receipt" style="display:none;">

          <div class="row">
              <div class="row action_buttons">
                  <div class="col-sm-12 col-md-12 col-lg-10 col-lg-offset-1">
                      <div class="pull-right">
                          <a href="javascript:void(0);" class="btn btn-default" ng-click="printDiv('tmt_receipt_content')"><i class="fa fa-print"></i> Print</a>
                          <a href="javascript:void(0);" class="btn btn-default" ng-click="goBack_requests()"> Go Back</a>
                      </div>
                  </div>
              </div>
          </div>

          <div class="row" id="tmt_receipt_content">
              <!--end buttons-->

              <div class="container" style="width:670px;margin:0 auto;font-family: Verdana,Geneva,sans-serif; font-size:12px;color: #626262;">
                  <div class="section">
                      <div class="header" style="height:46px;background:#f6f6f6;">
                          <div class="title" style="font-size: 14px; padding-top: 13px; margin-left: 20px; display: inline-block;">
                              <!--{{user.productBrand}}--> Move-Money-To-Cashier
                          </div>
                          <!--<div class="logo" style="display: inline-block; text-align: right; float: right; padding-top: 6px; margin-right: 10px;">
                              <img src="img/myaccount/receipt_logo_evcplus.png" width="139" height="34" />
                          </div>-->
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <!--<div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Agent:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  ({{user.name}})
                              </div>
                          </div> -->
                          <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Date:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_time}}]
                              </div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Transfer Id:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_transferId}}] <!--[ {{tmt_agentPUID}} ] [ {{tmt_agentNo}} ]-->
                              </div>
                          </div>
                          <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Ref#
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_transferId}}]
                              </div>
                          </div>
                      </div>
                      <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                          Sender Information
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Mobile:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_senderMobile}}
                              </div>
                          </div>
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Name:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_senderName}}
                              </div>
                          </div>
                      </div>

                     <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Address:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{snd_tmt_senderAddress}}
                              </div>
                          </div>
                      </div>

                      <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                          Receiver Information
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Mobile:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_receiverMobile}}
                              </div>
                          </div>

                         <!-- <div ng-hide="hideReceivingAgent" class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:115px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Receiving Agent:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{rcv_tmt_receivingAgent}}
                              </div>
                          </div> -->
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Name:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_receiverName}}
                              </div>
                          </div>
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Address:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_receiverAddress}}
                              </div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <!--<div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Amount:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{tmt_amount}}
                              </div>
                          </div>-->
                          <div class="col-left" style="display: inline-block;width: 49%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Amount:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;"><span style="color: #626262;">  Total Amount:</span> {{tmt_amount}}</div>
                          </div>
                          <div class="col-left" style="display: inline-block;width: 22%;">
                              <div class="lebel" style="width: 45px;display:inline-block;color: #626262;">
                                  Comm:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;">{{tmt_comm}}</div>
                          </div>
                          <div class="col-left" style="display: inline-block;width: 26%;">
                              <div class="lebel" style="width: 85px;display:inline-block;color: #626262;">
                                  Net Amount:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;"> {{tmt_netAmount}}</div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Description:
                              </div>
                              <div class="value" style="display: inline-block;word-wrap: break-word;color: #949494;width: 78%;vertical-align: top;">
                                  {{tmt_description}}
                              </div>
                          </div>
                      </div>

                       <div class="signature_wrap">
                          <div class="sign_left" style="margin-top: 25px; width: 33%; text-align: center; display: inline-block; margin-left: 3%;">
                              <hr />
                              <div>Agent Signature</div>
                          </div>
                          <div class="sign_right" style="margin-top: 25px; width: 33%; text-align: center; display: inline-block; margin-left: 27%;">
                              <hr />
                              <div>Customer Signature</div>
                          </div>
                      </div>

              <div class="terms_wrap" style="border: 1px dashed; padding: 10px;margin-top:10px;">
              <div class="terms_heading" style="text-align: center; margin-bottom: 10px;">Terms & Conditions</div>
              <div class="terms" style="font-size:9px;">
                  1) {{ brandName }}  will not take any responsibility for delays or delivery failure as a result of mistakes in information.<br />
                  2) In case of cancellation will be refunded at the market rate with cancellation fee.
              </div>
          </div>
      </div>
                      <div class="section_seperator" style="margin-top: 10px; margin-bottom: 10px; border-top: 3px dashed;"></div>

                  </div>     <!--end container-->

                           <div class="container" style="width:670px;margin:0 auto;font-family: Verdana,Geneva,sans-serif; font-size:12px;color: #626262;">
                  <div class="section">
                      <div class="header" style="height:46px;background:#f6f6f6;">
                          <div class="title" style="font-size: 14px; padding-top: 13px; margin-left: 20px; display: inline-block;">
                              <!--{{user.productBrand}}--> Move-Money-To-Cashier
                          </div>
                          <!--<div class="logo" style="display: inline-block; text-align: right; float: right; padding-top: 6px; margin-right: 10px;">
                              <img src="img/myaccount/receipt_logo_evcplus.png" width="139" height="34" />
                          </div>-->
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <!--<div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Agent:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  ({{user.name}})
                              </div>
                          </div> -->
                          <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Date:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_time}}]
                              </div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Transfer Id:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_transferId}}] <!--[ {{tmt_agentPUID}} ] [ {{tmt_agentNo}} ]-->
                              </div>
                          </div>
                          <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Ref#
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_transferId}}]
                              </div>
                          </div>
                      </div>
                      <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                          Sender Information
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Mobile:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_senderMobile}}
                              </div>
                          </div>
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Name:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_senderName}}
                              </div>
                          </div>
                      </div>

                     <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Address:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{snd_tmt_senderAddress}}
                              </div>
                          </div>
                      </div>

                      <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                          Receiver Information
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Mobile:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_receiverMobile}}
                              </div>
                          </div>

                         <!-- <div ng-hide="hideReceivingAgent" class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:115px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Receiving Agent:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{rcv_tmt_receivingAgent}}
                              </div>
                          </div> -->
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Name:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_receiverName}}
                              </div>
                          </div>
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Address:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_receiverAddress}}
                              </div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <!--<div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Amount:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{tmt_amount}}
                              </div>
                          </div>-->
                          <div class="col-left" style="display: inline-block;width: 49%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Amount:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;"><span style="color: #626262;">  Total Amount:</span> {{tmt_amount}}</div>
                          </div>
                          <div class="col-left" style="display: inline-block;width: 22%;">
                              <div class="lebel" style="width: 45px;display:inline-block;color: #626262;">
                                  Comm:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;">{{tmt_comm}}</div>
                          </div>
                          <div class="col-left" style="display: inline-block;width: 26%;">
                              <div class="lebel" style="width: 85px;display:inline-block;color: #626262;">
                                  Net Amount:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;"> {{tmt_netAmount}}</div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Description:
                              </div>
                              <div class="value" style="display: inline-block;word-wrap: break-word;color: #949494;width: 78%;vertical-align: top;">
                                  {{tmt_description}}
                              </div>
                          </div>
                      </div>

                     <div class="signature_wrap">
                          <div class="sign_left" style="margin-top: 25px; width: 33%; text-align: center; display: inline-block; margin-left: 3%;">
                              <hr />
                              <div>Agent Signature</div>
                          </div>
                          <div class="sign_right" style="margin-top: 25px; width: 33%; text-align: center; display: inline-block; margin-left: 27%;">
                              <hr />
                              <div>Customer Signature</div>
                          </div>
                      </div>

              <div class="terms_wrap" style="border: 1px dashed; padding: 10px;margin-top:10px;">
              <div class="terms_heading" style="text-align: center; margin-bottom: 10px;">Terms & Conditions</div>
              <div class="terms" style="font-size:9px;">
                  1) {{ brandName }}  will not take any responsibility for delays or delivery failure as a result of mistakes in information.<br />
                  2) In case of cancellation will be refunded at the market rate with cancellation fee.
              </div>
          </div>
      </div>


                  </div>
              </div>
          </div>
      </div>
    </script>

    <script type="text/ng-template" id="templates/move-money-from-cashier.html">
          <div class="row">
          <div class="col-lg-6 col-lg-offset-3">
              <div class="ajaxsection">
                  <form name="form" id="move-money-from-cashier" class="form-horizontal ">
                      <fieldset>
                          <!--<legend>{{'BUSINESS_MOVEMONEY_FROM_CASHIER' | translate}}</legend>-->
                         <div ng-hide="user.isAccountsLengthOne" class="col-lg-12">
                                  <div class="form-group">
                                     <label class="col-lg-4 ">{{'AGENT_ACCOUNT' | translate}} </label>
                                      <div class="col-lg-8">
                                       <select class="form-control" name="accountId" ng-init="generateAccounts()"  ng-change="getByDefaultAccount(obj.accountId)"ng-model="obj.accountId" ng-change="currentBalance=''" required ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}"></select>
                                      </div>
                                  </div>
                               </div>
                            <div class="col-lg-12">
                                <div class="form-group">
                                   <label class="col-lg-4 ">{{'SELECTT_CASHIER' | translate}} </label>
                                    <div class="col-lg-8">
                                        <select id="select-2" class="form-control" name="otherAccountId" ng-model="obj.otherAccountId" required ng-options="subCashier.PARTNERUID as subCashier.NAME for subCashier in SubCashiersList" ng-change="getBalance(obj.otherAccountId)">
                                            <option disabled="" selected="" value="">{{'SELECT_CASHIER' | translate}}</option>
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-12">
                                <div class="form-group">
                                   <label class="col-lg-4 ">{{'BALANCE' | translate}} </label>
                                    <div class="col-lg-8">
                                        <input type="tel" autocomplete="off" disabled minlength="1" maxlength="15" list="list" name="balance" ng-model="obj.balance" required class="form-control">
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-12">
                                  <div class="form-group">
                                     <label class="col-lg-4 ">{{'AMOUNT' | translate}} </label>
                                      <div class="col-lg-8">
                                          <input type="tel" autocomplete="off" minlength="1" maxlength="15" list="list" name="amount" ng-model="obj.amount" required class="form-control">
                                      </div>
                                  </div>
                          </div>

                          <div class="col-lg-12">
                                  <div class="form-group">
                                     <label class="col-lg-4 ">{{'REASON ' | translate}} </label>
                                      <div class="col-lg-8">
                                          <input type="tel" autocomplete="off" minlength="1" maxlength="15" list="list" name="description" ng-model="obj.description" required class="form-control">
                                      </div>
                                  </div>
                          </div>

                          <div class="col-lg-12">
                              <div class="col-lg-8 col-lg-8 col-lg-offset-4 submit_btn_wrap">
                                  <button class="btn btn-primary btn-block"  ng-disabled="disableSubmitBtn" type="submit"> {{'SUBMIT_BTN' | translate}} </button>
                              </div>
                          </div>


                          <div class="col-sm-12">
                              <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                              <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
                          </div>
                      </fieldset>
                  </form>
              </div>
          </div>

      <div class="row" id="tmtTransfer_receipt" style="display:none;">

          <div class="row">
              <div class="row action_buttons">
                  <div class="col-sm-12 col-md-12 col-lg-10 col-lg-offset-1">
                      <div class="pull-right">
                          <a href="javascript:void(0);" class="btn btn-default" ng-click="printDiv('tmt_receipt_content')"><i class="fa fa-print"></i> Print</a>
                          <a href="javascript:void(0);" class="btn btn-default" ng-click="goBack_requests()"> Go Back</a>
                      </div>
                  </div>
              </div>
          </div>

          <div class="row" id="tmt_receipt_content">
              <!--end buttons-->

         <div class="container" style="width:670px;margin:0 auto;font-family: Verdana,Geneva,sans-serif; font-size:12px;color: #626262;">
                  <div class="section">
                      <div class="header" style="height:46px;background:#f6f6f6;">
                          <div class="title" style="font-size: 14px; padding-top: 13px; margin-left: 20px; display: inline-block;">
                              <!--{{user.productBrand}}-->  Move-Money-From-Cashier
                          </div>
                          <!--<div class="logo" style="display: inline-block; text-align: right; float: right; padding-top: 6px; margin-right: 10px;">
                              <img src="img/myaccount/receipt_logo_evcplus.png" width="139" height="34" />
                          </div>-->
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <!--<div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Agent:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  ({{user.name}})
                              </div>
                          </div> -->
                          <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Date:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_time}}]
                              </div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Transfer Id:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_transferId}}] <!--[ {{tmt_agentPUID}} ] [ {{tmt_agentNo}} ]-->
                              </div>
                          </div>
                          <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Ref#
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_transferId}}]
                              </div>
                          </div>
                      </div>
                      <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                          Receiver Information
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Mobile:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_senderMobile}}
                              </div>
                          </div>
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Name:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_senderName}}
                              </div>
                          </div>
                      </div>

                     <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Address:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{snd_tmt_senderAddress}}
                              </div>
                          </div>
                      </div>

                      <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                          Sender Information
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Mobile:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_receiverMobile}}
                              </div>
                          </div>

                         <!-- <div ng-hide="hideReceivingAgent" class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:115px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Receiving Agent:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{rcv_tmt_receivingAgent}}
                              </div>
                          </div> -->
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Name:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_receiverName}}
                              </div>
                          </div>
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Address:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_receiverAddress}}
                              </div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <!--<div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Amount:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{tmt_amount}}
                              </div>
                          </div>-->
                          <div class="col-left" style="display: inline-block;width: 49%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Amount:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;"><span style="color: #626262;">  Total Amount:</span> {{tmt_amount}}</div>
                          </div>
                          <div class="col-left" style="display: inline-block;width: 22%;">
                              <div class="lebel" style="width: 45px;display:inline-block;color: #626262;">
                                  Comm:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;">{{tmt_comm}}</div>
                          </div>
                          <div class="col-left" style="display: inline-block;width: 26%;">
                              <div class="lebel" style="width: 85px;display:inline-block;color: #626262;">
                                  Net Amount:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;"> {{tmt_netAmount}}</div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Description:
                              </div>
                              <div class="value" style="display: inline-block;word-wrap: break-word;color: #949494;width: 78%;vertical-align: top;">
                                  {{tmt_description}}
                              </div>
                          </div>
                      </div>

                      <div class="signature_wrap">

                          <div class="sign_right" style="margin-top: 25px; width: 33%; text-align: center; display: inline-block; margin-left: 27%;">
                              <hr />
                              <div>Customer Signature</div>
                          </div>
                      </div>

              <div class="terms_wrap" style="border: 1px dashed; padding: 10px;margin-top:10px;">
              <div class="terms_heading" style="text-align: center; margin-bottom: 10px;">Terms & Conditions</div>
              <div class="terms" style="font-size:9px;">
                  1) {{ brandName }}  will not take any responsibility for delays or delivery failure as a result of mistakes in information.<br />
                  2) In case of cancellation will be refunded at the market rate with cancellation fee.
              </div>
          </div>
      </div>
                      <div class="section_seperator" style="margin-top: 10px; margin-bottom: 10px; border-top: 3px dashed;"></div>

                  </div>
              <div class="container" style="width:670px;margin:0 auto;font-family: Verdana,Geneva,sans-serif; font-size:12px;color: #626262;">
                  <div class="section">
                      <div class="header" style="height:46px;background:#f6f6f6;">
                          <div class="title" style="font-size: 14px; padding-top: 13px; margin-left: 20px; display: inline-block;">
                              <!--{{user.productBrand}}-->  Move-Money-From-Cashier
                          </div>
                          <!--<div class="logo" style="display: inline-block; text-align: right; float: right; padding-top: 6px; margin-right: 10px;">
                              <img src="img/myaccount/receipt_logo_evcplus.png" width="139" height="34" />
                          </div>-->
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <!--<div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Agent:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  ({{user.name}})
                              </div>
                          </div> -->
                          <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Date:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_time}}]
                              </div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Transfer Id:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_transferId}}] <!--[ {{tmt_agentPUID}} ] [ {{tmt_agentNo}} ]-->
                              </div>
                          </div>
                          <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Ref#
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_transferId}}]
                              </div>
                          </div>
                      </div>
                      <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                          Receiver Information
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Mobile:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_senderMobile}}
                              </div>
                          </div>
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Name:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_senderName}}
                              </div>
                          </div>
                      </div>

                     <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Address:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{snd_tmt_senderAddress}}
                              </div>
                          </div>
                      </div>

                      <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                          Sender Information
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Mobile:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_receiverMobile}}
                              </div>
                          </div>

                         <!-- <div ng-hide="hideReceivingAgent" class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:115px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Receiving Agent:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{rcv_tmt_receivingAgent}}
                              </div>
                          </div> -->
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Name:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_receiverName}}
                              </div>
                          </div>
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Address:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_receiverAddress}}
                              </div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <!--<div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Amount:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{tmt_amount}}
                              </div>
                          </div>-->
                          <div class="col-left" style="display: inline-block;width: 49%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Amount:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;"><span style="color: #626262;"> Total Amount:</span> {{tmt_amount}}</div>
                          </div>
                          <div class="col-left" style="display: inline-block;width: 22%;">
                              <div class="lebel" style="width: 45px;display:inline-block;color: #626262;">
                                  Comm:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;">{{tmt_comm}}</div>
                          </div>
                          <div class="col-left" style="display: inline-block;width: 26%;">
                              <div class="lebel" style="width: 85px;display:inline-block;color: #626262;">
                                  Net Amount:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;"> {{tmt_netAmount}}</div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Description:
                              </div>
                              <div class="value" style="display: inline-block;word-wrap: break-word;color: #949494;width: 78%;vertical-align: top;">
                                  {{tmt_description}}
                              </div>
                          </div>
                      </div>

                      <div class="signature_wrap">

                          <div class="sign_right" style="margin-top: 25px; width: 33%; text-align: center; display: inline-block; margin-left: 27%;">
                              <hr />
                              <div>Customer Signature</div>
                          </div>
                      </div>

              <div class="terms_wrap" style="border: 1px dashed; padding: 10px;margin-top:10px;">
              <div class="terms_heading" style="text-align: center; margin-bottom: 10px;">Terms & Conditions</div>
              <div class="terms" style="font-size:9px;">
                  1) {{ brandName }}  will not take any responsibility for delays or delivery failure as a result of mistakes in information.<br />
                  2) In case of cancellation will be refunded at the market rate with cancellation fee.
              </div>
          </div>
      </div>
                      <!--<div class="section_seperator" style="margin-top: 10px; margin-bottom: 10px; border-top: 3px dashed;"></div>-->

                  </div>     <!--end container-->
              </div>
          </div>
      </div>
    </script>
    <script type="text/ng-template" id="templates/move-money-from-all-cashier.html">
          <div class="row">
             <div class="col-lg-12 col-lg-offset-0">
               <div class="form-group">
               <label class="col-lg-4 ">{{'TOTAL_CASHIERS' | translate}}{{totalCashiers}} </label>


               </div></div>
                <div class="col-lg-6 col-lg-offset-2">
               <div class="form-group">
               <label class="col-lg-4 ">{{'TOTAL_CASHIERS_AMOUNT' | translate}}{{totalAmounts}} </label>

               </div></div>

                <div class="col-lg-6 col-lg-offset-2" id="SUCCESS">
               <div class="form-group">
               <label class="col-lg-4 ">{{'SUCCESS' | translate}}{{success}} </label>

               </div></div>

                <div class="col-lg-6 col-lg-offset-2" id="FAILED">
               <div class="form-group">
               <label class="col-lg-4 ">{{'FAILED' | translate}}{{failed}} </label>

               </div></div>
      </div>
      <div class="row">

          <div class="col-lg-6 col-lg-offset-3">
              <div class="ajaxsection">
                  <form name="form" id="move-money-from-all-cashier" class="form-horizontal ">
                      <fieldset>
                          <!--<legend>{{'BUSINESS_MOVEMONEY_FROM_CASHIER' | translate}}</legend>-->


                         <div class="col-lg-12" ng-hide="user.isAccountsLengthOne">
                                  <div class="form-group">
                                     <label class="col-lg-4 ">{{'AGENT_ACCOUNT' | translate}} </label>
                                      <div class="col-lg-8">
                                       <select class="form-control" name="accountId" ng-init="generateAccounts()"  ng-change="getByDefaultAccount(obj.accountId)"ng-model="obj.accountId" ng-change="currentBalance=''" required ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}"></select>
                                      </div>
                                  </div>
                               </div>


                          <div class="col-lg-12">
                                  <div class="form-group">
                                     <label class="col-lg-4 ">{{'REASON ' | translate}} </label>
                                      <div class="col-lg-8">
                                          <input type="tel" autocomplete="off" minlength="1" maxlength="15" list="list" name="description" ng-model="obj.description" required class="form-control">
                                      </div>
                                  </div>
                          </div>

                          <div class="col-lg-12">
                              <div class="col-lg-8 col-lg-8 col-lg-offset-4 submit_btn_wrap">
                                  <button class="btn btn-primary btn-block"  ng-disabled="disableSubmitBtn" type="submit"> {{'SUBMIT_BTN' | translate}} </button>
                              </div>
                          </div>


                          <div class="col-sm-12">
                              <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                              <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
                          </div>
                      </fieldset>
                  </form>
              </div>
          </div>

      <div class="row" id="tmtTransfer_receipt" style="display:none;">

          <div class="row">
              <div class="row action_buttons">
                  <div class="col-sm-12 col-md-12 col-lg-10 col-lg-offset-1">
                      <div class="pull-right">
                          <a href="javascript:void(0);" class="btn btn-default" ng-click="printDiv('tmt_receipt_content')"><i class="fa fa-print"></i> Print</a>
                          <a href="javascript:void(0);" class="btn btn-default" ng-click="goBack_requests()"> Go Back</a>
                      </div>
                  </div>
              </div>
          </div>

          <div class="row" id="tmt_receipt_content">
              <!--end buttons-->

         <div class="container" style="width:670px;margin:0 auto;font-family: Verdana,Geneva,sans-serif; font-size:12px;color: #626262;">
                  <div class="section">
                      <div class="header" style="height:46px;background:#f6f6f6;">
                          <div class="title" style="font-size: 14px; padding-top: 13px; margin-left: 20px; display: inline-block;">
                              <!--{{user.productBrand}}-->  Move-Money-From-Cashier
                          </div>
                          <!--<div class="logo" style="display: inline-block; text-align: right; float: right; padding-top: 6px; margin-right: 10px;">
                              <img src="img/myaccount/receipt_logo_evcplus.png" width="139" height="34" />
                          </div>-->
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <!--<div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Agent:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  ({{user.name}})
                              </div>
                          </div> -->
                          <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Date:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_time}}]
                              </div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Transfer Id:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_transferId}}] <!--[ {{tmt_agentPUID}} ] [ {{tmt_agentNo}} ]-->
                              </div>
                          </div>
                          <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Ref#
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_transferId}}]
                              </div>
                          </div>
                      </div>
                      <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                          Receiver Information
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Mobile:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_senderMobile}}
                              </div>
                          </div>
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Name:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_senderName}}
                              </div>
                          </div>
                      </div>

                     <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Address:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{snd_tmt_senderAddress}}
                              </div>
                          </div>
                      </div>

                      <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                          Sender Information
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Mobile:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_receiverMobile}}
                              </div>
                          </div>

                         <!-- <div ng-hide="hideReceivingAgent" class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:115px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Receiving Agent:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{rcv_tmt_receivingAgent}}
                              </div>
                          </div> -->
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Name:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_receiverName}}
                              </div>
                          </div>
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Address:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_receiverAddress}}
                              </div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <!--<div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Amount:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{tmt_amount}}
                              </div>
                          </div>-->
                          <div class="col-left" style="display: inline-block;width: 49%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Amount:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;"><span style="color: #626262;">  Total Amount:</span> {{tmt_amount}}</div>
                          </div>
                          <div class="col-left" style="display: inline-block;width: 22%;">
                              <div class="lebel" style="width: 45px;display:inline-block;color: #626262;">
                                  Comm:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;">{{tmt_comm}}</div>
                          </div>
                          <div class="col-left" style="display: inline-block;width: 26%;">
                              <div class="lebel" style="width: 85px;display:inline-block;color: #626262;">
                                  Net Amount:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;"> {{tmt_netAmount}}</div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Description:
                              </div>
                              <div class="value" style="display: inline-block;word-wrap: break-word;color: #949494;width: 78%;vertical-align: top;">
                                  {{tmt_description}}
                              </div>
                          </div>
                      </div>

                      <div class="signature_wrap">

                          <div class="sign_right" style="margin-top: 25px; width: 33%; text-align: center; display: inline-block; margin-left: 27%;">
                              <hr />
                              <div>Customer Signature</div>
                          </div>
                      </div>

              <div class="terms_wrap" style="border: 1px dashed; padding: 10px;margin-top:10px;">
              <div class="terms_heading" style="text-align: center; margin-bottom: 10px;">Terms & Conditions</div>
              <div class="terms" style="font-size:9px;">
                  1) {{ brandName }}  will not take any responsibility for delays or delivery failure as a result of mistakes in information.<br />
                  2) In case of cancellation will be refunded at the market rate with cancellation fee.
              </div>
          </div>
      </div>
                      <div class="section_seperator" style="margin-top: 10px; margin-bottom: 10px; border-top: 3px dashed;"></div>

                  </div>
              <div class="container" style="width:670px;margin:0 auto;font-family: Verdana,Geneva,sans-serif; font-size:12px;color: #626262;">
                  <div class="section">
                      <div class="header" style="height:46px;background:#f6f6f6;">
                          <div class="title" style="font-size: 14px; padding-top: 13px; margin-left: 20px; display: inline-block;">
                              <!--{{user.productBrand}}-->  Move-Money-From-Cashier
                          </div>
                          <!--<div class="logo" style="display: inline-block; text-align: right; float: right; padding-top: 6px; margin-right: 10px;">
                              <img src="img/myaccount/receipt_logo_evcplus.png" width="139" height="34" />
                          </div>-->
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <!--<div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Agent:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  ({{user.name}})
                              </div>
                          </div> -->
                          <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Date:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_time}}]
                              </div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Transfer Id:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_transferId}}] <!--[ {{tmt_agentPUID}} ] [ {{tmt_agentNo}} ]-->
                              </div>
                          </div>
                          <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Ref#
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_transferId}}]
                              </div>
                          </div>
                      </div>
                      <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                          Receiver Information
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Mobile:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_senderMobile}}
                              </div>
                          </div>
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Name:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_senderName}}
                              </div>
                          </div>
                      </div>

                     <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Address:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{snd_tmt_senderAddress}}
                              </div>
                          </div>
                      </div>

                      <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                          Sender Information
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Mobile:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_receiverMobile}}
                              </div>
                          </div>

                         <!-- <div ng-hide="hideReceivingAgent" class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:115px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Receiving Agent:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{rcv_tmt_receivingAgent}}
                              </div>
                          </div> -->
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Name:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_receiverName}}
                              </div>
                          </div>
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Address:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_receiverAddress}}
                              </div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <!--<div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Amount:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{tmt_amount}}
                              </div>
                          </div>-->
                          <div class="col-left" style="display: inline-block;width: 49%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Amount:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;"><span style="color: #626262;"> Total Amount:</span> {{tmt_amount}}</div>
                          </div>
                          <div class="col-left" style="display: inline-block;width: 22%;">
                              <div class="lebel" style="width: 45px;display:inline-block;color: #626262;">
                                  Comm:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;">{{tmt_comm}}</div>
                          </div>
                          <div class="col-left" style="display: inline-block;width: 26%;">
                              <div class="lebel" style="width: 85px;display:inline-block;color: #626262;">
                                  Net Amount:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;"> {{tmt_netAmount}}</div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Description:
                              </div>
                              <div class="value" style="display: inline-block;word-wrap: break-word;color: #949494;width: 78%;vertical-align: top;">
                                  {{tmt_description}}
                              </div>
                          </div>
                      </div>

                      <div class="signature_wrap">

                          <div class="sign_right" style="margin-top: 25px; width: 33%; text-align: center; display: inline-block; margin-left: 27%;">
                              <hr />
                              <div>Customer Signature</div>
                          </div>
                      </div>

              <div class="terms_wrap" style="border: 1px dashed; padding: 10px;margin-top:10px;">
              <div class="terms_heading" style="text-align: center; margin-bottom: 10px;">Terms & Conditions</div>
              <div class="terms" style="font-size:9px;">
                  1) {{ brandName }}  will not take any responsibility for delays or delivery failure as a result of mistakes in information.<br />
                  2) In case of cancellation will be refunded at the market rate with cancellation fee.
              </div>
          </div>
      </div>
                      <!--<div class="section_seperator" style="margin-top: 10px; margin-bottom: 10px; border-top: 3px dashed;"></div>-->

                  </div>     <!--end container-->
              </div>
          </div>
      </div>
    </script>

    <script type="text/ng-template" id="templates/add-device.html">
          <div class="row">
          <div class="col-lg-6 col-lg-offset-3">
              <div class="ajaxsection">
                  <form name="form" id="add-device" class="form-horizontal ">
                      <fieldset>

                            <div class="col-lg-12">
                                  <div class="form-group">
                                     <label class="col-lg-4 ">{{'DEVICE_NAME' | translate}} </label>
                                      <div class="col-lg-8">
                                          <input type="tel" autocomplete="off" list="list" name="deviceName" ng-model="obj.deviceName" required class="form-control">
                                      </div>
                                  </div>
                            </div>

                            <div class="col-lg-12">
                                  <div class="form-group">
                                     <label class="col-lg-4 ">{{'MODEL' | translate}} </label>
                                      <div class="col-lg-8">
                                          <input type="tel" autocomplete="off" list="list" name="model" ng-model="obj.model" required class="form-control">
                                      </div>
                                  </div>
                            </div>

                            <div class="col-lg-12">
                                  <div class="form-group">
                                     <label class="col-lg-4 ">{{'SERIAL_NUMBER' | translate}} </label>
                                      <div class="col-lg-8">
                                          <input type="tel" autocomplete="off" list="list" name="serialNumber" ng-model="obj.serialNumber" required class="form-control">
                                      </div>
                                  </div>
                            </div>

                            <div class="col-lg-12">
                                  <div class="form-group">
                                     <label class="col-lg-4 ">{{'VENDOR' | translate}} </label>
                                      <div class="col-lg-8">
                                          <input type="tel" autocomplete="off" list="list" name="vendor" ng-model="obj.vendor" required class="form-control">
                                      </div>
                                  </div>
                            </div>

                           <div class="col-lg-12">
                                  <div class="col-lg-8 col-lg-8 col-lg-offset-4 submit_btn_wrap">
                                      <button ng-disabled= "isPosEnabled" class="btn btn-primary btn-block" type="submit"> {{'ADD_DEVICE' | translate}} </button>
                                  </div>
                           </div>

                          <div class="col-sm-12">
                              <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                              <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
                          </div>
                      </fieldset>
                  </form>
              </div>
          </div>

      <div class="row" id="tmtTransfer_receipt" style="display:none;">

          <div class="row">
              <div class="row action_buttons">
                  <div class="col-sm-12 col-md-12 col-lg-10 col-lg-offset-1">
                      <div class="pull-right">
                          <a href="javascript:void(0);" class="btn btn-default" ng-click="printDiv('tmt_receipt_content')"><i class="fa fa-print"></i> Print</a>
                          <a href="javascript:void(0);" class="btn btn-default" ng-click="goBack_requests()"> Go Back</a>
                      </div>
                  </div>
              </div>
          </div>

          <div class="row" id="tmt_receipt_content">
              <!--end buttons-->

              <div class="container" style="width:670px;margin:0 auto;font-family: Verdana,Geneva,sans-serif; font-size:12px;color: #626262;">
                  <div class="section">
                      <div class="header" style="height:46px;background:#f6f6f6;">
                          <div class="title" style="font-size: 14px; padding-top: 13px; margin-left: 20px; display: inline-block;">
                              <!--{{user.productBrand}}-->  Freind Airtime Recharge
                          </div>
                          <!--<div class="logo" style="display: inline-block; text-align: right; float: right; padding-top: 6px; margin-right: 10px;">
                              <img src="img/myaccount/receipt_logo_evcplus.png" width="139" height="34" />
                          </div>-->
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <!--<div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Agent:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  ({{user.name}})
                              </div>
                          </div> -->
                          <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Date:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_time}}]
                              </div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Transfer Id:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_transferId}}] <!--[ {{tmt_agentPUID}} ] [ {{tmt_agentNo}} ]-->
                              </div>
                          </div>
                          <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Ref#
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_transferId}}]
                              </div>
                          </div>
                      </div>
                      <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                          Sender Information
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Mobile:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_senderMobile}}
                              </div>
                          </div>
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Name:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_senderName}}
                              </div>
                          </div>
                      </div>

                     <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Address:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{snd_tmt_senderAddress}}
                              </div>
                          </div>
                      </div>

                      <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                          Receiver Information
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Mobile:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_receiverMobile}}
                              </div>
                          </div>

                         <!-- <div ng-hide="hideReceivingAgent" class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:115px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Receiving Agent:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{rcv_tmt_receivingAgent}}
                              </div>
                          </div> -->
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Name:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_receiverName}}
                              </div>
                          </div>
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Address:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_receiverAddress}}
                              </div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <!--<div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Amount:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{tmt_amount}}
                              </div>
                          </div>-->
                          <div class="col-left" style="display: inline-block;width: 49%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Amount:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;"><span style="color: #626262;"> Total Amount:</span> {{tmt_amount}}</div>
                          </div>
                          <div class="col-left" style="display: inline-block;width: 22%;">
                              <div class="lebel" style="width: 45px;display:inline-block;color: #626262;">
                                  Comm:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;">{{tmt_comm}}</div>
                          </div>
                          <div class="col-left" style="display: inline-block;width: 26%;">
                              <div class="lebel" style="width: 85px;display:inline-block;color: #626262;">
                                  Net Amount:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;"> {{tmt_netAmount}}</div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Description:
                              </div>
                              <div class="value" style="display: inline-block;word-wrap: break-word;color: #949494;width: 78%;vertical-align: top;">
                                  {{tmt_description}}
                              </div>
                          </div>
                      </div>

                      <div class="signature_wrap">

                          <div class="sign_right" style="margin-top: 25px; width: 33%; text-align: center; display: inline-block; margin-left: 27%;">
                              <hr />
                              <div>Customer Signature</div>
                          </div>
                      </div>

              <div class="terms_wrap" style="border: 1px dashed; padding: 10px;margin-top:10px;">
              <div class="terms_heading" style="text-align: center; margin-bottom: 10px;">Terms & Conditions</div>
              <div class="terms" style="font-size:9px;">
                  1) {{ brandName }}  will not take any responsibility for delays or delivery failure as a result of mistakes in information.<br />
                  2) In case of cancellation will be refunded at the market rate with cancellation fee.
              </div>
          </div>
      </div>
                      <div class="section_seperator" style="margin-top: 10px; margin-bottom: 10px; border-top: 3px dashed;"></div>

                  </div>     <!--end container-->
              </div>
          </div>
      </div>
    </script>

    <!-- <script type="text/ng-template" id="templates/activity-report.html">


      <div class="row">
          <div class="col-lg-6 col-lg-offset-3">
              <div class="ajaxsection reports">
                  <form name="form" id="activity-report" class="form-horizontal ">
                      <fieldset>

                          <div ng-hide="user.isAccountsLengthOne" class="col-lg-12">
                              <div class="form-group">
                                  <label class="col-lg-4 ">{{'MERCHANT_ACCOUNT' | translate}} </label>
                                  <div class="col-lg-8">
                                      <select class="form-control" name="accountId" ng-init="generateAccounts()" ng-model="obj.accountId" ng-change="currentBalance=''" required ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}">

                                      </select>
                                  </div>
                              </div>
                          </div>



                          <div class="col-lg-12">
                              <div class="form-group mobile-form-group my_calender">
                                  <label class="col-lg-4 ">{{'START_DATE' | translate}} </label>
                                  <div class="col-lg-8 ">
                                      <div class='input-group date'>
                                          <input class="form-control" type="text" name="customerActivityStartDate" ng-model="obj.customerActivityStartDate" list="list" jqdatepicker1 required>
                                          <span class="input-group-addon"><span i class="glyphicon glyphicon-calendar"></i></span></span>
                                      </div>
                                  </div>
                              </div>
                          </div>

                          <div class="col-lg-12">
                              <div class="form-group mobile-form-group my_calender">
                                  <label class="col-lg-4 ">{{'END_DATE' | translate}} </label>
                                  <div class="col-lg-8">
                                      <div class='input-group date'>
                                          <input class="form-control" type="text" name="customerActivityEndDate" ng-model="obj.customerActivityEndDate" list="list" jqdatepicker2 required>
                                          <span class="input-group-addon"><span i class="glyphicon glyphicon-calendar"></i></span></span>
                                      </div>
                                  </div>
                              </div>
                          </div>


                          <div class="col-lg-12">
                              <div class="col-lg-8 col-lg-8 col-lg-offset-4 submit_btn_wrap">
                                  <button class="btn btn-primary btn-block" ng-disabled="disableSubmitBtn" type="submit"> {{'VIEW_REPORT' | translate}} </button>
                              </div>
                          </div>



                          <div class="form-group">
                              <div class="col-sm-8">
                                  <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                                  <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
                              </div>


                          </div>
                      </fieldset>
                  </form>
              </div>
          </div>
      </div>



      <div ng-show="activityReport" id="wid-id-two">



          <div class="well ajaxsection">
              <div class="row">

                  <div class="col-md-12 col-lg-12">

                      <div class="description-detail activity-detail simple-desc">
                          <div class="col-lg-6">
                              <span>{{'MERCHANT_ACCOUNT' | translate}}: </span>{{obj.accountId}}
                          </div>
                          <div class="col-lg-6">
                              <span class="col-lg-offset-5">{{'START_DATE' | translate}}:</span>{{obj.customerActivityStartDate}}
                          </div>

                          <div class="col-lg-6">
                              <span>{{'MERCHANT_NAME' | translate}}: </span>{{user.name}}
                          </div>
                          <div class="col-lg-6">
                              <span class="col-lg-offset-5">{{'END_DATE' | translate}}: </span>{{obj.customerActivityEndDate}}
                          </div>

                          <div class="col-lg-6">
                              <span>{{'BALANCE' | translate}}: </span>{{bal}}
                          </div>


                      </div>
                  </div>
              </div>
          </div>

          <div id="reportHead" style="display: none;">
              <div class="well ajaxsection">
                  <div class="row">
                      <div class="col-md-12 col-lg-12">
                          <div class="rpt-description-detail activity-detail simple-desc" style="margin-bottom: 20px;">
                              <div class="col-lg-12 text-center" style="width: 1024px;text-align: center;">
                                  <span class="rpt_title_name" style="font-size:22px;font-weight: bold;margin-bottom: 10px;" id="rpt_title_name"> </span> <br>
                                  <span class="rpt_title_name" style="font-size:18px;font-weight: bold;margin-bottom: 10px;"> Account Activity Report</span>
                              </div>
                              <div style="width: 1024px;margin-top: 5px;">

                                  <div class="" style="width:492px;display: inline-block;">
                                      <span class="rpt_title" style="font-weight: bold;width: 105px;margin right: 20px;display: inline-block;">{{'Cust Acc' | translate}}: </span><span class="account_number">{{obj.accountId}}</span>
                                  </div>

                                  <div class="" style="width:492px; display: inline-block;text-align: right; ">
                                      <span class="rpt_title" style="font-weight: bold;width: 105px;margin-right: 20px;display: inline-block;">{{'START_DATE' | translate}}:</span><span class="start_date">{{obj.customerActivityStartDate}}</span>
                                  </div>
                              </div>


                              <div style="width: 1024px;margin-top: 5px;">

                                  <div class="" style="width:492px;display: inline-block;">
                                      <span class="rpt_title" style="font-weight: bold;width: 105px;margin right: 20px;display: inline-block;">{{'Cust Name' | translate}}: </span><span class="account_number">{{user.name}}</span>
                                  </div>

                                  <div class="" style="width:492px; display: inline-block;text-align: right; ">
                                      <span class="rpt_title" style="font-weight: bold;width: 105px;margin-right: 20px;display: inline-block;">{{'END_DATE' | translate}}:</span><span class="start_date">{{obj.customerActivityEndDate}}</span>
                                  </div>
                              </div>


                              <div style="width: 1024px;margin-top: 5px;">

                                  <div class="" style="width:492px;display: inline-block;">
                                      <span class="rpt_title" style="font-weight: bold;width: 105px;margin right: 20px;display: inline-block;">{{'BALANCE' | translate}}: </span><span id="balance"></span>
                                  </div>
                              </div>
                          </div>
                      </div>
                  </div>
              </div>
          </div>


          <div class="row action_buttons">
              <div class="col-sm-12 col-md-12 col-lg-12">
                  <div class="pull-right">
                      <a href="javascript:void(0);" class="btn btn-default" class="btn btn-default btn-xs" type="button" ng-click="searchAgain()">Search again</a>
                  </div>
              </div>
          </div>


          <div class="jarviswidget jarviswidget-color-darken" data-widget-editbutton="false">

              <header><span class="widget-icon"> <i class="fa fa-table"></i> </span>
                  <h2>{{'MERCHANT_ACTIVITY_REPORT' | translate}} </h2>
              </header>


              <div>


                  <div class="jarviswidget-editbox">


                  </div>


                  <div class="widget-body no-padding">
                    <div class="table-responsive">
                      <table id="datatable_tabletools" class="table table-striped table-bordered table-hover" bFilter='false' width="100%">
                          <thead>
                              <tr>
                                  <th data-class="expand">{{'TRANSFERID' | translate}} </th>
                                  <th data-class="expand">{{'TRANSACTIONID' | translate}} </th>
                                  <th data-class="expand">{{'TRANSFERDATE' | translate}} </th>
                                  <th data-class="expand">{{'DESCRIPTION' | translate}} </th>
                                  <th data-class="expand">{{'OTHERPARTYACCOUNT' | translate}} </th>
                                  <th data-class="expand">{{'DEBIT' | translate}} </th>
                                  <th data-class="expand">{{'CREDIT' | translate}} </th>
                                  <th data-class="expand">{{'BALANCE' | translate}} </th>
                              </tr>
                          </thead>
                          <tbody>
                          </tbody>
                      </table>
                    </div>
                  </div>


              </div>

          </div>
      </div>
    </script> -->
    <script type="text/ng-template" id="templates/activity-report.html">

      <!--First Div-->
      <div class="row">
          <div class="col-lg-6 col-lg-offset-3">
              <div class="ajaxsection reports">
                  <form name="form" id="activity-report" class="form-horizontal ">
                      <fieldset>

                          <div ng-hide="user.isAccountsLengthOne" class="col-lg-12">
                              <div class="form-group">
                                  <label class="col-lg-4 ">{{'MERCHANT_ACCOUNT' | translate}} </label>
                                  <div class="col-lg-8">
                                      <select id="select-1" class="form-control" name="accountId" ng-init="generateAccounts()" ng-model="obj.accountId" ng-change="currentBalance=''" required ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}">

                                      </select>
                                  </div>
                              </div>
                          </div>



                          <div class="col-lg-12">
                              <div class="form-group mobile-form-group my_calender">
                                  <label class="col-lg-4 ">{{'START_DATE' | translate}} </label>
                                  <div class="col-lg-8 ">
                                      <div class='input-group date'>
                                          <input class="form-control" type="text" name="customerActivityStartDate" ng-model="obj.customerActivityStartDate" list="list" jqdatepicker1 required>
                                          <span class="input-group-addon"><span i class="glyphicon glyphicon-calendar"></i></span></span>
                                      </div>
                                  </div>
                              </div>
                          </div>

                          <div class="col-lg-12">
                              <div class="form-group mobile-form-group my_calender">
                                  <label class="col-lg-4 ">{{'END_DATE' | translate}} </label>
                                  <div class="col-lg-8">
                                      <div class='input-group date'>
                                          <input class="form-control" type="text" name="customerActivityEndDate" ng-model="obj.customerActivityEndDate" list="list" jqdatepicker2 required>
                                          <span class="input-group-addon"><span i class="glyphicon glyphicon-calendar"></i></span></span>
                                      </div>
                                  </div>
                              </div>
                          </div>


                          <div class="col-lg-12">
                              <div class="col-lg-8 col-lg-8 col-lg-offset-4 submit_btn_wrap">
                                  <button class="btn btn-primary btn-block" ng-disabled="disableSubmitBtn" type="submit"> {{'VIEW_REPORT' | translate}} </button>
                              </div>
                          </div>

                          <!-- Widget ID (each widget will need unique ID)-->

                          <!-- end widget -->

                          <div class="form-group">
                              <div class="col-sm-8">
                                  <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                                  <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
                              </div>


                          </div>
                      </fieldset>
                  </form>
              </div>
          </div>
      </div>

      <!--Second Div-->

      <div ng-show="activityReport" id="wid-id-two">



          <div class="well ajaxsection">
              <div class="row">

                  <div class="col-md-12 col-lg-12">

                      <div class="description-detail activity-detail simple-desc">
                          <div class="col-lg-6">
                              <span>{{'MERCHANT_ACCOUNT' | translate}}: </span>{{obj.accountId}}
                          </div>
                          <div class="col-lg-6">
                              <span class="col-lg-offset-5">{{'START_DATE' | translate}}:</span>{{obj.customerActivityStartDate}}
                          </div>

                          <div class="col-lg-6">
                              <span>{{'MERCHANT_NAME' | translate}}: </span>{{user.name}}
                          </div>
                          <div class="col-lg-6">
                              <span class="col-lg-offset-5">{{'END_DATE' | translate}}: </span>{{obj.customerActivityEndDate}}
                          </div>

                          <div class="col-lg-6">
                              <span>{{'BALANCE' | translate}}: </span>{{bal}}
                          </div>
                          <div class="col-lg-6">
                              <span class="col-lg-offset-5">{{'TOTAL_DEBIT' | translate}}:</span>{{totalDebit}}
                            </div>

                            <div class="col-lg-6">

                          </div>

                            <div class="col-lg-6">
                              <span class="col-lg-offset-5" >{{'TOTAL_CREDIT' | translate}}:</span>{{totalCredit}}
                            </div>


                      </div>
                  </div>
              </div>
          </div>

          <div id="reportHead" style="display: none;">
              <div class="well ajaxsection">
                  <div class="row">
                      <div class="col-md-12 col-lg-12">
                          <div class="rpt-description-detail activity-detail simple-desc" style="margin-bottom: 20px;">
                              <div class="col-lg-12 text-center" style="width: 1024px;text-align: center;">
                                  <span class="rpt_title_name" style="font-size:22px;font-weight: bold;margin-bottom: 10px;" id="rpt_title_name"> </span> <br>
                                  <span class="rpt_title_name" style="font-size:18px;font-weight: bold;margin-bottom: 10px;"> Account Activity Report</span>
                              </div>
                              <div style="width: 1024px;margin-top: 5px;">

                                  <div class="" style="width:492px;display: inline-block;">
                                      <span class="rpt_title" style="font-weight: bold;width: 105px;margin right: 20px;display: inline-block;">{{'Cust Acc' | translate}}: </span><span class="account_number">{{obj.accountId}}</span>
                                  </div>

                                  <div class="" style="width:492px; display: inline-block;text-align: right; ">
                                      <span class="rpt_title" style="font-weight: bold;width: 105px;margin-right: 20px;display: inline-block;">{{'START_DATE' | translate}}:</span><span class="start_date">{{obj.customerActivityStartDate}}</span>
                                  </div>
                              </div>


                              <div style="width: 1024px;margin-top: 5px;">

                                  <div class="" style="width:492px;display: inline-block;">
                                      <span class="rpt_title" style="font-weight: bold;width: 105px;margin right: 20px;display: inline-block;">{{'Cust Name' | translate}}: </span><span class="account_number">{{user.name}}</span>
                                  </div>

                                  <div class="" style="width:492px; display: inline-block;text-align: right; ">
                                      <span class="rpt_title" style="font-weight: bold;width: 105px;margin-right: 20px;display: inline-block;">{{'END_DATE' | translate}}:</span><span class="start_date">{{obj.customerActivityEndDate}}</span>
                                  </div>
                              </div>


                              <div style="width: 1024px;margin-top: 5px;">

                                  <div class="" style="width:492px;display: inline-block;">
                                      <span class="rpt_title" style="font-weight: bold;width: 105px;margin right: 20px;display: inline-block;">{{'BALANCE' | translate}}: </span><span id="balance"></span>
                                  </div>
                              </div>
                          </div>
                      </div>
                  </div>
              </div>
          </div>


          <div class="row action_buttons"  id="hidePrint">
              <div class="col-sm-12 col-md-12 col-lg-12">
                  <div class="pull-right">
                      <a href="javascript:void(0);" class="btn btn-default" class="btn btn-default btn-xs" type="button" ng-click="searchAgain()">Search again</a>
                  </div>
              </div>
          </div>


          <div class="jarviswidget jarviswidget-color-darken" data-widget-editbutton="false">



              <header><span class="widget-icon"> <i class="fa fa-table"></i> </span>
            <h2>{{'MERCHANT_ACTIVITY_REPORT' | translate}} </h2>
          </header>



               <div class="DTTT btn-group " id="hidePrint2" >

                      <div class=" col-md-2 col-xs-12 col-sm-6">

                      <div class="form-group has-feedback has-search ">
                        <span class="glyphicon glyphicon-search form-control-feedback"></span>
                        <input type="text" ng-model='searchString' ng-change="searchText()" class="form-control" placeholder="Search">
                      </div>

                      </div>

                      <div class="col-md-10 col-xs-12 col-sm-6">
                  <button class="btn btn-default" id="ToolTables_datatable_tabletools_0" style="float:right; " ng-click="exportExcel()"><span>Excel</span></button>
                  <button class="btn btn-default" id="ToolTables_datatable_tabletools_1" style="float:right;margin-bottom:10px " ng-click="printData()"><span>Print</span></button>

                </div>

                </div>


              <!-- widget div-->
              <div>

                  <!-- widget edit box -->
                  <div class="jarviswidget-editbox">
                      <!-- This area used as dropdown edit box -->

                  </div>
                  <!-- end widget edit box -->

                  <!-- widget content -->
                  <!-- id="datatable_tabletools" -->


                  <div class="widget-body no-padding">
                    <div class="table-responsive">
                      <table  class="table table-striped table-bordered table-hover" bFilter='false' width="100%">
                          <thead>
                              <tr>
                                  <th data-class="expand">{{'TRANSFERID' | translate}} </th>
                                  <th data-class="expand">{{'TRANSACTIONID' | translate}} </th>
                                  <th data-class="expand">{{'TRANSFERDATE' | translate}} </th>
                                  <th data-class="expand">{{'DESCRIPTION' | translate}} </th>
                                  <th data-class="expand">{{'OTHERPARTYACCOUNT' | translate}} </th>
                                  <th data-class="expand">{{'DEBIT' | translate}} </th>
                                  <th data-class="expand">{{'CREDIT' | translate}} </th>
                                  <th data-class="expand">{{'BALANCE' | translate}} </th>
                              </tr>
                          </thead>
                          <tbody>
                            <tr  dt-rows ng-repeat="report in activityReport">
                                <td>{{ report.TRANSFERID }}</td>
                                <td>{{ report.TRANSACTIONID }}</td>
                                <td>{{ report.TRANSFERDATE }}</td>
                                <td style="width:25%;" >{{ report.DESCRIPTION }}</td>
                                <td>{{ report.OTHERPARTYACCOUNT }}</td>
                                <td>{{ report.DEBIT }}</td>
                                <td>{{ report.CREDIT }}</td>
                                <td>{{ report.BALANCE }}</td>
                             </tr>
                            <tr ng-show="showTotals">
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td> <strong>Period Totals</strong></td>
                                <td><strong>{{ totalPeriodDebit.toFixed(2) }}</strong></td>
                                <td> <strong>{{ totalPeriodCredit.toFixed(2) }} </strong></td>
                                <td></td>
                             </tr>
                            <tr ng-show="showTotals">
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td> <strong>Grand Totals</strong></td>
                                <td><strong>{{ totalGrandDebit.toFixed(2) }}</strong></td>
                                <td> <strong>{{ totalGrandCredit.toFixed(2) }} </strong></td>
                                <td> <strong>{{ totalGrandBalance.toFixed(2) }} </strong></td>
                             </tr>
                          </tbody>
                      </table>

                    </div>

                  </div>

                  <div class="row" id="hidePrint3">
                  <div class="col-md-4 col-sm-4 col-xs-12">
                    <strong style="float:left; margin-top:20px; margin-bottom:10px;">Showing  {{firstRow}} to {{lastRow}} of {{totalRecodrs}} entries </strong>

                  </div>

                  <div class="col-md-8 col-sm-8 col-xs-12">
                  <div style="float:right; margin-top:20px; margin-bottom:10px;">
                    <button ng-disabled="disablePrevios" class="btn btn-default" ng-click="getNextRecord(PreviosItem)"><span>Previous</span></button>

                    <button  class="btn btn-default " ng-repeat="item in currentArrayOfItems " ng-click="getNextRecord(item)" ng-class="{active : activebtn === item.value}"><span>{{item.val}}</span></button>
                    <button ng-disabled="disableNext" class="btn btn-default" ng-click="getNextRecord(nextItem)"><span>Next</span></button>
                 </div>

                </div>
                </div>

                  <!-- end widget content -->

              </div>
              <!-- end widget div -->
          </div>
      </div> <!-- end second div -->
    </script>
    <script type="text/ng-template" id="template/top-customer-report.html">

      <!--First Div-->
      <div class="row">
          <div class="col-lg-6 col-lg-offset-3">
              <div class="ajaxsection reports">
                  <form name="form" id="top-customer-report" class="form-horizontal ">
                      <fieldset>

                          <div ng-hide="user.isAccountsLengthOne" class="col-lg-12">
                              <div class="form-group">
                                  <label class="col-lg-4 ">{{'MERCHANT_ACCOUNT' | translate}} </label>
                                  <div class="col-lg-8">
                                      <select id="select-1" class="form-control" name="accountId" ng-init="generateAccounts()" ng-model="obj.accountId" ng-change="currentBalance=''" required ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}">

                                      </select>
                                  </div>
                              </div>
                          </div>
                          <div  class="col-lg-12">
                            <div class="form-group">
                                <label class="col-lg-4 ">{{'SALES_TYPE' | translate}} </label>
                                <div class="col-lg-8">
                                    <select id="select-1" ng-init="1"  class="form-control"  name="salesType" ng-model="obj.salesType">
                                      <option  ng-selected="obj.salesType" value="0">Highest Sales Revenue</option>
                                      <option value="1" > Highest Sales Frequency</option>

                                    </select>
                                </div>
                            </div>
                        </div>


                          <div class="col-lg-12">
                              <div class="form-group mobile-form-group my_calender">
                                  <label class="col-lg-4 ">{{'START_DATE' | translate}} </label>
                                  <div class="col-lg-8 ">
                                      <div class='input-group date'>
                                          <input class="form-control" type="text" name="customerActivityStartDate" ng-model="obj.customerActivityStartDate" list="list" jqdatepicker1 required>
                                          <span class="input-group-addon"><span i class="glyphicon glyphicon-calendar"></i></span></span>
                                      </div>
                                  </div>
                              </div>
                          </div>

                          <div class="col-lg-12">
                              <div class="form-group mobile-form-group my_calender">
                                  <label class="col-lg-4 ">{{'END_DATE' | translate}} </label>
                                  <div class="col-lg-8">
                                      <div class='input-group date'>
                                          <input class="form-control" type="text" name="customerActivityEndDate" ng-model="obj.customerActivityEndDate" list="list" jqdatepicker2 required>
                                          <span class="input-group-addon"><span i class="glyphicon glyphicon-calendar"></i></span></span>
                                      </div>
                                  </div>
                              </div>
                          </div>


                          <div class="col-lg-12">
                              <div class="col-lg-8 col-lg-8 col-lg-offset-4 submit_btn_wrap">
                                  <button class="btn btn-primary btn-block" ng-disabled="disableSubmitBtn" type="submit"> {{'VIEW_REPORT' | translate}} </button>
                              </div>
                          </div>

                          <!-- Widget ID (each widget will need unique ID)-->

                          <!-- end widget -->

                          <div class="form-group">
                              <div class="col-sm-8">
                                  <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                                  <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
                              </div>


                          </div>
                      </fieldset>
                  </form>
              </div>
          </div>
      </div>

      <!--Second Div-->

      <div ng-show="activityReport" id="wid-id-two">



          <div class="well ajaxsection">
              <div class="row">

                  <div class="col-md-12 col-lg-12">

                      <div class="description-detail activity-detail simple-desc">
                          <div class="col-lg-6">
                              <span>{{'MERCHANT_ACCOUNT' | translate}}: </span>{{obj.accountId}}
                          </div>
                          <div class="col-lg-6">
                              <span class="col-lg-offset-5">{{'START_DATE' | translate}}:</span>{{obj.customerActivityStartDate}}
                          </div>

                          <div class="col-lg-6">
                              <span>{{'MERCHANT_NAME' | translate}}: </span>{{user.name}}
                          </div>
                          <div class="col-lg-6">
                              <span class="col-lg-offset-5">{{'END_DATE' | translate}}: </span>{{obj.customerActivityEndDate}}
                          </div>

                          <!-- <div class="col-lg-6">
                              <span>{{'BALANCE' | translate}}: </span>{{bal}}
                          </div> -->


                      </div>
                  </div>
              </div>
          </div>

          <div id="reportHead" style="display: none;">
              <div class="well ajaxsection">
                  <div class="row">
                      <div class="col-md-12 col-lg-12">
                          <div class="rpt-description-detail activity-detail simple-desc" style="margin-bottom: 20px;">
                              <div class="col-lg-12 text-center" style="width: 1024px;text-align: center;">
                                  <span class="rpt_title_name" style="font-size:22px;font-weight: bold;margin-bottom: 10px;" id="rpt_title_name"> </span> <br>
                                  <span class="rpt_title_name" style="font-size:18px;font-weight: bold;margin-bottom: 10px;"> Account Activity Report</span>
                              </div>
                              <div style="width: 1024px;margin-top: 5px;">

                                  <div class="" style="width:492px;display: inline-block;">
                                      <span class="rpt_title" style="font-weight: bold;width: 105px;margin right: 20px;display: inline-block;">{{'Cust Acc' | translate}}: </span><span class="account_number">{{obj.accountId}}</span>
                                  </div>

                                  <div class="" style="width:492px; display: inline-block;text-align: right; ">
                                      <span class="rpt_title" style="font-weight: bold;width: 105px;margin-right: 20px;display: inline-block;">{{'START_DATE' | translate}}:</span><span class="start_date">{{obj.customerActivityStartDate}}</span>
                                  </div>
                              </div>


                              <div style="width: 1024px;margin-top: 5px;">

                                  <div class="" style="width:492px;display: inline-block;">
                                      <span class="rpt_title" style="font-weight: bold;width: 105px;margin right: 20px;display: inline-block;">{{'Cust Name' | translate}}: </span><span class="account_number">{{user.name}}</span>
                                  </div>

                                  <div class="" style="width:492px; display: inline-block;text-align: right; ">
                                      <span class="rpt_title" style="font-weight: bold;width: 105px;margin-right: 20px;display: inline-block;">{{'END_DATE' | translate}}:</span><span class="start_date">{{obj.customerActivityEndDate}}</span>
                                  </div>
                              </div>


                              <div style="width: 1024px;margin-top: 5px;">

                                  <div class="" style="width:492px;display: inline-block;">
                                      <span class="rpt_title" style="font-weight: bold;width: 105px;margin right: 20px;display: inline-block;">{{'BALANCE' | translate}}: </span><span id="balance"></span>
                                  </div>
                              </div>
                          </div>
                      </div>
                  </div>
              </div>
          </div>


          <div class="row action_buttons">
              <div class="col-sm-12 col-md-12 col-lg-12">
                  <div class="pull-right">
                      <a href="javascript:void(0);" class="btn btn-default" class="btn btn-default btn-xs" type="button" ng-click="searchAgain()">Search again</a>
                  </div>
              </div>
          </div>


          <div class="jarviswidget jarviswidget-color-darken" data-widget-editbutton="false">

              <header><span class="widget-icon"> <i class="fa fa-table"></i> </span>
                  <h2>{{'TOP-CUTOMERS-REPORT' | translate}} </h2>
              </header>

              <!-- widget div-->
              <div>

                  <!-- widget edit box -->
                  <div class="jarviswidget-editbox">
                      <!-- This area used as dropdown edit box -->

                  </div>
                  <!-- end widget edit box -->

                  <!-- widget content -->

                  <div class="widget-body no-padding">
                    <div class="table-responsive">
                      <table id="datatable_tabletools" class="table table-striped table-bordered table-hover" bFilter='false' width="100%">
                          <thead>
                              <tr>
                                  <th data-class="expand">{{'TRANSECTIONID' | translate}} </th>
                                  <th data-class="expand">{{'SALES_FREQUESNCY' | translate}} </th>
                                  <th data-class="expand">{{'TOTAL_SALES_AMOUNT' | translate}} </th>
                                  <!-- <th data-class="expand">{{'DATE_PERIOD' | translate}} </th> -->
                              </tr>
                          </thead>
                          <tbody>
                          </tbody>
                      </table>
                    </div>
                  </div>
                  <!-- end widget content -->

              </div>
              <!-- end widget div -->
          </div>
      </div> <!-- end second div -->
    </script>

    <script type="text/ng-template" id="template/daily-peak-sales-report.html">

      <!--First Div-->
      <div class="row">
          <div class="col-lg-6 col-lg-offset-3">
              <div class="ajaxsection reports">
                  <form name="form" id="daily-peak-sales-report" class="form-horizontal ">
                      <fieldset>

                          <div ng-hide="user.isAccountsLengthOne" class="col-lg-12">
                              <div class="form-group">
                                  <label class="col-lg-4 ">{{'MERCHANT_ACCOUNT' | translate}} </label>
                                  <div class="col-lg-8">
                                      <select id="select-1" class="form-control" name="accountId" ng-init="generateAccounts()" ng-model="obj.accountId" ng-change="currentBalance=''" required ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}">

                                      </select>
                                  </div>
                              </div>
                          </div>
                          <div  class="col-lg-12">
                            <div class="form-group">
                                <label class="col-lg-4 ">{{'SALECT_TYPE' | translate}} </label>
                                <div class="col-lg-8">
                                    <select id="select-1" ng-init="1"  class="form-control"  name="type" ng-model="obj.type">
                                      <option  ng-selected="obj.type" value="0">Daily Peak Sales</option>
                                      <option value="1" >Hourly Peak Sales</option>
                                    </select>
                                </div>
                            </div>
                        </div>


                          <div class="col-lg-12">
                              <div class="form-group mobile-form-group my_calender">
                                  <label class="col-lg-4 ">{{'START_DATE' | translate}} </label>
                                  <div class="col-lg-8 ">
                                      <div class='input-group date'>
                                          <input class="form-control" type="text" name="customerActivityStartDate" ng-model="obj.customerActivityStartDate" list="list" jqdatepicker1 required>
                                          <span class="input-group-addon"><span i class="glyphicon glyphicon-calendar"></i></span></span>
                                      </div>
                                  </div>
                              </div>
                          </div>

                          <div class="col-lg-12">
                              <div class="form-group mobile-form-group my_calender">
                                  <label class="col-lg-4 ">{{'END_DATE' | translate}} </label>
                                  <div class="col-lg-8">
                                      <div class='input-group date'>
                                          <input class="form-control" type="text" name="customerActivityEndDate" ng-model="obj.customerActivityEndDate" list="list" jqdatepicker2 required>
                                          <span class="input-group-addon"><span i class="glyphicon glyphicon-calendar"></i></span></span>
                                      </div>
                                  </div>
                              </div>
                          </div>


                          <div class="col-lg-12">
                              <div class="col-lg-8 col-lg-8 col-lg-offset-4 submit_btn_wrap">
                                  <button class="btn btn-primary btn-block" ng-disabled="disableSubmitBtn" type="submit"> {{'VIEW_REPORT' | translate}} </button>
                              </div>
                          </div>

                          <!-- Widget ID (each widget will need unique ID)-->

                          <!-- end widget -->

                          <div class="form-group">
                              <div class="col-sm-8">
                                  <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                                  <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
                              </div>


                          </div>
                      </fieldset>
                  </form>
              </div>
          </div>
      </div>

      <!--Second Div-->

      <div ng-show="daliyPeakReport" id="wid-id-two">



          <div class="well ajaxsection">
              <div class="row">

                  <div class="col-md-12 col-lg-12">

                      <div class="description-detail activity-detail simple-desc">
                          <div class="col-lg-6">
                              <span>{{'MERCHANT_ACCOUNT' | translate}}: </span>{{obj.accountId}}
                          </div>
                          <div class="col-lg-6">
                              <span class="col-lg-offset-5">{{'START_DATE' | translate}}:</span>{{obj.customerActivityStartDate}}
                          </div>

                          <div class="col-lg-6">
                              <span>{{'MERCHANT_NAME' | translate}}: </span>{{user.name}}
                          </div>
                          <div class="col-lg-6">
                              <span class="col-lg-offset-5">{{'END_DATE' | translate}}: </span>{{obj.customerActivityEndDate}}
                          </div>

                          <!-- <div class="col-lg-6">
                              <span>{{'BALANCE' | translate}}: </span>{{bal}}
                          </div> -->


                      </div>
                  </div>
              </div>
          </div>

          <div id="reportHead" style="display: none;">
              <div class="well ajaxsection">
                  <div class="row">
                      <div class="col-md-12 col-lg-12">
                          <div class="rpt-description-detail activity-detail simple-desc" style="margin-bottom: 20px;">
                              <div class="col-lg-12 text-center" style="width: 1024px;text-align: center;">
                                  <span class="rpt_title_name" style="font-size:22px;font-weight: bold;margin-bottom: 10px;" id="rpt_title_name"> </span> <br>
                                  <span class="rpt_title_name" style="font-size:18px;font-weight: bold;margin-bottom: 10px;"> Account Activity Report</span>
                              </div>
                              <div style="width: 1024px;margin-top: 5px;">

                                  <div class="" style="width:492px;display: inline-block;">
                                      <span class="rpt_title" style="font-weight: bold;width: 105px;margin right: 20px;display: inline-block;">{{'Cust Acc' | translate}}: </span><span class="account_number">{{obj.accountId}}</span>
                                  </div>

                                  <div class="" style="width:492px; display: inline-block;text-align: right; ">
                                      <span class="rpt_title" style="font-weight: bold;width: 105px;margin-right: 20px;display: inline-block;">{{'START_DATE' | translate}}:</span><span class="start_date">{{obj.customerActivityStartDate}}</span>
                                  </div>
                              </div>


                              <div style="width: 1024px;margin-top: 5px;">

                                  <div class="" style="width:492px;display: inline-block;">
                                      <span class="rpt_title" style="font-weight: bold;width: 105px;margin right: 20px;display: inline-block;">{{'Cust Name' | translate}}: </span><span class="account_number">{{user.name}}</span>
                                  </div>

                                  <div class="" style="width:492px; display: inline-block;text-align: right; ">
                                      <span class="rpt_title" style="font-weight: bold;width: 105px;margin-right: 20px;display: inline-block;">{{'END_DATE' | translate}}:</span><span class="start_date">{{obj.customerActivityEndDate}}</span>
                                  </div>
                              </div>


                              <div style="width: 1024px;margin-top: 5px;">

                                  <div class="" style="width:492px;display: inline-block;">
                                      <span class="rpt_title" style="font-weight: bold;width: 105px;margin right: 20px;display: inline-block;">{{'BALANCE' | translate}}: </span><span id="balance"></span>
                                  </div>
                              </div>
                          </div>
                      </div>
                  </div>
              </div>
          </div>


          <div class="row action_buttons">
              <div class="col-sm-12 col-md-12 col-lg-12">
                  <div class="pull-right">
                      <a href="javascript:void(0);" class="btn btn-default" class="btn btn-default btn-xs" type="button" ng-click="searchAgain()">Search again</a>
                  </div>
              </div>
          </div>


          <div class="jarviswidget jarviswidget-color-darken" data-widget-editbutton="false">

              <header><span class="widget-icon"> <i class="fa fa-table"></i> </span>
                  <h2>{{'DAILY_PEAK_SALES_REPORT' | translate}} </h2>
              </header>

              <!-- widget div-->
              <div>

                  <!-- widget edit box -->
                  <div class="jarviswidget-editbox">
                      <!-- This area used as dropdown edit box -->

                  </div>
                  <!-- end widget edit box -->

                  <!-- widget content -->

                  <div class="widget-body no-padding">
                    <div class="table-responsive">
                      <table id="datatable_tabletools" class="table table-striped table-bordered table-hover" bFilter='false' width="100%">
                          <thead>
                              <tr>
                                  <!-- <th data-class="expand">{{'DAILY_PEAK_SALES' | translate}} </th> -->
                                  <th  data-class="expand">{{peakSalesName}}</th>
                                  <th data-class="expand">{{'NOOF_TRANS' | translate}} </th>
                                  <th data-class="expand">{{'TOTAL_AMOUNT' | translate}} </th>

                              </tr>
                          </thead>
                          <tbody>
                          </tbody>
                      </table>
                    </div>
                  </div>
                  <!-- end widget content -->

              </div>
              <!-- end widget div -->
          </div>
      </div> <!-- end second div -->
    </script>
    <script type="text/ng-template" id="template/acquiredCustomersReport-customers-report.html">

      <!--First Div-->
      <div class="row">
          <div class="col-lg-6 col-lg-offset-3">
              <div class="ajaxsection reports">
                  <form name="form" id="acquired-customers-report" class="form-horizontal ">
                      <fieldset>

                          <div ng-hide="user.isAccountsLengthOne" class="col-lg-12">
                              <div class="form-group">
                                  <label class="col-lg-4 ">{{'MERCHANT_ACCOUNT' | translate}} </label>
                                  <div class="col-lg-8">
                                      <select id="select-1" class="form-control" name="accountId" ng-init="generateAccounts()" ng-model="obj.accountId" ng-change="currentBalance=''" required ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}">

                                      </select>
                                  </div>
                              </div>
                          </div>



                          <div class="col-lg-12">
                              <div class="form-group mobile-form-group my_calender">
                                  <label class="col-lg-4 ">{{'START_DATE' | translate}} </label>
                                  <div class="col-lg-8 ">
                                      <div class='input-group date'>
                                          <input class="form-control" type="text" name="customerActivityStartDate" ng-model="obj.customerActivityStartDate" list="list" jqdatepicker1 required>
                                          <span class="input-group-addon"><span i class="glyphicon glyphicon-calendar"></i></span></span>
                                      </div>
                                  </div>
                              </div>
                          </div>

                          <div class="col-lg-12">
                              <div class="form-group mobile-form-group my_calender">
                                  <label class="col-lg-4 ">{{'END_DATE' | translate}} </label>
                                  <div class="col-lg-8">
                                      <div class='input-group date'>
                                          <input class="form-control" type="text" name="customerActivityEndDate" ng-model="obj.customerActivityEndDate" list="list" jqdatepicker2 required>
                                          <span class="input-group-addon"><span i class="glyphicon glyphicon-calendar"></i></span></span>
                                      </div>
                                  </div>
                              </div>
                          </div>


                          <div class="col-lg-12">
                              <div class="col-lg-8 col-lg-8 col-lg-offset-4 submit_btn_wrap">
                                  <button class="btn btn-primary btn-block" ng-disabled="disableSubmitBtn" type="submit"> {{'VIEW_REPORT' | translate}} </button>
                              </div>
                          </div>

                          <!-- Widget ID (each widget will need unique ID)-->

                          <!-- end widget -->

                          <div class="form-group">
                              <div class="col-sm-8">
                                  <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                                  <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
                              </div>


                          </div>
                      </fieldset>
                  </form>
              </div>
          </div>
      </div>

      <!--Second Div-->

      <div ng-show="acquiredCustomersReport" id="wid-id-two">



          <div class="well ajaxsection">
              <div class="row">

                  <div class="col-md-12 col-lg-12">

                      <div class="description-detail activity-detail simple-desc">
                          <div class="col-lg-6">
                              <span>{{'MERCHANT_ACCOUNT' | translate}}: </span>{{obj.accountId}}
                          </div>
                          <div class="col-lg-6">
                              <span class="col-lg-offset-5">{{'START_DATE' | translate}}:</span>{{obj.customerActivityStartDate}}
                          </div>

                          <div class="col-lg-6">
                              <span>{{'MERCHANT_NAME' | translate}}: </span>{{user.name}}
                          </div>
                          <div class="col-lg-6">
                              <span class="col-lg-offset-5">{{'END_DATE' | translate}}: </span>{{obj.customerActivityEndDate}}
                          </div>

                          <!-- <div class="col-lg-6">
                              <span>{{'BALANCE' | translate}}: </span>{{bal}}
                          </div> -->


                      </div>
                  </div>
              </div>
          </div>

          <div id="reportHead" style="display: none;">
              <div class="well ajaxsection">
                  <div class="row">
                      <div class="col-md-12 col-lg-12">
                          <div class="rpt-description-detail activity-detail simple-desc" style="margin-bottom: 20px;">
                              <div class="col-lg-12 text-center" style="width: 1024px;text-align: center;">
                                  <span class="rpt_title_name" style="font-size:22px;font-weight: bold;margin-bottom: 10px;" id="rpt_title_name"> </span> <br>
                                  <span class="rpt_title_name" style="font-size:18px;font-weight: bold;margin-bottom: 10px;"> Account Activity Report</span>
                              </div>
                              <div style="width: 1024px;margin-top: 5px;">

                                  <div class="" style="width:492px;display: inline-block;">
                                      <span class="rpt_title" style="font-weight: bold;width: 105px;margin right: 20px;display: inline-block;">{{'Cust Acc' | translate}}: </span><span class="account_number">{{obj.accountId}}</span>
                                  </div>

                                  <div class="" style="width:492px; display: inline-block;text-align: right; ">
                                      <span class="rpt_title" style="font-weight: bold;width: 105px;margin-right: 20px;display: inline-block;">{{'START_DATE' | translate}}:</span><span class="start_date">{{obj.customerActivityStartDate}}</span>
                                  </div>
                              </div>


                              <div style="width: 1024px;margin-top: 5px;">

                                  <div class="" style="width:492px;display: inline-block;">
                                      <span class="rpt_title" style="font-weight: bold;width: 105px;margin right: 20px;display: inline-block;">{{'Cust Name' | translate}}: </span><span class="account_number">{{user.name}}</span>
                                  </div>

                                  <div class="" style="width:492px; display: inline-block;text-align: right; ">
                                      <span class="rpt_title" style="font-weight: bold;width: 105px;margin-right: 20px;display: inline-block;">{{'END_DATE' | translate}}:</span><span class="start_date">{{obj.customerActivityEndDate}}</span>
                                  </div>
                              </div>


                              <div style="width: 1024px;margin-top: 5px;">

                                  <div class="" style="width:492px;display: inline-block;">
                                      <span class="rpt_title" style="font-weight: bold;width: 105px;margin right: 20px;display: inline-block;">{{'BALANCE' | translate}}: </span><span id="balance"></span>
                                  </div>
                              </div>
                          </div>
                      </div>
                  </div>
              </div>
          </div>


          <div class="row action_buttons">
              <div class="col-sm-12 col-md-12 col-lg-12">
                  <div class="pull-right">
                      <a href="javascript:void(0);" class="btn btn-default" class="btn btn-default btn-xs" type="button" ng-click="searchAgain()">Search again</a>
                  </div>
              </div>
          </div>


          <div class="jarviswidget jarviswidget-color-darken" data-widget-editbutton="false">

              <header><span class="widget-icon"> <i class="fa fa-table"></i> </span>
                  <h2>{{'ACQUIRED_CUSTOMERS_REPORT' | translate}} </h2>
              </header>

              <!-- widget div-->
              <div>

                  <!-- widget edit box -->
                  <div class="jarviswidget-editbox">
                      <!-- This area used as dropdown edit box -->

                  </div>
                  <!-- end widget edit box -->

                  <!-- widget content -->

                  <div class="widget-body no-padding">
                    <div class="table-responsive">
                      <table id="datatable_tabletools" class="table table-striped table-bordered table-hover" bFilter='false' width="100%">
                          <thead>
                              <tr>
                                  <th  data-class="expand">{{'SUBSCRIPTION_ID' | translate}} </th>
                                  <th data-class="expand">{{'ACQUIRED_DATE' | translate}} </th>
                                  <th data-class="expand">{{'ACQUIRED_TRANSFER_ID' | translate}} </th>
                                  <!-- <th data-class="expand">{{'BRANCH_UID' | translate}} </th>
                                  <th data-class="expand">{{'BRANCH_NAME' | translate}} </th> -->
                              </tr>
                          </thead>
                          <tbody>
                          </tbody>
                      </table>
                    </div>
                  </div>
                  <!-- end widget content -->

              </div>
              <!-- end widget div -->
          </div>
      </div> <!-- end second div -->
    </script>
    <script type="text/ng-template" id="template/lostCustomersReport-customers-report.html">

      <!--First Div-->
      <div class="row">
          <div class="col-lg-6 col-lg-offset-3">
              <div class="ajaxsection reports">
                  <form name="form" id="lost-customers-report" class="form-horizontal ">
                      <fieldset>

                          <div ng-hide="user.isAccountsLengthOne" class="col-lg-12">
                              <div class="form-group">
                                  <label class="col-lg-4 ">{{'MERCHANT_ACCOUNT' | translate}} </label>
                                  <div class="col-lg-8">
                                      <select id="select-1" class="form-control" name="accountId" ng-init="generateAccounts()" ng-model="obj.accountId" ng-change="currentBalance=''" required ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}">

                                      </select>
                                  </div>
                              </div>
                          </div>



                          <div class="col-lg-12">
                              <div class="form-group mobile-form-group my_calender">
                                  <label class="col-lg-4 ">{{'START_DATE' | translate}} </label>
                                  <div class="col-lg-8 ">
                                      <div class='input-group date'>
                                          <input class="form-control" type="text" name="customerActivityStartDate" ng-model="obj.customerActivityStartDate" list="list" jqdatepicker1 required>
                                          <span class="input-group-addon"><span i class="glyphicon glyphicon-calendar"></i></span></span>
                                      </div>
                                  </div>
                              </div>
                          </div>

                          <div class="col-lg-12">
                              <div class="form-group mobile-form-group my_calender">
                                  <label class="col-lg-4 ">{{'END_DATE' | translate}} </label>
                                  <div class="col-lg-8">
                                      <div class='input-group date'>
                                          <input class="form-control" type="text" name="customerActivityEndDate" ng-model="obj.customerActivityEndDate" list="list" jqdatepicker2 required>
                                          <span class="input-group-addon"><span i class="glyphicon glyphicon-calendar"></i></span></span>
                                      </div>
                                  </div>
                              </div>
                          </div>


                          <div class="col-lg-12">
                              <div class="col-lg-8 col-lg-8 col-lg-offset-4 submit_btn_wrap">
                                  <button class="btn btn-primary btn-block" ng-disabled="disableSubmitBtn" type="submit"> {{'VIEW_REPORT' | translate}} </button>
                              </div>
                          </div>

                          <!-- Widget ID (each widget will need unique ID)-->

                          <!-- end widget -->

                          <div class="form-group">
                              <div class="col-sm-8">
                                  <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                                  <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
                              </div>


                          </div>
                      </fieldset>
                  </form>
              </div>
          </div>
      </div>

      <!--Second Div-->

      <div ng-show="lostCustomersReport" id="wid-id-two">



          <div class="well ajaxsection">
              <div class="row">

                  <div class="col-md-12 col-lg-12">

                      <div class="description-detail activity-detail simple-desc">
                          <div class="col-lg-6">
                              <span>{{'MERCHANT_ACCOUNT' | translate}}: </span>{{obj.accountId}}
                          </div>
                          <div class="col-lg-6">
                              <span class="col-lg-offset-5">{{'START_DATE' | translate}}:</span>{{obj.customerActivityStartDate}}
                          </div>

                          <div class="col-lg-6">
                              <span>{{'MERCHANT_NAME' | translate}}: </span>{{user.name}}
                          </div>
                          <div class="col-lg-6">
                              <span class="col-lg-offset-5">{{'END_DATE' | translate}}: </span>{{obj.customerActivityEndDate}}
                          </div>

                          <!-- <div class="col-lg-6">
                              <span>{{'BALANCE' | translate}}: </span>{{bal}}
                          </div> -->


                      </div>
                  </div>
              </div>
          </div>

          <div id="reportHead" style="display: none;">
              <div class="well ajaxsection">
                  <div class="row">
                      <div class="col-md-12 col-lg-12">
                          <div class="rpt-description-detail activity-detail simple-desc" style="margin-bottom: 20px;">
                              <div class="col-lg-12 text-center" style="width: 1024px;text-align: center;">
                                  <span class="rpt_title_name" style="font-size:22px;font-weight: bold;margin-bottom: 10px;" id="rpt_title_name"> </span> <br>
                                  <span class="rpt_title_name" style="font-size:18px;font-weight: bold;margin-bottom: 10px;"> Account Activity Report</span>
                              </div>
                              <div style="width: 1024px;margin-top: 5px;">

                                  <div class="" style="width:492px;display: inline-block;">
                                      <span class="rpt_title" style="font-weight: bold;width: 105px;margin right: 20px;display: inline-block;">{{'Cust Acc' | translate}}: </span><span class="account_number">{{obj.accountId}}</span>
                                  </div>

                                  <div class="" style="width:492px; display: inline-block;text-align: right; ">
                                      <span class="rpt_title" style="font-weight: bold;width: 105px;margin-right: 20px;display: inline-block;">{{'START_DATE' | translate}}:</span><span class="start_date">{{obj.customerActivityStartDate}}</span>
                                  </div>
                              </div>


                              <div style="width: 1024px;margin-top: 5px;">

                                  <div class="" style="width:492px;display: inline-block;">
                                      <span class="rpt_title" style="font-weight: bold;width: 105px;margin right: 20px;display: inline-block;">{{'Cust Name' | translate}}: </span><span class="account_number">{{user.name}}</span>
                                  </div>

                                  <div class="" style="width:492px; display: inline-block;text-align: right; ">
                                      <span class="rpt_title" style="font-weight: bold;width: 105px;margin-right: 20px;display: inline-block;">{{'END_DATE' | translate}}:</span><span class="start_date">{{obj.customerActivityEndDate}}</span>
                                  </div>
                              </div>


                              <div style="width: 1024px;margin-top: 5px;">

                                  <div class="" style="width:492px;display: inline-block;">
                                      <span class="rpt_title" style="font-weight: bold;width: 105px;margin right: 20px;display: inline-block;">{{'BALANCE' | translate}}: </span><span id="balance"></span>
                                  </div>
                              </div>
                          </div>
                      </div>
                  </div>
              </div>
          </div>


          <div class="row action_buttons">
              <div class="col-sm-12 col-md-12 col-lg-12">
                  <div class="pull-right">
                      <a href="javascript:void(0);" class="btn btn-default" class="btn btn-default btn-xs" type="button" ng-click="searchAgain()">Search again</a>
                  </div>
              </div>
          </div>


          <div class="jarviswidget jarviswidget-color-darken" data-widget-editbutton="false">

              <header><span class="widget-icon"> <i class="fa fa-table"></i> </span>
                  <h2>{{'LOST_CUSTOMERS_REPORT' | translate}} </h2>
              </header>

              <!-- widget div-->
              <div>

                  <!-- widget edit box -->
                  <div class="jarviswidget-editbox">
                      <!-- This area used as dropdown edit box -->

                  </div>
                  <!-- end widget edit box -->

                  <!-- widget content -->

                  <div class="widget-body no-padding">
                    <div class="table-responsive">
                      <table id="datatable_tabletools" class="table table-striped table-bordered table-hover" bFilter='false' width="100%">
                          <thead>
                              <tr>
                                  <th  data-class="expand">{{'SUBSCRIPTION_ID' | translate}} </th>
                                  <th data-class="expand">{{'LAST_PURCHUSE_DATE' | translate}} </th>
                                  <th data-class="expand">{{'LAST_TRANSFER_ID' | translate}} </th>
                                  <!-- <th data-class="expand">{{'BRANCH_UID' | translate}} </th>
                                  <th data-class="expand">{{'BRANCH_NAME' | translate}} </th> -->
                              </tr>
                          </thead>
                          <tbody>
                          </tbody>

                      </table>
                    </div>
                  </div>
                  <!-- end widget content -->

              </div>
              <!-- end widget div -->
          </div>
      </div> <!-- end second div -->
    </script>

    <script type="text/ng-template" id="templates/custom-bill-activity-report.html">

      <!--First Div-->
      <div class="row">
          <div class="col-lg-6 col-lg-offset-3">
              <div class="ajaxsection reports">
                  <form name="form" id="activity-report" class="form-horizontal ">
                      <fieldset>

                          <div ng-hide="user.isAccountsLengthOne" class="col-lg-12">
                              <div class="form-group">
                                  <label class="col-lg-4 ">{{'MERCHANT_ACCOUNT' | translate}} </label>
                                  <div class="col-lg-8">
                                      <select class="form-control" name="accountId" ng-init="generateAccounts()" ng-model="obj.accountId" ng-change="currentBalance=''" required ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}">

                                      </select>
                                  </div>
                              </div>
                          </div>



                          <div class="col-lg-12">
                              <div class="form-group mobile-form-group my_calender">
                                  <label class="col-lg-4 ">{{'START_DATE' | translate}} </label>
                                  <div class="col-lg-8 ">
                                      <div class='input-group date'>
                                          <input class="form-control" type="text" name="customerActivityStartDate" ng-model="obj.customerActivityStartDate" list="list" jqdatepicker1 required>
                                          <span class="input-group-addon"><span i class="glyphicon glyphicon-calendar"></i></span></span>
                                      </div>
                                  </div>
                              </div>
                          </div>

                          <div class="col-lg-12">
                              <div class="form-group mobile-form-group my_calender">
                                  <label class="col-lg-4 ">{{'END_DATE' | translate}} </label>
                                  <div class="col-lg-8">
                                      <div class='input-group date'>
                                          <input class="form-control" type="text" name="customerActivityEndDate" ng-model="obj.customerActivityEndDate" list="list" jqdatepicker2 required>
                                          <span class="input-group-addon"><span i class="glyphicon glyphicon-calendar"></i></span></span>
                                      </div>
                                  </div>
                              </div>
                          </div>


                          <div class="col-lg-12">
                              <div class="col-lg-8 col-lg-8 col-lg-offset-4 submit_btn_wrap">
                                  <button class="btn btn-primary btn-block" ng-disabled="disableSubmitBtn" type="submit"> {{'VIEW_REPORT' | translate}} </button>
                              </div>
                          </div>

                          <!-- Widget ID (each widget will need unique ID)-->

                          <!-- end widget -->

                          <div class="form-group">
                              <div class="col-sm-8">
                                  <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                                  <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
                              </div>


                          </div>
                      </fieldset>
                  </form>
              </div>
          </div>
      </div>

      <!--Second Div-->

      <div ng-show="activityReport" id="wid-id-two">



          <div class="well ajaxsection">
              <div class="row">

                  <div class="col-md-12 col-lg-12">

                      <div class="description-detail activity-detail simple-desc">
                          <div class="col-lg-6">
                              <span>{{'MERCHANT_ACCOUNT' | translate}}: </span>{{obj.accountId}}
                          </div>
                          <div class="col-lg-6">
                              <span class="col-lg-offset-5">{{'START_DATE' | translate}}:</span>{{obj.customerActivityStartDate}}
                          </div>

                          <div class="col-lg-6">
                              <span>{{'MERCHANT_NAME' | translate}}: </span>{{user.name}}
                          </div>
                          <div class="col-lg-6">
                              <span class="col-lg-offset-5">{{'END_DATE' | translate}}: </span>{{obj.customerActivityEndDate}}
                          </div>
                      </div>
                  </div>
              </div>
          </div>

          <div id="reportHead" style="display: none;">
              <div class="well ajaxsection">
                  <div class="row">
                      <div class="col-md-12 col-lg-12">
                          <div class="rpt-description-detail activity-detail simple-desc" style="margin-bottom: 20px;">
                              <div class="col-lg-12 text-center" style="width: 1024px;text-align: center;">
                                  <span class="rpt_title_name" style="font-size:22px;font-weight: bold;margin-bottom: 10px;" id="rpt_title_name"> </span> <br>
                                  <span class="rpt_title_name" style="font-size:18px;font-weight: bold;margin-bottom: 10px;"> Account Activity Report</span>
                              </div>
                              <div style="width: 1024px;margin-top: 5px;">

                                  <div class="" style="width:492px;display: inline-block;">
                                      <span class="rpt_title" style="font-weight: bold;width: 105px;margin right: 20px;display: inline-block;">{{'Cust Acc' | translate}}: </span><span class="account_number">{{obj.accountId}}</span>
                                  </div>

                                  <div class="" style="width:492px; display: inline-block;text-align: right; ">
                                      <span class="rpt_title" style="font-weight: bold;width: 105px;margin-right: 20px;display: inline-block;">{{'START_DATE' | translate}}:</span><span class="start_date">{{obj.customerActivityStartDate}}</span>
                                  </div>
                              </div>


                              <div style="width: 1024px;margin-top: 5px;">

                                  <div class="" style="width:492px;display: inline-block;">
                                      <span class="rpt_title" style="font-weight: bold;width: 105px;margin right: 20px;display: inline-block;">{{'Cust Name' | translate}}: </span><span class="account_number">{{user.name}}</span>
                                  </div>

                                  <div class="" style="width:492px; display: inline-block;text-align: right; ">
                                      <span class="rpt_title" style="font-weight: bold;width: 105px;margin-right: 20px;display: inline-block;">{{'END_DATE' | translate}}:</span><span class="start_date">{{obj.customerActivityEndDate}}</span>
                                  </div>
                              </div>
                          </div>
                      </div>
                  </div>
              </div>
          </div>


          <div class="row action_buttons">
              <div class="col-sm-12 col-md-12 col-lg-12">
                  <div class="pull-right">
                      <a href="javascript:void(0);" class="btn btn-default" class="btn btn-default btn-xs" type="button" ng-click="searchAgain()">Search again</a>
                  </div>
              </div>
          </div>


          <div class="jarviswidget jarviswidget-color-darken" data-widget-editbutton="false">
              <!-- widget options:
                              usage: <div class="jarviswidget" id="wid-id-two" data-widget-editbutton="false">

                              data-widget-colorbutton="false"
                              data-widget-editbutton="false"
                              data-widget-togglebutton="false"
                              data-widget-deletebutton="false"
                              data-widget-fullscreenbutton="false"
                              data-widget-custombutton="false"
                              data-widget-collapsed="true"
                              data-widget-sortable="false"


                              -->



              <header><span class="widget-icon"> <i class="fa fa-table"></i> </span>
                  <h2>{{'ACTIVITY_REPORT' | translate}} </h2>
              </header>

              <!-- widget div-->
              <div>

                  <!-- widget edit box -->
                  <div class="jarviswidget-editbox">
                      <!-- This area used as dropdown edit box -->

                  </div>
                  <!-- end widget edit box -->

                  <!-- widget content -->

                  <div class="widget-body no-padding">
                    <div class="table-responsive">
                      <table id="datatable_tabletools" class="table table-striped table-bordered table-hover" bFilter='false' width="100%">
                          <thead>
                              <tr>
                                <th data-class="expand">{{'NAME' | translate}} </th>
                                <th data-class="expand">{{'MOBILE_NUMBER' | translate}} </th>
                                <th data-class="expand">{{'TRANSFERDATE' | translate}} </th>
                                <th data-class="expand">{{'SMART_CARD_NUMBER' | translate}} </th>
                                <th data-class="expand">{{'PACKAGE' | translate}} </th>
                                <th data-class="expand">{{'AMOUNT' | translate}} </th>
                                <th data-class="expand">{{'TRANSACTION_ID' | translate}} </th>
                                <th data-class="expand">{{'STATUSDESCRIPTION' | translate}} </th>
                                <th data-class="expand">{{'PAYMENT_MODE' | translate}} </th>
                              </tr>
                          </thead>
                          <tbody>
                          </tbody>
                      </table>
                    </div>
                  </div>
                  <!-- end widget content -->

              </div>
              <!-- end widget div -->
          </div>
      </div> <!-- end second div -->
    </script>

    <script type="text/ng-template" id="templates/get-cashier-activity-report.html">
              <div class="row">
        <div class="col-lg-6 col-lg-offset-3">
          <div class="ajaxsection reports">
            <form name="form" id="get-cashier-activity-report" class="form-horizontal ">
              <fieldset>

                          <div class="col-lg-12">
                              <div class="form-group mobile-form-group my_calender">
                                 <label class="col-lg-4 ">{{'START_DATE' | translate}} </label>
                                  <div class="col-lg-8 ">
                                     <div class='input-group date'>
                                       <input class="form-control" type="tel" name="customerActivityStartDate" ng-model="obj.customerActivityStartDate" list="list" jqdatepicker1 required>
                                         <span class="input-group-addon"><span i class="glyphicon glyphicon-calendar"></i></span></span>
                                  </div>
                                  </div>
                              </div>
                      </div>

                      <div class="col-lg-12">
                              <div class="form-group mobile-form-group my_calender">
                                 <label class="col-lg-4 ">{{'END_DATE' | translate}} </label>
                                  <div class="col-lg-8">
                                     <div class='input-group date'>
                                     <input class="form-control" type="tel" name="customerActivityEndDate" ng-model="obj.customerActivityEndDate" list="list" jqdatepicker2 required>
                              <span class="input-group-addon"><span i class="glyphicon glyphicon-calendar"></i></span></span>
                                      </div>
                                  </div>
                              </div>
                      </div>


                   <div class="col-lg-12">
                      <div class="col-lg-8 col-lg-8 col-lg-offset-4 submit_btn_wrap">
                          <button class="btn btn-primary btn-block"  ng-disabled="disableSubmitBtn"  type="submit"> {{'VIEW_REPORT' | translate}} </button>
                      </div>
                    </div>

                <!-- Widget ID (each widget will need unique ID)-->

      <!-- end widget -->

                  <div class="form-group">
                  <div class="col-sm-8">
                    <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                    <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
                  </div>


                </div>
              </fieldset>
            </form>
          </div>
        </div>
      </div>
        <div ng-show="cashierActivityReport" id="wid-id-two">
           <div id="reportHead" style="display: none;">
                  <div class="well ajaxsection">
                      <div class="row">
                          <div class="col-md-12 col-lg-12">
                              <div class="rpt-description-detail activity-detail simple-desc" style="margin-bottom: 20px;">
                                  <div class="col-lg-12 text-center" style="width: 1024px;text-align: center;">
                                       <span class="rpt_title_name" style="font-size:22px;font-weight: bold;margin-bottom: 10px;" id="rpt_title_name"> </span> <br>
                                      <span class="rpt_title_name" style="font-size:18px;font-weight: bold;margin-bottom: 10px;"> Account Activity Report</span>
                                  </div>
                                  <div style="width: 1024px;margin-top: 5px;">

                                      <div class="" style="width:492px;display: inline-block;">
                                          <span class="rpt_title" style="font-weight: bold;width: 105px;margin right: 20px;display: inline-block;">{{'Cust Acc' | translate}}: </span><span class="account_number">{{obj.accountId}}</span>
                                      </div>

                                      <div class="" style="width:492px; display: inline-block;text-align: right; ">
                                          <span class="rpt_title" style="font-weight: bold;width: 105px;margin-right: 20px;display: inline-block;">{{'START_DATE' | translate}}:</span><span class="start_date">{{obj.customerActivityStartDate}}</span>
                                      </div>
                                  </div>


                                  <div style="width: 1024px;margin-top: 5px;">

                                      <div class="" style="width:492px;display: inline-block;">
                                          <span class="rpt_title" style="font-weight: bold;width: 105px;margin right: 20px;display: inline-block;">{{'Cust Name' | translate}}: </span><span class="account_number">{{user.name}}</span>
                                      </div>

                                      <div class="" style="width:492px; display: inline-block;text-align: right; ">
                                          <span class="rpt_title" style="font-weight: bold;width: 105px;margin-right: 20px;display: inline-block;">{{'END_DATE' | translate}}:</span><span class="start_date">{{obj.customerActivityEndDate}}</span>
                                      </div>
                                  </div>


                                  <div style="width: 1024px;margin-top: 5px;">

                                      <div class="" style="width:492px;display: inline-block;">
                                          <span class="rpt_title" style="font-weight: bold;width: 105px;margin right: 20px;display: inline-block;">{{'BALANCE' | translate}}: </span><span id="balance"></span>
                                      </div>
                                  </div>
                              </div>
                          </div>
                      </div>
                  </div>
              </div>


          <div class="well ajaxsection">
            <div class="row">

                <div class="col-md-12 col-lg-12">

                        <div class="description-detail activity-detail simple-desc">
                            <!-- <div class="row"> -->
                             <div class="col-lg-6">
                               <span>{{'CASHIER_ACCOUNT' | translate}}: </span>{{custId}}
                             </div>
                             <div class="col-lg-6">
                               <span class="col-lg-offset-5">{{'START_DATE' | translate}}:</span>{{obj.customerActivityStartDate}}
                             </div>

                             <div class="col-lg-6">
                               <span>{{'CASHIER_NAME' | translate}}: </span>{{custName}}
                             </div>
                             <div class="col-lg-6">
                               <span class="col-lg-offset-5">{{'END_DATE' | translate}}: </span>{{obj.customerActivityEndDate}}
                             </div>
                            <!-- </div> -->
                            <!-- <div class="row"> -->

                              <div class="col-lg-6">
                               <span>{{'SUBSCRIPTION_ID' | translate}}: </span>{{partnerUID}}
                             </div>

                             <div class="col-lg-6">
                                <span class="col-lg-offset-5">{{'TOTAL_DEBIT' | translate}}:</span>{{totalDebit}}
                              </div>

                              <div class="col-lg-6">
                               <span>{{'CASHIER_BALANCE' | translate}}: </span>{{custBal }}
                             </div>
                             <div class="col-lg-6">
                                <span class="col-lg-offset-5" >{{'TOTAL_CREDIT' | translate}}:</span>{{totalCredit}}
                              </div>




                            <!-- </div> -->




                            </div>
                    </div>
                </div>
            </div>

             <div class="row action_buttons" id="hidePrint">
                                  <div class="col-sm-12 col-md-12 col-lg-12">
                                      <div class="pull-right">
                                          <a href="javascript:void(0);" class="btn btn-default" class="btn btn-default btn-xs" type = "button" ng-click="searchAgain()">Search again</a>
                                      </div>
                                  </div>
                       </div>

        <div  class="jarviswidget jarviswidget-color-darken" data-widget-editbutton="false">
        <!-- widget options:
                        usage: <div class="jarviswidget" id="wid-id-two" data-widget-editbutton="false">

                        data-widget-colorbutton="false"
                        data-widget-editbutton="false"
                        data-widget-togglebutton="false"
                        data-widget-deletebutton="false"
                        data-widget-fullscreenbutton="false"
                        data-widget-custombutton="false"
                        data-widget-collapsed="true"
                        data-widget-sortable="false"

                        -->


        <header><span class="widget-icon"> <i class="fa fa-table"></i> </span>
          <h2>{{'GET_CASHIER_ACTIVITY_REPORT' | translate}} </h2>
        </header>
        <div class="DTTT btn-group " id="hidePrint2" >

            <div class=" col-md-2 col-xs-12 col-sm-6">

            <div class="form-group has-feedback has-search ">
              <span class="glyphicon glyphicon-search form-control-feedback"></span>
              <input type="text" ng-model='searchString' ng-change="searchText()" class="form-control" placeholder="Search">
            </div>

            </div>

            <div class="col-md-10 col-xs-12 col-sm-6">
        <button class="btn btn-default" id="ToolTables_datatable_tabletools_0" style="float:right; " ng-click="exportExcel()"><span>Excel</span></button>
        <button class="btn btn-default" id="ToolTables_datatable_tabletools_1" style="float:right;margin-bottom:10px " ng-click="printData()"><span>Print</span></button>

      </div>

      </div>

        <!-- widget div-->
        <div>

          <!-- widget edit box -->
          <div class="jarviswidget-editbox">
            <!-- This area used as dropdown edit box -->

          </div>
          <!-- end widget edit box -->

          <!-- widget content -->

          <!-- <div class="widget-body no-padding">
            <div class="table-responsive">
                <table id="datatable_tabletools" class="table table-striped table-bordered table-hover" bFilter='false' width="100%">
                    <thead>
                    <tr>
                        <th data-class="expand">{{'TRANSFERID' | translate}} </th>
                        <th data-class="expand">{{'TRANSACTIONID' | translate}} </th>
                        <th data-class="expand">{{'TRANSFERDATE' | translate}} </th>
                        <th data-class="expand">{{'DESCRIPTION' | translate}} </th>
                        <th data-class="expand">{{'OTHERPARTYACCOUNT' | translate}} </th>
                        <th data-class="expand">{{'DEBIT' | translate}} </th>
                        <th data-class="expand">{{'CREDIT' | translate}} </th>
                        <th data-class="expand">{{'BALANCE' | translate}} </th>
                    </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
          </div> -->

          <div class="widget-body no-padding">
            <div class="table-responsive">
              <table  class="table table-striped table-bordered table-hover" bFilter='false' width="100%">
                  <thead>
                      <tr>
                          <th data-class="expand">{{'TRANSFERID' | translate}} </th>
                          <th data-class="expand">{{'TRANSACTIONID' | translate}} </th>
                          <th data-class="expand">{{'TRANSFERDATE' | translate}} </th>
                          <th data-class="expand">{{'DESCRIPTION' | translate}} </th>
                          <th data-class="expand">{{'OTHERPARTYACCOUNT' | translate}} </th>
                          <th data-class="expand">{{'DEBIT' | translate}} </th>
                          <th data-class="expand">{{'CREDIT' | translate}} </th>
                          <th data-class="expand">{{'BALANCE' | translate}} </th>
                      </tr>
                  </thead>
                  <tbody>
                    <tr  dt-rows ng-repeat="report in cashierActivityReport">
                        <td>{{ report.TRANSFERID }}</td>
                        <td>{{ report.TRANSACTIONID }}</td>
                        <td>{{ report.TRANSFERDATE }}</td>
                        <td style="width:25%;" >{{ report.DESCRIPTION }}</td>
                        <td>{{ report.OTHERPARTYACCOUNT }}</td>
                        <td>{{ report.DEBIT }}</td>
                        <td>{{ report.CREDIT }}</td>
                        <td>{{ report.BALANCE }}</td>
                     </tr>
                    <tr ng-show="showTotals">
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td> <strong>Period Totals</strong></td>
                        <td><strong>{{ totalPeriodDebit.toFixed(2) }}</strong></td>
                        <td> <strong>{{ totalPeriodCredit.toFixed(2) }} </strong></td>
                        <td></td>
                     </tr>
                    <tr ng-show="showTotals">
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td> <strong>Grand Totals</strong></td>
                        <td><strong>{{ totalGrandDebit.toFixed(2) }}</strong></td>
                        <td> <strong>{{ totalGrandCredit.toFixed(2) }} </strong></td>
                        <td> <strong>{{ totalGrandBalance.toFixed(2) }} </strong></td>
                     </tr>
                  </tbody>
              </table>

            </div>

          </div>

          <div class="row" id="hidePrint3">
            <div class="col-md-4 col-sm-4 col-xs-12">
              <strong style="float:left; margin-top:20px; margin-bottom:10px;">Showing  {{firstRow}} to {{lastRow}} of {{totalRecodrs}} entries </strong>

            </div>

            <div class="col-md-8 col-sm-8 col-xs-12">
            <div style="float:right; margin-top:20px; margin-bottom:10px;">
              <button ng-disabled="disablePrevios" class="btn btn-default" ng-click="getNextRecord(PreviosItem)"><span>Previous</span></button>

              <button  class="btn btn-default " ng-repeat="item in currentArrayOfItems" ng-click="getNextRecord(item)" ng-class="{active : activebtn === item.value}"><span>{{item.val}}</span></button>
              <button ng-disabled="disableNext" class="btn btn-default" ng-click="getNextRecord(nextItem)"><span>Next</span></button>
           </div>

          </div>
          </div>
          <!-- <div class="row" id="hidePrint3">
            <div class="col-md-6 col-sm-6 col-xs-12">
              <strong style="float:left; margin-top:20px; margin-bottom:10px;">Showing  {{numberOfRecord}} of {{totalRecodrs}} entries </strong>
            </div>

            <div class="col-md-6 col-sm-6 col-xs-12">
            <div style="float:right; margin-top:20px; margin-bottom:10px;">
              <button class="btn btn-default" ng-click="getNextRecord(0)"><span>Previous</span></button>

              <button ng-disabled="disableNext" class="btn btn-default" ng-click="getNextRecord(1)"><span>Next</span></button>
           </div>

          </div>
          </div> -->

          <!-- end widget content -->
        </div>
        </div>
        <!-- end widget div -->
      </div>
      </div>
    </script>

    <script type="text/ng-template" id="templates/cashier-activity-report.html">
              <div class="row">
        <div class="col-lg-6 col-lg-offset-3">
          <div class="ajaxsection reports">
            <form name="form" id="cashier-activity-report" class="form-horizontal ">
              <fieldset>

                  <div class="col-lg-12" ng-hide="user.isAccountsLengthOne">
                              <div class="form-group">
                                 <label class="col-lg-4 ">{{'CASHIER_ACCOUNT' | translate}} </label>
                                  <div class="col-lg-8">

                                        <select id="select-2" class="form-control" name="mmtAccountId" ng-init="generateAccounts()" ng-model="obj.accountId" required ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}" ng-change="setAccountId()">

                                  </select>
                                  </div>
                              </div>
                  </div>
                  <div class="col-lg-12">
                    <div class="form-group">
                       <label class="col-lg-4 ">{{'CASHIER_ACCOUNT' | translate}} </label>
                        <div class="col-lg-8">

                             <select id="select-2" class="form-control" name="cashierInfo" ng-model="obj.cashierInfo" required ng-options="subCashier as subCashier.NAME for subCashier in SubCashiersList" ng-change='updateReportName()'>
                                <option disabled="" selected="" value="">{{'SELECT_CASHIER' | translate}}</option>
                            </select>
                        </div>
                    </div>
        </div>



                          <div class="col-lg-12">
                              <div class="form-group mobile-form-group my_calender">
                                 <label class="col-lg-4 ">{{'START_DATE' | translate}} </label>
                                  <div class="col-lg-8 ">
                                     <div class='input-group date'>
                                       <input class="form-control" type="tel" name="customerActivityStartDate" ng-model="obj.customerActivityStartDate" list="list" jqdatepicker1 required>
                                         <span class="input-group-addon"><span i class="glyphicon glyphicon-calendar"></i></span></span>
                                  </div>
                                  </div>
                              </div>
                      </div>

                      <div class="col-lg-12">
                              <div class="form-group mobile-form-group my_calender">
                                 <label class="col-lg-4 ">{{'END_DATE' | translate}} </label>
                                  <div class="col-lg-8">
                                     <div class='input-group date'>
                                     <input class="form-control" type="tel" name="customerActivityEndDate" ng-model="obj.customerActivityEndDate" list="list" jqdatepicker2 required>
                              <span class="input-group-addon"><span i class="glyphicon glyphicon-calendar"></i></span></span>
                                      </div>
                                  </div>
                              </div>
                      </div>


                   <div class="col-lg-12">
                      <div class="col-lg-8 col-lg-8 col-lg-offset-4 submit_btn_wrap">
                          <button class="btn btn-primary btn-block"  ng-disabled="disableSubmitBtn"  type="submit"> {{'VIEW_REPORT' | translate}} </button>
                      </div>
                    </div>

                <!-- Widget ID (each widget will need unique ID)-->

      <!-- end widget -->

                  <div class="form-group">
                  <div class="col-sm-8">
                    <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                    <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
                  </div>


                </div>
              </fieldset>
            </form>
          </div>
        </div>
      </div>
        <div ng-show="cashierActivityReport" id="wid-id-two">
           <div id="reportHead" style="display: none;">
                  <div class="well ajaxsection">
                      <div class="row">
                          <div class="col-md-12 col-lg-12">
                              <div class="rpt-description-detail activity-detail simple-desc" style="margin-bottom: 20px;">
                                  <div class="col-lg-12 text-center" style="width: 1024px;text-align: center;">
                                       <span class="rpt_title_name" style="font-size:22px;font-weight: bold;margin-bottom: 10px;" id="rpt_title_name"> </span> <br>
                                      <span class="rpt_title_name" style="font-size:18px;font-weight: bold;margin-bottom: 10px;"> Account Activity Report</span>
                                  </div>
                                  <div style="width: 1024px;margin-top: 5px;">

                                      <div class="" style="width:492px;display: inline-block;">
                                          <span class="rpt_title" style="font-weight: bold;width: 105px;margin right: 20px;display: inline-block;">{{'Cust Acc' | translate}}: </span><span class="account_number">{{obj.accountId}}</span>
                                      </div>

                                      <div class="" style="width:492px; display: inline-block;text-align: right; ">
                                          <span class="rpt_title" style="font-weight: bold;width: 105px;margin-right: 20px;display: inline-block;">{{'START_DATE' | translate}}:</span><span class="start_date">{{obj.customerActivityStartDate}}</span>
                                      </div>
                                  </div>


                                  <div style="width: 1024px;margin-top: 5px;">

                                      <div class="" style="width:492px;display: inline-block;">
                                          <span class="rpt_title" style="font-weight: bold;width: 105px;margin right: 20px;display: inline-block;">{{'Cust Name' | translate}}: </span><span class="account_number">{{user.name}}</span>
                                      </div>

                                      <div class="" style="width:492px; display: inline-block;text-align: right; ">
                                          <span class="rpt_title" style="font-weight: bold;width: 105px;margin-right: 20px;display: inline-block;">{{'END_DATE' | translate}}:</span><span class="start_date">{{obj.customerActivityEndDate}}</span>
                                      </div>
                                  </div>


                                  <div style="width: 1024px;margin-top: 5px;">

                                      <div class="" style="width:492px;display: inline-block;">
                                          <span class="rpt_title" style="font-weight: bold;width: 105px;margin right: 20px;display: inline-block;">{{'BALANCE' | translate}}: </span><span id="balance"></span>
                                      </div>
                                  </div>
                              </div>
                          </div>
                      </div>
                  </div>
              </div>


          <div class="well ajaxsection">
            <div class="row">

                <div class="col-md-12 col-lg-12">

                        <div class="description-detail activity-detail simple-desc">
                            <!-- <div class="row"> -->
                             <div class="col-lg-6">
                               <span>{{'CASHIER_ACCOUNT' | translate}}: </span>{{custId}}
                             </div>
                             <div class="col-lg-6">
                               <span class="col-lg-offset-5">{{'START_DATE' | translate}}:</span>{{obj.customerActivityStartDate}}
                             </div>

                             <div class="col-lg-6">
                               <span>{{'CASHIER_NAME' | translate}}: </span>{{custName}}
                             </div>
                             <div class="col-lg-6">
                               <span class="col-lg-offset-5">{{'END_DATE' | translate}}: </span>{{obj.customerActivityEndDate}}
                             </div>
                            <!-- </div> -->
                            <!-- <div class="row"> -->

                              <div class="col-lg-6">
                               <span>{{'SUBSCRIPTION_ID' | translate}}: </span>{{partnerUID}}
                             </div>

                             <div class="col-lg-6">
                                <span class="col-lg-offset-5">{{'TOTAL_DEBIT' | translate}}:</span>{{totalDebit}}
                              </div>

                              <div class="col-lg-6">
                               <span>{{'CASHIER_BALANCE' | translate}}: </span>{{custBal }}
                             </div>
                             <div class="col-lg-6">
                                <span class="col-lg-offset-5" >{{'TOTAL_CREDIT' | translate}}:</span>{{totalCredit}}
                              </div>




                            <!-- </div> -->




                            </div>
                    </div>
                </div>
            </div>

             <div class="row action_buttons" id="hidePrint">
                                  <div class="col-sm-12 col-md-12 col-lg-12">
                                      <div class="pull-right">
                                          <a href="javascript:void(0);" class="btn btn-default" class="btn btn-default btn-xs" type = "button" ng-click="searchAgain()">Search again</a>
                                      </div>
                                  </div>
                       </div>

        <div  class="jarviswidget jarviswidget-color-darken" data-widget-editbutton="false">
        <!-- widget options:
                        usage: <div class="jarviswidget" id="wid-id-two" data-widget-editbutton="false">

                        data-widget-colorbutton="false"
                        data-widget-editbutton="false"
                        data-widget-togglebutton="false"
                        data-widget-deletebutton="false"
                        data-widget-fullscreenbutton="false"
                        data-widget-custombutton="false"
                        data-widget-collapsed="true"
                        data-widget-sortable="false"

                        -->


        <header><span class="widget-icon"> <i class="fa fa-table"></i> </span>
          <h2>{{'CASHIER_ACTIVITY_REPORT' | translate}} </h2>
        </header>
        <!-- <div class="DTTT btn-group " id="hidePrint2" >

            <div class=" col-md-2 col-xs-12 col-sm-6">

            <div class="form-group has-feedback has-search ">
              <span class="glyphicon glyphicon-search form-control-feedback"></span>
              <input type="text" ng-model='searchString' ng-change="searchText()" class="form-control" placeholder="Search">
            </div>

            </div>

            <div class="col-md-10 col-xs-12 col-sm-6">
        <button class="btn btn-default" id="ToolTables_datatable_tabletools_0" style="float:right; " ng-click="exportExcel()"><span>Excel</span></button>
        <button class="btn btn-default" id="ToolTables_datatable_tabletools_1" style="float:right;margin-bottom:10px " ng-click="printData()"><span>Print</span></button>

      </div>

      </div> -->

        <!-- widget div-->
        <div>

          <!-- widget edit box -->
          <div class="jarviswidget-editbox">
            <!-- This area used as dropdown edit box -->

          </div>
          <!-- end widget edit box -->

          <!-- widget content -->

          <!-- <div class="widget-body no-padding">
            <div class="table-responsive">
                <table id="datatable_tabletools" class="table table-striped table-bordered table-hover" bFilter='false' width="100%">
                    <thead>
                    <tr>
                        <th data-class="expand">{{'TRANSFERID' | translate}} </th>
                        <th data-class="expand">{{'TRANSACTIONID' | translate}} </th>
                        <th data-class="expand">{{'TRANSFERDATE' | translate}} </th>
                        <th data-class="expand">{{'DESCRIPTION' | translate}} </th>
                        <th data-class="expand">{{'OTHERPARTYACCOUNT' | translate}} </th>
                        <th data-class="expand">{{'DEBIT' | translate}} </th>
                        <th data-class="expand">{{'CREDIT' | translate}} </th>
                        <th data-class="expand">{{'BALANCE' | translate}} </th>
                    </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
          </div> -->

          <div class="widget-body no-padding">
            <div class="table-responsive">
                <table id="datatable_tabletools" class="table table-striped table-bordered table-hover" bFilter='false' width="100%">
                    <thead>
                        <tr>
                                            <th data-class="expand">{{'TRANSFERID' | translate}} </th>
                                            <th data-class="expand">{{'TRANSACTIONID' | translate}} </th>
                                            <th data-class="expand">{{'TRANSFERDATE' | translate}} </th>
                                            <th data-class="expand">{{'DESCRIPTION' | translate}} </th>
                                            <th data-class="expand">{{'OTHERPARTYACCOUNT' | translate}} </th>
                                            <th data-class="expand">{{'DEBIT' | translate}} </th>
                                            <th data-class="expand">{{'CREDIT' | translate}} </th>
                                            <th data-class="expand">{{'BALANCE' | translate}} </th>
    
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
    
                    </table>
              <!-- <table  class="table table-striped table-bordered table-hover" bFilter='false' width="100%">
                  <thead>
                      <tr>
                          <th data-class="expand">{{'TRANSFERID' | translate}} </th>
                          <th data-class="expand">{{'TRANSACTIONID' | translate}} </th>
                          <th data-class="expand">{{'TRANSFERDATE' | translate}} </th>
                          <th data-class="expand">{{'DESCRIPTION' | translate}} </th>
                          <th data-class="expand">{{'OTHERPARTYACCOUNT' | translate}} </th>
                          <th data-class="expand">{{'DEBIT' | translate}} </th>
                          <th data-class="expand">{{'CREDIT' | translate}} </th>
                          <th data-class="expand">{{'BALANCE' | translate}} </th>
                      </tr>
                  </thead>
                  <tbody>
                    <tr  dt-rows ng-repeat="report in cashierActivityReport">
                        <td>{{ report.TRANSFERID }}</td>
                        <td>{{ report.TRANSACTIONID }}</td>
                        <td>{{ report.TRANSFERDATE }}</td>
                        <td style="width:25%;" >{{ report.DESCRIPTION }}</td>
                        <td>{{ report.OTHERPARTYACCOUNT }}</td>
                        <td>{{ report.DEBIT }}</td>
                        <td>{{ report.CREDIT }}</td>
                        <td>{{ report.BALANCE }}</td>
                     </tr>
                    <tr ng-show="showTotals">
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td> <strong>Period Totals</strong></td>
                        <td><strong>{{ totalPeriodDebit.toFixed(2) }}</strong></td>
                        <td> <strong>{{ totalPeriodCredit.toFixed(2) }} </strong></td>
                        <td></td>
                     </tr>
                    <tr ng-show="showTotals">
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td> <strong>Grand Totals</strong></td>
                        <td><strong>{{ totalGrandDebit.toFixed(2) }}</strong></td>
                        <td> <strong>{{ totalGrandCredit.toFixed(2) }} </strong></td>
                        <td> <strong>{{ totalGrandBalance.toFixed(2) }} </strong></td>
                     </tr>
                  </tbody>
              </table> -->

            </div>

          </div>

          <!-- <div class="row" id="hidePrint3">
            <div class="col-md-4 col-sm-4 col-xs-12">
              <strong style="float:left; margin-top:20px; margin-bottom:10px;">Showing  {{firstRow}} to {{lastRow}} of {{totalRecodrs}} entries </strong>

            </div>

            <div class="col-md-8 col-sm-8 col-xs-12">
            <div style="float:right; margin-top:20px; margin-bottom:10px;">
              <button ng-disabled="disablePrevios" class="btn btn-default" ng-click="getNextRecord(PreviosItem)"><span>Previous</span></button>

              <button  class="btn btn-default " ng-repeat="item in currentArrayOfItems" ng-click="getNextRecord(item)" ng-class="{active : activebtn === item.value}"><span>{{item.val}}</span></button>
              <button ng-disabled="disableNext" class="btn btn-default" ng-click="getNextRecord(nextItem)"><span>Next</span></button>
           </div>

          </div>
          </div> -->
          <!-- <div class="row" id="hidePrint3">
            <div class="col-md-6 col-sm-6 col-xs-12">
              <strong style="float:left; margin-top:20px; margin-bottom:10px;">Showing  {{numberOfRecord}} of {{totalRecodrs}} entries </strong>
            </div>

            <div class="col-md-6 col-sm-6 col-xs-12">
            <div style="float:right; margin-top:20px; margin-bottom:10px;">
              <button class="btn btn-default" ng-click="getNextRecord(0)"><span>Previous</span></button>

              <button ng-disabled="disableNext" class="btn btn-default" ng-click="getNextRecord(1)"><span>Next</span></button>
           </div>

          </div>
          </div> -->

          <!-- end widget content -->
        </div>
        </div>
        <!-- end widget div -->
      </div>
      </div>
    </script>

    <script type="text/ng-template" id="templates/enable-cashier.html">
          <div class="row">
          <div class="col-lg-6 col-lg-offset-3">
              <div class="ajaxsection">
                  <form name="form" id="enable-cashier" class="form-horizontal ">
                      <fieldset>
                          <!--<legend>{{'BUSINESS_ENABLE_CASHIER' | translate}}</legend>-->
                          <div class="col-lg-12" ng-hide="user.isAccountsLengthOne">
                                  <div class="form-group">
                                     <label class="col-lg-4 ">{{'AGENT_ACCOUNT' | translate}} </label>
                                      <div class="col-lg-8">
                                          <select class="form-control" name="accountId" ng-init="generateAccounts()" ng-model="obj.accountId" ng-change="currentBalance=''" required ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}"></select>
                                      </div>
                                  </div>
                               </div>
                          <div class="col-lg-12">
                                  <div class="form-group">
                                     <label class="col-lg-4 ">{{'SELECTT_CASHIER' | translate}} </label>
                                      <div class="col-lg-8">
                                          <select id="select-2" class="form-control" name="otherAccountId" ng-model="obj.otherAccountId" required ng-options="subCashier.PARTNERUID as subCashier.NAME for subCashier in SubCashiersList">
                                      <option disabled="" selected="" value="">{{'SELECT_CASHIER' | translate}}</option>
                                  </select>
                                      </div>
                                  </div>
                          </div>

                          <div class="col-lg-12">
                              <div class="col-lg-8 col-lg-8 col-lg-offset-4 submit_btn_wrap">
                                  <button class="btn btn-primary btn-block" ng-disabled="disableSubmitBtn"  type="submit"> {{'SUBMIT_BTN' | translate}} </button>
                              </div>
                          </div>
                          <!--div class="form-group">

                              <div class="col-lg-8 col-lg-8 col-lg-offset-4 submit_btn_wrap">
                                  <button class="btn btn-primary btn-block" type="submit"> {{'SUBMIT_BTN' | translate}} </button>
                              </div>
                          </div>
                          <div class="col-sm-12">
                              <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                              <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
                          </div>
                   </div-->
              </fieldset>
              </form>
          </div>
      </div>
      </div>
    </script>

    <script type="text/ng-template" id="templates/disable-cashier.html">
          <div class="row">
          <div class="col-lg-6 col-lg-offset-3">
              <div class="ajaxsection">
                  <form name="form" id="disable-cashier" class="form-horizontal ">
                      <fieldset>
                          <!--<legend>{{'BUSINESS_DISABLE_CASHIER' | translate}}</legend>-->
                         <div class="col-lg-12" ng-hide="user.isAccountsLengthOne">
                                  <div class="form-group">
                                     <label class="col-lg-4 ">{{'AGENT_ACCOUNT' | translate}} </label>
                                      <div class="col-lg-8">
                                          <select class="form-control" name="accountId" ng-init="generateAccounts()" ng-model="obj.accountId" ng-change="currentBalance=''" required ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}"></select>
                                      </div>
                                  </div>
                               </div>
                          <div class="col-lg-12">
                                  <div class="form-group">
                                     <label class="col-lg-4 ">{{'SELECTT_CASHIER' | translate}} </label>
                                      <div class="col-lg-8">
                                          <select id="select-2" class="form-control" name="otherAccountId" ng-model="obj.otherAccountId" required ng-options="subCashier.PARTNERUID as subCashier.NAME for subCashier in SubCashiersList">
                                      <option disabled="" selected="" value="">{{'SELECT_CASHIER' | translate}}</option>
                                  </select>
                                      </div>
                                  </div>
                          </div>


                  <div class="col-lg-12">
                                  <div class="col-lg-8 col-lg-8 col-lg-offset-4 submit_btn_wrap">
                                      <button class="btn btn-primary btn-block"  ng-disabled="disableSubmitBtn" type="submit"> {{'SUBMIT_BTN' | translate}} </button>
                                  </div>
                              </div>
                      </fieldset>
                  </form>
              </div>
          </div>
      </div>
    </script>

    <script type="text/ng-template" id="templates/login.html">
              <div class="animated fadeInDown" id="extr-page">
        <header id="header">
          <div id="logo-group">
              <span id="logo"> <a href='/'><img src="img/myaccount/{{brandLogo}}" alt="MyMerchant Portal" class="desktop-logo"  style="height: 60px;"></a>
              </span>
            </div>
          <span id="extr-page-header-space" class="loging-header-links"> <!--<span class="hidden-mobile">{{'NEED_AN_ACCOUNT' | translate}}?</span> -->
          <!--<a ui-sref="register" class="btn MyMerchant_btn_general">{{'CREATE_ACCOUNT' | translate}}</a> -->
          <!--<a ui-sref="activation" class="btn MyMerchant_btn_general">{{'ACTIVATE' | translate}}</a>-->
          </span> </header>
        <div id="main" role="main">

          <!-- MAIN CONTENT -->
          <div id="content" class="container">
              <!--<div class="row login_main_title">
                  <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 hidden-xs hidden-sm text-center">
                      <h1 class="login-header-big">{{'LOGIN_TITLE' | translate}} </h1>
                  </div>
              </div>-->
            <div class="row">
              <!--<div class="col-xs-12 col-sm-12 col-md-7 col-lg-7 hidden-xs hidden-sm vcenter">
                  <img src="img/myaccount/permis.png" width="427" height="474" alt="services" title="Services" />
              </div>-->
              <div class="col-xs-8 col-md-4 col-xs-offset-2 col-md-offset-4 no-padding vcenter">
                <div class="no-padding">
                  <form name="loginForm" id="login-form" class="smart-form client-form">
                    <header> {{'BUSINESS_LOGIN' | translate}}</header>
                    <fieldset>
                      <!--<section>
                        <label class="label">{{'MOBILE_NO_LABEL' | translate}}</label>
                        <ul style="float:none;position: absolute;left: 10px;top: 21px;z-index: 10;text-align: center;width: 105px;" class="header-dropdown-list">
                          <li style="display:block;">
                            <a onclick="$(this).dropdown()" class="dropdown-toggle" data-toggle="dropdown"> <img src="img/blank.gif" alt="{{mobile.short}}" class="flag flag-{{mobile.short.toLowerCase()}}"> <span>{{mobile.short.toUpperCase()}} (+{{mobile.code}})</span> <i class="fa fa-angle-down"></i> </a>
                            <ul style="max-height: 180px;overflow-x: auto;" class="dropdown-menu pull-left">
                              <li ng-repeat="m in mobile.data | orderBy:'name'" ng-class="{active:mobile.short==m.short}">
                                <a ng-click="mobile.short=m.short;mobile.code=m.code;mobile.name=m.name"><img src="img/blank.gif" class="flag flag-{{m.short.toLowerCase()}}" alt="{{m.name}}"> {{m.name}} (+{{m.code}})</a>
                              </li>
                            </ul>
                          </li>
                        </ul>
                        <label class="input"> <i class="icon-append fa fa-phone"></i>
                          <input style="padding-left: 115px;" type="tel" autocomplete="off" name="mobile" minlength="7" maxlength="15" ng-model="user.mobileNumber" autofocus required>
                          <b class="tooltip tooltip-top-right"><i class="fa fa-phone txt-color-teal"></i> {{'MOBILE_NO_TOOLTIP' | translate}}</b>
                        </label>
                      </section>-->
                      <!-- abdirisaaq Added
                      <section>
                        <label class="input"> <i class="icon-prepend fa fa-user"></i>
                          <input type="text" placeholder="{{'USERNAME_LABEL' | translate}}" autocomplete="off" minlength="3" maxlength="320" name="username" ng-model="user.username" required>
                          <b class="tooltip tooltip-top-right"><i class="fa fa-envelope txt-color-teal"></i> {{'EMAIL_ADDRESS_TOOLTIP' | translate}}</b></label>
                           </section>-->



                               <section ng-show="currencies.length>1">
                                <label class="label" style="color:black">{{'SELECT_CURRENCY' | translate}}</label>
                                <label class="select">
                                  <select  select id="select20" class="form-control" name="currencyCode" data-ng-model="currencyCode"
                                         data-ng-options="cur.CURRENCYCODE as cur.FULLNAME for cur in currencies"
                                          ng-change="userSelectedCurrency(currencyCode)" >
                                          <option disabled="" selected="" value="">{{'SELECT_CURRENCY' | translate}}</option>

                                  </select>

                                 <b class="tooltip tooltip-bottom-right">{{'SALUTATION_TOOLTIP' | translate}}</b>
                                                  <i class="fa fa-icon fa-angle-down"></i>
                              </label>
                          </section>
                          <label class="label" style="color:black">{{'SELECT_TYPE' | translate}}</label>
                                           <section>
                                                <label class="select">
                                                 <select
                                                  data-ng-model="userNature"
                                                  name="devices"
                                                  data-ng-required="true"
                                                  data-ng-options="userType.name for userType in userType">
                                                   </select>

                                                  <b class="tooltip tooltip-bottom-right">{{'SALUTATION_TOOLTIP' | translate}}</b>
                                                  <i class="fa fa-icon fa-angle-down"></i>
                                              </label>
                                          </section>

                                          <section>
                                              <label class="label">{{'USERNAME_LABEL' | translate}}</label>
                                              <label class="input"> <i class="icon-prepend fa fa-user"></i>
                                                  <input type="text"  minlength="3" maxlength="320" name="username" ng-model="user.username" required>
                                                  <b class="tooltip tooltip-top-right"><i class="fa fa-envelope txt-color-teal"></i> {{'EMAIL_ADDRESS_TOOLTIP' | translate}}</b></label>
                                          </section>

                          <!--<div class="note"> <a ui-sref="login">{{'I_REMEMBERED_MY_PASSWORD' | translate}}</a> </div>-->

                      <!--<section>
                        <label class="label">{{'USERNAME_LABEL' | translate}} </label>
                        <label class="input"> <i class="icon-append fa fa-user"></i>
                          <input type="email" autocomplete="off" minlength="3" maxlength="320" ng-model="user.username" required>

                          <b class="tooltip tooltip-top-right"><i class="fa fa-user txt-color-teal"></i> {{'USERNAME_TOOLTIP' | translate}}</b></label>
                      </section>-->
                      <section>
                      <label class="label">{{'PASSWORD_LABEL' | translate}}</label>
                        <label class="input"> <i class="icon-prepend fa fa-key"></i>
                          <input type="password" placeholder="{{'PASSWORD_LABEL' | translate}}" autocomplete="off" name="password" minlength="1" maxlength="20" ng-model="user.password" required>
                          <b class="tooltip tooltip-top-right"><i class="fa fa-lock txt-color-teal"></i> {{'PASSWORD_TOOLTIP' | translate}}</b> </label>
                      </section>
                      <section ng-if="showOtpCode">
                        <label class="input"> <i class="icon-prepend fa fa-key"></i>
                            <input type="number" placeholder="{{'OTP_CODE' | translate}}"
                                   autocomplete="off" name="otpCode" minlength="1" maxlength="20"
                                   ng-model="user.otpCode" required>
                            <b class="tooltip tooltip-top-right"><i
                                    class="fa fa-lock txt-color-teal"></i> {{'ENTER_OTP_CODE_TOOLTIP' |
                                translate}}</b> </label>
                    </section>
                      <!--<section>
                        <label class="checkbox">
                          <input type="checkbox" autocomplete="off" name="remember" ng-model="user.remember" >
                          <i></i>{{'STAY_SIGN_IN' | translate}}</label>
                      </section>-->
                        <section>
                          <button type="submit" class="btn btn-primary"> {{'SIGN_IN' | translate}}</button>
                          <!--<div class="note"><a ui-sref="forgotPassword">{{'FORGOT_PASSWORD' | translate}}?</a></div>-->
                        </section>
                    </fieldset>

                  </form>
                </div>
              </div>
            </div>

          </div>
          <!--<div class="row find_us_store">
              <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 hidden-xs hidden-sm text-center">
                  <h3 class="login-header-big">You can now access {{ brandName }} services from our Mobile App. Please
                   download our Apps from following stores!</h3>
              </div>
              <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 hidden-xs hidden-sm text-center">
                  <a href="javascript:void(0)"><img src="img/myaccount/appStore.png" width="129" height="129" /> </a>
                  <a href="javascript:void(0)"><img src="img/myaccount/googlePlay.png" width="129" height="129" /> </a>
              </div>
          </div>-->
        </div>

      </div>
          <footer id="footer" class="page-footer footer-login">
              <div class="motive_login"></div>
                  <div class="row">
                      <div class="col-xs-12 col-sm-12 col-md-5 col-lg-5  text-left"><a href ng-click="termsOfUse()">{{'T_O_U' |
                          translate}}</a> | <a href ng-click="privacyPolicy()">{{'P_P' | translate}}</a> |
                          <a href ng-click="contactUs()">{{'CONTACT_US'
                          | translate}}</a>
                      </div>
                      <div class="col-xs-12 col-sm-12 col-md-3 col-lg-3 text-center">
                          <span>Safarifone Inc © {{currentYear}}</span>
                      </div>
                      <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 text-right">
                          <span>Version : {{versionNumber}}</span>
                      </div>
                  </div>
          </footer>
    </script>

    <script type="text/ng-template" id="templates/main.html">
              <div class="">
        <!-- #HEADER -->
        <header id="header">
            <div id="logo-group">
                <span id="logo">
                    <a href='/'><img src="img/myaccount/{{brandLogo}}" alt="Safarifone"  style="height: 60px;"></a>
                </span>
            </div>
            <div class="pull-right grey-header">
                <span class="settings_btn">
                    <a ui-sref="app.updateProfile" href="/update-profile" class="ng-binding">
                        <i class="profile_header"></i>Change Password
                    </a>
                </span>|<span class="settings_btn"><a data-action="userLogout" href="#/logout"><i class="logout_header"></i> <strong class="ng-binding"></strong></a></span>|
                <!-- multiple lang dropdown : find all flags in the flags page -->
                <span>
                    <ul class="header-dropdown-list">
                    <li> <a onclick="$(this).dropdown()" class="dropdown-toggle" data-toggle="dropdown"> <span> {{currentLang.toUpperCase()}}</span> <i class="fa fa-sort"></i> </a>
                        <ul class="dropdown-menu pull-right">
                        <li ng-class="{active:currentLang=='us'}"><a ng-click="changeLanguage('us')"> English</a></li>
                        <li ng-class="{active:currentLang=='fr'}"><a ng-click="changeLanguage('fr')" href="javascript:void(0);"> French</a> </li>
                        </ul>
                    </li>
                    </ul>
              </span>
            </div>
          <!-- end pulled right: nav area -->

        </header>
        <!-- END HEADER -->

        <!-- #NAVIGATION -->
        <!-- Left panel : Navigation area -->
        <!-- Note: This width of the aside area can be adjusted through LESS variables -->
        <aside id="left-panel">
          <!--<div class="main-menu-text"><span class="only-text">{{'MAIN_MENU' | translate}}</span>
                  <span class="btn-header"> <span> <a title="Collapse Menu" data-action="minifyMenu"><i
                          class="fa fa-reorder"></i></a> </span> </span>
              </div>-->

          <!-- NAVIGATION : This navigation is also responsive

                        To make this navigation dynamic please make sure to link the node
                        (the reference to the nav > ul) after page load. Or the navigation
                        will not initialize.
                        -->
          <nav>
            <!--
                              NOTE: Notice the gaps after each icon usage <i></i>..
                              Please note that these links work a bit different than
                              traditional href="" links. See documentation for details.
                              -->



            <ul class="left-nav-icons" onload="setLeftPanel()">
              <li ui-sref-active="active"><a ui-sref="app.dashboard" title="Dashboard"><i class="fa fa-lg fa-fw dashboard"></i> <span
                              class="menu-item-parent">{{'DASHBOARD' | translate}}</span></a></li>

              <!--Billing services-n-start-->
              <li ng-if="permis.biller !== undefined" class="toggle"
                  ng-class="{true:['active','open']}[$parent.childMenu=='manageBills']"
                  ng-click="$parent.childMenu=$parent.childMenu=='manageBills'?false:'manageBills'">
                  <a href>
                      <i class="fa fa-lg fa-fw fa-local_tmt_remittance"></i>
                      <span class="menu-item-parent">{{ 'BILLING_MANAGEMENT' | translate}}</span>
                      <b class="collapse-sign"><em class="fa"
                              ng-class="{true:'fa-angle-up',false:'fa-angle-down'}[$parent.childMenu=='manageBills']"></em></b>
                  </a>
                  <ul ng-class="{'show':$parent.childMenu=='manageBills'}">

                      <li ui-sref-active="active" ng-click="$event.stopPropagation()" ng-repeat="s in permis.biller">
                          <a ui-sref="{{s.url}}"><ii class="fa fa-caret-right"></ii></i>{{ s.name | translate}}</a>
                      </li>
                  </ul>
              </li>
              <!--Billing services-n-END-->

              <!--Merchant operations-n-start-->

              <li ng-if="permis.merchant !== undefined" class="toggle" ng-class="{true:['active','open']}[$parent.childMenu=='merchantOperations']" ng-click="$parent.childMenu=$parent.childMenu=='merchantOperations'?false:'merchantOperations'">

                <a href>
                  <i class="fa fa-lg fa-fw fa-agent_operations"></i>
                  <span class="menu-item-parent">{{ ('MERCHANT_OPERATIONS' | translate) }}</span>
                  <b class="collapse-sign"><em class="fa" ng-class="{true:'fa-angle-up',false:'fa-angle-down'}[$parent.childMenu=='merchantOperations']"></em></b>
                </a>

                <ul ng-class="{'show':$parent.childMenu=='merchantOperations'}">

                 <li ui-sref-active="active" ng-click="$event.stopPropagation()" ng-repeat="s in permis.merchant">
                      <a ui-sref="{{s.url}}"><ii class="fa fa-caret-right"></ii></i>{{ s.name | translate}}</a>
                  </li>
                </ul>
              </li>

              <!--Merchant operations End-->


              <!--Cashier operations  start-->


               <li ng-if="permis.cashier !== undefined" class="toggle" ng-class="{true:['active','open']}[$parent.childMenu=='cashierOperations']" ng-click="$parent.childMenu=$parent.childMenu=='cashierOperations'?false:'cashierOperations'">
                <a href>
                  <i class="fa fa-lg fa-fw fa-agent_operations"></i>
                  <span class="menu-item-parent">{{ 'CASHIER_OPERATIONS' | translate}}</span>
                  <b class="collapse-sign"><em class="fa" ng-class="{true:'fa-angle-up',false:'fa-angle-down'}[$parent.childMenu=='cashierOperations']"></em></b>
                </a>
                <ul ng-class="{'show':$parent.childMenu=='cashierOperations'}">

                 <li ui-sref-active="active" ng-click="$event.stopPropagation()" ng-repeat="s in permis.cashier">
                      <a ui-sref="{{s.url}}"><ii class="fa fa-caret-right"></ii></i>{{ s.name | translate}}</a>
                  </li>

                </ul>
              </li>

               <!--Cashier operations-n-End-->

              <!--Manage cashiers-n-Start-->

              <li ng-if="permis.cashierManagment !== undefined" class="toggle" ng-class="{true:['active','open']}[$parent.childMenu=='cashiers']" ng-click="$parent.childMenu=$parent.childMenu=='cashiers'?false:'cashiers'">
                    <a href>
                        <i class="fa fa-lg fa-fw fa-manage_customers"></i>
                        <span class="menu-item-parent">{{ 'CASHIERS_MENU' | translate}}</span>
                        <b class="collapse-sign"><em class="fa" ng-class="{true:'fa fa-angle-up',false:'fa fa-angle-down'}[$parent.childMenu=='cashiers']"></em></b>
                    </a>
                    <ul ng-class="{'show':$parent.childMenu=='cashiers'}">
                        <li ui-sref-active="active" ng-click="$event.stopPropagation()" ng-repeat="s in permis.cashierManagment">
                            <a ui-sref="{{s.url}}"><ii class="fa fa-caret-right"></ii></i>{{ s.name | translate}}</a>
                        </li>
                    </ul>
                </li>

              <li ng-if="permis.assistantManagement !== undefined" class="toggle" ng-class="{true:['active','open']}[$parent.childMenu=='assistantMenu']" ng-click="$parent.childMenu=$parent.childMenu=='assistantMenu'?false:'assistantMenu'">
                    <a href>
                        <i class="fa fa-lg fa-fw fa-manage_customers"></i>
                        <span class="menu-item-parent">{{ 'ASSISTANT_MANAGEMENT' | translate}}</span>
                        <b class="collapse-sign"><em class="fa" ng-class="{true:'fa fa-angle-up',false:'fa fa-angle-down'}[$parent.childMenu=='assistantMenu']"></em></b>
                    </a>
                    <ul ng-class="{'show':$parent.childMenu=='assistantMenu'}">
                        <li ui-sref-active="active" ng-click="$event.stopPropagation()" ng-repeat="s in permis.assistantManagement">
                            <a ui-sref="{{s.url}}"><ii class="fa fa-caret-right"></ii></i>{{ s.name | translate}}</a>
                        </li>
                    </ul>
                </li>

                <li ng-if="permis.batchUploadManagement !== undefined" class="toggle" ng-class="{true:['active','open']}[$parent.childMenu=='batchUpload']" ng-click="$parent.childMenu=$parent.childMenu=='batchUpload'?false:'batchUpload'">
                    <a href>
                        <i class="fa fa-lg fa-fw fa-manage_customers"></i>
                        <span class="menu-item-parent">{{ 'BATCH_OPERATIONS' | translate}}</span>
                        <b class="collapse-sign"><em class="fa" ng-class="{true:'fa fa-angle-up',false:'fa fa-angle-down'}[$parent.childMenu=='batchUpload']"></em></b>
                    </a>
                    <ul ng-class="{'show':$parent.childMenu=='batchUpload'}">
                        <li ui-sref-active="active" ng-click="$event.stopPropagation()" ng-repeat="s in permis.batchUploadManagement">
                            <a ui-sref="{{s.url}}"><ii class="fa fa-caret-right"></ii></i>{{ s.name | translate}}</a>
                        </li>
                    </ul>
                </li>

                    <li ng-if="permis.remittance" class="toggle" ng-class="{true:['active','open']}[$parent.childMenu=='tmtTransfers']" ng-click="$parent.childMenu=$parent.childMenu=='tmtTransfers'?false:'tmtTransfers'">
                              <a href>
                                  <i class="fa fa-lg fa-fw fa-local_tmt_remittance"></i>
                                  <span class="menu-item-parent">{{ 'LOCAL_REMITTANCES' | translate}}</span>
                                  <b class="collapse-sign"><em class="fa" ng-class="{true:'fa-angle-up',false:'fa-angle-down'}[$parent.childMenu=='tmtTransfers']"></em></b>
                              </a>
                              <ul ng-class="{'show':$parent.childMenu=='tmtTransfers'}">

                                 <li ui-sref-active="active" ng-click="$event.stopPropagation()" ng-repeat="s in permis.remittance">
                                    <a ui-sref="{{s.url}}"><ii class="fa fa-caret-right"></ii></i>{{ s.name | translate}}</a>
                                </li>

                              </ul>
                          </li>

              <!-- Airtime Recharge-->
              <li ng-if="permis.recharges !== undefined" class="toggle" ng-class="{true:['active','open']}[$parent.childMenu=='airtime']" ng-click="$parent.childMenu=$parent.childMenu=='airtime'?false:'airtime'">
                  <a href>
                      <i class="fa fa-lg fa-fw airtime_recharge"></i>
                      <span class="menu-item-parent">{{ 'AIRTIME_RECHARGE' | translate}}</span>
                      <b class="collapse-sign"><em class="fa" ng-class="{true:'fa fa-angle-up',false:'fa fa-angle-down'}[$parent.childMenu=='airtime']"></em></b>
                  </a>
                  <ul ng-class="{'show':$parent.childMenu=='airtime'}">
                    <li ui-sref-active="active" ng-click="$event.stopPropagation()" ng-repeat="s in permis.recharges">
                        <a ui-sref="{{s.url}}"><ii class="fa fa-caret-right"></ii></i>{{ s.name | translate}}</a>
                    </li>
                  </ul>
              </li>
               <!--  end Airtime Recharge-->
              <!-- Bank Services-->
                   <li ng-if="permis.banking !== undefined" class="toggle" ng-class="{true:['active','open']}[$parent.childMenu=='bankServices']"
                              ng-click="$parent.childMenu=$parent.childMenu=='bankServices'?false:'bankServices'">
                        <a href>
                            <i class="fa fa-lg fa-fw fa-bank_services"></i>
                            <span class="menu-item-parent">{{ 'BANK_SERVICES' | translate}}</span>
                            <b class="collapse-sign"><em class="fa"
                            ng-class="{true:'fa fa-angle-up',false:'fa fa-angle-down'}[$parent.childMenu=='bankServices']"></em></b>
                        </a>
                        <ul ng-class="{'show':$parent.childMenu=='bankServices'}">
                            <li ui-sref-active="active" ng-click="$event.stopPropagation()" ng-repeat="s in permis.banking">
                                <a ui-sref="{{s.url}}"><ii class="fa fa-caret-right"></ii></i>{{ s.name | translate}}</a>
                            </li>
                        </ul>
                    </li>

              <!--End Bank services -->
               <!--Manage cashiers-n-End-->

              <!--Manage account-n-start-->


                <li ng-if="permis.accounts !== undefined" class="toggle" ng-class="{true:['active','open']}[$parent.childMenu=='manageAccount']" ng-click="$parent.childMenu=$parent.childMenu=='manageAccount'?false:'manageAccount'">
                <a href>
                  <i class="fa fa-lg fa-fw fa-manage_account"></i>
                  <span class="menu-item-parent">{{ 'MANAGE_ACCOUNT' | translate}}</span>
                  <b class="collapse-sign"><em class="fa" ng-class="{true:'fa-angle-up',false:'fa-angle-down'}[$parent.childMenu=='manageAccount']"></em></b>
                </a>
                <ul ng-class="{'show':$parent.childMenu=='manageAccount'}">

                 <li ui-sref-active="active" ng-click="$event.stopPropagation()" ng-repeat="s in permis.accounts">
                      <a ui-sref="{{s.url}}"><ii class="fa fa-caret-right"></ii></i>{{ s.name | translate}}</a>
                  </li>

                </ul>
              </li>

              <!--Manage account-n-End-->


              <!--Reports-n-start-->

              <li ng-if="permis.reports !== undefined" class="toggle" ng-class="{true:['active','open']}[$parent.childMenu=='reports']"
                              ng-click="$parent.childMenu=$parent.childMenu=='reports'?false:'reports'">
                              <a href>
                                  <i class="fa fa-lg fa-fw fa-reports"></i>
                                  <span class="menu-item-parent">{{ 'REPORTS' | translate}}</span>
                                  <b class="collapse-sign"><em class="fa" ng-class="{true:'fa fa-angle-up',false:'fa fa-angle-down'}[$parent.childMenu=='reports']"></em></b>
                              </a>
                              <ul ng-class="{'show':$parent.childMenu=='reports'}">

                               <li ui-sref-active="active" ng-click="$event.stopPropagation()" ng-repeat="s in permis.reports">
                                    <a ui-sref="{{s.url}}"><ii class="fa fa-caret-right"></ii></i>{{ s.name | translate}}</a>
                                </li>
                              </ul>
                          </li>
                      </ul>
          </nav>
          <span class="minifyme" data-action="minifyMenu"> <i class="fa fa-arrow-left hit"></i> </span></aside>
        <!-- END NAVIGATION -->

        <!-- #MAIN PANEL -->
        <div id="main" role="main">

          <!-- RIBBON -->
          <div id="ribbon">
              <span id="hide-menu" class="btn-header aside-toggle">
                          <span> <a href="javascript:void(0);" data-action="toggleMenu" title="Collapse Menu"><i class="fa fa-reorder"></i></a> </span>
                      </span>

            <!-- breadcrumb -->
            <ol class="breadcrumb">
              <li><a ui-sref="app.dashboard">{{'HOME' | translate}}</a></li>
              <li>{{state.current.title | translate}}</li>
              <!-- This is auto generated -->
            </ol>
            <!-- end breadcrumb -->


          </div>
          <!-- END RIBBON -->

          <!-- #MAIN CONTENT -->
          <div id="content">
            <div ui-view=""></div>
          </div>

          <!-- END #MAIN CONTENT -->

        </div>
        <!-- END #MAIN PANEL -->

        <!-- #PAGE FOOTER -->

        <div class="page-footer" id="footer">
          <div class="row">
              <div class="col-xs-12 col-sm-12 col-md-6 col-lg-4 text-left"><a href ng-click="termsOfUse()">{{'T_O_U' | translate}}</a> | <a href ng-click="privacyPolicy()">{{'P_P' | translate}}</a> | <a href ng-click="contactUs()">{{'CONTACT_US' | translate}}</a>
                     </div>

                     <div class="col-xs-12 col-sm-12 col-md-6 col-lg-5 text-center">
                          <span>Safarifone Inc © {{currentYear}}</span>
                     </div>

                      <div class="col-xs-12 col-sm-12 col-md-4 col-lg-3 text-right">
                          <span>Version : {{versionNumber}}</span>
                      </div>
              </div>
          <!-- end row -->
      </div>
          <!-- end row -->
        </div>
        <!-- END FOOTER -->

      </div>
    </script>

    <script type="text/ng-template" id="templates/mmt-to-bank-funds-transfer.html">
          <div class="row">
          <div class="col-lg-6 col-lg-offset-3">
              <div class="ajaxsection">
                  <form name="form" id="mmt-to-bank" class="form-horizontal " autocomplete="off">
                      <fieldset>

                      <div class="col-lg-12" ng-hide="user.isAccountsLengthOne">
                          <div class="form-group">
                             <label class="col-lg-4 ">{{'CUSTOMER_ACCOUNT' | translate}} </label>
                              <div class="col-lg-8">
                                  <select id="select-2" class="form-control" name="mmtAccountId"
                                          ng-init="generateAccounts()" ng-model="obj.accountId" required
                                          ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}"
                                          ng-change="setAccountId()">

                                  </select>
                              </div>
                          </div>
                      </div>

                      <div class="col-lg-12">
                          <div class="form-group">
                             <label class="col-lg-4 ">{{'BANK_ACCOUNT' | translate}} </label>
                              <div class="col-lg-8">
                                  <select class="form-control" name="bankAccountId" list="list"
                                          ng-model="obj.bankAccountNo" required
                                          ng-options="account.ACCOUNTNO as account.ACCOUNTTITLE for account in banksList"
                                          ng-change="setAccountId()">
                                      <option disabled="" selected="" value="">{{'SELECT_BANK_ACCOUNT' | translate}}
                                      </option>
                                  </select>
                              </div>
                          </div>
                      </div>

                      <div class="col-lg-12">
                          <div class="form-group">
                             <label class="col-lg-4 ">{{'AMOUNT' | translate}} </label>
                              <div class="col-lg-8">
                                  <input type="number" autocomplete="off" name="amount" list="list"
                                          class="form-control"
                                         ng-model="obj.txAmount" required>
                              </div>
                          </div>
                      </div>

                            <div class="col-lg-12" ng-if="isAdminPINRequired();">
                              <div class="form-group">
                                 <label class="col-lg-4 ">{{'PIN_NUMBER' | translate}} </label>
                                  <div class="col-lg-8">
                                      <input type="password" autocomplete="new-password-string" name="adminPIN" minlength="1" maxlength="20" required ng-model="obj.adminPIN" class="form-control">
                                  </div>
                              </div>
                           </div>

                           <div class="col-lg-12">
                              <div class="form-group">
                                 <label class="col-lg-4 ">{{'REASON' | translate}} </label>
                                  <div class="col-lg-8">
                                     <input type="text" autocomplete="off" name="description" minlength="1" maxlength="50" required ng-model="obj.description" class="form-control">
                                  </div>
                              </div>
                           </div>

                          <div class="col-lg-12">
                  <div class="col-lg-8 col-lg-8 col-lg-offset-4 submit_btn_wrap">
                      <button class="btn btn-primary btn-block"   ng-disabled="disableSubmitBtn" type="submit"> {{'SUBMIT_BTN' | translate}} </button>
                  </div>
              </div>
                          <div class="col-sm-8">
                              <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                              <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
                          </div>
                      </fieldset>
                  </form>
              </div>
          </div>
            <div id="mmt-to-bank-funds-transfer" title="send to Merchant Transfer" style="display:none;">
              <p>
              <form id="payCustomerTransfer-form">
                  <div class="row">

                      <div class="col-md-10 col-md-offset-1">
                          <div class="form-group">
                              <label class="control-label">{{'PIN_NUMBER' | translate}} </label>
                              <input type="text" autocomplete="new-password" name="adminPIN" minlength="1" maxlength="20" required ng-model="obj.adminPIN" class="form-control">
                          </div>
                      </div>

                      <div class="col-md-10 col-md-offset-1">
                          <div class="form-group">
                              <label class="control-label">{{'REASON' | translate}} </label>
                              <input type="text" autocomplete="off" name="description" minlength="1" maxlength="50" required ng-model="obj.description" class="form-control">
                          </div>
                      </div>
                        <div class="col-lg-12" ng-if="isAdminPINRequired();">
                              <div class="form-group">
                                 <label class="col-lg-4 ">{{'PIN_NUMBER' | translate}} </label>
                                  <div class="col-lg-8">
                                      <input type="password" autocomplete="off" name="adminPIN" minlength="1" maxlength="20" required ng-model="obj.adminPIN" class="form-control">
                                  </div>
                              </div>
                           </div>

                  </div>
              </form>
              </p>
          </div>
          <div class="row" id="tmtTransfer_receipt" style="display:none;">

          <div class="row">
              <div class="row action_buttons">
                  <div class="col-sm-12 col-md-12 col-lg-10 col-lg-offset-1">
                      <div class="pull-right">
                          <a href="javascript:void(0);" class="btn btn-default" ng-click="printDiv('tmt_receipt_content')"><i class="fa fa-print"></i> Print</a>
                          <a href="javascript:void(0);" class="btn btn-default" ng-click="goBack_requests()"> Go Back</a>
                      </div>
                  </div>
              </div>
          </div>

          <div class="row" id="tmt_receipt_content">
              <!--end buttons-->

              <div class="container" style="width:670px;margin:0 auto;font-family: Verdana,Geneva,sans-serif; font-size:12px;color: #626262;">
                  <div class="section">
                      <div class="header" style="height:46px;background:#f6f6f6;">
                          <div class="title" style="font-size: 14px; padding-top: 13px; margin-left: 20px; display: inline-block;">
                              <!--{{user.productBrand}}-->  Money Transfer To Babk
                          </div>
                          <!--<div class="logo" style="display: inline-block; text-align: right; float: right; padding-top: 6px; margin-right: 10px;">
                              <img src="img/myaccount/receipt_logo_evcplus.png" width="139" height="34" />
                          </div>-->
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <!--<div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Agent:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  ({{user.name}})
                              </div>
                          </div> -->
                          <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Date:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_time}}]
                              </div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Transfer Id:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_transferId}}] <!--[ {{tmt_agentPUID}} ] [ {{tmt_agentNo}} ]-->
                              </div>
                          </div>
                          <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Transfer Id#
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{InvoiceNo}}]
                              </div>
                          </div>
                      </div>
                      <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                          Sender Information
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Mobile:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_senderMobile}}
                              </div>
                          </div>
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Name:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_senderName}}
                              </div>
                          </div>
                      </div>

                     <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Address:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{snd_tmt_senderAddress}}
                              </div>
                          </div>
                      </div>

                      <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                          Receiver Information
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Mobile:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_receiverMobile}}
                              </div>
                          </div>

                         <!-- <div ng-hide="hideReceivingAgent" class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:115px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Receiving Agent:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{rcv_tmt_receivingAgent}}
                              </div>
                          </div> -->
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Name:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_receiverName}}
                              </div>
                          </div>
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Address:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_receiverAddress}}
                              </div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <!--<div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Amount:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{tmt_amount}}
                              </div>
                          </div>-->
                          <div class="col-left" style="display: inline-block;width: 49%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Amount:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;"><span style="color: #626262;">  Total Amount:</span> {{tmt_amount}}</div>
                          </div>
                          <div class="col-left" style="display: inline-block;width: 22%;">
                              <div class="lebel" style="width: 45px;display:inline-block;color: #626262;">
                                  Comm:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;">{{tmt_comm}}</div>
                          </div>
                          <div class="col-left" style="display: inline-block;width: 26%;">
                              <div class="lebel" style="width: 85px;display:inline-block;color: #626262;">
                                  Net Amount:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;"> {{tmt_netAmount}}</div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Description:
                              </div>
                              <div class="value" style="display: inline-block;word-wrap: break-word;color: #949494;width: 78%;vertical-align: top;">
                                  {{tmt_description}}
                              </div>
                          </div>
                      </div>

                        <div class="signature_wrap">
                          <div class="sign_left" style="margin-top: 25px; width: 33%; text-align: center; display: inline-block; margin-left: 3%;">
                              <hr />
                              <div>Agent Signature</div>
                          </div>
                          <div class="sign_right" style="margin-top: 25px; width: 33%; text-align: center; display: inline-block; margin-left: 27%;">
                              <hr />
                              <div>Customer Signature</div>
                          </div>
                      </div>

              <div class="terms_wrap" style="border: 1px dashed; padding: 10px;margin-top:10px;">
              <div class="terms_heading" style="text-align: center; margin-bottom: 10px;">Terms & Conditions</div>
              <div class="terms" style="font-size:9px;">
                  1) {{ brandName }}  will not take any responsibility for delays or delivery failure as a result of mistakes in information.<br />
                  2) In case of cancellation will be refunded at the market rate with cancellation fee.
              </div>
          </div>
      </div>
                      <div class="section_seperator" style="margin-top: 10px; margin-bottom: 10px; border-top: 3px dashed;"></div>

                  </div>     <!--end container-->
                    <div class="container" style="width:670px;margin:0 auto;font-family: Verdana,Geneva,sans-serif; font-size:12px;color: #626262;">
                  <div class="section">
                      <div class="header" style="height:46px;background:#f6f6f6;">
                          <div class="title" style="font-size: 14px; padding-top: 13px; margin-left: 20px; display: inline-block;">
                              <!--{{user.productBrand}}-->  Money Transfer To Babk
                          </div>
                          <!--<div class="logo" style="display: inline-block; text-align: right; float: right; padding-top: 6px; margin-right: 10px;">
                              <img src="img/myaccount/receipt_logo_evcplus.png" width="139" height="34" />
                          </div>-->
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <!--<div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Agent:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  ({{user.name}})
                              </div>
                          </div> -->
                          <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Date:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_time}}]
                              </div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Transfer Id:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_transferId}}] <!--[ {{tmt_agentPUID}} ] [ {{tmt_agentNo}} ]-->
                              </div>
                          </div>
                          <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Transfer Id#
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{InvoiceNo}}]
                              </div>
                          </div>
                      </div>
                      <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                          Sender Information
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Mobile:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_senderMobile}}
                              </div>
                          </div>
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Name:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_senderName}}
                              </div>
                          </div>
                      </div>

                     <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Address:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{snd_tmt_senderAddress}}
                              </div>
                          </div>
                      </div>

                      <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                          Receiver Information
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Mobile:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_receiverMobile}}
                              </div>
                          </div>

                         <!-- <div ng-hide="hideReceivingAgent" class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:115px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Receiving Agent:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{rcv_tmt_receivingAgent}}
                              </div>
                          </div> -->
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Name:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_receiverName}}
                              </div>
                          </div>
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Address:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_receiverAddress}}
                              </div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <!--<div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Amount:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{tmt_amount}}
                              </div>
                          </div>-->
                          <div class="col-left" style="display: inline-block;width: 49%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Amount:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;"><span style="color: #626262;">  Total Amount:</span> {{tmt_amount}}</div>
                          </div>
                          <div class="col-left" style="display: inline-block;width: 22%;">
                              <div class="lebel" style="width: 45px;display:inline-block;color: #626262;">
                                  Comm:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;">{{tmt_comm}}</div>
                          </div>
                          <div class="col-left" style="display: inline-block;width: 26%;">
                              <div class="lebel" style="width: 85px;display:inline-block;color: #626262;">
                                  Net Amount:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;"> {{tmt_netAmount}}</div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Description:
                              </div>
                              <div class="value" style="display: inline-block;word-wrap: break-word;color: #949494;width: 78%;vertical-align: top;">
                                  {{tmt_description}}
                              </div>
                          </div>
                      </div>

                       <div class="signature_wrap">
                          <div class="sign_left" style="margin-top: 25px; width: 33%; text-align: center; display: inline-block; margin-left: 3%;">
                              <hr />
                              <div>Agent Signature</div>
                          </div>
                          <div class="sign_right" style="margin-top: 25px; width: 33%; text-align: center; display: inline-block; margin-left: 27%;">
                              <hr />
                              <div>Customer Signature</div>
                          </div>
                      </div>

              <div class="terms_wrap" style="border: 1px dashed; padding: 10px;margin-top:10px;">
              <div class="terms_heading" style="text-align: center; margin-bottom: 10px;">Terms & Conditions</div>
              <div class="terms" style="font-size:9px;">
                  1) {{ brandName }}  will not take any responsibility for delays or delivery failure as a result of mistakes in information.<br />
                  2) In case of cancellation will be refunded at the market rate with cancellation fee.
              </div>
          </div>
      </div>


                  </div>     <!--end container-->
              </div>
          </div>
      </div>
    </script>

    <script type="text/ng-template" id="templates/notification.html">
              <div class="row">
          <div class="col-md-12 col-lg-6">
              <div class="well ajaxsection">
                  <div ng-if="!msgs.length" class="text-center">No any Messages.</div>
                  <table ng-if="msgs.length" class="table table-bordered">
                      <thead><tr><th>Messages</th></tr></thead>
                      <tbody>
                          <tr ng-repeat="m in msgs | orderBy:'offset':true | limitTo:10">
                              <td>{{m.value}}</td>
                          </tr>
                      </tbody>
                  </table>
              </div>
          </div>
      </div>
    </script>

    <script type="text/ng-template" id="templates/pay-bill.html">
              <div class="row">
          <div class="col-lg-4 col-lg-offset-4">
              <div class="ajaxsection">
                  <form name="form" id="pay-bill" class="form-horizontal ">
                      <fieldset>
                          <!--<legend>{{'PAY_BILL' | translate}}</legend>-->

                          <div class="form-group" ng-hide="user.isAccountsLengthOne">
                              <div class="col-md-12">
                                  <select class="form-control" name="accountId" ng-init="generateAccounts()" ng-model="obj.accountId" required ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}" ng-change="setAccountId()">

                                  </select>
                              </div>
                          </div>
                          <div class="form-group">
                              <div class="col-md-12">
                                  <input type="tel" autocomplete="off" list="list" placeholder="{{'MERCHANT_ID' | translate}}" name="merchantId" minlength="1" maxlength="15" class="form-control" ng-model="obj.merchantId" required>
                              </div>
                          </div>
                          <div class="form-group">
                              <div class="col-md-12">
                                  <input type="tel" autocomplete="off" list="list" placeholder="{{'INVOICE_ID' | translate}}" name="invoiceId" class="form-control" ng-model="obj.invoiceId" required>
                              </div>
                          </div>
                          <div class="form-group">
                              <div class="col-md-12">
                                  <input type="tel" autocomplete="off" list="list" placeholder="{{'AMOUNT' | translate}}" name="amount" class="form-control" ng-model="obj.amount" required smart-float>
                              </div>
                          </div>
                          <div class="form-group">
                              <div class="col-lg-8 col-lg-8 col-lg-offset-4 submit_btn_wrap">
                                  <button class="btn btn-primary btn-block"  ng-disabled="disableSubmitBtn"  type="submit"> {{'SUBMIT_BTN' | translate}} </button>
                              </div>
                          </div>
                          <div class="col-sm-8">
                            <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                            <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
                          </div>
                      </fieldset>
                  </form>
              </div>
          </div>
      </div>
    </script>

    <script type="text/ng-template" id="templates/pay-utility-bill.html">
              <div class="row">
          <div class="col-lg-4 col-lg-offset-4">
              <div class="ajaxsection">
                  <form name="form" id="pay-utility-bill" class="form-horizontal ">
                      <fieldset>
                          <!--<legend>{{'PAY_UTILITY_BILL' | translate}}</legend>-->

                          <div class="form-group" ng-hide="user.isAccountsLengthOne">
                              <div class="col-md-12">
                                  <select class="form-control" name="accountId" ng-init="generateAccounts()" ng-model="obj.accountId" required ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}" ng-change="setAccountId()">

                                  </select>
                              </div>
                          </div>

                          <div class="form-group">
                              <div class="col-md-12">
                                  <select id="select-2" class="form-control" name="partnerId" ng-model="obj.partnerId" required ng-options="company.PARTNERID as company.NAME for company in companiesList" >
                                      <option disabled="" selected="" value="">{{'SELECT_COMPANY' | translate}}</option>
                                  </select>
                              </div>
                          </div>

                          <!--<div class="form-group">
                              <div class="col-md-12">
                                  <input type="tel" autocomplete="off" list="list" placeholder="{{'MERCHANT_ID' | translate}}" name="merchantId" minlength="6" maxlength="6" class="form-control" ng-model="obj.merchantId" required>
                              </div>
                          </div>-->
                          <div class="form-group">
                              <div class="col-md-12">
                                  <input type="tel" autocomplete="off" list="list" placeholder="{{'INVOICE_ID' | translate}}" name="invoiceId" class="form-control" ng-model="obj.invoiceId" required>
                              </div>
                          </div>
                          <div class="form-group">
                              <div class="col-md-12">
                                  <input type="tel" autocomplete="off" list="list" placeholder="{{'AMOUNT' | translate}}" name="amount" class="form-control" ng-model="obj.amount" required smart-float>
                              </div>
                          </div>
                          <div class="form-group">

                              <div class="col-lg-8 col-lg-8 col-lg-offset-4 submit_btn_wrap">
                                  <button class="btn btn-primary btn-block" ng-disabled="disableSubmitBtn"  type="submit"> {{'SUBMIT_BTN' | translate}} </button>
                              </div>
                          </div>
                          <div class="col-sm-8">
                            <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                            <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
                          </div>
                      </fieldset>
                  </form>
              </div>
          </div>
      </div>
    </script>

    <script type="text/ng-template" id="templates/register.html">
              <div class="animated fadeInDown" id="extr-page">
        <!-- possible classes: minified, no-right-panel, fixed-ribbon, fixed-header, fixed-width-->
        <header id="header">
          <!--<span id="logo"></span>-->

          <div id="logo-group"> <span id="logo"> <a href='/'><img src="img/myaccount/{{brandLogo}}" alt="Safarifone"  style="height: 60px;"></a> </span>
              <!--<div class="Release_title">
                  MyMerchant Portal
              </div>-->
            <!-- END AJAX-DROPDOWN -->
          </div>
          <span id="extr-page-header-space" class="loging-header-links"> <span class="hidden-mobile">{{'ALREADY_REGISTERED' | translate}}?</span> <a ui-sref="login" class="btn MyMerchant_btn_general">{{'SIGN_IN' | translate}}</a> </span> </header>
        <div id="main" role="main">

          <!-- MAIN CONTENT -->
          <div id="content" class="container">
            <div class="row">
              <div class="col-xs-12 col-sm-12 col-md-7 col-lg-7 hidden-xs hidden-sm">
                <h1 class="login-header-big"> {{'REGISTER_TITLE' | translate}}</h1>
                <div class="hero">
                  <div class="">
                    <h4 class="paragraph-header"> {{'REGISTER_DESC' | translate}} </h4>
                  </div>
                </div>
              </div>
              <div class="col-xs-12 col-sm-12 col-md-5 col-lg-5">
                <div class="well no-padding">
                  <form name="registerForm" id="smart-form-register" class="extra-pages-forms smart-form client-form">
                    <header> {{'CUSTOMER_REGISTRATION' | translate}} </header>
                    <fieldset>
                      <section>
                      <label class="select">


                          <select name="Salutation" ng-model="user.salutation" required>
                              <option value="" selected="" disabled="">{{'SALUTATION_PLACEHOLDER' | translate}}</option>
                              <option value="Mr" selected="">Mr</option>
                              <option value="Mrs" selected="">Mrs</option>
                        </select>

                        <!--input type="text" autocomplete="off" name="Salutation" placeholder="{{'SALUTATION_PLACEHOLDER' | translate}}" ng-model="user.salutation" required>-->



                        <b class="tooltip tooltip-bottom-right">{{'SALUTATION_TOOLTIP' | translate}}</b>
                        <i></i>
                        </label>
                    </section>
                    <section>
                        <ul style="float:none;position: absolute;left: 10px;top: -3px;z-index: 10;text-align: center;width: 105px;" class="header-dropdown-list">
                          <li style="display:block;">
                            <a onclick="$(this).dropdown()" class="dropdown-toggle" data-toggle="dropdown"> <img src="img/blank.gif" alt="{{mobile.short}}" class="flag flag-{{mobile.short.toLowerCase()}}"> <span>{{mobile.short.toUpperCase()}} (+{{mobile.code}})</span> <i class="fa fa-angle-down"></i> </a>
                            <ul style="max-height: 180px;overflow-x: auto;" class="dropdown-menu pull-left">
                              <li ng-repeat="m in mobile.data | orderBy:'name'" ng-class="{active:mobile.short==m.short}">
                                <a ng-click="mobile.short=m.short;mobile.code=m.code;mobile.name=m.name"><img src="img/blank.gif" class="flag flag-{{m.short.toLowerCase()}}" alt="{{m.name}}"> {{m.name}} (+{{m.code}})</a>
                              </li>
                            </ul>
                          </li>
                        </ul>
                        <label class="input"> <i class="icon-append fa fa-phone"></i>
                          <input style="padding-left: 115px;" type="tel" autocomplete="off" minlength="7" maxlength="15" name="mobileNumber" autofocus placeholder="{{'MOBILE_NO_LABEL' | translate}}" ng-model="user.mobileNumber" required>
                          <b class="tooltip tooltip-bottom-right">{{'MOBILE_NO_TOOLTIP' | translate}}</b> </label>
                      </section>
                    <section>
                      <label class="input"> <i class="icon-append fa fa-user"></i>
                        <input type="text" autocomplete="off" name="First Name" placeholder="{{'F_NAME_PLACEHOLDER' | translate}}" ng-model="user.firstName" required>
                        <b class="tooltip tooltip-bottom-right">{{'F_NAME_TOOLTIP' | translate}}</b></label>
                    </section>
                    <section>
                      <label class="input"> <i class="icon-append fa fa-user"></i>
                        <input type="text" autocomplete="off" name="Middle Name" placeholder="{{'M_NAME_PLACEHOLDER' | translate}}" ng-model="user.middleName" required>
                        <b class="tooltip tooltip-bottom-right">{{'M_NAME_TOOLTIP' | translate}}</b></label>
                    </section>
                    <section>
                      <label class="input"> <i class="icon-append fa fa-user"></i>
                        <input type="text" autocomplete="off" name="Last Name" placeholder="{{'L_NAME_PLACEHOLDER' | translate}}" ng-model="user.lastName" required>
                        <b class="tooltip tooltip-bottom-right">{{'L_NAME_TOOLTIP' | translate}}</b></label>
                    </section>
                    <!--<section>
                      <label class="select">
                        <select name="Language" ng-model="user.language" ng-options="language for language in languages" required>
                          <option value="" selected="" disabled="">{{'CHOOSE_LANGUAGE' | translate}}</option>
                        </select>
                        <i></i> </label>
                    </section>-->

                      <section>
                        <label class="input"> <i class="icon-append fa fa-envelope"></i>
                          <input type="email" autocomplete="off" minlength="6" maxlength="320" name="email" placeholder="{{'EMAIL_LABEL' | translate}}" ng-model="user.emailAddress" required>
                          <b class="tooltip tooltip-bottom-right">{{'EMAIL_TOOLTIP' | translate}}</b></label>
                      </section>
                      <!--section>
                        <label class="input"> <i class="icon-append fa fa-user"></i>
                          <input type="text" autocomplete="off" name="username" minlength="8" maxlength="15" placeholder="{{'USERNAME_LABEL' | translate}}" ng-model="user.username" required>
                          <b class="tooltip tooltip-bottom-right">{{'USERNAME_TOOLTIP' | translate}}</b></label>
                      </section>-->
                      <section>
                        <label class="input"> <i class="icon-append fa fa-lock"></i>
                          <input type="password" autocomplete="off" name="password" minlength="6" maxlength="20" placeholder="{{'PASSWORD_LABEL2' | translate}}" id="password" ng-model="user.password" required>
                          <b class="tooltip tooltip-bottom-right">{{'PASSWORD_TOOLTIP2' | translate}}</b></label>
                      </section>
                      <section>
                        <label class="input"> <i class="icon-append fa fa-lock"></i>
                          <input type="password" autocomplete="off" name="passwordConfirm" minlength="6" maxlength="20" placeholder="{{'CONFIRM_PASSWORD_LABEL' | translate}}" ng-model="user.cPassword" required>
                          <b class="tooltip tooltip-bottom-right">{{'CONFIRM_PASSWORD_TOOLTIP' | translate}}</b> </label>
                      </section>


                      <!--<section>
                      <label class="input">
                        <input type="text" autocomplete="off" name="SSN" placeholder="{{'SSN_LABEL' | translate}}" ng-model="user.SSN">
                        <b class="tooltip tooltip-bottom-right">{{'SSN_TOOLTIP' | translate}}</b> </label>
                    </section>
                    <section>
                      <label class="input">
                        <input type="text" autocomplete="off" name="PASSPORT" placeholder="{{'PASSPORT_LABEL' | translate}}" ng-model="user.passport">
                        <b class="tooltip tooltip-bottom-right">{{'PASSPORT_TOOLTIP' | translate}}</b> </label>
                    </section>
                  <section>
                      <label class="input"> <i class="icon-append fa fa-fax"></i>
                        <input type="text" autocomplete="off" name="Fax" placeholder="{{'FAX_LABEL' | translate}}" ng-model="user.fax">
                        <b class="tooltip tooltip-bottom-right">{{'FAX_TOOLTIP' | translate}}</b> </label>
                    </section>
                    <section>
                      <label class="input">
                        <input type="text" autocomplete="off" name="Address " placeholder="{{'ADDRESS_LABEL' | translate}}" ng-model="user.address" required>
                        <b class="tooltip tooltip-bottom-right">{{'ADDRESS_TOOLTIP' | translate}}</b> </label>
                    </section>
                    <section>
                      <label class="select">
                        <select name="country" ng-model="user.country" ng-options="country.short as country.name for country in countries" required>
                          <option value="" selected="" disabled="">{{'CHOOSE_COUNTRY_LABEL' | translate}}</option>
                        </select>
                        <i></i> </label>
                    </section>
                  <section>
                      <label class="input">
                        <input type="text" autocomplete="off" name="City" placeholder="{{'CITY_LABEL' | translate}}" ng-model="user.city">
                        <b class="tooltip tooltip-bottom-right">{{'CITY_TOOLTIP' | translate}}</b></label>
                    </section>
                    <section>
                      <label class="input">
                        <input type="text" autocomplete="off" name="State" placeholder="{{'STATE_LABEL' | translate}}" ng-model="user.state">
                        <b class="tooltip tooltip-bottom-right">{{'STATE_TOOLTIP' | translate}}</b></label>
                    </section>
                     <section>
                      <label class="input">
                        <input type="text" autocomplete="off" name="ZipCode" placeholder="{{'ZIP_CODE_LABEL' | translate}}" ng-model="user.zipCode">
                        <b class="tooltip tooltip-bottom-right">{{'ZIP_CODE_TOOLTIP' | translate}}</b></label>
                    </section>-->

                      <section>
                        <label class="checkbox">
                          <input type="checkbox" autocomplete="off" name="terms" id="terms" ng-model="user.agreed" required>
                          <i></i>{{'I_AGREE_TO' | translate}} <a onclick="$('#myModal').modal('toggle');" data-target="#myModal"> {{'TERM_OF_USE_AND_POLICY' | translate}} </a></label>
                      </section>
                    </fieldset>
                    <footer>
                      <button type="submit" class="btn btn-primary"> {{'REGISTER' | translate}} </button>
                    </footer>
                    <div class="message"> <i class="fa fa-check"></i>
                      <p> {{'THANK_FOR_REGISTRATION' | translate}} </p>
                    </div>
                  </form>
                </div>
              </div>
            </div>
          </div>
        </div>

      </div><footer id="footer">
          <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-7 col-lg-7"> <a href ng-click="termsOfUse()">{{'T_O_U' | translate}}</a> | <a href ng-click="privacyPolicy()">{{'P_P' | translate}}</a> | <a href ng-click="contactUs()">{{'CONTACT_US' | translate}}</a></div>
            <div class="col-xs-12 col-sm-12 col-md-5 col-lg-5 text-right">Safarifone © 2014</div>
          </div>
        </footer>
      <!-- Modal -->
      <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> &times; </button>
              <h4 class="modal-title" id="myModalLabel">{{'TERM_AND_CONDITIONS' | translate}}</h4>
            </div>
            <div class="modal-body custom-scroll terms-body">
              <div id="left">
                <h1>Safarifone {{('TERM_AND_CONDITIONS' | translate) | uppercase}}</h1>
                <h2>{{'INTRO_TITLE' | translate}}</h2>
                <p>{{'INTRO_DESC' | translate}}</p>
                <h2>{{'LICENCE_TITLE' | translate}}</h2>
                <p>{{'LICENCE_DESC' | translate}}</p>
                <ul>
                  {{'LICENCE_POINTS' | translate}}
                </ul>
                <p>{{'LICENCE_LAST_LINE' | translate}}</p>
                <h2>{{'ACCEPTABLE_TITLE' | translate}}</h2>
                <p>{{'ACCEPTABLE_DESC' | translate}}</p>
                <h2>{{'RESTRICTED_TITLE' | translate}}</h2>
                <p>{{'RESTRICTED_DESC' | translate}}</p>
                <h2>{{'USER_CONTENT_TITLE' | translate}}</h2>
                <p>{{'USER_CONTENT_DESC' | translate}}</p>
                <h2>{{'NO_WARRANTIES_TITLE' | translate}}</h2>
                <p>{{'NO_WARRANTIES_DESC' | translate}}</p>
                <ul>
                  {{'NO_WARRANTIES_POINTS' | translate}}
                </ul>
                <p>{{'NO_WARRANTIES_LAST_LINE' | translate}}</p>
                <h2>{{'LIMITATIONS_TITLE' | translate}}</h2>
                <p>{{'LIMITATIONS_DESC' | translate}}</p>
                <ul>
                  {{'LIMITATIONS_POINTS' | translate}}
                </ul>
                <p>{{'LIMITATIONS_LAST_LINE' | translate}}</p>
                <h2>{{'EXCEPTIONS_TITLE' | translate}}</h2>
                <p>{{'EXCEPTIONS_DESC' | translate}}</p>
                <ul>
                  {{'EXCEPTIONS_POINTS' | translate}}
                </ul>
                <h2>{{'REASONABLE_TITLE' | translate}}</h2>
                <p>{{'REASONABLE_DESC' | translate}}</p>
                <h2>{{'OTHER_PARTIES_TITLE' |translate}}</h2>
                <p>{{'OTHER_PARTIES_DESC' |translate}}</p>
                <h2>{{'UNENFORCEABLE_TITLE' | translate}}</h2>
                <p>{{'UNENFORCEABLE_DESC' | translate}}</p>
                <h2>{{'INDEMNITY_TITLE' | translate}}</h2>
                <p>{{'INDEMNITY_DESC' | translate}}</p>
                <h2>{{'BREACHES_TITLE' | translate}}</h2>
                <p>{{'BREACHES_DESC' | translate}}</p>
                <h2>{{'VARIATION_TITLE' | translate}}</h2>
                <p>{{'VARIATION_DESC' | translate}}</p>
                <h2>{{'ASSIGNMENT_TITLE' | translate}}</h2>
                <p>{{'ASSIGNMENT_DESC' | translate}}</p>
                <h2>{{'SEVERABILITY_TITLE' | translate}}</h2>
                <p>{{'SEVERABILITY_DESC' | translate}}</p>
                <h2>{{'ENTIRE_TITLE' | translate}}</h2>
                <p>{{'ENTIRE_DESC' | translate}}</p>
                <h2>{{'L_AND_J_TITLE' | translate}}</h2>
                <p>{{'L_AND_J_DESC' | translate}}</p>
                <h2>{{'ABOUT_WEBSITE_TITLE' | translate}}</h2>
                <p>{{'ABOUT_WEBSITE_DESC_1' | translate}}<a href="http://www.Safarifone.com">www.Safarifone.com</a>.{{'ABOUT_WEBSITE_DESC_2' | translate}}</p>
                <h2>[Registrations and authorisations</h2>
                <p>[[NAME] is registered with [TRADE REGISTER].  You can find the online version of the register at [URL].  [NAME'S] registration number is [NUMBER].]</p>
                <p>[[NAME] is subject to [AUTHORISATION SCHEME], which is supervised by [SUPERVISORY AUTHORITY].]</p>
                <p>[[NAME] is registered with [PROFESSIONAL BODY].  [NAME'S] professional title is [TITLE] and it has been granted in [JURISDICTION].  [NAME] is subject to the [RULES] which can be found at [URL].]</p>
                <p>[[NAME] subscribes to the following code[s] of conduct: [CODE(S) OF CONDUCT].  [These codes/this code] can be consulted electronically at [URL(S)].</p>
                <p>[[NAME'S] [TAX] number is [NUMBER].]]</p>
                <h2>[NAME'S] details</h2>
                <p>The full name of [NAME] is [FULL NAME].</p>
                <p>[[NAME] is registered in [JURISDICTION] under registration number [NUMBER].]</p>
                <p>[NAME'S] [registered] address is [ADDRESS].</p>
                <p>You can contact [NAME] by email to [EMAIL].</p>
              </div>
              <br>
              <br>
              <p><strong>By using this  WEBSITE TERMS AND CONDITIONS template document, you agree to the <a href="#">terms and conditions</a> set out on <a href="#">Safarifone.com</a>.  You must retain the credit
                set out in the section headed "ABOUT THESE WEBSITE TERMS AND CONDITIONS".  Subject to the licensing restrictions, you should
                edit the document, adapting it to the requirements of your jurisdiction, your business and your
                website.  If you are not a lawyer, we recommend that you take professional legal advice in relation to the editing and
                use of the template.</strong></p>
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal"> {{'CANCEL' | translate}} </button>
              <button type="button" class="btn btn-primary" id="i-agree"> <i class="fa fa-check"></i> {{'I_AGREE' | translate}} </button>
              <!--<button type="button" class="btn btn-danger pull-left" id="print" onclick="print()"> <i class="fa fa-print"></i> {{'PRINT' | translate}} </button>-->
            </div>
          </div>
          <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
      </div>
      <!-- /.modal -->
    </script>

    <script type="text/ng-template" id="templates/transaction-history.html">
              <div class="row">
        <div class="col-md-12 col-lg-4 col-lg-offset-4">
          <div class="ajaxsection">
            <form name="form" id="transaction-history" class="form-horizontal ">
              <fieldset>
                <!--<legend>{{'TRANSACTION_HISTORY' | translate}} </legend>-->
                 <div class="form-group mobile-form-group" ng-hide="user.isAccountsLengthOne">
                  <div class="col-sm-12 col-md-12 col-lg-12">
                      <select class="form-control" name="accountId" ng-init="generateAccounts()" ng-model="obj.accountId" ng-change="currentBalance=''" required ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}">

                    </select>
                  </div>
              </div>

               <div class="form-group mobile-form-group">
                  <div class="col-sm-12 col-md-12 col-lg-12">
                    <button class="btn btn-primary btn-block"  ng-disabled="disableSubmitBtn"  type="submit"> {{'GET_STATEMENT' | translate}} </button>
                  </div>
                </div>


              </fieldset>
            </form>
          </div>
        </div>
      </div>
      <!-- Widget ID (each widget will need unique ID)-->
      <div ng-show="transactions" class="jarviswidget jarviswidget-color-darken" id="wid-id-0" data-widget-editbutton="false">
        <!-- widget options:
                        usage: <div class="jarviswidget" id="wid-id-0" data-widget-editbutton="false">

                        data-widget-colorbutton="false"
                        data-widget-editbutton="false"
                        data-widget-togglebutton="false"
                        data-widget-deletebutton="false"
                        data-widget-fullscreenbutton="false"
                        data-widget-custombutton="false"
                        data-widget-collapsed="true"
                        data-widget-sortable="false"

                        -->
        <header><span class="widget-icon"> <i class="fa fa-table"></i> </span>
          <h2>{{'TRANSACTION_HISTORY' | translate}} </h2>
        </header>

        <!-- widget div-->
        <div>

          <!-- widget edit box -->
          <div class="jarviswidget-editbox">
            <!-- This area used as dropdown edit box -->

          </div>
          <!-- end widget edit box -->

          <!-- widget content -->
          <div class="widget-body no-padding">
            <div class="table-responsive">
                <table id="dt_basic" class="table table-striped table-bordered table-hover" width="100%">
                <thead>
                    <tr>
                    <th data-class="expand">{{'TRANSACTION_ID' | translate}} </th>
                    <th data-class="expand">{{'SENDER' | translate}} </th>
                    <th data-class="expand">{{'RECEIVER' | translate}} </th>
                    <th data-class="expand"><i class="fa fa-fw fa-calendar text-muted hidden-md hidden-sm hidden-xs"></i> {{'TRANSACTION_DATE' | translate}}</th>
                    <th data-hide="expand"> {{'TRANSACTION_DESCRIPTION' | translate}}</th>
                    <th data-hide="expand"> {{'CREDIT' | translate}}</th>
                    <th data-hide="expand"> {{'DEBIT' | translate}}</th>
                    <th data-hide="expand"> {{'PREV_BALANCE' | translate}}</th>

                    </tr>
                </thead>
                <tbody>
                </tbody>
                </table>
            </div>
          </div>
          <!-- end widget content -->

        </div>
        <!-- end widget div -->
      </div>
      <!-- end widget -->
    </script>

    <script type="text/ng-template" id="templates/update-profile.html">
              <div class="row">
        <div class="col-lg-4 col-lg-offset-4">
          <div class="ajaxsection">
            <form name="form" id="change-password" class="form-horizontal ">
              <fieldset>
                <!--<legend>Change Password</legend>-->

                   <!--<div class="form-group mobile-form-group">
                              <div class="col-sm-12 col-md-12  col-lg-12">
                                  <select name="accountId" class="form-control" ng-init="generateAccounts()" ng-model="obj2.accountId" required ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}" ng-change="setAccountId()">
                                  </select>
                              </div>
                          </div>-->

                    <div class="form-group mobile-form-group">
                      <div class="col-sm-12 col-md-12  col-lg-12">
                        <input type="password" autocomplete="off" name="currentPIN" minlength="1" maxlength="20" required placeholder="{{'CURRENT_PASSWORD_LABEL' | translate}}" ng-model="obj2.oldPIN" class="form-control">
                      </div>
                    </div>
                    <div class="form-group mobile-form-group">
                      <div class="col-sm-12 col-md-12  col-lg-12">
                        <input id="newPIN" type="password" autocomplete="off" name="newPIN" minlength="6" maxlength="20" required placeholder="{{'PASSWORD_LABEL' | translate}}" ng-model="obj2.newPIN" class="form-control">
                      </div>
                    </div>
                    <div class="form-group mobile-form-group">
                      <div class="col-sm-12 col-md-12  col-lg-12">
                        <input type="password" autocomplete="off" name="confirmPIN" minlength="6" maxlength="20" required placeholder="{{'CONFIRM_PASSWORD_LABEL' | translate}}" ng-model="obj2.confirmPIN" class="form-control">
                      </div>
                    </div>
                <div class="form-group">
                  <div class="col-sm-12 col-md-12  col-lg-12">
                    <button class="btn btn-primary btn-block" ng-disabled="disableSubmitBtn"  type="submit"> {{'SUBMIT_BTN' | translate}} </button>
                  </div>
                </div>
                <div class="col-sm-12 col-md-12  col-lg-12">
                    <div ng-if="msg2.type=='success'" class="success-msg form-msg">{{msg2.value}}</div>
                    <div ng-if="msg2.type=='danger'" class="error-msg form-msg">{{msg2.value}}</div>
                  </div>
              </fieldset>
            </form>
          </div>
        </div>
      </div>
    </script>

    <script type="text/ng-template" id="templates/verification.html">
              <div class="row">
        <div class="col-md-12 col-lg-10 col-lg-offset-1">
          <div class="well ajaxsection">
            <form name="form" id="verification-form" class="form-horizontal ">
              <fieldset>
                <!--<legend>{{'VERIFICATION'| translate}}</legend>-->
                <div class="description-detail" ng-bind-html="'VERIFICATION_DESC'| translate"></div>
                <div class="form-group">
                  <div class="col-lg-12">
                  <div class="form-group mobile-form-group">
                    <!--<div class="col-sm-5 col-lg-5">
                      <input type="text" autocomplete="off" name="firstName" minlength="3" maxlength="20" required placeholder="{{'F_NAME_PLACEHOLDER' | translate}}" ng-model="obj.firstName" class="form-control">
                    </div>
                    <div class="col-sm-5 col-lg-5">
                      <input type="text" autocomplete="off" name="lastName" minlength="3" maxlength="20" required placeholder="{{'L_NAME_PLACEHOLDER' | translate}}" ng-model="obj.lastName" required class="form-control">
                    </div>-->
                  </div>
                  <div class="form-group mobile-form-group">
                    <div class="col-xs-4 col-sm-3 col-md-2 col-lg-2">
                      <select class="form-control" name="day" required ng-model="obj.birthDay">
                        <option value="" selected="" disabled="">{{'DAY' | translate}}</option>
                        <option value="1">1</option>
                        <option value="2">2</option>
                        <option value="3">3</option>
                        <option value="4">4</option>
                        <option value="5">5</option>
                        <option value="6">6</option>
                        <option value="7">7</option>
                        <option value="8">8</option>
                        <option value="9">9</option>
                        <option value="10">10</option>
                        <option value="11">11</option>
                        <option value="12">12</option>
                        <option value="13">13</option>
                        <option value="14">14</option>
                        <option value="15">15</option>
                        <option value="16">16</option>
                        <option value="17">17</option>
                        <option value="18">18</option>
                        <option value="19">19</option>
                        <option value="20">20</option>
                        <option value="21">21</option>
                        <option value="22">22</option>
                        <option value="23">23</option>
                        <option value="24">24</option>
                        <option value="25">25</option>
                        <option value="26">26</option>
                        <option value="27">27</option>
                        <option value="28">28</option>
                        <option value="29">29</option>
                        <option value="30">30</option>
                        <option value="31">31</option>
                      </select>
                    </div>
                    <div class="col-xs-4 col-sm-3 col-md-2 col-lg-2">
                      <select class="form-control" name="month" ng-model="obj.birthMonth" required>
                        <option value="" selected="" disabled="">{{'MONTH' | translate}}</option>
                        <option value="1">Jan</option>
                        <option value="2">Feb</option>
                        <option value="3">Mar</option>
                        <option value="4">Apr</option>
                        <option value="5">May</option>
                        <option value="6">Jun</option>
                        <option value="7">Jul</option>
                        <option value="8">Aug</option>
                        <option value="9">Sep</option>
                        <option value="10">Oct</option>
                        <option value="11">Nov</option>
                        <option value="12">Dec</option>
                      </select>
                    </div>
                    <div class="col-xs-4 col-sm-4 col-md-3 col-lg-2" ng-init="Y=[];Y.length=70;C=2014">
                      <select class="form-control" name="year" ng-model="obj.birthYear" required>
                        <option value="" selected="" disabled="">{{'YEAR' | translate}}</option>
                        <option ng-repeat="y in Y track by $index" ng-init="v=C-$index" value="{{v}}">{{v}}</option>
                      </select>
                    </div>
                  </div>
                    <div class="form-group upload-section">
                      <div class="fileinput fileinput-new">
                        <div ng-hide="obj.photoScan && !getMedia" class="fileinput-new thumbnail" ng-click="mobilePicture($event, 'CAMERA', 'photoScan')"> <a href>
                        <img id="photo" width="82" ng-hide="getMedia" class="upload-img" alt="upload-img" src="img/upload-img.jpg">
                        <video style="display:block;width: 76px;height: 76px;" id="video" ng-show="getMedia"></video>
                        <canvas id="canvas" style="display:none"><canvas>
                        </a> </div>
                        <!--<span ng-hide="obj.photoScan" class="or">| {{'OR' | translate}} |</span>-->
                        <div ng-show="obj.photoScan && !getMedia" class="fileinput-preview thumbnail" ng-click="mobilePicture($event, 'CAMERA', 'photoScan')"><img width="82" class="upload-img" alt="upload-img" src="{{obj.photoScan}}"></div>
                        <div class="inline-btn"> <span ng-hide="getMedia" class="btn btn-primary btn-file"><span ng-hide="obj.photoScan" class="fileinput-new label-text">{{'UPLOAD_PHOTO' | translate}}  {{'REQUIRED' | translate}}</span><span ng-show="obj.photoScan">{{'CHANGE' | translate}}</span>
                          <input type="file" name="profilePic" accept="image/*" ng-click="mobilePicture($event, 'PHOTOLIBRARY', 'photoScan')" onchange="angular.element(this).scope().getPicture(this.files, 'photoScan')">
                          </span>
                          <a ng-show="getMedia" class="btn btn-primary" ng-click="getPictureToCanvas()">{{'CAPTURE' | translate}}</a>
                          <a ng-show="getMedia" class="btn btn-default" ng-click="getMediaCancel()">{{'CANCEL' | translate}}</a>
                          <a ng-show="obj.photoScan && !getMedia" class="btn btn-default" ng-click="obj.photoScan=false">{{'REMOVE' | translate}}</a>
                        </div>
                      </div>
                      <!--<div class="upload-camera"><a class="btn btn-labeled btn-primary" href="javascript:void(0);"> <span class="btn-label"><i class="glyphicon glyphicon-camera"></i></span>Capture</a></div>-->
                    </div>
                  </div>
                </div>
                <div>
                  <legend> {{'IDENTITY_DOCUMENT' | translate}} {{'REQUIRED' | translate}}</legend>
                  <div class="form-group mobile-form-group">
                    <div class="col-xs-5 col-sm-5 col-lg-5">
                      <select class="form-control" ng-model="selectedDoc" ng-change="docUploader=true" name="uploadDoc">
                        <option value="" selected="" disabled="">{{'DOCUMENT_LIST' | translate}}</option>
                        <option value="nationalId">{{'NATIONAL_IDENTIFICATION' | translate}}</option>
                        <option value="passport">{{'PASSPORT' | translate}}</option>
                        <option value="drivingLicence">{{'DRIVING_LICENCE' | translate}}</option>
                      </select>
                    </div>
                    <div class="col-xs-5"><span ng-class="{'disabled':!docUploader}" class="btn btn-primary btn-file">
                        <span ng-hide="obj[selectedDoc]">{{'SELECT' | translate}}</span><span ng-show="obj[selectedDoc]">{{'CHANGE' | translate}}</span>
                        <input type="file" name="uploadDoc" accept="image/*" ng-disabled="!docUploader" ng-click="mobilePicture($event, 'PHOTOLIBRARY', selectedDoc)" onchange="angular.element(this).scope().getPicture(this.files,angular.element(this).scope().selectedDoc)">
                        </span>
                        <button type="button" ng-if="obj[selectedDoc]" class="btn btn-primary" ng-click="obj[selectedDoc] = false">Remove</button>
                        <!--<input type="text" class="form-control" readonly>-->
                      </div>
                    <!--<div class="col-sm-5 col-lg-5">
                      <input type="text" list="list" placeholder="{{'SOCIAL_SECURITY_NUMBER' | translate}}" class="form-control">
                    </div>-->
                  </div>
                  <div class="form-group mobile-form-group">

                    <div ng-if="obj.nationalId" class="fileinput-new thumbnail display-inline"> <a href><img width="82" class="upload-img" alt="upload-img" src="{{obj.nationalId}}"></a> </div>
                    <div ng-if="obj.passport" class="fileinput-new thumbnail display-inline"> <a href><img width="82" class="upload-img" alt="upload-img" src="{{obj.passport}}"></a> </div>
                    <div ng-if="obj.drivingLicence" class="fileinput-new thumbnail display-inline"> <a href><img width="82" class="upload-img" alt="upload-img" src="{{obj.drivingLicence}}"></a> </div>
                    <!--<div class="col-sm-2 col-lg-1"> <span class="or">| OR |</span> </div>
                    <div class="col-sm-2 col-lg-2"> <a href="javascript:void(0);" class="btn btn-labeled btn-primary"> <span class="btn-label"><i class="glyphicon glyphicon-camera-scan"></i></span> {{ 'SCAN'| translate }} </a> </div>-->
                  </div>
                </div>
                <div>
                  <legend>{{'CURRENT_ADDRESS' | translate}}</legend>
                  <div class="form-group mobile-form-group tablet-form-group">
                    <div class="col-sm-6 col-lg-4">
                      <input type="text" autocomplete="off" list="list" name="currentAddress" maxlength="50" required placeholder="{{'ADDRESS_1' | translate}}" ng-model="obj.currentAddress" ng-change="sameAsAbove?obj.permanentAddress=obj.currentAddress:0" class="form-control">
                    </div>
                    <div class="col-sm-6 col-lg-4">
                      <input type="text" autocomplete="off" list="list" name="currentAddress2" maxlength="50" placeholder="{{'ADDRESS_2' | translate}}" ng-model="obj.currentAddress2" ng-change="sameAsAbove?obj.permanentAddress2=obj.currentAddress2:0" class="form-control">
                    </div>
                  </div>
                  <div class="form-group mobile-form-group tablet-form-group">
                    <div class="col-sm-6 col-lg-4">
                      <select class="form-control" name="currentCountry" required ng-model="obj.currentCountry"
                      ng-options="country.countryId as country.name for country in countries" ng-change="statesList(obj.currentCountry, true)">
                        <option value="" selected="" disabled="">{{'CURRENT_COUNTRY' | translate}}</option>
                      </select>
                    </div>
                    <div class="col-sm-6 col-lg-4">
                      <select class="form-control" name="currentState" required ng-model="obj.currentState"
                      ng-options="state.stateId as state.name for state in currentStates" ng-change="citiesList(obj.currentCountry,obj.currentState,true)">
                        <option value="" selected="" disabled="">{{'CURRENT_STATE' | translate}}</option>
                      </select>
                    </div>
                    <div class="col-sm-6 col-lg-4">
                      <select class="form-control" name="currentCity" required ng-model="obj.currentCity"
                      ng-options="city.cityId as city.name for city in currentCities" ng-change="sameAsAbove?obj.permanentCity=obj.currentCity:0">
                        <option value="" selected="" disabled="">{{'CURRENT_CITY' | translate}}</option>
                      </select>
                    </div>
                  </div>
                </div>
                <!--<div>
                  <legend>{{'PERMANENT_ADDRESS' | translate}}
                  <label class="same-as-above">
                    <input type="checkbox" autocomplete="off" ng-model="sameAsAbove" ng-change="setAddressValues()" name="remember">
                    <i></i>{{'SAME_AS_ABOVE' | translate}}</label>
                  </legend>
                  <div class="form-group mobile-form-group tablet-form-group">
                    <div class="col-sm-6 col-lg-4">
                      <span ng-if="!sameAsAbove" class="ng-hide" ng-init="obj.permanentAddress=''"></span>
                      <span ng-if="sameAsAbove" class="ng-hide" ng-init="obj.permanentAddress=obj.currentAddress"></span>
                      <input type="text" autocomplete="off" list="list" name="permanentAddress" maxlength="50" placeholder="{{'PERMANENT_ADDRESS_1' | translate}}" ng-readonly="sameAsAbove" ng-model="obj.permanentAddress" class="form-control">
                    </div>
                    <div class="col-sm-6 col-lg-4">
                      <span ng-if="!sameAsAbove" class="ng-hide" ng-init="obj.permanentAddress2=''"></span>
                      <span ng-if="sameAsAbove" class="ng-hide" ng-init="obj.permanentAddress2=obj.currentAddress2"></span>
                      <input type="text" autocomplete="off" list="list" name="permanentAddress2" maxlength="50" placeholder="{{'PERMANENT_ADDRESS_2' | translate}}" ng-readonly="sameAsAbove" ng-model="obj.permanentAddress2" class="form-control">
                    </div>
                  </div>
                  <div class="form-group mobile-form-group tablet-form-group">
                    <div class="col-sm-6 col-lg-4">

                      <select class="form-control" name="permanentCountry" ng-model="obj.permanentCountry" ng-disabled="sameAsAbove"
                      ng-options="country.countryId as country.name for country in countries" ng-change="statesList(obj.permanentCountry, false)">
                        <option value="" selected="" disabled="">{{'PERMANENT_COUNTRY' | translate}}</option>
                      </select>
                    </div>
                    <div class="col-sm-6 col-lg-4">
                      <select class="form-control" name="permanentState" required ng-model="obj.permanentState" ng-disabled="sameAsAbove"
                      ng-options="state.stateId as state.name for state in permanentStates" ng-change="citiesList(obj.permanentCountry, obj.permanentState, false)">
                        <option value="" selected="" disabled="">{{'PERMANENT_STATE' | translate}}</option>
                      </select>
                    </div>
                    <div class="col-sm-6 col-lg-4">
                      <select class="form-control" name="permanentCity" required ng-model="obj.permanentCity" ng-disabled="sameAsAbove"
                      ng-options="city.cityId as city.name for city in permanentCities" ng-change="sameAsAbove?obj.permanentCity=obj.currentCity:0">
                        <option value="" selected="" disabled="">{{'PERMANENT_CITY' | translate}}</option>
                      </select>
                    </div>
                  </div>
                </div>-->
                <div class="form-group">
                  <div class="col-sm-8 col-lg-10">
                    <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                    <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
                  </div>
                  <div class="col-sm-4 col-sm-offset-8 col-lg-2 col-lg-offset-10">
                    <button class="btn btn-primary btn-block" ng-disabled="disableSubmitBtn"  type="submit"> {{'SUBMIT_BTN' | translate}} </button>
                  </div>
                </div>
              </fieldset>
            </form>
          </div>
        </div>
      </div>
    </script>
    <script type="text/ng-template" id="templates/BankA-2A-Confirm.html">
          <div class="row">
          <div class="col-sm-12 col-md-12 col-lg-12">
              <div class="ajaxsection">
                  <form name="form" id="Bank-A2A-Confirm" class="form-horizontal ">
                      <fieldset class="cbs_fieldset two_column_fieldset two_column_fieldset_notabs">
                           <legend>Bank A2A Confirm</legend>

                  <div class="col-lg-6" ng-hide="user.isAccountsLengthOne">
                          <div class="form-group">
                             <label class="col-lg-4 ">{{'CUSTOMER_ACCOUNT' | translate}} </label>
                              <div class="col-lg-8">
                                  <select class="form-control" name="accountId" ng-init="generateAccounts()"
                                          ng-model="obj.accountId" required
                                          ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter:  {accountType: '1'}"
                                          ng-change="setAccountId()">

                                  </select>
                              </div>
                          </div>
                   </div>

                   <div class="col-lg-6">
                          <div class="form-group">
                             <label class="col-lg-4 ">{{'BANK_ACCOUNT' | translate}} </label>
                              <div class="col-lg-8">
                                  <select class="form-control" name="accountId" ng-model="obj.bankAccountNo"
                                          required
                                          ng-options="account.ACCOUNTNO as account.ACCOUNTTITLE for account in banksList">
                                      <option disabled="" selected="" value="">{{'SELECT_BANK_ACCOUNT' | translate}}
                                      </option>
                                  </select>
                              </div>
                          </div>
                   </div>



                      <div class="col-lg-6">
                          <div class="form-group">
                             <label class="col-lg-4 ">{{'OTP' | translate}} </label>
                              <div class="col-lg-8">
                                  <input type="tel" autocomplete="off" list="list" name="amount"
                                          class="form-control"
                                         ng-model="obj.otp" required>
                              </div>
                          </div>
                   </div>

                    <div class="col-lg-6" ng-if="isAdminPINRequired();">
                              <div class="form-group">
                                 <label class="col-lg-4 ">{{'PIN_NUMBER' | translate}} </label>
                                  <div class="col-lg-8">
                                      <input type="password" autocomplete="off" name="adminPIN" minlength="1" maxlength="20" required ng-model="obj.adminPIN" class="form-control">
                                  </div>
                              </div>
                           </div>

                           <div class="col-lg-6" >
                              <div class="form-group">
                                 <label class="col-lg-4 ">{{'REASON' | translate}} </label>
                                  <div class="col-lg-8">
                                     <input type="text" autocomplete="off" name="description" minlength="1" maxlength="50" required ng-model="obj.description" class="form-control">
                                  </div>
                              </div>
                           </div>


                      </fieldset>
                        <div class="row">
                      <div class="col-md-3 col-lg-offset-4">
                          <div class="text-center submit_button">
                              <div class="form-group">
                                  <button class="btn btn-primary btn-block"   ng-disabled="disableSubmitBtn"   ng-disabled="disableSubmitBtn"   type="submit"> {{'SUBMIT_BTN' | translate}} </button>
                              </div>
                          </div>
                     </div>
              </div>

              <div class="col-sm-12">
                  <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                  <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
              </div>
                  </form>
              </div>
          </div>

           <div class="row" id="tmtTransfer_receipt" style="display:none;">

          <div class="row">
              <div class="row action_buttons">
                  <div class="col-sm-12 col-md-12 col-lg-10 col-lg-offset-1">
                      <div class="pull-right">
                          <a href="javascript:void(0);" class="btn btn-default" ng-click="printDiv('tmt_receipt_content')"><i class="fa fa-print"></i> Print</a>
                          <a href="javascript:void(0);" class="btn btn-default" ng-click="goBack_requests()"> Go Back</a>
                      </div>
                  </div>
              </div>
          </div>

          <div class="row" id="tmt_receipt_content">
              <!--end buttons-->

              <div class="container" style="width:670px;margin:0 auto;font-family: Verdana,Geneva,sans-serif; font-size:12px;color: #626262;">
                  <div class="section">
                      <div class="header" style="height:46px;background:#f6f6f6;">
                          <div class="title" style="font-size: 14px; padding-top: 13px; margin-left: 20px; display: inline-block;">
                              <!--{{user.productBrand}}-->  Bank Transfer
                          </div>
                          <!--<div class="logo" style="display: inline-block; text-align: right; float: right; padding-top: 6px; margin-right: 10px;">
                              <img src="img/myaccount/receipt_logo_evcplus.png" width="139" height="34" />
                          </div>-->
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <!--<div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Agent:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  ({{user.name}})
                              </div>
                          </div> -->
                          <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Date:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_time}}]
                              </div>
                          </div>
                      </div>
                     <!-- <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Transfer Id:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_transferId}}]
                              </div>
                          </div>
                          <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                  InvoiceNo#
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{InvoiceNo}}]
                              </div>
                          </div>
                      </div>-->
                      <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                          Sender Information
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Mobile:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{subscriptionId}}
                              </div>
                          </div>
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Name:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_senderName}}
                              </div>
                          </div>
                      </div>

                     <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Address:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{snd_tmt_senderAddress}}
                              </div>
                          </div>
                      </div>

                      <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                          Receiver Information
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver AccountNo:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{beneficiaryBankAccountNo}}
                              </div>
                          </div>

                         <!-- <div ng-hide="hideReceivingAgent" class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:115px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Receiving Agent:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{rcv_tmt_receivingAgent}}
                              </div>
                          </div> -->
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Name:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{accHolder}}
                              </div>
                          </div>
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Address:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_receiverAddress}}
                              </div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <!--<div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Amount:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{tmt_amount}}
                              </div>
                          </div>-->
                          <div class="col-left" style="display: inline-block;width: 49%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Amount:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;"><span style="color: #626262;"> Total Amount:</span> {{tmt_amount}}</div>
                          </div>
                          <div class="col-left" style="display: inline-block;width: 22%;">
                              <div class="lebel" style="width: 45px;display:inline-block;color: #626262;">
                                  Comm:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;">{{tmt_comm}}</div>
                          </div>
                          <div class="col-left" style="display: inline-block;width: 26%;">
                              <div class="lebel" style="width: 85px;display:inline-block;color: #626262;">
                                  Net Amount:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;"> {{tmt_netAmount}}</div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Description:
                              </div>
                              <div class="value" style="display: inline-block;word-wrap: break-word;color: #949494;width: 78%;vertical-align: top;">
                                  {{tmt_description}}
                              </div>
                          </div>
                      </div>

                      <div class="signature_wrap">

                          <div class="sign_right" style="margin-top: 25px; width: 33%; text-align: center; display: inline-block; margin-left: 27%;">
                              <hr />
                              <div>Customer Signature</div>
                          </div>
                      </div>

              <div class="terms_wrap" style="border: 1px dashed; padding: 10px;margin-top:10px;">
              <div class="terms_heading" style="text-align: center; margin-bottom: 10px;">Terms & Conditions</div>
              <div class="terms" style="font-size:9px;">
                  1) {{ brandName }}  will not take any responsibility for delays or delivery failure as a result of mistakes in information.<br />
                  2) In case of cancellation will be refunded at the market rate with cancellation fee.
              </div>
          </div>
      </div>
                      <div class="section_seperator" style="margin-top: 10px; margin-bottom: 10px; border-top: 3px dashed;"></div>

                  </div>     <!--end container-->
              </div>
          </div>
      </div>
    </script>

    <script type="text/ng-template" id="templates/bank-pin-change.html">
          <div class="row">
          <div class="col-lg-6 col-lg-offset-3">
              <div class="ajaxsection">
                  <form name="form" id="bank-pin-change" class="form-horizontal " autocomplete="off">
                      <fieldset>
                          <!--<legend>{{'BANK_PIN_CHANGE' | translate}} </legend>-->


                      <div ng-hide="user.isAccountsLengthOne" class="col-lg-12">
                          <div class="form-group">
                             <label class="col-lg-4 ">{{'CUSTOMER_ACCOUNT' | translate}} </label>
                              <div class="col-lg-8">
                                  <select id="select-2" class="form-control" name="mmtAccountId"
                                          ng-init="generateAccounts()" ng-model="obj.accountId" required
                                          ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}"
                                          ng-change="setAccountId()">

                                  </select>
                              </div>
                          </div>
                      </div>

                       <div class="col-lg-12">
                          <div class="form-group">
                             <label class="col-lg-4 ">{{'BANK_ACCOUNT' | translate}} </label>
                              <div class="col-lg-8">
                                  <select class="form-control" name="accountId" ng-model="obj.bankAccountNo"
                                          ng-change="currentBalance=''" required
                                          ng-options="account.ACCOUNTNO as account.ACCOUNTTITLE for account in banksList">
                                      <option disabled="" selected="" value="">{{'SELECT_BANK_ACCOUNT' | translate}}
                                      </option>
                                  </select>
                              </div>
                          </div>
                      </div>

                      <div class="col-lg-12">
                          <div class="form-group">
                             <label class="col-lg-4 ">{{'BANKPIN' | translate}} </label>
                              <div class="col-lg-8">
                          <input type="password" autocomplete="new-password" minlength="1" maxlength="10" list="list"
                                         name="bankPin" class="form-control"
                                         ng-model="obj.bankPIN" required>
                              </div>
                          </div>
                      </div>

                      <div class="col-lg-12">
                          <div class="form-group">
                             <label class="col-lg-4 ">{{'BANK_NEW_PIN' | translate}} </label>
                              <div class="col-lg-8">
                          <input type="password" autocomplete="off" minlength="1" maxlength="10" list="list" name="bankNewPIN" class="form-control" ng-model="obj.bankNewPIN" required>
                              </div>
                          </div>
                      </div>


                          <div class="col-lg-12">
                  <div class="col-lg-8 col-lg-8 col-lg-offset-4 submit_btn_wrap">
                      <button class="btn btn-primary btn-block" ng-disabled="disableSubmitBtn"  type="submit"> {{'SUBMIT_BTN' | translate}} </button>
                  </div>
              </div>

                          <div ng-if="currentBalance" class="description-detail">{{'YOUR_ACCOUNT_BALANCE_FOR' |
                              translate}}<span> {{accountNumber}}</span> {{'IS' | translate}}: <strong>{{currentBalance |
                                  currency}}</strong></div>


                      </fieldset>
                  </form>
              </div>
          </div>
      </div>
    </script>
    <script type="text/ng-template" id="templates/agent-tmt-transfer.html">
          <div class="row">
          <div class="col-sm-12 col-md-12 col-lg-11">
              <div class="ajaxsection">
                  <form name="form" id="agent-tmt-transfer" class="form-horizontal ">
                      <fieldset class="cbs_fieldset two_column_fieldset two_column_fieldset_notabs">
                          <legend>Select Partner</legend>

                          <div class="col-lg-6" ng-hide="user.isAccountsLengthOne">
                              <div class="form-group">
                                  <label class="col-lg-4 ">{{'AGENT_ACCOUNT' | translate}} </label>
                                  <div class="col-lg-8">
                                      <select class="form-control" name="accountId" ng-init="generateAccounts()" ng-model="obj.accountId" ng-change="currentBalance=''" required ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}">
                                      </select>
                                  </div>
                              </div>
                          </div>


                          <div class="row">
                              <div class="col-lg-6">
                                  <div class="form-group">
                                      <label class="col-lg-4 ">{{'PARTNERTYPE' | translate}} </label>
                                      <div class="col-lg-8 group-radio-inline">
                                          <label>
                                              <input type="radio" checked="checked" name="partnerType" ng-model="obj.partnerType" required value="1" ng-change="filterLocalNational()">
                                              Local
                                          </label>

                                          <label>
                                              <input type="radio" checked="checked" name="partnerType" ng-model="obj.partnerType" required value="2" ng-change="filterLocalNational()">
                                              National
                                          </label>
                                          <!--<label>
                                              <input type="radio" checked="checked" name="partnerType"  id ="E-Dopsit"ng-model="obj.partnerType" required value="3" ng-change="filterLocalNational()">
                                              National E-Deposit
                                          </label>-->
                                      </div>
                                  </div>
                              </div></div>



                          <div class="col-lg-6">
                              <div class="form-group">
                                  <label class="col-lg-4 ">{{'CHOOSE_PARTNER' | translate}} </label>
                                  <div class="col-lg-8">
                                      <select id="select20" class="form-control" name="tmtPartner" ng-model="obj.tmtPartner" required ng-options="partner.PARTNERID as partner.NAME for partner in TMTPartners" ng-change = "getTransferPartnerAgents()">
                                          <option disabled="" selected="" value="">{{'SELECT_PARTNER' | translate}}</option>
                                      </select>
                                  </div>
                              </div>
                          </div>



                      </fieldset>

                      <fieldset class="cbs_fieldset two_column_fieldset two_column_fieldset_notabs">
                          <legend>Sender Information</legend>
                           <!--
                          <div class="row">
                              <div class="row action_buttons">
                                  <div class="col-sm-12 col-md-12 col-lg-10 col-lg-offset-1">
                                      <div class="pull-right">
                                          <a href="javascript:void(0);" class="btn btn-default" ng-click="getTransferHistory()">View SenderActivity</a>
                                      </div>
                                  </div>
                              </div>
                          </div>-->

                          <!--div class="col-lg-6">
                          <div class="form-group">
                             <label class="col-lg-4 ">{{'SENDING_AGENT' | translate}} </label>
                              <div class="col-lg-8">
                                  <input type="tel" autocomplete="off" minlength="1" maxlength="15" list="list" name="sendingAgent" ng-model="obj.sendingAgent" class="form-control">
                                  </select>
                              </div>
                          </div>
                   </div-->
                       <!--
                          <div class="col-lg-6">
                              <div class="form-group">
                                  <label class="col-lg-4 ">{{'CUSTOMER_SEARCH' | translate}} </label>
                                  <div class="col-lg-8">
                                      <div class="input-group-portal">
                                          <input type="tel" autocomplete="off" minlength="7" maxlength="15" list="list" name="mobileNo" ng-model="obj.mobileNo" class="form-control">
                                          <a href="javascript:void(0)" class="btn_getuserinfo input-group-addon-portal" ng-click="getContacInfo()"></a>
                                      </div>
                                  </div>
                              </div>
                          </div>-->
                        <!--
                          <div class="row">
                              <div class="col-lg-6">
                                  <label class="col-lg-4 "></label>
                                  <div class="col-lg-8 group-radio-inline">
                                      <label>
                                          <input type="checkbox" name="newUser" ng-model="obj.newUser" ng-change="resetSenderFields()">
                                          {{'NEW_USER' | translate}}
                                      </label>
                                  </div>
                              </div>
                          </div>-->

                          <div class="col-lg-6">
                              <div class="form-group">
                                  <label class="col-lg-4 ">{{'SENDER_MOBILE_NUMBER' | translate}} </label>
                                  <div class="col-lg-8">
                                      <input type="tel" autocomplete="off" minlength="7" maxlength="15" list="list" name="senderMobile" ng-model="obj.senderMobile" required class="form-control" readonly="">
                                      </select>
                                  </div>
                              </div>
                          </div>


                          <div class="col-lg-6">
                              <div class="form-group">
                                  <label class="col-lg-4 ">{{'SENDER_NAME' | translate}} </label>
                                  <div class="col-lg-8">
                                      <input type="tel" autocomplete="off" minlength="1" maxlength="50" list="list" name="senderName" ng-model="obj.senderName" required class="form-control" readonly="">
                                      </select>
                                  </div>
                              </div>
                          </div>

                          <div class="col-lg-6">
                              <div class="form-group">
                                  <label class="col-lg-4 ">{{'SENDER_ADDRESS' | translate}} </label>
                                  <div class="col-lg-8">
                                      <input type="tel" autocomplete="off" minlength="1" maxlength="100" list="list" name="senderAddress" ng-model="obj.senderAddress" required class="form-control" readonly="">
                                  </div>
                              </div>
                          </div>

                      </fieldset>

                      <fieldset class="cbs_fieldset two_column_fieldset two_column_fieldset_notabs">
                          <legend>Receiver Information</legend>

                          <div class="col-lg-6">
                              <div class="form-group">
                                  <label class="col-lg-4 ">{{'RECEIVING_AGENT' | translate}} </label>
                                  <div class="col-lg-8">
                                      <select id="select-22" class="form-control" name="receivingAgent" ng-model="obj.recvPartner"  ng-options="partner as partner.AGENTNAME for partner in TransferPartnerAgents" >
                                          <option disabled="" selected="" value="">{{'SELECT_RECEIVING_AGENT' | translate}}</option>
                                      </select>
                                  </div>
                              </div>
                          </div>

                          <div class="col-lg-6">
                              <div class="form-group">
                                  <label class="col-lg-4 ">{{'RECEIVER_MOBILE_NUMBER' | translate}} </label>
                                  <div class="col-lg-8">
                                      <div class="input-group-portal">
                                          <input type="tel" autocomplete="off" minlength="7" maxlength="15" list="list" name="receiverMobile" ng-model="obj.receiverMobile" required class="form-control">
                                          <a href="javascript:void(0)" class="btn_getuserinfo input-group-addon-portal" ng-click="getAccountInfo()" id="getacc"></a>
                                      </div>
                                  </div>
                              </div>
                          </div>

                          <div class="col-lg-6">
                              <div class="form-group">
                                  <label class="col-lg-4 ">{{'RECEIVER_NAME' | translate}} </label>
                                  <div class="col-lg-8">
                                      <input type="tel" autocomplete="off" minlength="5" maxlength="50" list="list" name="receiverName" ng-model="obj.receiverName" required class="form-control">
                                  </div>
                              </div>
                          </div>

                          <div class="col-lg-6">
                              <div class="form-group">
                                  <label class="col-lg-4 ">{{'RECEIVER_ADDRESS' | translate}} </label>
                                  <div class="col-lg-8">
                                      <input type="tel" autocomplete="off" minlength="5" maxlength="100" list="list" name="receiverAddress" ng-model="obj.receiverAddress" required class="form-control">
                                  </div>
                              </div>
                          </div>





                      </fieldset>

                      <fieldset class="cbs_fieldset two_column_fieldset two_column_fieldset_notabs">
                          <legend>Transfer Info</legend>

                          <!-- <div class="col-lg-6">
                          <div class="form-group">
                             <label class="col-lg-4 ">{{'AMOUNT' | translate}} </label>
                              <div class="col-lg-8">
                                   <input type="tel" autocomplete="off" list="list" name="amount" ng-model="obj.txAmount" ng-blur="getTransferCharges()" required class="form-control">
                                  <a href="javascript:void(0)" class="btn_getuserinfo input-group-addon-portal" ng-click="getTransferCharges()"></a>

                              </div>
                          </div>
                </div>-->
                          <div class="col-lg-6">
                              <div class="form-group">
                                  <label class="col-lg-4 ">{{'AMOUNT' | translate}} </label>
                                  <div class="col-lg-8">
                                      <div class="input-group-portal">
                                          <input type="tel" autocomplete="off" list="list" name="amount" ng-model="obj.txAmount" required class="form-control">
                                          <a href="javascript:void(0)" class="btn_getuserinfo input-group-addon-portal" ng-click="getTransferCharges()"></a>
                                      </div>
                                  </div>
                              </div>
                          </div>

                          <div class="col-lg-6">
                              <div class="form-group">
                                  <label class="col-lg-4 ">{{'CHARGE_AMOUNT' | translate}} </label>
                                  <div class="col-lg-8">
                                      <div class="input-group-charge-amt" >
                                          <input type="tel" autocomplete="off" list="list" name="chargeAmount" ng-model="obj.chargeAmount" required class="form-control">
                                          <label>{{'NetAmt:' | translate}}{{netAmount}} </label>

                                      </div>
                                  </div>
                              </div>
                          </div>

                          <div class="row">
                              <div class="col-lg-6">
                                  <label class="col-lg-4 "></label>
                                  <div class="col-lg-8">
                                      <label>
                                          <input type="checkbox" name="NET" ng-model="obj.NET" ng-change="setNetAmt()">
                                          {{'DEDUCT_CHARGES' | translate}}
                                      </label>
                                  </div>
                              </div>
                          </div>

                          <div class="col-lg-6">
                              <div class="form-group">
                                  <label class="col-lg-4 ">{{'DESCRIPTION' | translate}} </label>
                                  <div class="col-lg-8">
                                      <textarea id="text"  cols="40" rows="4" minlength="1" maxlength="200" name="description" required ng-model="obj.description" class="form-control"></textarea>
                                  </div>
                              </div>
                          </div>

                      </fieldset>
                      <div class="row">
                          <div class="col-md-3 col-lg-offset-4">
                              <div class="text-center submit_button">
                                  <div class="form-group">
                                      <button class="btn btn-primary btn-block" ng-disabled="disableSubmitBtn" type="submit"> {{'SUBMIT_BTN' | translate}} </button>
                                  </div>
                              </div>
                          </div>
                      </div>

                      <div class="col-sm-12">
                          <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                          <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
                      </div>

                  </form>
              </div>
          </div>
      </div>

      <div class="col-sm-12 col-md-12 col-lg-12">
          <div ng-show="senderTransferHistory" class="jarviswidget jarviswidget-color-darken" id="sender-transfer-history" data-widget-editbutton="false">
              <!-- widget options:
                    usage: <div class="jarviswidget" id="sender-transfer-history" data-widget-editbutton="false">

                    data-widget-colorbutton="false"
                    data-widget-editbutton="false"
                    data-widget-togglebutton="false"
                    data-widget-deletebutton="false"
                    data-widget-fullscreenbutton="false"
                    data-widget-custombutton="false"
                    data-widget-collapsed="true"
                    data-widget-sortable="false"

                    -->
              <header><span class="widget-icon"> <i class="fa fa-table"></i> </span>
                  <h2>{{'SENDER_TRANSFER_HISTORY' | translate}} </h2>
              </header>
              <div>
                  <div class="jarviswidget-editbox">
                  </div>
                  <div class="widget-body no-padding">
                    <div class="table-responsive">
                      <table id="datatable_tabletools" class="table table-striped table-bordered table-hover" bFilter='false' width="100%">
                          <thead>
                          <tr>
                              <th data-class="expand">{{'TRANSFERID' | translate}} </th>
                              <th data-class="expand">{{'RECEIVERNAME' | translate}} </th>
                              <th data-class="expand">{{'RECEIVERTEL' | translate}} </th>
                              <th data-class="expand">{{'TRANSFERAMOUNT' | translate}} </th>
                              <th data-class="expand">{{'TRANSFERCHARGES' | translate}} </th>
                          </tr>
                          </thead>
                          <tbody>
                          </tbody>
                      </table>
                    </div>
                  </div>
                  <!-- end widget content -->

              </div>
              <!-- end widget div -->
          </div>
      </div>

      <!--print_receipt-->

      <div class="row" id="tmtTransfer_receipt" style="display:none;">

          <div class="row">
              <div class="row action_buttons">
                  <div class="col-sm-12 col-md-12 col-lg-10 col-lg-offset-1">
                      <div class="pull-right">
                          <a href="javascript:void(0);" class="btn btn-default" ng-click="printDiv('tmt_receipt_content')"><i class="fa fa-print"></i> Print</a>
                          <a href="javascript:void(0);" class="btn btn-default" ng-click="goBack()"> Go Back</a>
                      </div>
                  </div>
              </div>
          </div>

          <div class="row" id="tmt_receipt_content">
              <!--end buttons-->

              <div class="container" style="width:670px;margin:0 auto;font-family: Verdana,Geneva,sans-serif; font-size:12px;color: #626262;">
                  <div class="section">
                      <div class="header" style="height:46px;background:#f6f6f6;">
                          <div class="title" style="font-size: 14px; padding-top: 13px; margin-left: 20px; display: inline-block;">
                              <!--{{user.productBrand}}--> TAAJ Money Transfer - TMT-Transfer
                          </div>
                          <!--<div class="logo" style="display: inline-block; text-align: right; float: right; padding-top: 6px; margin-right: 10px;">
                              <img src="img/myaccount/receipt_logo_evcplus.png" width="139" height="34" />
                          </div>-->
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Agent:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_agentPUID}}]({{user.name}})
                              </div>
                          </div>
                          <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Date:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_time}}]
                              </div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Transfer Id:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_transferId}}] <!--[ {{tmt_agentPUID}} ] [ {{tmt_agentNo}} ]-->
                              </div>
                          </div>
                          <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Ref#
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_transferId}}]
                              </div>
                          </div>
                      </div>
                      <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                          Sender Information
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Mobile:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{snd_tmt_senderMobile}}
                              </div>
                          </div>
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Name:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{snd_tmt_senderName}}
                              </div>
                          </div>
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Address:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{snd_tmt_senderAddress}}
                              </div>
                          </div>
                      </div>

                      <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                          Receiver Information
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Mobile:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{rcv_tmt_receiverMobile}}
                              </div>
                          </div>

                          <div ng-hide="hideReceivingAgent" class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:115px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Receiving Agent:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{rcv_tmt_receivingAgent}}
                              </div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Name:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{rcv_tmt_receiverName}}
                              </div>
                          </div>
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Address:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{rcv_tmt_receiverAddress}}
                              </div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <!--<div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Amount:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{tmt_amount}}
                              </div>
                          </div>-->
                          <div class="col-left" style="display: inline-block;width: 49%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Amount:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;"><span style="color: #626262;">  Total Amount:</span> {{tmt_amount}}</div>
                          </div>
                          <div class="col-left" style="display: inline-block;width: 22%;">
                              <div class="lebel" style="width: 45px;display:inline-block;color: #626262;">
                                  Comm:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;">{{tmt_comm}}</div>
                          </div>
                          <div class="col-left" style="display: inline-block;width: 26%;">
                              <div class="lebel" style="width: 85px;display:inline-block;color: #626262;">
                                  Net Amount:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;"> {{tmt_netAmount}}</div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Description:
                              </div>
                              <div class="value" style="display: inline-block;word-wrap: break-word;color: #949494;width: 78%;vertical-align: top;">
                                  {{tmt_description}}
                              </div>
                          </div>
                      </div>

                      <div class="signature_wrap">
                          <div class="sign_left" style="margin-top: 25px; width: 33%; text-align: center; display: inline-block; margin-left: 3%;">
                              <hr />
                              <div>Agent Signature</div>
                          </div>
                          <div class="sign_right" style="margin-top: 25px; width: 33%; text-align: center; display: inline-block; margin-left: 27%;">
                              <hr />
                              <div>Customer Signature</div>
                          </div>
                      </div>

                      <!--div class="terms_wrap" style="border: 1px dashed; padding: 10px;margin-top:10px;">
              <div class="terms_heading" style="text-align: center; margin-bottom: 10px;">Terms & Conditions</div>
              <div class="terms" style="font-size:9px;">
                  1) {{ brandName }}  will not take any responsibility for delays or delivery failure as a result of mistakes in information.<br />
                  2) In case of cancellation will be refunded at the market rate with cancellation fee.
              </div>
          </div>-->
      </div>
                      <div class="section_seperator" style="margin-top: 10px; margin-bottom: 10px; border-top: 3px dashed;"></div>
                      <div class="section">
                          <div class="header" style="height:46px;background:#f6f6f6;">
                              <div class="title" style="font-size: 14px; padding-top: 13px; margin-left: 20px; display: inline-block;">
                                  <!--{{user.productBrand}}--> TAAJ Money Transfer - TMT-Transfer
                              </div>
                              <!--<div class="logo" style="display: inline-block; text-align: right; float: right; padding-top: 6px; margin-right: 10px;">
                                  <img src="img/myaccount/receipt_logo_evcplus.png" width="139" height="34" />
                              </div>-->
                          </div>
                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <div class="col-left" style="display: inline-block; width: 50%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Agent:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      [{{tmt_agentPUID}}]({{user.name}})
                                  </div>
                              </div>
                              <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                                  <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                      Date:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      [{{tmt_time}}]
                                  </div>
                              </div>
                          </div>
                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <div class="col-left" style="display: inline-block; width: 50%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Transfer Id:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      [{{tmt_transferId}}] <!--[ {{tmt_agentPUID}} ] [ {{tmt_agentNo}} ]-->
                                  </div>
                              </div>
                              <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                                  <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                      Ref#
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      [{{tmt_transferId}}]
                                  </div>
                              </div>
                          </div>
                          <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                              Sender Information
                          </div>

                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <div class="col-left" style="display: inline-block; width: 50%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Sender Mobile:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      {{snd_tmt_senderMobile}}
                                  </div>
                              </div>
                          </div>

                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <div class="col-left" style="display: inline-block; width: 100%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Sender Name:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      {{snd_tmt_senderName}}
                                  </div>
                              </div>
                          </div>

                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <div class="col-left" style="display: inline-block; width: 100%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Sender Address:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      {{snd_tmt_senderAddress}}
                                  </div>
                              </div>
                          </div>

                          <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                              Receiver Information
                          </div>
                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <div class="col-left" style="display: inline-block; width: 50%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Receiver Mobile:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      {{rcv_tmt_receiverMobile}}
                                  </div>
                              </div>

                              <div ng-hide="hideReceivingAgent" class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                                  <div class="lebel" style="width:115px;display: inline-block;padding-right: 10px;color: #626262;">
                                      Receiving Agent:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      {{rcv_tmt_receivingAgent}}
                                  </div>
                              </div>
                          </div>
                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <div class="col-left" style="display: inline-block; width: 100%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Receiver Name:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      {{rcv_tmt_receiverName}}
                                  </div>
                              </div>
                          </div>

                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <div class="col-left" style="display: inline-block; width: 100%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Receiver Address:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      {{rcv_tmt_receiverAddress}}
                                  </div>
                              </div>
                          </div>
                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <!--<div class="col-left" style="display: inline-block; width: 50%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Amount:
                                  </div>
                                  <div class="value" style="display: inline-block;color: #949494;">
                                      {{tmt_amount}}
                                  </div>
                              </div>-->
                              <div class="col-left" style="display: inline-block;width: 49%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Amount:
                                  </div>
                                  <div class="value ng-binding" style="display: inline-block;color: #949494;"><span style="color: #626262;">  Total Amount:</span> {{tmt_amount}}</div>
                              </div>
                              <div class="col-left" style="display: inline-block;width: 22%;">
                                  <div class="lebel" style="width: 45px;display:inline-block;color: #626262;">
                                      Comm:
                                  </div>
                                  <div class="value ng-binding" style="display: inline-block;color: #949494;">{{tmt_comm}}</div>
                              </div>
                              <div class="col-left" style="display: inline-block;width: 26%;">
                                  <div class="lebel" style="width: 85px;display:inline-block;color: #626262;">
                                      Net Amount:
                                  </div>
                                  <div class="value ng-binding" style="display: inline-block;color: #949494;"> {{tmt_netAmount}}</div>
                              </div>
                          </div>
                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                              <div class="col-left" style="display: inline-block; width: 100%;">
                                  <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                      Description:
                                  </div>
                                  <div class="value" style="display: inline-block;word-wrap: break-word;color: #949494;width: 78%;vertical-align: top;">
                                      {{tmt_description}}
                                  </div>
                              </div>
                          </div>

                          <div class="signature_wrap">
                              <div class="sign_left" style="margin-top: 25px; width: 33%; text-align: center; display: inline-block; margin-left: 3%;">
                                  <hr />
                                  <div>Agent Signature</div>
                              </div>
                              <div class="sign_right" style="margin-top: 25px; width: 33%; text-align: center; display: inline-block; margin-left: 27%;">
                                  <hr />
                                  <div>Customer Signature</div>
                              </div>
                          </div>

                          <div class="terms_wrap" style="border: 1px dashed; padding: 10px;margin-top:10px;">
                              <div class="terms_heading" style="text-align: center; margin-bottom: 10px;">Terms & Conditions</div>
                              <div class="terms" style="font-size:9px;">
                                  1) {{ brandName }}  will not take any responsibility for delays or delivery failure as a result of mistakes in information.<br />
                                  2) In case of cancellation will be refunded at the market rate with cancellation fee.
                              </div>
                          </div>
                      </div>
                  </div>     <!--end container-->
              </div>
          </div>  <!--end print_receipt-->
    </script>
    <script type="text/ng-template" id="templates/agent-send-intl-remittance.html">
          <div class="row">
          <div class="col-sm-12 col-md-12 col-lg-11">
              <div class="ajaxsection">
                  <form name="form" id="agent-send-intl-remittance" class="form-horizontal ">
                      <fieldset class="cbs_fieldset two_column_fieldset two_column_fieldset_notabs">
                          <legend>Select Partner</legend>

                          <div class="col-lg-6" ng-hide="user.isAccountsLengthOne">
                              <div class="form-group">
                                  <label class="col-lg-4 ">{{'AGENT_ACCOUNT' | translate}} </label>
                                  <div class="col-lg-8">
                                      <select class="form-control" name="accountId" ng-init="generateAccounts()" ng-model="obj.accountId" ng-change="currentBalance=''" required ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}">
                                      </select>
                                  </div>
                              </div>
                          </div>

                          <div class="col-lg-6">
                              <div class="form-group">
                                  <label class="col-lg-4 ">{{'CHOOSE_PARTNER' | translate}} </label>
                                  <div class="col-lg-8">
                                      <select id="select-2" class="form-control" name="tmtPartner" ng-model="obj.tmtPartner" required ng-options="partner.PARTNERID as partner.NAME for partner in TMTPartners" ng-change = "getTransferPartnerAgents()">
                                          <option disabled="" selected="" value="">{{'SELECT_PARTNER' | translate}}</option>
                                      </select>
                                  </div>
                              </div>
                          </div>

                      </fieldset>

                      <fieldset class="cbs_fieldset two_column_fieldset two_column_fieldset_notabs">
                          <legend>Sender Information</legend>
                         <!--
                          <div class="row">
                              <div class="row action_buttons">
                                  <div class="col-sm-12 col-md-12 col-lg-10 col-lg-offset-1">
                                      <div class="pull-right">
                                          <a href="javascript:void(0);" class="btn btn-default" ng-click="getTransferHistory()">View SenderActivity</a>
                                      </div>
                                  </div>
                              </div>
                          </div>-->
                          <!--
                          <div class="col-lg-6">
                              <div class="form-group">
                                  <label class="col-lg-4 ">{{'CUSTOMER_SEARCH' | translate}} </label>
                                  <div class="col-lg-8">
                                      <div class="input-group-portal">
                                          <input type="tel" autocomplete="off" minlength="7" maxlength="15" list="list" name="mobileNo" ng-model="obj.mobileNo" required class="form-control">
                                           <a href="javascript:void(0)" class="btn_getuserinfo input-group-addon-portal" ng-click="getContacInfo()"></a>
                                      </div>
                                  </div>
                              </div>
                          </div>-->
                            <!--
                          <div class="row">
                              <div class="col-lg-6">
                                  <label class="col-lg-4 "></label>
                                  <div class="col-lg-8">
                                      <label>
                                          <input type="checkbox" name="newUser" ng-model="obj.newUser" ng-change="resetSenderFields()">
                                          {{'NEW_USER' | translate}}
                                      </label>
                                  </div>
                              </div>
                          </div> -->

                          <div class="col-lg-6">
                              <div class="form-group">
                                  <label class="col-lg-4 ">{{'SENDER_MOBILE_NUMBER' | translate}} </label>
                                  <div class="col-lg-8">
                                      <input type="tel" autocomplete="off" minlength="7" maxlength="15" list="list" name="senderMobile" ng-model="obj.senderMobile" required class="form-control" readonly="">
                                      </select>
                                  </div>
                              </div>
                          </div>


                          <div class="col-lg-6">
                              <div class="form-group">
                                  <label class="col-lg-4 ">{{'SENDER_NAME' | translate}} </label>
                                  <div class="col-lg-8">
                                      <input type="tel" autocomplete="off" minlength="1" maxlength="50" list="list" name="senderName" ng-model="obj.senderName" required class="form-control" readonly="">
                                      </select>
                                  </div>
                              </div>
                          </div>

                          <div class="col-lg-6">
                              <div class="form-group">
                                  <label class="col-lg-4 ">{{'SENDER_ADDRESS' | translate}} </label>
                                  <div class="col-lg-8">
                                      <input type="tel" autocomplete="off" minlength="1" maxlength="100" list="list" name="senderAddress" ng-model="obj.senderAddress" required class="form-control" readonly="">
                                  </div>
                              </div>
                          </div>

                      </fieldset>

                      <fieldset class="cbs_fieldset two_column_fieldset two_column_fieldset_notabs">
                          <legend>Receiver Information</legend>

                          <div class="col-lg-6">
                              <div class="form-group">
                                  <label class="col-lg-4 ">{{'RECEIVER_MOBILE_NUMBER' | translate}} </label>
                                  <div class="col-lg-8">
                                      <input type="tel" autocomplete="off" minlength="7" maxlength="15" list="list" name="receiverMobile" ng-model="obj.receiverMobile" required class="form-control">
                                  </div>
                              </div>
                          </div>

                          <div class="col-lg-6">
                              <div class="form-group">
                                  <label class="col-lg-4 ">{{'RECEIVER_NAME' | translate}} </label>
                                  <div class="col-lg-8">
                                      <input type="tel" autocomplete="off" minlength="5" maxlength="50" list="list" name="receiverName" ng-model="obj.receiverName" required class="form-control">
                                  </div>
                              </div>
                          </div>

                          <div class="col-lg-6">
                              <div class="form-group">
                                  <label class="col-lg-4 ">{{'RECEIVER_ADDRESS' | translate}} </label>
                                  <div class="col-lg-8">
                                      <input type="tel" autocomplete="off" minlength="5" maxlength="100" list="list" name="receiverAddress" ng-model="obj.receiverAddress" required class="form-control">
                                  </div>
                              </div>
                          </div>

                          <div class="col-lg-6">
                              <div class="form-group">
                                  <label class="col-lg-4 ">{{'RECEIVING_COUNTRY' | translate}} </label>
                                  <div class="col-lg-8">
                                      <select id="select-2" class="form-control" name="receivingCountry" ng-model="obj.receivingCountry" required ng-options="country.id as country.countryName for country in allCountries" ng-change="getTransferPartnerAgentsByCountryId();">
                                          <option disabled="" selected="" value="">{{'SELECT_RECEIVING_COUNTRY' | translate}}</option>
                                      </select>
                                  </div>
                              </div>
                          </div>

                          <div class="col-lg-6">
                              <div class="form-group">
                                  <label class="col-lg-4 ">{{'RECEIVING_AGENT' | translate}} </label>
                                  <div class="col-lg-8">
                                      <select id="select-2" class="form-control" name="receivingAgent" ng-model="obj.recvPartner" required ng-options="partner as partner.AGENTNAME for partner in TransferPartnerAgents" >
                                          <option disabled="" selected="" value="">{{'SELECT_RECEIVING_AGENT' | translate}}</option>
                                      </select>
                                  </div>
                              </div>
                          </div>



                      </fieldset>

                      <fieldset class="cbs_fieldset two_column_fieldset two_column_fieldset_notabs">
                          <legend>Transfer Info</legend>

                          <!--div class="col-lg-6">
                          <div class="form-group">
                             <label class="col-lg-4 ">{{'AMOUNT' | translate}} </label>
                              <div class="col-lg-8">
                                   <input type="tel" autocomplete="off" list="list" name="amount" ng-model="obj.txAmount" ng-blur="getTransferCharges()" required class="form-control">
                              </div>
                          </div>
                </div-->

                          <div class="col-lg-6">
                              <div class="form-group">
                                  <label class="col-lg-4 ">{{'AMOUNT' | translate}} </label>
                                  <div class="col-lg-8">
                                      <div class="input-group-portal">
                                          <input type="tel" autocomplete="off" list="list" name="amount" ng-model="obj.txAmount" required class="form-control">
                                          <a href="javascript:void(0)" class="btn_getuserinfo input-group-addon-portal" ng-click="getTransferCharges()"></a>
                                      </div>
                                  </div>
                              </div>
                          </div>

                          <div class="col-lg-6">
                              <div class="form-group">
                                  <label class="col-lg-4 ">{{'CHARGE_AMOUNT' | translate}} </label>
                                  <div class="col-lg-8">
                                      <div class="input-group-charge-amt" >
                                          <input type="tel" autocomplete="off" list="list" name="chargeAmount" ng-model="obj.chargeAmount" required class="form-control">
                                          <label>{{'NetAmt:' | translate}}{{netAmount}} </label>

                                      </div>
                                  </div>
                              </div>
                          </div>
                          <div class="row">
                              <div class="col-lg-6">
                                  <label class="col-lg-4 "></label>
                                  <div class="col-lg-8">
                                      <label>
                                          <input type="checkbox" name="NET" ng-model="obj.NET" ng-change="setNetAmt()">
                                          {{'DEDUCT_CHARGES' | translate}}
                                      </label>
                                  </div>
                              </div>
                          </div>
                          <div class="col-lg-6">
                              <div class="form-group">
                                  <label class="col-lg-4 ">{{'DESCRIPTION' | translate}} </label>
                                  <div class="col-lg-8">
                                      <textarea id="text"  cols="40" rows="4" minlength="1" maxlength="200" name="description" required ng-model="obj.description" class="form-control"></textarea>
                                  </div>
                              </div>
                          </div>

                      </fieldset>
                      <div class="row">
                          <div class="col-md-3 col-lg-offset-4">
                              <div class="text-center submit_button">
                                  <div class="form-group">
                                      <button class="btn btn-primary btn-block" ng-disabled="disableSubmitBtn" type="submit"> {{'SUBMIT_BTN' | translate}} </button>
                                  </div>
                              </div>
                          </div>
                      </div>

                      <div class="col-sm-12">
                          <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                          <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
                      </div>

                  </form>
              </div>
          </div>
      </div>

      <div class="col-sm-12 col-md-12 col-lg-12">
          <div ng-show="senderTransferHistory" class="jarviswidget jarviswidget-color-darken" id="sender-transfer-history" data-widget-editbutton="false">
              <!-- widget options:
                    usage: <div class="jarviswidget" id="sender-transfer-history" data-widget-editbutton="false">

                    data-widget-colorbutton="false"
                    data-widget-editbutton="false"
                    data-widget-togglebutton="false"
                    data-widget-deletebutton="false"
                    data-widget-fullscreenbutton="false"
                    data-widget-custombutton="false"
                    data-widget-collapsed="true"
                    data-widget-sortable="false"

                    -->
              <header><span class="widget-icon"> <i class="fa fa-table"></i> </span>
                  <h2>{{'SENDER_TRANSFER_HISTORY' | translate}} </h2>
              </header>

              <!-- widget div-->
              <div>

                  <!-- widget edit box -->
                  <div class="jarviswidget-editbox">
                      <!-- This area used as dropdown edit box -->

                  </div>
                  <!-- end widget edit box -->

                  <!-- widget content -->

                  <div class="widget-body no-padding">
                    <div class="table-responsive">
                      <table id="datatable_tabletools" class="table table-striped table-bordered table-hover" bFilter='false' width="100%">
                          <thead>
                          <tr>
                              <th data-class="expand">{{'TRANSFERID' | translate}} </th>
                              <th data-class="expand">{{'RECEIVERNAME' | translate}} </th>
                              <th data-class="expand">{{'RECEIVERTEL' | translate}} </th>
                              <th data-class="expand">{{'TRANSFERAMOUNT' | translate}} </th>
                              <th data-class="expand">{{'TRANSFERCHARGES' | translate}} </th>
                          </tr>
                          </thead>
                          <tbody>
                          </tbody>
                      </table>
                    </div>
                  </div>
                  <!-- end widget content -->

              </div>
              <!-- end widget div -->
          </div>
      </div>

      <!--print_receipt-->

      <div class="row" id="tmtTransfer_receipt" style="display:none;">

          <div class="row">
              <div class="row action_buttons">
                  <div class="col-sm-12 col-md-12 col-lg-10 col-lg-offset-1">
                      <div class="pull-right">
                          <a href="javascript:void(0);" class="btn btn-default" ng-click="printDiv('tmt_receipt_content')"><i class="fa fa-print"></i> Print</a>
                          <a href="javascript:void(0);" class="btn btn-default" ng-click="goBack()"> Go Back</a>
                      </div>
                  </div>
              </div>
          </div>

          <div class="row" id="tmt_receipt_content">
              <!--end buttons-->
              <div class="container" style="width:670px;margin:0 auto;font-family: Verdana,Geneva,sans-serif; font-size:12px;color: #626262;">
                  <div class="section">
                      <div class="header" style="height:46px;background:#f6f6f6;">
                          <div class="title" style="font-size: 14px; padding-top: 13px; margin-left: 20px; display: inline-block;">
                              <!--{{user.productBrand}}--> TAAJ Money Transfer - TMT-Transfer
                          </div>
                          <!--<div class="logo" style="display: inline-block; text-align: right; float: right; padding-top: 6px; margin-right: 10px;">
                              <img src="img/myaccount/receipt_logo_evcplus.png" width="139" height="34" />
                          </div>-->
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Agent:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_agentPUID}}]({{user.name}})
                              </div>
                          </div>
                          <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Date:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_time}}]
                              </div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Transfer Id:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_transferId}}] <!--[ {{tmt_agentPUID}} ] [ {{tmt_agentNo}} ]-->
                              </div>
                          </div>
                          <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Ref#
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_transferId}}]
                              </div>
                          </div>
                      </div>
                      <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                          Sender Information
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Mobile:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{snd_tmt_senderMobile}}
                              </div>
                          </div>
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Name:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{snd_tmt_senderName}}
                              </div>
                          </div>
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Address:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{snd_tmt_senderAddress}}
                              </div>
                          </div>
                      </div>

                      <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                          Receiver Information
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Mobile:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{rcv_tmt_receiverMobile}}
                              </div>
                          </div>

                          <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:115px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Receiving Agent:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{rcv_tmt_receivingAgent}}
                              </div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Name:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{rcv_tmt_receiverName}}
                              </div>
                          </div>

                          <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:115px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Receiver Ref#
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_recTransferId}}]
                              </div>
                          </div>
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Address:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{rcv_tmt_receiverAddress}}
                              </div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <!--<div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Amount:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{tmt_amount}}
                              </div>
                          </div>-->
                          <div class="col-left" style="display: inline-block;width: 49%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Amount:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;"><span style="color: #626262;">  Total Amount:</span> {{tmt_amount}}</div>
                          </div>
                          <div class="col-left" style="display: inline-block;width: 22%;">
                              <div class="lebel" style="width: 45px;display:inline-block;color: #626262;">
                                  Comm:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;">{{tmt_comm}}</div>
                          </div>
                          <div class="col-left" style="display: inline-block;width: 26%;">
                              <div class="lebel" style="width: 85px;display:inline-block;color: #626262;">
                                  Net Amount:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;"> {{tmt_netAmount}}</div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Description:
                              </div>
                              <div class="value" style="display: inline-block;word-wrap: break-word;color: #949494;width: 78%;vertical-align: top;">
                                  {{tmt_description}}
                              </div>
                          </div>
                      </div>

                      <div class="signature_wrap">
                          <div class="sign_left" style="margin-top: 25px; width: 33%; text-align: center; display: inline-block; margin-left: 3%;">
                              <hr />
                              <div>Agent Signature</div>
                          </div>
                          <div class="sign_right" style="margin-top: 25px; width: 33%; text-align: center; display: inline-block; margin-left: 27%;">
                              <hr />
                              <div>Customer Signature</div>
                          </div>
                      </div>

                      <!--div class="terms_wrap" style="border: 1px dashed; padding: 10px;margin-top:10px;">
              <div class="terms_heading" style="text-align: center; margin-bottom: 10px;">Terms & Conditions</div>
              <div class="terms" style="font-size:9px;">
                  1) {{ brandName }}  will not take any responsibility for delays or delivery failure as a result of mistakes in information.<br />
                  2) In case of cancellation will be refunded at the market rate with cancellation fee.
              </div>
          </div>-->
                  </div>
                  <div class="section_seperator" style="margin-top: 10px; margin-bottom: 10px; border-top: 3px dashed;"></div>
                  <div class="section">
                      <div class="header" style="height:46px;background:#f6f6f6;">
                          <div class="title" style="font-size: 14px; padding-top: 13px; margin-left: 20px; display: inline-block;">
                              <!--{{user.productBrand}}--> TAAJ Money Transfer - TMT-Transfer
                          </div>
                          <!--<div class="logo" style="display: inline-block; text-align: right; float: right; padding-top: 6px; margin-right: 10px;">
                              <img src="img/myaccount/receipt_logo_evcplus.png" width="139" height="34" />
                          </div>-->
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Agent:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_agentPUID}}]({{user.name}})
                              </div>
                          </div>
                          <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Date:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_time}}]
                              </div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Transfer Id:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_transferId}}] <!--[ {{tmt_agentPUID}} ] [ {{tmt_agentNo}} ]-->
                              </div>
                          </div>
                          <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Ref#
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_transferId}}]
                              </div>
                          </div>
                      </div>
                      <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                          Sender Information
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Mobile:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{snd_tmt_senderMobile}}
                              </div>
                          </div>
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Name:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{snd_tmt_senderName}}
                              </div>
                          </div>
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Address:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{snd_tmt_senderAddress}}
                              </div>
                          </div>
                      </div>

                      <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                          Receiver Information
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Mobile:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{rcv_tmt_receiverMobile}}
                              </div>
                          </div>

                          <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:115px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Receiving Agent:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{rcv_tmt_receivingAgent}}
                              </div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Name:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{rcv_tmt_receiverName}}
                              </div>
                          </div>

                          <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:115px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Receiver Ref#
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_recTransferId}}]
                              </div>
                          </div>
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Address:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{rcv_tmt_receiverAddress}}
                              </div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <!--<div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Amount:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{tmt_amount}}
                              </div>
                          </div>-->
                          <div class="col-left" style="display: inline-block;width: 49%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Amount:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;"><span style="color: #626262;">  Total Amount:</span> {{tmt_amount}}</div>
                          </div>
                          <div class="col-left" style="display: inline-block;width: 22%;">
                              <div class="lebel" style="width: 45px;display:inline-block;color: #626262;">
                                  Comm:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;">{{tmt_comm}}</div>
                          </div>
                          <div class="col-left" style="display: inline-block;width: 26%;">
                              <div class="lebel" style="width: 85px;display:inline-block;color: #626262;">
                                  Net Amount:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;"> {{tmt_netAmount}}</div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Description:
                              </div>
                              <div class="value" style="display: inline-block;word-wrap: break-word;color: #949494;width: 78%;vertical-align: top;">
                                  {{tmt_description}}
                              </div>
                          </div>
                      </div>

                      <div class="signature_wrap">
                          <div class="sign_left" style="margin-top: 25px; width: 33%; text-align: center; display: inline-block; margin-left: 3%;">
                              <hr />
                              <div>Agent Signature</div>
                          </div>
                          <div class="sign_right" style="margin-top: 25px; width: 33%; text-align: center; display: inline-block; margin-left: 27%;">
                              <hr />
                              <div>Customer Signature</div>
                          </div>
                      </div>

                      <div class="terms_wrap" style="border: 1px dashed; padding: 10px;margin-top:10px;">
                          <div class="terms_heading" style="text-align: center; margin-bottom: 10px;">Terms & Conditions</div>
                          <div class="terms" style="font-size:9px;">
                              1) {{ brandName }}  will not take any responsibility for delays or delivery failure as a result of mistakes in information.<br />
                              2) In case of cancellation will be refunded at the market rate with cancellation fee.
                          </div>
                      </div>
                  </div>
              </div>     <!--end container-->
              </div>
          </div>  <!--end print_receipt-->
    </script>

    <script type="text/ng-template" id="templates/customer-activity-by-type-report.html">
          <div class="row">
          <div class="col-lg-6 col-lg-offset-3">
              <div class="ajaxsection reports">
                  <form name="form" id="customer-activity-by-type-report" class="form-horizontal ">
                      <fieldset>
                          <!--          <legend>{{'CUSTOM_ACTIVITY_BY_TYPE_REPORT | translate}} </legend>-->

                          <div ng-hide="user.isAccountsLengthOne" class="col-lg-12">
                              <div class="form-group">
                                  <label class="col-lg-4 ">{{'MERCHANT_ACCOUNT' | translate}} </label>
                                  <div class="col-lg-8">
                                      <select class="form-control" name="accountId" ng-init="generateAccounts()" ng-model="obj.accountId" ng-change="currentBalance=''" required ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}">

                                      </select>
                                  </div>
                              </div>
                          </div>

                          <div class="col-lg-12">
                              <div class="form-group">
                                  <label class="col-lg-4 ">{{'SELECT_CURRENCY' | translate}} </label>
                                  <div class="col-lg-8">

                                      <select class="form-control" name="currencyId" ng-init="getCurrencies()" ng-model="obj.currencyId"  required ng-options="cur.CURRENCYID as cur.FULLNAME for cur in currencies">

                                      </select>

                                  </div>
                              </div>
                          </div>

                          <div class="col-lg-12">
                              <div class="form-group">
                                  <label class="col-lg-4 ">{{'TRANSFERTYPE' | translate}} </label>
                                  <div class="col-lg-8">
                                      <select class="form-control" name="transferTypeId"  ng-model="obj.transferTypeId" ng-change="currentBalance=''" required ng-options="trf.TRANSFERTYPEID as trf.NAME for trf in transferTypes ">

                                      </select>
                                  </div>
                              </div>
                          </div>

                          <div class="col-lg-12">
                              <div class="form-group mobile-form-group my_calender">
                                  <label class="col-lg-4 ">{{'START_DATE' | translate}} </label>
                                  <div class="col-lg-8 ">
                                      <div class='input-group date'>
                                          <input class="form-control" type="tel" name="customerActivityStartDate" ng-model="obj.customerActivityStartDate" list="list" jqdatepicker1 required>
                                          <span class="input-group-addon"><span i class="glyphicon glyphicon-calendar"></i></span></span>
                                      </div>
                                  </div>
                              </div>
                          </div>

                          <div class="col-lg-12">
                              <div class="form-group mobile-form-group my_calender">
                                  <label class="col-lg-4 ">{{'END_DATE' | translate}} </label>
                                  <div class="col-lg-8">
                                      <div class='input-group date'>
                                          <input class="form-control" type="tel" name="customerActivityEndDate" ng-model="obj.customerActivityEndDate" list="list" jqdatepicker2 required>
                                          <span class="input-group-addon"><span i class="glyphicon glyphicon-calendar"></i></span></span>
                                      </div>
                                  </div>
                              </div>
                          </div>


                          <div class="col-lg-12">
                              <div class="col-lg-8 col-lg-8 col-lg-offset-4 submit_btn_wrap">
                                  <button class="btn btn-primary btn-block" type="submit"  ng-disabled="disableSubmitBtn" > {{'VIEW_REPORT' | translate}} </button>
                              </div>
                          </div>

                          <!-- Widget ID (each widget will need unique ID)-->

                          <!-- end widget -->

                          <div class="form-group">
                              <div class="col-sm-8">
                                  <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                                  <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
                              </div>


                          </div>
                      </fieldset>
                  </form>
              </div>
          </div>
      </div>


      <!--authz key view-->
      <div class="row">
          <div class="col-lg-4 col-lg-offset-4">
              <div class="ajaxsection reports">
                  <form name="form" id="auth-key" class="form-horizontal" style="display:none;">
                      <fieldset>

                          <div class="row action_buttons">
                              <div class="col-sm-12 col-md-12 col-lg-12">
                                  <div class="pull-right">
                                      <a href="javascript:void(0);" class="btn btn-default" class="btn btn-default btn-xs" type = "button" ng-click="searchAgain()">Search again</a>
                                  </div>
                              </div>
                          </div>

                          <div class="form-group mobile-form-group">
                              <div class="col-sm-12 col-md-12 col-lg-12">
                                  <input type="text" autocomplete="off"  name="userReportKey" placeholder="{{'AUH_KEY' | translate}}" ng-model="obj.userReportKey" required class="form-control">
                              </div>
                          </div>




                          <div class="form-group mobile-form-group">
                              <div class="col-sm-12 col-md-12 col-lg-12">
                                  <button class="btn btn-primary btn-block" type="button" ng-click="restrictedActivityRequest()"> {{'AUTHENTICATE' | translate}} </button>
                              </div>
                          </div>

                          <!-- Widget ID (each widget will need unique ID)-->

                          <!-- end widget -->

                          <div class="form-group">
                              <div class="col-sm-8">
                                  <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                                  <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
                              </div>


                          </div>
                      </fieldset>
                  </form>
              </div>
          </div>
      </div>



      <div ng-show="customerActivityReport" id="wid-id-two">

           <div id="reportHead" style="display: none;">
              <div class="well ajaxsection">
                  <div class="row">
                      <div class="col-md-12 col-lg-12">
                          <div class="rpt-description-detail activity-detail simple-desc" style="margin-bottom: 20px;">
                              <div class="col-lg-12 text-center" style="width: 1024px;text-align: center;">
                                   <span class="rpt_title_name" style="font-size:22px;font-weight: bold;margin-bottom: 10px;" id="rpt_title_name"> </span> <br>
                                  <span class="rpt_title_name" style="font-size:18px;font-weight: bold;margin-bottom: 10px;">Customer Activity By Type Report</span>
                              </div>
                              <div style="width: 1024px;margin-top: 5px;">

                                  <div class="" style="width:492px;display: inline-block;">
                                      <span class="rpt_title" style="font-weight: bold;width: 105px;margin right: 20px;display: inline-block;">{{'Cust Acc' | translate}}: </span><span class="account_number">{{obj.accountId}}</span>
                                  </div>

                                  <div class="" style="width:492px; display: inline-block;text-align: right; ">
                                      <span class="rpt_title" style="font-weight: bold;width: 105px;margin-right: 20px;display: inline-block;">{{'START_DATE' | translate}}:</span><span class="start_date">{{obj.customerActivityStartDate}}</span>
                                  </div>
                              </div>


                              <div style="width: 1024px;margin-top: 5px;">

                                  <div class="" style="width:492px;display: inline-block;">
                                      <span class="rpt_title" style="font-weight: bold;width: 105px;margin right: 20px;display: inline-block;">{{'Cust Name' | translate}}: </span><span class="account_number">{{user.name}}</span>
                                  </div>

                                  <div class="" style="width:492px; display: inline-block;text-align: right; ">
                                      <span class="rpt_title" style="font-weight: bold;width: 105px;margin-right: 20px;display: inline-block;">{{'END_DATE' | translate}}:</span><span class="start_date">{{obj.customerActivityEndDate}}</span>
                                  </div>
                              </div>


                              <div style="width: 1024px;margin-top: 5px;">

                                  <div class="" style="width:492px;display: inline-block;">
                                      <span class="rpt_title" style="font-weight: bold;width: 105px;margin right: 20px;display: inline-block;">{{'BALANCE' | translate}}: </span><span id="balance"></span>
                                  </div>
                              </div>
                          </div>
                      </div>
                  </div>
              </div>
          </div>


          <div class="well ajaxsection">
              <div class="row">

                  <div class="col-md-12 col-lg-12">

                      <div class="description-detail activity-detail simple-desc">
                          <div class="col-lg-6">
                              <span>{{'CUSTOMER_ACCOUNT' | translate}}: </span>{{custId}}
                          </div>
                          <div class="col-lg-6">
                              <span class="col-lg-offset-5">{{'START_DATE' | translate}}:</span>{{obj.customerActivityStartDate}}
                          </div>

                          <div class="col-lg-6">
                              <span>{{'CUSTOMER_NAME' | translate}}: </span>{{custName}}
                          </div>
                          <div class="col-lg-6">
                              <span class="col-lg-offset-5">{{'END_DATE' | translate}}: </span>{{obj.customerActivityEndDate}}
                          </div>

                          <div class="col-lg-6">
                              <span>{{'CUSTOMER_MOBILEE' | translate}}: </span>{{custMob}}
                          </div>

                          <div class="col-lg-12">
                              <span>{{'CUSTOMER_BALANCE' | translate}}: </span>{{custBal }}
                          </div>


                          <div class="col-lg-12">
                              <span>{{'CUSTOMER_SHODOW' | translate}}: </span>{{shadowBal}}
                          </div>
                      </div>
                  </div>
              </div>
          </div>

          <div class="row action_buttons">
              <div class="col-sm-12 col-md-12 col-lg-12">
                  <div class="pull-right">
                      <a href="javascript:void(0);" class="btn btn-default" class="btn btn-default btn-xs" type = "button" ng-click="searchAgain()">Search again</a>



                  </div>
              </div>
          </div>

          <div class="jarviswidget jarviswidget-color-darken"  data-widget-editbutton="false">
              <!-- widget options:
                    usage: <div class="jarviswidget" id="wid-id-two" data-widget-editbutton="false">

                    data-widget-colorbutton="false"
                    data-widget-editbutton="false"
                    data-widget-togglebutton="false"
                    data-widget-deletebutton="false"
                    data-widget-fullscreenbutton="false"
                    data-widget-custombutton="false"
                    data-widget-collapsed="true"
                    data-widget-sortable="false"

                    -->


              <header><span class="widget-icon"> <i class="fa fa-table"></i> </span>
                  <h2>{{'CUSTOM_ACTIVITY_REPORT' | translate}} </h2>
              </header>

              <!-- widget div-->
              <div>

                  <!-- widget edit box -->
                  <div class="jarviswidget-editbox">
                      <!-- This area used as dropdown edit box -->

                  </div>
                  <!-- end widget edit box -->

                  <!-- widget content -->

                  <div class="widget-body no-padding">
                    <div class="table-responsive">
                      <table id="datatable_tabletools" name="customerActivityReportList" class="table table-striped table-bordered table-hover" width="100%" bFilter='false'>
                          <thead>
                          <tr>
                              <th data-class="expand">{{'TRANSFERID' | translate}} </th>
                              <th data-class="expand">{{'TRANSFERDATE' | translate}} </th>
                              <th data-class="expand">{{'DESCRIPTION' | translate}} </th>
                              <th data-class="expand">{{'OTHERPARTYACCOUNT' | translate}} </th>
                              <th data-class="expand">{{'DEBIT' | translate}} </th>
                              <th data-class="expand">{{'CREDIT' | translate}} </th>
                              <th data-class="expand">{{'BALANCE' | translate}} </th>
                          </tr>
                          </thead>
                          <tbody>
                          </tbody>
                      </table>
                    </div>
                  </div>

                  <!-- end widget content -->

              </div>
          </div>
          <!-- end widget div -->
      </div>
      </div>
    </script>
    <script type="text/ng-template" id="templates/customer-activity-filter.html">
              <div class="row">
        <div class="col-lg-6 col-lg-offset-3">
          <div class="ajaxsection reports">
            <form name="form" id="customer-activity-filter" class="form-horizontal ">
              <fieldset>

                         <div ng-hide="user.isAccountsLengthOne" class="col-lg-12">
                              <div class="form-group">
                                 <label class="col-lg-4 ">{{'CUSTOMER_ACCOUNT' | translate}} </label>
                                  <div class="col-lg-8">
                                      <select class="form-control" name="accountId" ng-init="generateAccounts()" ng-model="obj.accountId" ng-change="currentBalance=''" required ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}">

                                          </select>
                                  </div>
                              </div>
                  </div>

                      <div class="col-lg-12">
                                  <div class="form-group">
                                      <label class="col-lg-4 ">{{'SELECT_CURRENCY' | translate}} </label>
                                      <div class="col-lg-8">

                                          <select class="form-control" name="currencyId" ng-init="getCurrencies()" ng-model="obj.currencyId"  required ng-options="cur.CURRENCYID as cur.FULLNAME for cur in currencies">

                                          </select>

                                      </div>
                                  </div>
                              </div>
                     <div class="col-lg-12">
                                  <div class="form-group">
                                      <label class="col-lg-4 ">{{'MOBILE_NUMBER' | translate}} </label>
                                      <div class="col-lg-8">
                                          <input type="tel" autocomplete="off" minlength="3" maxlength="15" list="list" name="mobileNo" ng-model="obj.mobileNo" required class="form-control" readonly="">
                                      </div>
                                  </div>
                              </div>



                      <div class="col-lg-12">
                                  <div class="form-group">
                                      <label class="col-lg-4 ">{{'FILTER_MOBILE_NUMBER' | translate}} </label>
                                      <div class="col-lg-8">
                                          <input type="tel" autocomplete="off" minlength="7" maxlength="15" list="list" name="filterMobileNo" ng-model="obj.filterMobileNo" required class="form-control">
                                      </div>
                                  </div>
                              </div>



                <div class="col-lg-12">
                              <div class="form-group mobile-form-group my_calender">
                                 <label class="col-lg-4 ">{{'START_DATE' | translate}} </label>
                                  <div class="col-lg-8 ">
                                     <div class='input-group date'>
                                       <input class="form-control" type="tel" name="customerActivityStartDate" ng-model="obj.customerActivityStartDate" list="list" jqdatepicker1 required>
                                         <span class="input-group-addon"><span i class="glyphicon glyphicon-calendar"></i></span></span>
                                  </div>
                                  </div>
                              </div>
                      </div>

                      <div class="col-lg-12">
                              <div class="form-group mobile-form-group my_calender">
                                 <label class="col-lg-4 ">{{'END_DATE' | translate}} </label>
                                  <div class="col-lg-8">
                                     <div class='input-group date'>
                                     <input class="form-control" type="tel" name="customerActivityEndDate" ng-model="obj.customerActivityEndDate" list="list" jqdatepicker2 required>
                              <span class="input-group-addon"><span i class="glyphicon glyphicon-calendar"></i></span></span>
                                      </div>
                                  </div>
                              </div>
                      </div>


                <div class="col-lg-12">
                      <div class="col-lg-8 col-lg-8 col-lg-offset-4 submit_btn_wrap">
                          <button class="btn btn-primary btn-block"  ng-disabled="disableSubmitBtn" type="submit"> {{'VIEW_REPORT' | translate}} </button>
                      </div>
                  </div>

                <!-- Widget ID (each widget will need unique ID)-->

      <!-- end widget -->

                  <div class="form-group">
                  <div class="col-sm-8">
                    <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                    <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
                  </div>


                </div>
              </fieldset>
            </form>
          </div>
        </div>
      </div>
        <div ng-show="customerActivityFilter" id="wid-id-two">


            <div class="row action_buttons">
                                  <div class="col-sm-10 col-md-10 col-lg-12">
                                      <div class="pull-right">
                                          <a href="javascript:void(0);" class="btn btn-default" class="btn btn-default btn-xs" type = "button" ng-click="searchAgain()">Search again</a>
                                      </div>
                                  </div>
                       </div>

        <div class="jarviswidget jarviswidget-color-darken"  data-widget-editbutton="false">
        <!-- widget options:
                        usage: <div class="jarviswidget" id="wid-id-two" data-widget-editbutton="false">

                        data-widget-colorbutton="false"
                        data-widget-editbutton="false"
                        data-widget-togglebutton="false"
                        data-widget-deletebutton="false"
                        data-widget-fullscreenbutton="false"
                        data-widget-custombutton="false"
                        data-widget-collapsed="true"
                        data-widget-sortable="false"

                        -->


        <header><span class="widget-icon"> <i class="fa fa-table"></i> </span>
          <h2>{{'CUSTOM_ACTIVITY_FILTER' | translate}} </h2>
        </header>

        <!-- widget div-->
        <div>

          <!-- widget edit box -->
          <div class="jarviswidget-editbox">
            <!-- This area used as dropdown edit box -->

          </div>
          <!-- end widget edit box -->

          <!-- widget content -->

          <div class="widget-body no-padding">
            <div class="table-responsive">
                <table id="datatable_tabletools" class="table table-striped table-bordered table-hover" width="100%" bFilter='false'>
                <thead>
                    <tr>
                        <th data-class="expand">{{'TRANSFERID' | translate}} </th>
                        <th data-class="expand">{{'TRANSFERDATE' | translate}} </th>
                        <th data-class="expand">{{'DESCRIPTION' | translate}} </th>
                        <th data-class="expand">{{'OTHERPARTYACCOUNT' | translate}} </th>
                        <th data-class="expand">{{'DEBIT' | translate}} </th>
                        <th data-class="expand">{{'CREDIT' | translate}} </th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
                </table>
            </div>
          </div>
          <!-- end widget content -->

          </div>
        </div>
        <!-- end widget div -->
      </div>
    </script>

    <script type="text/ng-template" id="templates/reseller-airtime-recharge.html">
          <div class="row">
          <div class="col-lg-6 col-lg-offset-3">
              <div class="ajaxsection">
                  <form name="form" id="airtime-recharge" class="form-horizontal ">
                      <fieldset>


                      <div  class="col-lg-12" ng-hide="user.isAccountsLengthOne">
                          <div class="form-group">
                             <label class="col-lg-4 ">{{'CUSTOMER_ACCOUNT' | translate}} </label>
                              <div class="col-lg-8">
                                  <select class="form-control" name="accountId" ng-init="generateAccounts()"
                                          ng-model="obj.accountId" required
                                          ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}"
                                          ng-change="obj.receiverSubscriptionId='';obj.txAmount=''">

                                  </select>
                              </div>
                          </div>
                      </div>
                        <!--
                            <div class="row">
                                  <div class="col-lg-12">
                                      <div class="form-group">

                                          <label class="col-lg-4 ">{{'Charge Type' | translate}} </label>
                                          <div class="col-lg-8 group-radio-inline">
                                              <label>
                                                  <input type="radio" checked="checked" name="partnerType" ng-model="obj.partnerType" required value="1" ng-change="chargeType()">
                                                  Basic
                                              </label>

                                              &nbsp;&nbsp;
                                              <label>
                                                  <input type="radio" checked="checked" name="partnerType" ng-model="obj.partnerType" required value="2" ng-change="chargeType()">
                                                  Normal
                                              </label>
                                              &nbsp;&nbsp;
                                              <label>
                                                  <input type="radio" checked="checked" name="partnerType" ng-model="obj.partnerType" required value="3" ng-change="chargeType()">
                                                  Premium
                                              </label>
                                          </div>
                                      </div>
                                  </div>
                              </div>-->

                                 <div class="col-lg-12">
                          <div class="form-group">
                             <label class="col-lg-4 ">{{'SELECT_AMOUNT' | translate}} </label>
                              <div class="col-lg-8">

                                       <input type="text" autocomplete="off" name="amount" minlength="1" maxlength="20" required ng-model="obj.amount" class="form-control" required="">
                                  </select>
                              </div>
                          </div>
                      </div>

                           <div class="col-lg-12" ng-if="isAdminPINRequired();">
                              <div class="form-group">
                                 <label class="col-lg-4 ">{{'PIN_NUMBER' | translate}} </label>
                                  <div class="col-lg-8">
                                      <input type="password" autocomplete="off" name="adminPIN" minlength="1" maxlength="20" required ng-model="obj.adminPIN" class="form-control">
                                  </div>
                              </div>
                           </div>

                           <div class="col-lg-12">
                              <div class="form-group">
                                 <label class="col-lg-4 ">{{'REASON' | translate}} </label>
                                  <div class="col-lg-8">
                                     <input type="text" autocomplete="off" name="description" minlength="1" maxlength="50" required ng-model="obj.description" class="form-control">
                                  </div>
                              </div>
                           </div>


                          <div class="col-lg-12">
                              <div class="col-lg-8 col-lg-8 col-lg-offset-4 submit_btn_wrap">
                                  <button class="btn btn-primary btn-block" type="submit" ng-disabled="disableSubmitBtn"> {{'SUBMIT_BTN' | translate}} </button>
                              </div>
                          </div>
                          <div class="col-sm-8">
                              <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                              <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
                          </div>
                      </fieldset>
                  </form>
              </div>
          </div>
          <div class="row" id="tmtTransfer_receipt" style="display:none;">

          <div class="row">
              <div class="row action_buttons">
                  <div class="col-sm-12 col-md-12 col-lg-10 col-lg-offset-1">
                      <div class="pull-right">
                          <a href="javascript:void(0);" class="btn btn-default" ng-click="printDiv('tmt_receipt_content')"><i class="fa fa-print"></i> Print</a>
                          <a href="javascript:void(0);" class="btn btn-default" ng-click="goBack_requests()"> Go Back</a>
                      </div>
                  </div>
              </div>
          </div>

          <div class="row" id="tmt_receipt_content">
              <!--end buttons-->

              <div class="container" style="width:670px;margin:0 auto;font-family: Verdana,Geneva,sans-serif; font-size:12px;color: #626262;">
                  <div class="section">
                      <div class="header" style="height:46px;background:#f6f6f6;">
                          <div class="title" style="font-size: 14px; padding-top: 13px; margin-left: 20px; display: inline-block;">
                              <!--{{user.productBrand}}-->  Airtime  Recharge
                          </div>

                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">

                          <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Date:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_time}}]
                              </div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Transfer Id:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_transferId}}] <!--[ {{tmt_agentPUID}} ] [ {{tmt_agentNo}} ]-->
                              </div>
                          </div>
                          <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Transfer Id#
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{InvoiceNo}}]
                              </div>
                          </div>
                      </div>
                      <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                          Sender Information
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Mobile:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_senderMobile}}
                              </div>
                          </div>
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Name:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_senderName}}
                              </div>
                          </div>
                      </div>

                     <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Address:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{snd_tmt_senderAddress}}
                              </div>
                          </div>
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">

                          <div class="col-left" style="display: inline-block;width: 49%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Amount:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;"><span style="color: #626262;"> Total Amount:</span> {{tmt_amount}}</div>
                          </div>
                          <div class="col-left" style="display: inline-block;width: 22%;">
                              <div class="lebel" style="width: 45px;display:inline-block;color: #626262;">
                                  Comm:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;">{{tmt_comm}}</div>
                          </div>
                          <div class="col-left" style="display: inline-block;width: 26%;">
                              <div class="lebel" style="width: 85px;display:inline-block;color: #626262;">
                                  Net Amount:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;"> {{tmt_netAmount}}</div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Description:
                              </div>
                              <div class="value" style="display: inline-block;word-wrap: break-word;color: #949494;width: 78%;vertical-align: top;">
                                  {{tmt_description}}
                              </div>
                          </div>
                      </div>

                      <div class="signature_wrap">

                          <div class="sign_right" style="margin-top: 25px; width: 33%; text-align: center; display: inline-block; margin-left: 27%;">
                              <hr />
                              <div>Customer Signature</div>
                          </div>
                      </div>

              <div class="terms_wrap" style="border: 1px dashed; padding: 10px;margin-top:10px;">
              <div class="terms_heading" style="text-align: center; margin-bottom: 10px;">Terms & Conditions</div>
              <div class="terms" style="font-size:9px;">
                  1) {{ brandName }}  will not take any responsibility for delays or delivery failure as a result of mistakes in information.<br />
                  2) In case of cancellation will be refunded at the market rate with cancellation fee.
              </div>
          </div>
      </div>
                      <div class="section_seperator" style="margin-top: 10px; margin-bottom: 10px; border-top: 3px dashed;"></div>

                  </div>     <!--end container-->
              </div>
          </div>
      </div>
    </script>
    <script type="text/ng-template" id="templates/reseller-airtime-friend-recharge.html">
          <div class="row">
         <div class="col-sm-8 col-md-8 col-lg-8 col-lg-offset-3">
              <div class="ajaxsection">
                  <form name="form" id="airtime-friend-recharge" class="form-horizontal ">
                      <fieldset>


                         <div class="col-lg-8" ng-hide="user.isAccountsLengthOne">
                          <div class="form-group">
                             <label class="col-lg-4 ">{{'AGENT_ACCOUNT' | translate}} </label>
                              <div class="col-lg-8">
                                  <select class="form-control" name="accountId" ng-init="generateAccounts()" ng-model="obj.accountId" ng-change="currentBalance=''" required ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}"></select>
                              </div>
                          </div>
                      </div>

                     <div class="col-lg-8">
                              <div class="form-group">
                                  <label class="col-lg-4 ">{{'RECHARGE_ACCOUNT' | translate}} </label>
                                  <div class="col-lg-8">

                                          <input type="tel" autocomplete="off" minlength="7" maxlength="15" list="list" name="airtimeAccountId" ng-model="obj.mobileNumber " class="form-control" required="">
                                         <!-- <a href="javascript:void(0)" class="btn_getuserinfo input-group-addon-portal" ng-click="TopUpDenominations()"></a>-->

                                  </div>
                              </div>
                          </div>

                            <!--
                            <div class="row">
                                  <div class="col-lg-8">
                                      <div class="form-group">

                                          <label class="col-lg-4 ">{{'Charge Type' | translate}} </label>
                                          <div class="col-lg-8 group-radio-inline">
                                              <label>
                                                  <input type="radio" checked="checked" name="partnerType" ng-model="obj.partnerType" required value="1" ng-change="chargeType()">
                                                  Basic
                                              </label>

                                              &nbsp;&nbsp;
                                              <label>
                                                  <input type="radio" checked="checked" name="partnerType" ng-model="obj.partnerType" required value="2" ng-change="chargeType()">
                                                  Normal
                                              </label>
                                              &nbsp;&nbsp;
                                              <label>
                                                  <input type="radio" checked="checked" name="partnerType" ng-model="obj.partnerType" required value="3" ng-change="chargeType()">
                                                  Premium
                                              </label>
                                          </div>
                                      </div>
                                  </div>
                              </div>-->

                          <div class="col-lg-8">
                          <div class="form-group">
                             <label class="col-lg-4 ">{{'SELECT_AMOUNT' | translate}} </label>
                              <div class="col-lg-8">

                                   <input type="tel" autocomplete="off" minlength="1" maxlength="15" list="list" name="amount" ng-model="obj.amount" class="form-control" required="">
                              </div>
                          </div>
                      </div>


                   <div class="col-lg-8" ng-if="isAdminPINRequired();">
                              <div class="form-group">
                                 <label class="col-lg-4 ">{{'PIN_NUMBER' | translate}} </label>
                                  <div class="col-lg-8">
                                      <input type="password" autocomplete="off" name="adminPIN" minlength="1" maxlength="20" required ng-model="obj.adminPIN" class="form-control">
                                  </div>
                              </div>
                           </div>

                           <div class="col-lg-8" >
                              <div class="form-group">
                                 <label class="col-lg-4 ">{{'REASON' | translate}} </label>
                                  <div class="col-lg-8">
                                     <input type="text" autocomplete="off" name="description" minlength="1" maxlength="50" required ng-model="obj.description" class="form-control">
                                  </div>
                              </div>
                           </div>

                          <div class="col-lg-8">
                              <div class="col-lg-8 col-lg-8 col-lg-offset-4 submit_btn_wrap">
                                  <button class="btn btn-primary btn-block"   ng-disabled="disableSubmitBtn"  type="submit" > {{'SUBMIT_BTN' | translate}} </button>
                              </div>
                          </div>
                          <div class="col-sm-8">
                              <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                              <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
                          </div>
                      </fieldset>
                  </form>
              </div>
          </div>

      <div class="row" id="tmtTransfer_receipt" style="display:none;">

          <div class="row">
              <div class="row action_buttons">
                  <div class="col-sm-12 col-md-12 col-lg-10 col-lg-offset-1">
                      <div class="pull-right">
                          <a href="javascript:void(0);" class="btn btn-default" ng-click="printDiv('tmt_receipt_content')"><i class="fa fa-print"></i> Print</a>
                          <a href="javascript:void(0);" class="btn btn-default" ng-click="goBack_requests()"> Go Back</a>
                      </div>
                  </div>
              </div>
          </div>

          <div class="row" id="tmt_receipt_content">
              <!--end buttons-->

              <div class="container" style="width:670px;margin:0 auto;font-family: Verdana,Geneva,sans-serif; font-size:12px;color: #626262;">
                  <div class="section">
                      <div class="header" style="height:46px;background:#f6f6f6;">
                          <div class="title" style="font-size: 14px; padding-top: 13px; margin-left: 20px; display: inline-block;">
                              <!--{{user.productBrand}}-->  Freind Airtime Recharge
                          </div>
                          <!--<div class="logo" style="display: inline-block; text-align: right; float: right; padding-top: 6px; margin-right: 10px;">
                              <img src="img/myaccount/receipt_logo_evcplus.png" width="139" height="34" />
                          </div>-->
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <!--<div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Agent:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  ({{user.name}})
                              </div>
                          </div> -->
                          <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Date:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_time}}]
                              </div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Transfer Id:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_transferId}}] <!--[ {{tmt_agentPUID}} ] [ {{tmt_agentNo}} ]-->
                              </div>
                          </div>
                          <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Ref#
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_transferId}}]
                              </div>
                          </div>
                      </div>
                      <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                          Sender Information
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Mobile:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_senderMobile}}
                              </div>
                          </div>
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Name:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_senderName}}
                              </div>
                          </div>
                      </div>
                    <!--
                     <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Address:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{snd_tmt_senderAddress}}
                              </div>
                          </div>
                      </div> -->

                      <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                          Receiver Information
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Mobile:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_receiverMobile}}
                              </div>
                          </div>

                         <!-- <div ng-hide="hideReceivingAgent" class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:115px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Receiving Agent:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{rcv_tmt_receivingAgent}}
                              </div>
                          </div> -->
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Name:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_receiverName}}
                              </div>
                          </div>
                      </div>
                    <!--
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Address:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_receiverAddress}}
                              </div>
                          </div>
                      </div>-->
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <!--<div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Amount:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{tmt_amount}}
                              </div>
                          </div>-->
                          <div class="col-left" style="display: inline-block;width: 49%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Amount:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;"><span style="color: #626262;">  Total Amount:</span> {{tmt_amount}}</div>
                          </div>
                          <div class="col-left" style="display: inline-block;width: 22%;">
                              <div class="lebel" style="width: 45px;display:inline-block;color: #626262;">
                                  Comm:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;">{{tmt_comm}}</div>
                          </div>
                          <div class="col-left" style="display: inline-block;width: 26%;">
                              <div class="lebel" style="width: 85px;display:inline-block;color: #626262;">
                                  Net Amount:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;"> {{tmt_netAmount}}</div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Description:
                              </div>
                              <div class="value" style="display: inline-block;word-wrap: break-word;color: #949494;width: 78%;vertical-align: top;">
                                  {{tmt_description}}
                              </div>
                          </div>
                      </div>

                      <div class="signature_wrap">
                          <div class="sign_left" style="margin-top: 45px; width: 33%; text-align: center; display: inline-block; margin-left: 3%;">
                              <hr />
                              <div>Agent Signature</div>
                          </div>
                          <div class="sign_right" style="margin-top: 45px; width: 33%; text-align: center; display: inline-block; margin-left: 27%;">
                              <hr />
                              <div>Customer Signature</div>
                          </div>
                      </div>

              <div class="terms_wrap" style="border: 1px dashed; padding: 10px;margin-top:10px;">
              <div class="terms_heading" style="text-align: center; margin-bottom: 10px;">Terms & Conditions</div>
              <div class="terms" style="font-size:9px;">
                  1) {{ brandName }}  will not take any responsibility for delays or delivery failure as a result of mistakes in information.<br />
                  2) In case of cancellation will be refunded at the market rate with cancellation fee.
              </div>
          </div>
      </div>
                      <div class="section_seperator" style="margin-top: 10px; margin-bottom: 10px; border-top: 3px dashed;"></div>

                  </div>     <!--end container-->
                   <div class="container" style="width:670px;margin:0 auto;font-family: Verdana,Geneva,sans-serif; font-size:12px;color: #626262;">
                  <div class="section">
                      <div class="header" style="height:46px;background:#f6f6f6;">
                          <div class="title" style="font-size: 14px; padding-top: 13px; margin-left: 20px; display: inline-block;">
                              <!--{{user.productBrand}}-->  Freind Airtime Recharge
                          </div>
                          <!--<div class="logo" style="display: inline-block; text-align: right; float: right; padding-top: 6px; margin-right: 10px;">
                              <img src="img/myaccount/receipt_logo_evcplus.png" width="139" height="34" />
                          </div>-->
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <!--<div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Agent:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  ({{user.name}})
                              </div>
                          </div> -->
                          <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Date:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_time}}]
                              </div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Transfer Id:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_transferId}}] <!--[ {{tmt_agentPUID}} ] [ {{tmt_agentNo}} ]-->
                              </div>
                          </div>
                          <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:109px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Ref#
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  [{{tmt_transferId}}]
                              </div>
                          </div>
                      </div>
                      <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                          Sender Information
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Mobile:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_senderMobile}}
                              </div>
                          </div>
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Name:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_senderName}}
                              </div>
                          </div>
                      </div>

                     <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Sender Address:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{snd_tmt_senderAddress}}
                              </div>
                          </div>
                      </div>

                      <div class="section_heading" style="background: #232323; color: rgb(255, 255, 255); padding-left: 20px; height: 19px; padding-top: 1px; font-weight: bold;">
                          Receiver Information
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Mobile:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_receiverMobile}}
                              </div>
                          </div>

                         <!-- <div ng-hide="hideReceivingAgent" class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                              <div class="lebel" style="width:115px;display: inline-block;padding-right: 10px;color: #626262;">
                                  Receiving Agent:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{rcv_tmt_receivingAgent}}
                              </div>
                          </div> -->
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Name:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_receiverName}}
                              </div>
                          </div>
                      </div>

                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Receiver Address:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{customer_receiverAddress}}
                              </div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <!--<div class="col-left" style="display: inline-block; width: 50%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Amount:
                              </div>
                              <div class="value" style="display: inline-block;color: #949494;">
                                  {{tmt_amount}}
                              </div>
                          </div>-->
                          <div class="col-left" style="display: inline-block;width: 49%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Amount:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;"><span style="color: #626262;">  Total Amount:</span> {{tmt_amount}}</div>
                          </div>
                          <div class="col-left" style="display: inline-block;width: 22%;">
                              <div class="lebel" style="width: 45px;display:inline-block;color: #626262;">
                                  Comm:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;">{{tmt_comm}}</div>
                          </div>
                          <div class="col-left" style="display: inline-block;width: 26%;">
                              <div class="lebel" style="width: 85px;display:inline-block;color: #626262;">
                                  Net Amount:
                              </div>
                              <div class="value ng-binding" style="display: inline-block;color: #949494;"> {{tmt_netAmount}}</div>
                          </div>
                      </div>
                      <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                          <div class="col-left" style="display: inline-block; width: 100%;">
                              <div class="lebel" style="width:109px; display:inline-block;color: #626262;">
                                  Description:
                              </div>
                              <div class="value" style="display: inline-block;word-wrap: break-word;color: #949494;width: 78%;vertical-align: top;">
                                  {{tmt_description}}
                              </div>
                          </div>
                      </div>

                      <div class="signature_wrap">
                          <div class="sign_left" style="margin-top: 45px; width: 33%; text-align: center; display: inline-block; margin-left: 3%;">
                              <hr />
                              <div>Agent Signature</div>
                          </div>
                          <div class="sign_right" style="margin-top: 45px; width: 33%; text-align: center; display: inline-block; margin-left: 27%;">
                              <hr />
                              <div>Customer Signature</div>
                          </div>
                      </div>

              <div class="terms_wrap" style="border: 1px dashed; padding: 10px;margin-top:10px;">
              <div class="terms_heading" style="text-align: center; margin-bottom: 10px;">Terms & Conditions</div>
              <div class="terms" style="font-size:9px;">
                  1) {{ brandName }}  will not take any responsibility for delays or delivery failure as a result of mistakes in information.<br />
                  2) In case of cancellation will be refunded at the market rate with cancellation fee.
              </div>
          </div>
      </div>
                      <div class="section_seperator" style="margin-top: 10px; margin-bottom: 10px; border-top: 3px dashed;"></div>

                  </div>
              </div>
          </div>
          </div>
    </script>
    <script type="text/ng-template" id="templates/cashiers-cash-activity.html">
          <div class="row">
          <div class="col-lg-6 col-lg-offset-3">
              <div class="ajaxsection reports">
                  <form name="form" id="cashiers-cash-activity" class="form-horizontal ">
                      <fieldset>


                          <div ng-hide="user.isAccountsLengthOne" class="col-lg-12">
                              <div class="form-group">
                                  <label class="col-lg-4 ">{{'AGENT_ACCOUNT' | translate}} </label>
                                  <div class="col-lg-8">
                                      <select class="form-control" name="accountId" ng-init="generateAccounts()" ng-model="obj.accountId" ng-change="currentBalance=''" required ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}">

                                      </select>
                                  </div>
                              </div>
                          </div>


                          <div class="col-lg-12">
                              <div class="form-group mobile-form-group my_calender">
                                  <label class="col-lg-4 ">{{'START_DATE' | translate}} </label>
                                  <div class="col-lg-8 ">
                                      <div class='input-group date'>
                                          <input class="form-control" type="tel" name="customerActivityStartDate" ng-model="obj.customerActivityStartDate" list="list" jqdatepicker1 required>
                                          <span class="input-group-addon"><span i class="glyphicon glyphicon-calendar"></i></span></span>
                                      </div>
                                  </div>
                              </div>
                          </div>

                          <div class="col-lg-12">
                              <div class="form-group mobile-form-group my_calender">
                                  <label class="col-lg-4 ">{{'END_DATE' | translate}} </label>
                                  <div class="col-lg-8">
                                      <div class='input-group date'>
                                          <input class="form-control" type="tel" name="customerActivityEndDate" ng-model="obj.customerActivityEndDate" list="list" jqdatepicker2 required>
                                          <span class="input-group-addon"><span i class="glyphicon glyphicon-calendar"></i></span></span>
                                      </div>
                                  </div>
                              </div>
                          </div>



                          <div class="col-lg-12">
                              <div class="col-lg-8 col-lg-8 col-lg-offset-4 submit_btn_wrap">
                                  <button class="btn btn-primary btn-block" type="submit"  ng-disabled="disableSubmitBtn" > {{'VIEW_REPORT' | translate}} </button>
                              </div>
                          </div>

                          <!-- Widget ID (each widget will need unique ID)-->

                          <!-- end widget -->

                          <div class="form-group">
                              <div class="col-sm-8">
                                  <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                                  <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
                              </div>


                          </div>
                      </fieldset>
                  </form>
              </div>
          </div>
      </div>
      <div ng-show="dealerCashActivity" id="wid-id-two">

           <div id="reportHead" style="display: none;">
              <div class="well ajaxsection">
                  <div class="row">
                      <div class="col-md-12 col-lg-12">
                          <div class="rpt-description-detail activity-detail simple-desc" style="margin-bottom: 20px;">
                              <div class="col-lg-12 text-center" style="width: 1024px;text-align: center;">
                                   <span class="rpt_title_name" style="font-size:22px;font-weight: bold;margin-bottom: 10px;" id="rpt_title_name"> </span> <br>
                                  <span class="rpt_title_name" style="font-size:18px;font-weight: bold;margin-bottom: 10px;"> Account Activity Report</span>
                              </div>
                              <div style="width: 1024px;margin-top: 5px;">

                                  <div class="" style="width:492px;display: inline-block;">
                                      <span class="rpt_title" style="font-weight: bold;width: 105px;margin right: 20px;display: inline-block;">{{'Cust Acc' | translate}}: </span><span class="account_number">{{obj.accountId}}</span>
                                  </div>

                                  <div class="" style="width:492px; display: inline-block;text-align: right; ">
                                      <span class="rpt_title" style="font-weight: bold;width: 105px;margin-right: 20px;display: inline-block;">{{'START_DATE' | translate}}:</span><span class="start_date">{{obj.customerActivityStartDate}}</span>
                                  </div>
                              </div>


                              <div style="width: 1024px;margin-top: 5px;">

                                  <div class="" style="width:492px;display: inline-block;">
                                      <span class="rpt_title" style="font-weight: bold;width: 105px;margin right: 20px;display: inline-block;">{{'Cust Name' | translate}}: </span><span class="account_number">{{user.name}}</span>
                                  </div>

                                  <div class="" style="width:492px; display: inline-block;text-align: right; ">
                                      <span class="rpt_title" style="font-weight: bold;width: 105px;margin-right: 20px;display: inline-block;">{{'END_DATE' | translate}}:</span><span class="start_date">{{obj.customerActivityEndDate}}</span>
                                  </div>
                              </div>


                              <div style="width: 1024px;margin-top: 5px;">

                                  <div class="" style="width:492px;display: inline-block;">
                                      <span class="rpt_title" style="font-weight: bold;width: 105px;margin right: 20px;display: inline-block;">{{'BALANCE' | translate}}: </span><span id="balance"></span>
                                  </div>
                              </div>
                          </div>
                      </div>
                  </div>
              </div>
          </div>

          <div class="well ajaxsection">
              <div class="row">

                  <div class="col-md-12 col-lg-12">

                      <div class="description-detail activity-detail simple-desc">

                          <div class="col-lg-6">
                              <span>{{'START_DATE' | translate}}:</span>{{obj.customerActivityStartDate}}
                          </div>


                          <div class="col-lg-6">
                              <span>{{'END_DATE' | translate}}: </span>{{obj.customerActivityEndDate}}
                          </div>

                      </div>
                  </div>
              </div>
          </div>

          <div class="row action_buttons">
              <div class="col-sm-12 col-md-12 col-lg-12">
                  <div class="pull-right">
                      <a href="javascript:void(0);" class="btn btn-default" class="btn btn-default btn-xs" type = "button" ng-click="searchAgain()">Search again</a>
                  </div>
              </div>
          </div>

          <div  class="jarviswidget jarviswidget-color-darken"  data-widget-editbutton="false">
              <!-- widget options:
                    usage: <div class="jarviswidget" id="wid-id-two" data-widget-editbutton="false">

                    data-widget-colorbutton="false"
                    data-widget-editbutton="false"
                    data-widget-togglebutton="false"
                    data-widget-deletebutton="false"
                    data-widget-fullscreenbutton="false"
                    data-widget-custombutton="false"
                    data-widget-collapsed="true"
                    data-widget-sortable="false"

                    -->

              <header><span class="widget-icon"> <i class="fa fa-table"></i> </span>
                  <h2>{{'DEALER_CASH_ACTIVITY' | translate}} </h2>
              </header>

              <!-- widget div-->
              <div>

                  <!-- widget edit box -->
                  <div class="jarviswidget-editbox">
                      <!-- This area used as dropdown edit box -->

                  </div>
                  <!-- end widget edit box -->

                  <!-- widget content -->

                  <div class="widget-body no-padding">
                    <div class="table-responsive">
                      <table id="datatable_tabletools" name="dealerCashReportList" class="table table-striped table-bordered table-hover" bFilter='false' width="100%">
                          <thead>
                          <tr>
                              <th data-class="expand">{{'PARTNERUID' | translate}} </th>
                              <th data-class="expand">{{'NAME' | translate}} </th>
                              <th data-class="expand">{{'ACCOUNTID' | translate}} </th>
                              <th data-class="expand">{{'PREVBALANCE' | translate}} </th>
                              <th data-class="expand">{{'TOTALTRANS' | translate}} </th>
                              <th data-class="expand">{{'FLOATBALANCES' | translate}} </th>
                              <th data-class="expand">{{'DEBIT' | translate}} </th>
                              <th data-class="expand">{{'CREDIT' | translate}} </th>
                              <th data-class="expand">{{'BALANCE' | translate}} </th>

                          </tr>
                          </thead>
                          <tbody>
                          </tbody>
                      </table>
                    </div>
                  </div>
                  <!-- end widget content -->

              </div>
              <!-- end widget div -->
          </div>
      </div>
    </script>

    <script type="text/ng-template" id="templates/merchant-bank-email-me-myActivity.html">
              <div class="row">
          <div class="col-lg-6 col-lg-offset-3">
              <div class="ajaxsection">
                  <form name="form" id="merchant-bank-email-me-myActivity" class="form-horizontal " autocomplete="off">
                       <fieldset>
                              <!--<legend>{{'BANK_TO_MMT_FUND_TRANSFER' | translate}}</legend>-->

                          <div class="col-lg-12">
                              <div class="form-group">
                                 <label class="col-lg-4 ">{{'BANK_ACCOUNT' | translate}} </label>
                                  <div class="col-lg-8">
                                      <select class="form-control" name="bankAccountId"
                                              ng-model="obj.bankAccountNo" required
                                              ng-options="account.ACCOUNTNO as account.ACCOUNTTITLE for account in banksList"
                                              ng-change="setAccountId()">
                                          <option disabled="" selected="" value="">{{'SELECT_BANK_ACCOUNT' | translate}}
                                          </option>
                                      </select>
                                  </div>
                              </div>
                          </div>



                          <div class="col-lg-12" ng-hide="user.isAccountsLengthOne">
                              <div class="form-group">
                                 <label class="col-lg-4 ">{{'CUSTOMER_ACCOUNT' | translate}} </label>
                                  <div class="col-lg-8">
                                      <select class="form-control" name="accountId" ng-init="generateAccounts()"
                                              ng-model="obj.accountId" required
                                              ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}"
                                              ng-change="obj.receiverSubscriptionId='';obj.txAmount=''">

                                      </select>
                                  </div>
                              </div>
                          </div>

                          <div class="col-lg-12">
                              <div class="form-group mobile-form-group my_calender">
                                 <label class="col-lg-4 ">{{'START_DATE' | translate}} </label>
                                  <div class="col-lg-8 ">
                                     <div class='input-group date'>
                                       <input class="form-control" type="tel" name="customerActivityStartDate" ng-model="obj.customerActivityStartDate" list="list" jqdatepicker1 required>
                                         <span class="input-group-addon"><span i class="glyphicon glyphicon-calendar"></i></span></span>
                                  </div>
                                  </div>
                              </div>
                      </div>

                      <div class="col-lg-12">
                              <div class="form-group mobile-form-group my_calender">
                                 <label class="col-lg-4 ">{{'END_DATE' | translate}} </label>
                                  <div class="col-lg-8">
                                     <div class='input-group date'>
                                     <input class="form-control" type="tel" name="customerActivityEndDate" ng-model="obj.customerActivityEndDate" list="list" jqdatepicker2 required>
                              <span class="input-group-addon"><span i class="glyphicon glyphicon-calendar"></i></span></span>
                                      </div>
                                  </div>
                              </div>
                      </div>



                               <div class="col-lg-12"">
                                  <div class="form-group">
                                     <label class="col-lg-4 ">{{'EMAIL' | translate}} </label>
                                      <div class="col-lg-8">
                                         <input type="email" autocomplete="off" name="emailAddress" minlength="1" maxlength="50" required ng-model="obj.emailAddress" class="form-control">
                                      </div>
                                  </div>
                               </div>
                               <div class="col-lg-12">
                              <div class="form-group">
                                 <label class="col-lg-4 ">{{'BANKPIN' | translate}} </label>
                                  <div class="col-lg-8">
                                      <input type="password" autocomplete="new-password" minlength="1" maxlength="10" list="list"  name="bankPin" class="form-control"
                                             ng-model="obj.bankPIN" required>
                                  </div>
                              </div>
                          </div>
                   <div class="col-lg-12">
                      <div class="col-lg-8 col-lg-8 col-lg-offset-4 submit_btn_wrap">
                          <button class="btn btn-primary btn-block"  ng-disabled="disableSubmitBtn"   ng-disabled="disableSubmitBtn"  type="submit"> {{'SUBMIT_BTN' | translate}} </button>
                      </div>
                  </div>
                              <div class="col-sm-8">
                                  <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                                  <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
                              </div>
                          </fieldset>
                  </form>
              </div>
          </div>
      </div>
    </script>

    <script type="text/ng-template" id="templates/getTransactionDetail-ByCurrencyId.html">
              <div class="row">
        <div class="col-lg-6 col-lg-offset-3">
          <div class="ajaxsection reports">
            <form name="form" id="getTransactionDetail-ByCurrencyId" class="form-horizontal ">
              <fieldset>

                         <div ng-hide="user.isAccountsLengthOne" class="col-lg-12">
                              <div class="form-group">
                                 <label class="col-lg-4 ">{{'CUSTOMER_ACCOUNT' | translate}} </label>
                                  <div class="col-lg-8">
                                      <select class="form-control" name="accountId" ng-init="generateAccounts()" ng-model="obj.accountId" ng-change="currentBalance=''" required ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}">

                                          </select>
                                  </div>
                              </div>
                         </div>

                      <div class="form-group">
                                 <label class="col-lg-4 ">{{'SELECT_MODE' | translate}} </label>
                                  <div class="col-lg-8">
                                      <select class="form-control" name="mode" ng-model="obj.mode" ng-change="mode=''" required>
                                              <option value="0">MMT</option>
                                               <option value="1">TMT</option>
                                          <option disabled="" selected="" value="">{{'SELECT_MODE' | translate}}
                                          </option>
                                      </select>
                                  </div>
                              </div>

                      <div class="col-lg-12">
                                  <div class="form-group">
                                      <label class="col-lg-4 ">{{'TRANSFER_ID' | translate}} </label>
                                      <div class="col-lg-8">
                                          <input type="number" autocomplete="off" minlength="1" maxlength="15" list="list" name="transferId" ng-model="obj.transferId" required class="form-control">
                                      </div>
                                  </div>
                              </div>






                <div class="col-lg-12">
                      <div class="col-lg-8 col-lg-8 col-lg-offset-4 submit_btn_wrap">
                          <button class="btn btn-primary btn-block"  ng-disabled="disableSubmitBtn" type="submit"> {{'VIEW_REPORT' | translate}} </button>
                      </div>
                  </div>

                <!-- Widget ID (each widget will need unique ID)-->

      <!-- end widget -->

                  <div class="form-group">
                  <div class="col-sm-8">
                    <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                    <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
                  </div>


                </div>
              </fieldset>
            </form>
          </div>
        </div>
      </div>
         <div class="row" id="tmtTransfer_receipt" style="display:none;">

              <div class="row">
                  <div class="row action_buttons">
                      <div class="col-sm-12 col-md-12 col-lg-10 col-lg-offset-1">
                          <div class="pull-right">
                              <a href="javascript:void(0);" class="btn btn-default" ng-click="printDiv('printablereciept')"><i class="fa fa-print"></i> Print</a>
                              <a href="javascript:void(0);" class="btn btn-default" ng-click="searchAgain()"> Go Back</a>
                          </div>
                      </div>
                  </div>
              </div>

        <div class="jarviswidget jarviswidget-color-darken"  data-widget-editbutton="false">

        <header><span class="widget-icon"> <i class="fa fa-table"></i> </span>
          <h2>{{'ACCOUNT_TRANSACTION_DETAILS' | translate}} </h2>
        </header>

        <!-- widget div-->
        <div>

          <!-- widget edit box -->
          <div class="jarviswidget-editbox">
            <!-- This area used as dropdown edit box -->

          </div>

            <div id="printablereciept">
              <div class="container" style="width:670px;margin:0 auto;font-family: Verdana,Geneva,sans-serif; font-size:12px;color: #626262;">

                                      <div class="section">

                                          <div class="header" style="height:46px;border: 1px solid #b7b7b7;">
                                              <div class="title" style="font-size: 14px; padding-top: 13px; margin-left: 20px; display: inline-block;">
                                                   {{rpt_title_name}}
                                              </div>
                                              <div class="logo" style="display: inline-block; text-align: right; float: right; padding-top: 6px; margin-right: 10px;">

                                                <img src="img/myaccount/{{brandLogo}}" alt="Safarifone" class="desktop-logo" width="139" height="34">
                                              </div>
                                          </div>
                                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px; display: none;">
                                              <div class="col-left" style="display: inline-block; width: 50%;">
                                                  <div class="lebel" style="width:109px; display:inline-block;color: #000;">
                                                      <span class="transactionInfo_identityTypeName"></span> Name:
                                                  </div>
                                                  <div class="value" style="display: inline-block;color: #949494;">
                                                     {{user.name}}
                                                  </div>
                                              </div>
                                              <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                                                  <div class="lebel" style="width:146px;display: inline-block;padding-right: 10px;color: #000;">
                                                      Account Number:
                                                  </div>
                                                  <div class="value" style="display: inline-block;color: #949494;">
                                                     [{{obj.accountId}}] {{user.name}}
                                                  </div>
                                              </div>
                                          </div>
                                          <hr />
                                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                                              <div class="col-left" style="display: inline-block; width: 50%;">
                                                  <div class="lebel" style="width:109px; display:inline-block;color: #000;">
                                                      Transaction Time:
                                                  </div>
                                                  <div class="value" style="display: inline-block;color: #949494;">
                                                      {{customerActivityStartDate}}
                                                  </div>
                                              </div>
                                              <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                                                  <div class="lebel" style="width:146px;display: inline-block;padding-right: 10px;color: #000;">
                                                      Transaction ID:
                                                  </div>
                                                  <div class="value" style="display: inline-block;color: #949494;">
                                                      {{transferId}}
                                                  </div>
                                              </div>
                                          </div>
                                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                                              <div class="col-left" style="display: inline-block; width: 50%;">
                                                  <div class="lebel" style="width:109px; display:inline-block;color: #000;">
                                                     Account:
                                                  </div>
                                                  <div class="value" style="display: inline-block;color: #949494;">
                                                    {{Account}}
                                                  </div>
                                              </div>
                                              <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                                                  <div class="lebel" style="width:146px;display: inline-block;padding-right: 10px;color: #000;">
                                                      Transaction Method:
                                                  </div>
                                                  <div class="value" style="display: inline-block;color: #949494;">
                                                      {{status}}
                                                  </div>
                                              </div>
                                          </div>
                                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                                              <div class="col-left" style="display: inline-block; width: 50%;">
                                                  <div class="lebel" style="width:109px; display:inline-block;color: #000;">
                                                      Amount:
                                                  </div>
                                                  <div class="value" style="display: inline-block;color: #949494;">
                                                      {{Amount}}
                                                  </div>
                                              </div>
                                              <div class="col-right" style="display: inline-block; text-align: right;width:width: 48%;">
                                                  <div class="lebel" style="width:146px;display: inline-block;padding-right: 10px;color: #000;">

                                                  </div>
                                                  <div class="value" style="display: inline-block;color: #949494;">
                                                      <!--[<span class="transactionInfo_userId"></span>]--> <span class="transactionInfo_userName"></span>
                                                  </div>
                                              </div>
                                          </div>
                                          <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                                              <div class="col-left" style="display: inline-block; width: 100%;">
                                                  <div class="lebel" style="width:109px; display:inline-block;color: #000;">
                                                      Description:
                                                  </div>
                                                  <div class="value" style="display: inline-block;word-wrap: break-word;color: #949494;width: 78%;vertical-align: top;">
                                                      {{discription}}
                                                  </div>
                                              </div>
                                          </div>
                                         <!-- <div class="two_col_wrap" style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;">
                                              <div class="col-left" style="display: inline-block; width: 100%;">
                                                  <div class="lebel" style="width:100%; display:inline-block;color: #000;vertical-align: top;">
                                                      GL Details:
                                                  </div>
                                                  <div class="value" style="margin-top:5px; display: inline-block;color: #949494;width: 100%;">
                                                      <div class="tran_detail_tbl" style="border: 1px solid #949494;border-bottom: none;">
                                                          <div class="row-receipt" style="color: #454646;font-weight: bold; border-bottom: 1px solid #949494">

                                                          <div class="rec_head" style="width: 85px; display: inline-block; font-weight: bold;">Debit({{currencySymbol}})</div>
                                                          <div class="rec_head" style="width: 85px; display: inline-block; margin-left: 340px; font-weight: bold;">Credit({{currencySymbol}})</div>

                                                          </div>
                                          <span class="tran_detail_tbl_body" style="font-size: 10px;">
                                          </span>
                                                      </div>
                                                  </div>
                                              </div>
                                          </div> -->
                                          <div class="signature_wrap">
                                              <div class="sign_left" style="margin-top: 45px; width: 33%; text-align: center; display: inline-block; margin-left: 3%;">
                                                  <hr />
                                                  <div>Signature</div>
                                              </div>
                                              <div class="sign_right" style="margin-top: 45px; width: 33%; text-align: center; display: inline-block; margin-left: 27%;">
                                                  <hr />
                                                  <div>Approved By</div>
                                              </div>
                                          </div>


                                      </div>
                                      <div class="section_seperator" style="margin-top: 10px; margin-bottom: 10px; border-top: 3px dashed;"></div>

                                  </div>
                              </div>
          <!-- end widget edit box -->

          <!-- widget content -->


          <!-- end widget content -->

          </div>
        </div>
        <!-- end widget div -->
      </div>
    </script>
    <script type="text/ng-template" id="templates/partner-partner-activity-report.html">
          <div class="row">
          <div class="col-lg-6 col-lg-offset-3">
              <div class="ajaxsection reports">
                  <form name="form" id="partner-partner-activity-report" class="form-horizontal ">
                      <fieldset>

                           <div class="col-lg-12">
                          <div class="form-group">
                             <label class="col-lg-4 ">{{'CUSTOMER_ACCOUNT' | translate}} </label>
                              <div class="col-lg-8">
                                  <select class="form-control" name="accountId" ng-init="generateAccounts()"
                                          ng-model="obj.accountId" required
                                          ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}"
                                          ng-change="obj.receiverSubscriptionId='';obj.txAmount=''">

                                  </select>
                              </div>
                          </div>
                      </div>

                          <!--commented by bilal : @abdirizak want serach report data by partnerUID search Field-->
                          <!--<div class="col-lg-12">
                              <div class="form-group">
                                  <label class="col-lg-4 ">{{'MERCHANT_ACCOUNT' | translate}} </label>
                                  <div class="col-lg-8">
                                      <select id="select-2" class="form-control" name="subPartnerUID" ng-model="obj.subPartnerUID" required ng-options="merchant.PARTNERUID as merchant.NAME for merchant in MerchantList">
                                          <option disabled="" selected="" value="">{{'SELECT_MERCHANT' | translate}}</option>
                                      </select>
                                  </div>
                              </div>
                          </div>-->

                          <div class="col-lg-12" >
                              <div class="form-group">
                                  <label class="col-lg-4 ">Filtred PartnerUID</label>
                                  <div class="col-lg-8">
                                      <input class="form-control" name="subPartnerUID" ng-model="obj.filtredPartUIDSubID" type="number" required/>

                                  </div>
                              </div>
          </div>

                          <div class="col-lg-12">
                              <div class="form-group mobile-form-group my_calender">
                                  <label class="col-lg-4 ">{{'START_DATE' | translate}} </label>
                                  <div class="col-lg-8 ">
                                      <div class='input-group date'>
                                          <input class="form-control" type="tel" name="customerActivityStartDate" ng-model="obj.customerActivityStartDate" list="list" jqdatepicker1 required>
                                          <span class="input-group-addon"><span i class="glyphicon glyphicon-calendar"></i></span></span>
                                      </div>
                                  </div>
                              </div>
                          </div>

                          <div class="col-lg-12">
                              <div class="form-group mobile-form-group my_calender">
                                  <label class="col-lg-4 ">{{'END_DATE' | translate}} </label>
                                  <div class="col-lg-8">
                                      <div class='input-group date'>
                                          <input class="form-control" type="tel" name="customerActivityEndDate" ng-model="obj.customerActivityEndDate" list="list" jqdatepicker2 required>
                                          <span class="input-group-addon"><span i class="glyphicon glyphicon-calendar"></i></span></span>
                                      </div>
                                  </div>
                              </div>
                          </div>


                          <div class="col-lg-12">
                              <div class="col-lg-8 col-lg-8 col-lg-offset-4 submit_btn_wrap">
                                  <button class="btn btn-primary btn-block" type="submit"  ng-disabled="disableSubmitBtn" > {{'VIEW_REPORT' | translate}} </button>
                              </div>
                          </div>

                          <!-- Widget ID (each widget will need unique ID)-->

                          <!-- end widget -->

                          <div class="form-group">
                              <div class="col-sm-8">
                                  <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                                  <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
                              </div>


                          </div>
                      </fieldset>
                  </form>
              </div>
          </div>
      </div>
      <div ng-show="reportTable" id="wid-id-two">

          <div class="well ajaxsection">
              <div class="row">

                  <div class="col-md-12 col-lg-12">

                      <div class="description-detail activity-detail simple-desc">
                          <!--<div class="col-lg-6">
                              <span>{{'MERCHANT_ACCOUNT' | translate}}: </span>{{custId}}
                          </div>-->
                          <div class="col-lg-6">
                              <span class="col-lg-offset-5">{{'START_DATE' | translate}}:</span>{{obj.customerActivityStartDate}}
                          </div>

                          <!--<div class="col-lg-6">
                              <span>{{'MERCHANT_NAME' | translate}}: </span>{{custName}}
                          </div>-->
                          <div class="col-lg-6">
                              <span class="col-lg-offset-5">{{'END_DATE' | translate}}: </span>{{obj.customerActivityEndDate}}
                          </div>

                          <!-- <div class="col-lg-6">
                               <span>{{'MERCHANT_UID' | translate}}: </span>{{obj.subPartnerUID}}
                           </div>

                           <div class="col-lg-12">
                               <span>{{'MERCHANT_BALANCE' | translate}}: </span>{{custBal | currency : symbol}}
                           </div>

                           <div class="col-lg-6">
                               <span>{{'MOBILE_NO_LABEL' | translate}}: </span>{{obj.mobileNumber}}
                           </div>-->




                      </div>
                  </div>
              </div>
          </div>



          <div id="reportHead" style="display: none;" >
              <div class="well ajaxsection">
                  <div class="row">
                      <div class="col-md-12 col-lg-12">
                          <div class="rpt-description-detail activity-detail simple-desc" style="margin-bottom: 20px;">
                              <div class="col-lg-12 text-center" style="width: 1024px;text-align: center;">
                                  <span class="rpt_title_name" style="font-size:18px;font-weight: bold;margin-bottom: 10px;"> <span>{{companyName}} <br /> </span>   Partner to Partner  Activity Report</span>
                              </div>
                              <div style="width: 1024px;margin-top: 5px;">

                                  <!--<div class="" style="width:492px;display: inline-block;">
                                      <span class="rpt_title" style="font-weight: bold;width: 150px;margin right: 20px;display: inline-block;">{{'MERCHANT_ACCOUNT' | translate}}: </span><span class="account_number">{{custId}}</span>
                                  </div>-->

                                  <div class="" style="width:492px; display: inline-block;text-align: right; ">
                                      <span class="rpt_title" style="font-weight: bold;width: 105px;margin-right: 20px;display: inline-block;">{{'START_DATE' | translate}}:</span><span class="start_date">{{obj.customerActivityStartDate}}</span>
                                  </div>
                              </div>


                              <div style="width: 1024px;margin-top: 5px;">

                                  <!--<div class="" style="width:492px;display: inline-block;">
                                      <span class="rpt_title" style="font-weight: bold;width: 150px;margin-right: 20px;display: inline-block;">{{'MERCHANT_NAME' | translate}}: </span><span class="account_number">{{custName}}</span>
                                  </div>-->

                                  <div class="" style="width:492px; display: inline-block;text-align: right; ">
                                      <span class="rpt_title" style="font-weight: bold;width: 105px;margin-right: 20px;display: inline-block;">{{'END_DATE' | translate}}:</span><span class="start_date">{{obj.customerActivityEndDate}}</span>
                                  </div>
                              </div>


                              <!--<div style="width: 1024px;margin-top: 5px;">

                                  <div class="" style="width:492px;display: inline-block;">
                                      <span class="rpt_title" style="font-weight: bold;width: 120px;margin-right: 20px;display: inline-block;">{{'MERCHANT_UID' | translate}}: </span><span>{{partnerUID}}</span>
                                  </div>

                                  <div class="" style="width:492px;display: inline-block;">
                                      <span class="rpt_title" style="font-weight: bold;width: 105px;margin-right: 20px;display: inline-block;">{{'MERCHANT_BALANCE' | translate}}: </span><span>{{custBal}}</span>
                                  </div>

                              </div>-->

                          </div>
                      </div>
                  </div>
              </div>
          </div>

          <div class="row action_buttons">
              <div class="col-sm-12 col-md-12 col-lg-12">
                  <div class="pull-right">
                      <a href="javascript:void(0);" class="btn btn-default" class="btn btn-default btn-xs" type = "button" ng-click="searchAgain()">Search again</a>
                  </div>
              </div>
          </div>
          <div  class="jarviswidget jarviswidget-color-darken" data-widget-editbutton="false">
              <!-- widget options:
                    usage: <div class="jarviswidget" id="wid-id-two" data-widget-editbutton="false">

                    data-widget-colorbutton="false"
                    data-widget-editbutton="false"
                    data-widget-togglebutton="false"
                    data-widget-deletebutton="false"
                    data-widget-fullscreenbutton="false"
                    data-widget-custombutton="false"
                    data-widget-collapsed="true"
                    data-widget-sortable="false"

                    -->


              <header><span class="widget-icon"> <i class="fa fa-table"></i> </span>
                  <h2>{{'MERCHANT_ACTIVITY_REPORT' | translate}} </h2>
              </header>

              <!-- widget div-->
              <div>

                  <!-- widget edit box -->
                  <div class="jarviswidget-editbox">
                      <!-- This area used as dropdown edit box -->

                  </div>
                  <!-- end widget edit box -->

                  <!-- widget content -->

                  <div class="widget-body no-padding">
                    <div class="table-responsive">
                      <table id="datatable_tabletools" name="merchantReportList" class="table table-striped table-bordered table-hover" bFilter='false' width="100%">
                          <thead>
                          <tr>
                              <th data-class="expand">{{'TRANSFERID' | translate}} </th>
                              <th data-class="expand">{{'TRANSFERDATE' | translate}} </th>
                              <th data-class="expand">{{'DESCRIPTION' | translate}} </th>
                              <th data-class="expand">{{'OTHERPARTYACCOUNT' | translate}} </th>
                              <th data-class="expand">{{'DEBIT' | translate}} </th>
                              <th data-class="expand">{{'CREDIT' | translate}} </th>
                          </tr>
                          </thead>
                          <tbody>
                          </tbody>
                      </table>
                    </div>
                  </div>
                  <!-- end widget content -->
              </div>
          </div>
          <!-- end widget div -->
      </div>
      </div>
    </script>

    <script type="text/ng-template" id="templates/bank-MiniStatement.html">
             <div class="row">
             <div class="col-lg-6 col-lg-offset-3">
                 <div class="ajaxsection">
                     <form name="form" id="bank-MiniStatement" class="form-horizontal " autocomplete="off">
                         <fieldset>
                             <!--<legend>{{'BANK_BALANCE_QUERY' | translate}} </legend>-->


                         <div ng-hide="user.isAccountsLengthOne" class="col-lg-12">
                             <div class="form-group">
                                <label class="col-lg-4 ">{{'CUSTOMER_ACCOUNT' | translate}} </label>
                                 <div class="col-lg-8">
                                     <select id="select-2" class="form-control" name="mmtAccountId"
                                             ng-init="generateAccounts()" ng-model="obj.accountId" required
                                             ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}"
                                             ng-change="setAccountId()">

                                     </select>
                                 </div>
                             </div>
                         </div>

                          <div class="col-lg-12">
                             <div class="form-group">
                                <label class="col-lg-4 ">{{'BANK_ACCOUNT' | translate}} </label>
                                 <div class="col-lg-8">
                                     <select class="form-control" name="accountId" ng-model="obj.bankAccountId"
                                             ng-change="currentBalance=''" required
                                             ng-options="account.ACCOUNTNO as account.ACCOUNTTITLE for account in banksList">
                                         <option disabled="" selected="" value="">{{'SELECT_BANK_ACCOUNT' | translate}}
                                         </option>
                                     </select>
                                 </div>
                             </div>
                         </div>

                         <div class="col-lg-12">
                                     <div class="form-group mobile-form-group my_calender">
                                         <label class="col-lg-4 ">{{'START_DATE' | translate}} </label>
                                         <div class="col-lg-8 ">
                                             <div class='input-group date'>
                                                 <input class="form-control" type="text" name="customerActivityStartDate" ng-model="obj.customerActivityStartDate" list="list" jqdatepicker1 required>
                                                 <span class="input-group-addon"><span i class="glyphicon glyphicon-calendar"></i></span></span>
                                             </div>
                                         </div>
                                     </div>
                                 </div>

                                 <div class="col-lg-12">
                                     <div class="form-group mobile-form-group my_calender">
                                         <label class="col-lg-4 ">{{'END_DATE' | translate}} </label>
                                         <div class="col-lg-8">
                                             <div class='input-group date'>
                                                 <input class="form-control" type="text" name="customerActivityEndDate" ng-model="obj.customerActivityEndDate" list="list" jqdatepicker2 required>
                                                 <span class="input-group-addon"><span i class="glyphicon glyphicon-calendar"></i></span></span>
                                             </div>
                                         </div>
                                     </div>
                                 </div>

                         <div class="col-lg-12">
                             <div class="form-group">
                                <label class="col-lg-4 " id="labelbankPin">{{'BANKPIN' | translate}} </label>
                                 <div class="col-lg-8">
                             <input type="password" autocomplete="new-password" minlength="1" maxlength="100" list="list"
                                            name="bankPin" class="form-control" id="bankPin"
                                            ng-model="obj.bankPIN" required>
                                 </div>
                             </div>
                         </div>


                             <!--div class="form-group mobile-form-group">
                                 <div class="col-md-12">
                                     <select id="select-2" class="form-control" name="mmtAccountId"
                                             ng-init="generateAccounts()" ng-model="obj.accountId" required
                                             ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}"
                                             ng-change="setAccountId()">

                                     </select>
                                 </div>
                             </div-->

                             <!--div class="form-group mobile-form-group">
                                 <div class="col-sm-12 col-md-12 col-lg-12">
                                     <select class="form-control" name="accountId" ng-model="obj.bankAccountId"
                                             ng-change="currentBalance=''" required
                                             ng-options="account.ACCOUNTNO as account.ACCOUNTTITLE for account in banksList">
                                         <option disabled="" selected="" value="">{{'SELECT_BANK_ACCOUNT' | translate}}
                                         </option>
                                     </select>
                                 </div>
                             </div-->
                             <!--div class="form-group mobile-form-group">
                                 <div class="col-sm-12 col-md-12 col-lg-12">
                                     <input type="password" autocomplete="off" minlength="1" maxlength="10" list="list"
                                            name="bankPin" placeholder="{{'BANKPIN' | translate}}" class="form-control"
                                            ng-model="obj.bankPIN" required>
                                 </div>
                             </div-->
                             <!--div class="form-group mobile-form-group">

                                 <div class="col-sm-12 col-md-12 col-lg-12">
                                     <button class="btn btn-primary btn-block" type="submit"> {{'BALANCE' | translate}}
                                     </button>
                                 </div>
                             </div-->

                             <div class="col-lg-12">
                     <div class="col-lg-8 col-lg-8 col-lg-offset-4 submit_btn_wrap">
                         <button class="btn btn-primary btn-block"   ng-disabled="disableSubmitBtn" type="submit"> {{'SUBMIT_BTN' | translate}} </button>
                     </div>
                 </div>

                             <div ng-if="currentBalance" class="description-detail">{{'YOUR_ACCOUNT_BALANCE_FOR' |
                                 translate}}<span> {{accountNumber}}</span> {{'IS' | translate}}: <strong>{{currentBalance |
                                     currency}}</strong></div>


                         </fieldset>
                     </form>
                 </div>

             </div>


         </div>
      <div ng-show="bankminist" class="col-sm-12 col-md-12 col-lg-12" id="show-batch-data">


                 <div class="well ajaxsection">
                     <div class="row">

                         <div class="col-md-12 col-lg-12">

                             <div class="description-detail activity-detail simple-desc">
                                 <div class="col-lg-6">
                                     <span>{{'MERCHANT_ACCOUNT' | translate}}: </span>{{obj.accountId}}
                                 </div>
                                 <div class="col-lg-6">
                                     <span class="col-lg-offset-5">{{'START_DATE' | translate}}:</span>{{obj.customerActivityStartDate}}
                                 </div>

                                 <div class="col-lg-6">
                                     <span>{{'MERCHANT_NAME' | translate}}: </span>{{user.name}}
                                 </div>
                                 <div class="col-lg-6">
                                     <span class="col-lg-offset-5">{{'END_DATE' | translate}}: </span>{{obj.customerActivityEndDate}}
                                 </div>
                             </div>
                         </div>
                     </div>
                 </div>
        <div class="row action_buttons">
                     <div class="col-sm-12 col-md-12 col-lg-12">
                         <div class="pull-right">
                             <a href="javascript:void(0);" class="btn btn-default" class="btn btn-default btn-xs" type = "button" ng-click="searchAgain()" >Search again</a>
                         </div>
                     </div>
                 </div>

       <div class="jarviswidget jarviswidget-color-darken"  data-widget-editbutton="false">

                 <!-- widget options:
                       usage: <div class="jarviswidget" id="wid-id-two" data-widget-editbutton="false">

                       data-widget-colorbutton="false"
                       data-widget-editbutton="false"
                       data-widget-togglebutton="false"
                       data-widget-deletebutton="false"
                       data-widget-fullscreenbutton="false"
                       data-widget-custombutton="false"
                       data-widget-collapsed="true"
                       data-widget-sortable="false"

                       -->


                 <header><span class="widget-icon"> <i class="fa fa-table"></i> </span>
                     <h2>{{'MINISTATMENT' | translate}} </h2>
                 </header>

                 <!-- widget div-->
                 <div>

                     <!-- widget edit box -->
                     <div class="jarviswidget-editbox">
                         <!-- This area used as dropdown edit box -->

                     </div>
                     <!-- end widget edit box -->

                     <!-- widget content -->

                     <div class="widget-body no-padding">
                        <div class="table-responsive">
                         <table id="datatable_tabletools" name="banministement" class="table table-striped table-bordered table-hover" bFilter='false' width="100%">
                             <thead>
                             <tr>
                            <th data-class="expand">{{'TRANDATE' | translate}} </th>
      						<th data-class="expand">{{'TRANSFERID' | translate}} </th>
                            <th data-class="expand">{{'DESCRIPTION' | translate}} </th>
                            <th data-class="expand">{{'DEBIT' | translate}} </th>
                            <th data-class="expand">{{'CREDIT' | translate}} </th>
                            <th data-class="expand">{{'BALANCE' | translate}} </th>
                             </tr>
                             </thead>
                             <tbody>
                             </tbody>
                         </table>
                        </div>
                     </div>

                     <!-- end widget content -->

                 </div>
                 <!-- end widget div -->
             </div>
    </script>

    <script type="text/ng-template" id="templates/upload-bills">
      <div class="row">
              <div class="col-sm-4 col-md-12 col-lg-12">
                  <div class="ajaxsection">
                      <form name="form" id="upload-bills" class="form-horizontal ">
                          <fieldset class="cbs_fieldset two_column_fieldset two_column_fieldset_notabs">
                              <legend>Upload Batch</legend>
                               <div class="col-lg-8 group-radio-inline">
                      <input type="checkbox" autocomplete="off" id="partialPayAllowed" ng-model="partialPayAllowed" required class="form-check-input">
                        <i></i>{{'Partial Pay Allowed' | translate}}</label>
                      </div>

                              <div class="col-sm-12 col-md-6 col-lg-6">
                                <div class="col-lg-12">
                                      <div class="form-group">
                                          <label ng-hide="user.isAccountsLengthOne" class="col-lg-4 ">{{'BILLER_ACCOUNT' | translate}} </label>
                                          <div class="col-lg-8">
                                              <select ng-hide="user.isAccountsLengthOne" class="form-control" name="accountId" ng-init="generateAccounts()" ng-model="obj.accountId" ng-change="currentBalance=''" required ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}">
                                              </select>
                                          </div>
                                      </div>
                                  </div>

                                  <div class="row">
                                      <div class="col-lg-12">
                                          <div class="form-group">
                                              <label class="col-lg-4 ">{{'SELECT_FILE' | translate}} </label>
                                              <div class="col-lg-8">
                                                  <input type="file" list="list" name="billsFile" id="billsFile" required class="form-control">
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                                  <div class="row">
                                      <div class="col-lg-12">
                                          <div class="form-group">
                                              <label class="col-lg-4 "></label>
                                              <div class="col-lg-8 action_buttons">
                                                  <a href="javascript:void(0);" class="btn btn-default" class="btn btn-default btn-xs" type = "button" ng-click="previewData()"> Preview Data</a>
                                              </div>
                                          </div>
                                      </div>
                                  </div>

                              </div>
                              <div class="col-sm-12 col-md-6 col-lg-6">
                                  <div class="batchuplaodimage_wrap text-right">
                                      <img src="img/myaccount/upload_bills_sample.png" class="img-responsive" />
                                  </div>
                              </div>
                          </fieldset>
                      </form>
                  </div>
              </div>
          </div>

          <!--Table Data-->

          <div ng-show="showBillData" id="show-bills-data">
              <div class="row">
                  <div class="col-md-4">
                      <div class="form-group">
                          <label>{{'TRANSACTION_ID' | translate}} </label>
                          <input type="text" name="transactionId" ng-model="obj.transactionId" placeholder="{{'TRANSACTION_ID' | translate}}" required class="form-control">
                      </div>
                  </div>
                  <div class="col-md-4">
                    <div class="form-group mobile-form-group my_calender">
                        <label>{{'VALIDFROM_DATE' | translate}} </label>
                            <div class='input-group date'>
                                <input class="form-control" type="tel" name="validFrom" ng-model="obj.customerActivityStartDate" list="list" jqdatepicker1 required>
                                <span class="input-group-addon"><span i class="glyphicon glyphicon-calendar"></i></span></span>
                            </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group mobile-form-group my_calender">
                        <label>{{'VALIDTO_DATE' | translate}} </label>
                            <div class='input-group date'>
                                <input class="form-control" type="tel" name="validTo" ng-model="obj.customerActivityEndDate" list="list" jqdatepicker2 required>
                                <span class="input-group-addon"><span i class="glyphicon glyphicon-calendar"></i></span></span>
                            </div>
                    </div>
                </div>
                  <div class="col-md-12">
                      <div class="form-group">
                          <label>{{'DESCRIPTION' | translate}} </label>
                          <textarea class="form-control" name="description" ng-model="obj.description" required placeholder="{{'DESCRIPTION' | translate}}"></textarea>

                      </div>
                  </div>
              </div>
              <div class="row action_buttons">
                  <div class="col-sm-12 col-md-12 col-lg-12">
                      <div class="pull-right">

                          <a href="javascript:void(0);" class="btn btn-default" class="btn btn-default btn-xs" type = "button" ng-disabled = "disableBillUpload" ng-click="prepareData()">{{'BILLER_UPLOAD_BILLS' | translate}}</a>

                          <a href="javascript:void(0);" class="btn btn-default" class="btn btn-default btn-xs" type = "button" ng-click="goBack()">Go Back</a>

                      </div>
                  </div>
              </div>
              <div class="jarviswidget jarviswidget-color-darken" id="show-bills-data" data-widget-editbutton="false">
                  <header>
                      <span class="widget-icon"> <i class="fa fa-table"></i> </span>
                      <h2>{{'BILL_DATA' | translate}} </h2>
                  </header>

                  <!-- widget div-->
                  <div>

                      <!-- widget edit box -->
                      <div class="jarviswidget-editbox">
                          <!-- This area used as dropdown edit box -->

                      </div>
                      <!-- end widget edit box -->

                      <!-- widget content -->

                        <div class="widget-body no-padding">
                            <div class="table-responsive">
                                <table id="dt_bill_detail" class="table table-striped table-bordered table-hover" bFilter='false' width="100%">
                                    <thead>
                                    <tr>
                                        <th data-class="expand">Bill Reference </th>
                                        <th data-class="expand">Bill ID </th>
                                        <th data-class="expand">Bill To </th>
                                        <th data-class="expand">Amount </th>
                                        <th data-class="expand">DueDate </th>
                                        <th data-class="expand">Reason </th>
                                        <th data-class="expand">{{'STATUS' | translate}} </th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    </tbody>
                                    <tfoot>
                                        <tr>
                                          <th></th>
                                          <th></th>
                                          <th><strong>Total Amount</strong></th>
                                          <th><strong>{{ totalBillAmount }}</strong></th>
                                          <th></th>
                                          <th></th>
                                          <th></th>
                                        </tr>
                                      </tfoot>
                                </table>
                            </div>
                      </div>
                      <!-- end widget content -->

                  </div>
                  <!-- end widget div -->
              </div>
          </div>
          <!--End Table Data-->
    </script>
    <script type="text/ng-template" id="templates/upload-bill">
      <div class="row">
              <div class="col-sm-4 col-md-12 col-lg-12">
                  <div class="ajaxsection">
                      <form name="form" id="upload-bills" class="form-horizontal ">
                          <fieldset class="cbs_fieldset two_column_fieldset two_column_fieldset_notabs">
                              <legend>Upload AAWSA Batch </legend>
                               <div class="col-lg-8 group-radio-inline">
                      <input type="checkbox" autocomplete="off" id="partialPayAllowed" ng-model="partialPayAllowed" required class="form-check-input">
                        <i></i>{{'Partial Pay Allowed' | translate}}</label>
                      </div>

                              <div class="col-sm-12 col-md-6 col-lg-6">
                                <div class="col-lg-12">
                                      <div class="form-group">
                                          <label ng-hide="user.isAccountsLengthOne" class="col-lg-4 ">{{'BILLER_ACCOUNT' | translate}} </label>
                                          <div class="col-lg-8">
                                              <select id="select-1" ng-hide="user.isAccountsLengthOne" class="form-control" name="accountId" ng-init="generateAccounts()" ng-model="obj.accountId" ng-change="currentBalance=''" required ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}">
                                              </select>
                                          </div>
                                      </div>
                                  </div>

                                  <div class="row">
                                      <div class="col-lg-12">
                                          <div class="form-group">
                                              <label class="col-lg-4 ">{{'SELECT_FILE' | translate}} </label>
                                              <div class="col-lg-8">
                                                  <input type="file" list="list" name="billsFile" id="billsFile" required class="form-control">
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                                  <div class="row">
                                      <div class="col-lg-12">
                                          <div class="form-group">
                                              <label class="col-lg-4 "></label>
                                              <div class="col-lg-8 action_buttons">
                                                  <a href="javascript:void(0);" class="btn btn-default" class="btn btn-default btn-xs" type = "button" ng-click="previewData()"> Preview Data</a>
                                              </div>
                                          </div>
                                      </div>
                                  </div>

                              </div>
                              <div class="col-sm-12 col-md-6 col-lg-6">
                                  <div class="batchuplaodimage_wrap text-right">
                                      <img src="img/myaccount/aawsa_upload_bills_sample.png" class="img-responsive" />
                                  </div>
                              </div>
                          </fieldset>
                      </form>
                  </div>
              </div>
          </div>

          <!--Table Data-->

          <div ng-show="showBillData" id="show-bills-data">
              <div class="row" id="showBillDataForm">
                  <div class="col-md-4">
                      <div class="form-group">
                          <label>{{'TRANSACTION_ID' | translate}} </label>
                          <input type="text" name="transactionId" ng-model="obj.transactionId" placeholder="{{'TRANSACTION_ID' | translate}}" required class="form-control">
                      </div>
                  </div>
                  <div class="col-md-4">
                    <div class="form-group mobile-form-group my_calender">
                        <label>{{'VALIDFROM_DATE' | translate}} </label>
                            <div class='input-group date'>
                                <input class="form-control" type="tel" name="validFrom" ng-model="obj.customerActivityStartDate" list="list" jqdatepicker1 required>
                                <span class="input-group-addon"><span i class="glyphicon glyphicon-calendar"></i></span></span>
                            </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group mobile-form-group my_calender">
                        <label>{{'VALIDTO_DATE' | translate}} </label>
                            <div class='input-group date'>
                                <input class="form-control" type="tel" name="validTo" ng-model="obj.customerActivityEndDate" list="list" jqdatepicker2 required>
                                <span class="input-group-addon"><span i class="glyphicon glyphicon-calendar"></i></span></span>
                            </div>
                    </div>
                </div>
                  <div class="col-md-12">
                      <div class="form-group">
                          <label>{{'DESCRIPTION' | translate}} </label>
                          <textarea class="form-control" name="description" ng-model="obj.description" required placeholder="{{'DESCRIPTION' | translate}}"></textarea>

                      </div>
                  </div>
              </div>
              <div class="row action_buttons">
                  <div class="col-sm-12 col-md-12 col-lg-12">
                      <div class="pull-right">

                          <a href="javascript:void(0);" class="btn btn-default" class="btn btn-default btn-xs" type = "button" ng-disabled = "disableBillUpload" ng-click="prepareData()">{{'BILLER_UPLOAD_BILLS' | translate}}</a>

                          <a href="javascript:void(0);" class="btn btn-default" class="btn btn-default btn-xs" type = "button" ng-click="goBack()">Go Back</a>

                      </div>
                  </div>
              </div>
              <div class="jarviswidget jarviswidget-color-darken" id="show-bills-datas" data-widget-editbutton="false">
                  <header>
                      <span class="widget-icon"> <i class="fa fa-table"></i> </span>
                      <h2>{{'BILL_DATA' | translate}} </h2>
                  </header>

                  <!-- widget div-->
                  <div>

                      <!-- widget edit box -->
                      <div class="jarviswidget-editbox">
                          <!-- This area used as dropdown edit box -->

                      </div>
                      <!-- end widget edit box -->

                      <!-- widget content -->

                        <div class="widget-body no-padding" >
                            <div class="table-responsive">
                                <table id="dt_bill_detail" class="table table-striped table-bordered table-hover" bFilter='false' width="100%">
                                    <thead>
                                    <tr>
                                        <th data-class="expand">BILLKEY</th>
                                        <th data-class="expand">CUSTOMERKEY</th>
                                        <th data-class="expand">CUSTOMERNAME</th>
                                        <th data-class="expand">CUSTOMERTIN </th>
                                        <th data-class="expand">CUSTOMERBRANCH </th>
                                        <th data-class="expand">REASON </th>
                                        <th data-class="expand">CURRREAD </th>
                                        <th data-class="expand">PREVREAD</th>
                                        <th data-class="expand">CONS</th>
                                        <th data-class="expand">TOTALBILLAMOUNT </th>
                                        <th data-class="expand">THISMONTHBILLAMT </th>
                                        <th data-class="expand">OUTSTANDINGAMT </th>
                                        <th data-class="expand">PENALTYAMT </th>
                                        <th data-class="expand">DUEDATE</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    </tbody>
                                    <tfoot>
                                        <tr>
                                          <th></th>
                                          <th></th>
                                          <th><strong>Total Amount</strong></th>
                                          <th><strong>{{ totalBillAmount }}</strong></th>
                                          <th></th>
                                          <th></th>
                                          <th></th>
                                          <th></th>
                                          <th></th>
                                          <th></th>
                                          <th></th>
                                          <th></th>
                                          <th></th>
                                          <th></th>
                                        </tr>
                                      </tfoot>
                                </table>
                            </div>
                      </div>
                      <!-- end widget content -->

                  </div>
                  <!-- end widget div -->
              </div>
          </div>
          <!--End Table Data-->
    </script>

    <script type="text/ng-template" id="templates/view-bills">
        <div class="row">
            <div class="col-sm-12 col-md-12 col-lg-12">
                <div class="ajaxsection">
                    <form name="form" id="view-bills" class="form-horizontal ">
                        <fieldset>
                            <div class="form-group mobile-form-group">
                                <div class="col-lg-12 col-lg-offset-2 ">
                                    <label ng-hide="user.isAccountsLengthOne">{{'BILLER_ACCOUNT' | translate}} </label>
                                    <select ng-hide="user.isAccountsLengthOne" class="form-control"
                                        name="accountId" ng-init="generateAccounts()" ng-model="obj.accountId"
                                        ng-change="currentBalance=''" required
                                        ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}">
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>

        <!--Table Data-->
        <div class="col-sm-12 col-md-12 col-lg-12" id="show-bill-transaction">
            <div class="jarviswidget jarviswidget-color-darken" id="show-bills-transaction" data-widget-editbutton="false">
                <header>
                    <span class="widget-icon"> <i class="fa fa-table"></i> </span>
                    <h2>{{'BILL_DATA' | translate}} </h2>
                </header>

               <!-- widget div-->
               <div>
                   <!-- widget edit box -->
                   <div class="jarviswidget-editbox">
                       <!-- This area used as dropdown edit box -->
                   </div> <!-- end widget edit box -->

                    <div class="widget-body no-padding">
                      <div class="table-responsive">
                        <table id="dt_basic" class="table table-striped table-bordered table-hover" bFilter='false' width="100%">
                            <thead>
                                <tr>
                                    <th data-class="expand">Transaction ID </th>
                                    <th data-class="expand">Total Bills </th>
                                    <th data-class="expand">Total PENDING bills </th>
                                    <th data-class="expand">Total COMPLETED bills </th>
                                    <th data-class="expand">Total bill Amounts</th>
                                    <th data-class="expand">Created Date </th>
                                    <th data-class="expand">View Bills</th>
                                    <th data-class="expand">Update Bill Date</th>
                                </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                      </div>
                    </div> <!-- end widget content -->
                </div> <!-- end widget div -->
                </fieldset>
                 </form>
                 </div>
            </div>

            <div class="row" id="editBillDates" style="display: none;">
              <div class="col-sm-12 col-md-12 col-lg-12">
                  <div class="ajaxsection">
                      <form role="form" id="edit-bill-dates" class="form-horizontal " autocomplete="off">
                          <div class="row action_buttons">
                              <div class="col-md-12">
                                  <div class="pull-right" style="margin-right: 20px">
                                      <a href="javascript:void(0);" class="btn btn-default" ng-click="goBack()">Go Back </a>
                                  </div>
                              </div>
                              <br />
                          </div>
                          <fieldset class="cbs_fieldset two_column_fieldset two_column_fieldset_notabs">
                              <legend>Edit Bill Date Info</legend>
                              <div class="row">
                                  <div class="col-lg-6">
                                      <div class="form-group mobile-form-group my_calender">
                                          <label class="col-lg-4 ">{{'VALIDFROM_DATE' | translate}} </label>
                                          <div class="col-lg-8 ">
                                              <div class='input-group date'>
                                                  <input class="form-control" type="tel" name="validFrom" ng-model="obj.validFrom" list="list" jqdatepicker1 required>
                                                  <span class="input-group-addon"><span i class="glyphicon glyphicon-calendar"></i></span></span>
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                                  <div class="col-lg-6">
                                      <div class="form-group mobile-form-group my_calender">
                                          <label class="col-lg-4 ">{{'VALIDTO_DATE' | translate}} </label>
                                          <div class="col-lg-8 ">
                                              <div class='input-group date'>
                                                  <input class="form-control" type="tel" name="validTo" ng-model="obj.validTo" list="list" jqdatepicker2 required>
                                                  <span class="input-group-addon"><span i class="glyphicon glyphicon-calendar"></i></span></span>
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                                  <div class="col-md-3 col-lg-offset-4">
                                      <div class="text-center submit_button">
                                          <div class="form-group">
                                              <button class="btn btn-primary btn-block"  ng-disabled="disableSubmitBtn"  type="submit"> {{'SUBMIT_BTN' | translate}} </button>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                          </fieldset>
                      </form>
                  </div>
              </div>
          </div>
        <div class="row" id="bill-info-data">
            <div class="col-sm-12 col-md-12 col-lg-12">
                <div class="ajaxsection">
                    <form name="form" class="form-horizontal ">
                            <div class="row action_buttons">
                                <div class="col-md-12">
                                    <div class="pull-right" style="margin-right: 20px">
                                        <a href="javascript:void(0);" class="btn btn-default" ng-click="goBack()">Go Back </a>
                                    </div>
                                </div>
                            <br />
                </div>
            </div>

            <!--Table Data-->
            <div ng-show="ShowBillInfoData" class="col-sm-12 col-md-12 col-lg-12">

                <div class="jarviswidget jarviswidget-color-darken" data-widget-editbutton="false">
                    <header>
                        <span class="widget-icon"> <i class="fa fa-table"></i> </span>
                        <h2>{{'BILL_DATA' | translate}} </h2>
                    </header>


                    <!-- widget div-->
                    <div>
                        <!-- widget edit box -->
                        <div class="jarviswidget-editbox">
                            <!-- This area used as dropdown edit box -->
                        </div> <!-- end widget edit box -->

                        <div class="widget-body no-padding">
                          <div class="table-responsive">
                            <table id="dt_bill_detail" class="table table-striped table-bordered table-hover" bFilter='false'
                                width="100%">
                                <thead>
                                    <tr>
                                      <th data-class="expand">{{'NO' | translate}} </th>
                                      <th data-class="expand">Bill Reference </th>
                                      <th data-class="expand">Bill ID </th>
                                      <th data-class="expand">Bill To </th>
                                      <th data-class="expand">Amount </th>
                                      <th data-class="expand">{{'VALIDFROM_DATE' | translate}} </th>
                                      <th data-class="expand">{{'VALIDTO_DATE' | translate}} </th>
                                      <th data-class="expand">Due Date </th>
                                      <th data-class="expand">{{'DESCRIPTION' | translate}} </th>
                                      <th data-class="expand">Reason </th>
                                      <th data-class="expand">{{'STATUS' | translate}} </th>
                                      <th data-class="expand">{{'Action' | translate}} </th>
                                    </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                          </div>
                        </div> <!-- end widget content -->
                    </div> <!-- end widget div -->
                    </fieldset>
                    </form>
                </div>
            </div>
        </div>
      </div>
      <div class="row" id="edit-bill-info" style="display: none;">
          <div class="col-sm-12 col-md-12 col-lg-12">
              <div class="ajaxsection">
                  <form name="form" id="edit-bills" class="form-horizontal " autocomplete="off">
                      <div class="row action_buttons">
                          <div class="col-md-12">
                              <div class="pull-right" style="margin-right: 20px">
                                  <a href="javascript:void(0);" class="btn btn-default" ng-click="goBackToView()">Go Back </a>
                              </div>
                          </div>
                          <br />
                      </div>
                      <fieldset class="cbs_fieldset two_column_fieldset two_column_fieldset_notabs">
                          <legend>Edit Bill Info</legend>

                          <div class="col-lg-4">
                              <div class="form-group">
                                  <label class="col-lg-4 ">Bill Reference</label>
                                      <div class="col-lg-8">
                                          <input type="tel" autocomplete="off" minlength="1" maxlength="15" list="list" name="billReference"
                                              class="form-control" ng-model="obj.billReference" required>
                                      </div>
                              </div>
                           </div>
                          <div class="col-lg-4">
                              <div class="form-group">
                                  <label class="col-lg-4">Bill ID</label>
                                  <div class="col-lg-8">
                                      <input type="text" class="form-control" name="billId" ng-model="obj.billId" required>
                                  </div>
                              </div>
                          </div>
                          <div class="col-lg-4">
                              <div class="form-group">
                                  <label class="col-lg-4">Bill To</label>
                                  <div class="col-lg-8">
                                      <input type="text" class="form-control" name="billTo" ng-model="obj.billTo" required>
                                  </div>
                              </div>
                          </div>
                          <div class="col-lg-4">
                              <div class="form-group">
                              <label class="col-lg-4 ">{{'AMOUNT' | translate}} </label>
                                  <div class="col-lg-8">
                                      <input type="number" autocomplete="off" list="list" name="amount"
                                          class="form-control"
                                          ng-model="obj.amount" required>
                                  </div>
                              </div>
                          </div>
                          <div class="col-lg-4">
                              <div class="form-group">
                              <label class="col-lg-4 ">{{'Reason' | translate}} </label>
                                  <div class="col-lg-8">
                                      <input type="text" autocomplete="off" list="list" name="reason"
                                          class="form-control"
                                          ng-model="obj.reason" required>
                                  </div>
                              </div>
                          </div>
                          <div class="col-lg-4">
                              <div class="form-group">
                              <label class="col-lg-4 ">{{'Description' | translate}} </label>
                                  <div class="col-lg-8">
                                      <input type="text" autocomplete="off" list="list" name="description"
                                          class="form-control"
                                          ng-model="obj.description" required>
                                  </div>
                              </div>
                          </div>
                          <div class="col-lg-4">
                              <div class="form-group mobile-form-group my_calender">
                                  <label class="col-lg-4 ">{{'Due Date' | translate}} </label>
                                  <div class="col-lg-8 ">
                                      <div class='input-group date'>
                                          <input class="form-control" type="tel" name="dueDate" ng-model="obj.dueDate" list="list" jqdatepicker1 required>
                                          <span class="input-group-addon"><span i class="glyphicon glyphicon-calendar"></i></span></span>
                                      </div>
                                  </div>
                              </div>
                          </div>
                          <div class="col-lg-4">
                              <div class="form-group mobile-form-group my_calender">
                                  <label class="col-lg-4 ">{{'VALIDFROM_DATE' | translate}} </label>
                                  <div class="col-lg-8 ">
                                      <div class='input-group date'>
                                          <input class="form-control" type="tel" name="validFrom" ng-model="obj.validFrom" list="list" jqdatepicker2 required>
                                          <span class="input-group-addon"><span i class="glyphicon glyphicon-calendar"></i></span></span>
                                      </div>
                                  </div>
                              </div>
                          </div>
                          <div class="col-lg-4">
                              <div class="form-group mobile-form-group my_calender">
                                  <label class="col-lg-4 ">{{'VALIDTO_DATE' | translate}} </label>
                                  <div class="col-lg-8 ">
                                      <div class='input-group date'>
                                          <input class="form-control" type="tel" name="validTo" ng-model="obj.validTo" list="list" jqdatepicker3 required>
                                          <span class="input-group-addon"><span i class="glyphicon glyphicon-calendar"></i></span></span>
                                      </div>
                                  </div>
                              </div>
                          </div>
                          <div class="col-lg-4">
                              <div class="form-group">
                                  <div class="col-lg-8">
                                      <input type="checkbox" autocomplete="off" name="partialPayAllowed" ng-true-value="1" ng-false-value="0" ng-model="obj.partialPayAllowed" class="form-check-input">
                                        <i></i>{{'Partial Pay Allowed' | translate}}</label>
                                  </div>
                              </div>
                           </div>
                      </fieldset>
                      <div class="row">
                          <div class="col-md-3 col-lg-offset-4">
                              <div class="text-center submit_button">
                                  <div class="form-group">
                                      <button class="btn btn-primary btn-block"  ng-disabled="disableSubmitBtn"  type="submit"> {{'SUBMIT_BTN' | translate}} </button>
                                  </div>
                              </div>
                  </div>
                      </div>
                        <div class="col-sm-8">
                              <div ng-if="msg.type=='success'" class="success-msg form-msg">{{msg.value}}</div>
                              <div ng-if="msg.type=='danger'" class="error-msg form-msg">{{msg.value}}</div>
                          </div>
                  </form>
              </div>
          </div>
    </script>

    <script type="text/ng-template" id="templates/view-bills-by-transaction-id">
      <div class="row">
          <div class="col-lg-9">
              <div class="ajaxsection">
                  <form name="form" id="view-bills-by-id" class="form-horizontal ">
                      <fieldset>
                          <div class="form-group mobile-form-group">
                              <div class="col-lg-12 ">
                                  <label ng-hide="user.isAccountsLengthOne">{{'BILLER_ACCOUNT' | translate}} </label>
                                  <select ng-hide="user.isAccountsLengthOne" class="form-control"
                                      name="accountId" ng-init="generateAccounts()" ng-model="obj.accountId"
                                      ng-change="currentBalance=''" required
                                      ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}">
                                  </select>
                              </div>
                          </div>
                          <div class="col-lg-12">
                              <div class="form-group">
                                  <label class="col-lg-4">{{'TRANSACTION_ID' | translate}} </label>
                                  <div class="col-lg-8">
                                      <input type="text" autocomplete="off" min="1" placeHolder="Enter Transaction ID"
                                          name="transactionId " ng-model="obj.transactionId " required class="form-control">
                                  </div>
                              </div>
                          </div>
                          <div class="col-lg-12">
                            <div class="form-group">
                                <label class="col-lg-4">{{'StatusId' | translate}} </label>
                                <div class="col-lg-8">
                                    <select id="select-1" class="form-control" name="statusId" ng-model="obj.statusId" required ng-options="status.STATUSID as status.NAME for status in statusList">
                                        <option disabled="" selected="" value="">{{'SELECT_STATUS' | translate}}</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                          <div class="col-lg-12">
                              <div class="col-lg-8 col-lg-8 col-lg-offset-4 submit_btn_wrap">
                                  <button class="btn btn-primary btn-block" ng-disabled="disableSubmitBtn"
                                      type="submit"> {{'SHOW' | translate}} </button>
                              </div>
                          </div>
                      </fieldset>
                  </form>
              </div>
          </div>
      </div>

      <!--Table Data-->
      <div ng-show="showBillData" class="col-sm-12 col-md-12 col-lg-12" id="show-bills-data">
        <div class="row action_buttons">
            <div class="col-md-12">
                <div class="pull-right" style="margin-right: 20px">
                    <a href="javascript:void(0);" class="btn btn-default" ng-click="goBack()">Go Back </a>
                </div>
            </div>
            <br />
        </div>
          <div class="jarviswidget jarviswidget-color-darken" id="show-bills-data" data-widget-editbutton="false">
              <header>
                  <span class="widget-icon"> <i class="fa fa-table"></i> </span>
                  <h2>{{'BILL_DATA' | translate}} </h2>
              </header>
              <!-- widget div-->
              <div>

                  <div class="widget-body no-padding">
                    <div class="table-responsive">
                      <table id="dt_basic" class="table table-striped table-bordered table-hover" bFilter='false' width="100%">
                          <thead>
                          <tr>
                              <th data-class="expand">{{'NO' | translate}} </th>
                              <th data-class="expand">Bill Reference </th>
                              <th data-class="expand">Bill ID </th>
                              <th data-class="expand">Bill To </th>
                              <th data-class="expand">Amount </th>
                              <th data-class="expand">{{'VALIDFROM_DATE' | translate}} </th>
                              <th data-class="expand">{{'VALIDTO_DATE' | translate}} </th>
                              <th data-class="expand">Due Date </th>
                              <th data-class="expand">Description </th>
                              <th data-class="expand">Reason </th>
                              <th data-class="expand">{{'STATUS' | translate}} </th>
                          </tr>
                          </thead>
                          <tbody>
                          </tbody>
                      </table>
                    </div>
                  </div>
                  <!-- end widget content -->

              </div>
              <!-- end widget div -->
          </div>
      </div>
      <!--End Table Data-->
    </script>

    <script type="text/ng-template" id="templates/aaswaview-bills-by-transaction-id">
      <div class="row">
          <div class="col-lg-9">
              <div class="ajaxsection">
                  <form name="form" id="view-bills-by-id" class="form-horizontal ">
                      <fieldset>
                          <div class="form-group mobile-form-group">
                              <div class="col-lg-12 ">
                                  <label ng-hide="user.isAccountsLengthOne">{{'BILLER_ACCOUNT' | translate}} </label>
                                  <select id="select-1" ng-hide="user.isAccountsLengthOne" class="form-control"
                                      name="accountId" ng-init="generateAccounts()" ng-model="obj.accountId"
                                      ng-change="currentBalance=''" required
                                      ng-options="account.accountId as account.accountTitle for account in user.accountInformation | filter: {accountType: '1'}">
                                  </select>
                              </div>
                          </div>
                          <div class="col-lg-12">
                              <div class="form-group">
                                  <label class="col-lg-4">{{'TRANSACTION_ID' | translate}} </label>
                                  <div class="col-lg-8">
                                      <input type="text" autocomplete="off" min="1" placeHolder="Enter Transaction ID"
                                          name="transactionId " ng-model="obj.transactionId " required class="form-control">
                                  </div>
                              </div>
                          </div>
                          <div class="col-lg-12">
                            <div class="form-group">
                                <label class="col-lg-4">{{'StatusId' | translate}} </label>
                                <div class="col-lg-8">
                                    <select id="select-1" class="form-control" name="statusId" ng-change =isCompleted() ng-model="obj.statusId" required ng-options="status.STATUSID as status.NAME for status in statusList">
                                        <option disabled="" selected="" value="">{{'SELECT_STATUS' | translate}}</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-12" id ="startDateInput">
                          <div class="form-group mobile-form-group my_calender">
                              <label class="col-lg-4 ">{{'START_DATE' | translate}} </label>
                              <div class="col-lg-8 ">
                                  <div class='input-group date'>
                                      <input class="form-control" autocomplete="off" type="text" name="startDate" ng-model="obj.startDate" list="list" jqdatepicker1 required>
                                      <span class="input-group-addon"><span i class="glyphicon glyphicon-calendar"></i></span></span>
                                  </div>
                              </div>
                          </div>
                     </div>

                        <div class="col-lg-12" id ="endDateInput">
                           <div class="form-group mobile-form-group my_calender">
                              <label class="col-lg-4 ">{{'END_DATE' | translate}} </label>
                              <div class="col-lg-8">
                                  <div class='input-group date'>
                                      <input class="form-control" autocomplete="off" type="text" name="endDate" ng-model="obj.endDate" list="list" jqdatepicker2 required>
                                      <span class="input-group-addon"><span i class="glyphicon glyphicon-calendar"></i></span></span>
                                  </div>
                              </div>
                      </div>

                      </div>
                          <div class="col-lg-12">
                              <div class="col-lg-8 col-lg-8 col-lg-offset-4 submit_btn_wrap">
                                  <button class="btn btn-primary btn-block" ng-disabled="disableSubmitBtn"
                                      type="submit"> {{'SHOW' | translate}} </button>
                              </div>
                          </div>
                      </fieldset>
                  </form>
              </div>
          </div>
      </div>

      <!--Table Data-->
      <div ng-show="showBillData" class="col-sm-12 col-md-12 col-lg-12" id="show-bills-data">
        <div class="row action_buttons">
            <div class="col-md-12">
                <div class="pull-right" style="margin-right: 20px">
                    <a href="javascript:void(0);" class="btn btn-default" ng-click="goBack()">Go Back </a>
                </div>
            </div>
            <br />
        </div>
          <div class="jarviswidget jarviswidget-color-darken" id="show-bills-data" data-widget-editbutton="false">
              <header>
                  <span class="widget-icon"> <i class="fa fa-table"></i> </span>
                  <h2>{{'BILL_DATA' | translate}} </h2>
              </header>
              <!-- widget div-->
              <div>

                  <div class="widget-body no-padding">
                    <div class="table-responsive">
                      <table id="dt_basic" class="table table-striped table-bordered table-hover" bFilter='false' width="100%">
                          <thead>
                          <tr>
                              <th data-class="expand">Custmer Key</th>
                              <th data-class="expand">Bill Key </th>
                              <th data-class="expand">Customer Name </th>
                              <th data-class="expand">Customer Branch </th>
                              <th data-class="expand">This MonthBill Amt </th>
                              <th data-class="expand">Total Bill Amount </th>
                              <th data-class="expand">OutStanding Amt </th>
                              <th data-class="expand">CurrRead </th>
                              <th data-class="expand">Pre Read </th>
                              <th data-class="expand">Consumption </th>
                              <th data-class="expand">Penalty Amount </th>
                              <th data-class="expand">Valid From </th>
                              <th data-class="expand">Valid To </th>
                              <th data-class="expand">Reason </th>
                              <th data-class="expand">{{'STATUS' | translate}} </th>
                              <th data-class="expand">CHANNELNAME</th>
                          </tr>
                          </thead>
                          <tbody>
                          </tbody>
                      </table>
                    </div>
                  </div>
                  <!-- end widget content -->

              </div>
              <!-- end widget div -->
          </div>
      </div>
      <!--End Table Data-->
    </script>

    <script type="text/ng-template" id="templates/batch-summary-report.html">
              <div class="row">
              <div class="col-lg-12">
                  <div class="ajaxsection">
                      <form name="form" id="batch-summary-report" class="form-horizontal ">
                          <fieldset>
                              <div class="jarviswidget jarviswidget-color-darken" id="wid-id-0" data-widget-editbutton="false">

                                                          <header><span class="widget-icon"> <i class="fa fa-table"></i> </span>

                                                              <h2>{{'CUSTOM_ACTIVITY_SUMMARY' | translate}} </h2>
                                                          </header>

                                                          <!-- widget div-->
                                                          <div>

                                                              <!-- widget edit box -->
                                                              <div class="jarviswidget-editbox">
                                                                  <!-- This area used as dropdown edit box -->

                                                              </div>

                                                              <div class="widget-body no-padding">
                                                                  <div class="table-responsive">
                                                                      <table id="getAllBatchTransfers" class="table table-striped table-bordered table-hover" width="100%">
                                                                          <thead>
                                                                              <tr>
                                                                                  <th data-class="expand">{{'TOTAL_BATCH_RECORD' | translate}} </th>

                                                                                  <th data-class="expand">{{'REFERNCE_NO' | translate}}</th>
                                                                                  <th data-hide="expand"> <i class="fa fa-fw fa-calendar text-muted hidden-md hidden-sm hidden-xs"></i> {{'BATCH_DATE' | translate}}</th>

                                                                              </tr>
                                                                          </thead>
                                                                          <tbody>
                                                                          </tbody>
                                                                      </table>
                                                                  </div>
                                                              </div>

              </div>
              </div>


                          </fieldset>
                      </form>
                  </div>
              </div>
      </div>
    </script>

    <script type="text/ng-template" id="templates/assistantList">
      <div class="row">
      <!--Table Data-->
      <div class="col-sm-12 col-md-12 col-lg-12" id="show-assistants">
          <div class="jarviswidget jarviswidget-color-darken" data-widget-editbutton="false">
              <header>
                  <span class="widget-icon"> <i class="fa fa-table"></i> </span>
                  <h2>{{'ASSISTANT_LIST' | translate}} </h2>
              </header>

                  <!-- widget div-->
                  <div>
                      <!-- widget edit box -->
                      <div class="jarviswidget-editbox">
                          <!-- This area used as dropdown edit box -->
                      </div> <!-- end widget edit box -->

                      <div class="widget-body no-padding">
                          <div class="table-responsive">
                          <table id="dt_assistants_list" class="table table-striped table-bordered table-hover" bFilter='false'
                              width="100%">
                              <thead>
                                  <tr>
                                      <th data-class="expand">Assistant Name </th>
                                      <th data-class="expand">Mobile Number</th>
                                      <th data-class="expand">Email Address </th>
                                      <th data-class="expand">Group Name</th>
                                      <th data-class="expand">SubscriberId/PartnerId</th>
                                      <th data-class="expand">Status</th>
                                      <th data-class="expand">Action </th>
                                  </tr>
                              </thead>
                              <tbody>
                              </tbody>
                          </table>
                      </div>
                      </div> <!-- end widget content -->
                  </div> <!-- end widget div -->
                  </fieldset>
                  </form>
              </div>
      </div>
    </script>
  </body>
</html>
