<script>
var pagecount = 1;
var renewaltitle;
var statusid;
var policycount = 15;
var policyListCopy = [];
var policyListsearch = [];
var expirydatesort = "Y";
var policyholdersort = "";
var duedatesort = "";
var enquiryrequest;
</script>
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Enquiry Detail</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <link rel="stylesheet" type="text/css" href="fonts/stylesheet.css">
  <link rel="stylesheet" type="text/css" href="css/normalize.css">
  <link rel="stylesheet" type="text/css" href="css/framework.css">
  <link rel="stylesheet" type="text/css" href="css/axa.min.css">
  <script type="text/javascript" charset="utf-8" src="cordova.js"></script>
  <script type="text/javascript" src="js/index.js"></script>
  <script type="text/javascript" src="js/lib/aes.js"></script>
  <script type="text/javascript" src="js/lib/pbkdf2.js"></script>
  <script src="js/webfont.js"></script>
  <script>
  //web font loading
  WebFont.load({
    google: {
      families: ["Montserrat:400,700"]
    }
  });
  </script>
  <script type="text/javascript" charset="UTF-8" src="Commondata.js"></script>
  <script type="text/javascript" charset="UTF-8" src="VehicleDetCommonData.js"></script>
  <script type="text/javascript" charset="UTF-8" src="Apiservice.js"></script>
  <script type="text/javascript" src="js/modernizr.js"></script>
  <link rel="shortcut icon" type="image/x-icon" href="images/logoStandford32.ico">
  <link rel="apple-touch-icon" href="images/logoStandford32.ico">
  <link href="css/ionicons.min.css" rel="stylesheet" type="text/css" />
  <script type="text/javascript" charset="UTF-8" src="js/axa-popup.js" ></script>
  <style type="text/css">
    .toggle {
    color: #fff;
    float: left;
    height: 30px;
    line-height: 40px;
    text-align: center;
    width: 30px;
    position: absolute;
    font-size: 21px;
    top: 90px;
    right: 5px;
    }
    .right {
    float: right
    }
  </style>
  <script type ="text/javascript">
  //Window onload
  window.onload = function what()
  {
    enquiryrequest=JSON.parse(getItem("enquiryrequest"));
    var sheight=screen.height;
    if(sheight>=800)
    {
      policycount=30;
    }
      /* Motor and Non Motor Diff */
      motorhealthdiff();
      /* Motor and Non Motor Diff */
    localStorage.removeItem("requeryInd");
    localStorage.removeItem("requerypaymentDO");
    var userAgentResponse =  getItem("userlist");
    var userAgentResponseList=JSON.parse(userAgentResponse);
    if(userAgentResponseList.length<=1){
      document.getElementById('switchuserclass').style.display = 'none';
    }
    var requestpagination = {agentid:getItem("agentcode"),pageno:pagecount,pagesize:policycount,expirydatesort:expirydatesort,policyholdersort:policyholdersort,duedatesort:duedatesort};
    request =  objectmerge(requestpagination,enquiryrequest);
    Apiservicecall(function(result)
    {
      if(result.status==1)
      {
        var response=result.response;
        setItem("scrolllastdata",result.response.status);
        policylist = response.data;
        if (policylist != null) {
          for(var i=0;i<policylist.length;i++){
            policyListCopy.push(policylist[i]);
          }
          loadTable(policyListCopy);
        }
        else{
          $('#list').append("<tr><td colspan='3' align='center'>No Records Found</td></tr>");
        }
      }
      else {
      }
    },enquirydetails,request);
  var scrollTableDiv = document.getElementById("scrollTableDiv");
  resizeElementHeight(scrollTableDiv);
  clearSearch();
  };
// scrolling table policies service call
function enquiryloadtable(){
if(checkOnline()){
  var requestpagination = {agentid:getItem("agentcode"),pageno:pagecount,pagesize:policycount,expirydatesort:expirydatesort,policyholdersort:policyholdersort,duedatesort:duedatesort};
  request =  objectmerge(requestpagination,enquiryrequest);
  scrolllastdata = getItem("scrolllastdata");
  if(scrolllastdata==0){
    $("#loading").hide();
  }
  else if(scrolllastdata==1){
  Apiservicecallpolicies(function(result)
  {
    if(result.status==1)
    {
      var response=result.response;
      setItem("scrolllastdata",result.response.status);
      policylist = response.data;
      if (policylist != null) {
        $("#loading").hide();
        for(var i=0;i<policylist.length;i++){
          policyListCopy.push(policylist[i]);
        }
        loadTable(policyListCopy);
      }
      else{
        $("#loading").hide();
      }
    }
    else {
        $("#loading").hide();
    }
  },enquirydetails,request);
}
}
}
//object merge
 function objectmerge(requestpagination,enquiryrequest) {
 for (var key in enquiryrequest) {
  requestpagination[key] = enquiryrequest[key];
 }
 return requestpagination;
}
  // sorting from A to Z
  function sortaz() {
  if(checkOnline()){
    sortreset();
    duedatesort = "";
    expirydatesort = "";
    policyholdersort = "Y";
    enquiryloadtable();
  }
  }
  //sorting from Z to A
  function sortza() {
  if(checkOnline()){
    sortreset();
    duedatesort = "";
    expirydatesort = "";
    policyholdersort = "N";
    enquiryloadtable();
  }
  }
  // sorting from nearest expiry date to fartest expiry date
  function sortnf() {
  if(checkOnline()){
    sortreset();
    policyholdersort = "";
    duedatesort = "";
    expirydatesort = "N";
    enquiryloadtable();
  }
  }
  // sorting from fartest expiry date to nearest expiry date
  function sortfn() {
  if(checkOnline()){
    sortreset();
    policyholdersort = "";
    duedatesort = "";
    expirydatesort = "Y";
    enquiryloadtable();
  }
  }
  // sorting from duedate accessending
  function sortduedaysaccending(policylist){
  if(checkOnline()){
    sortreset();
    policyholdersort = "";
    expirydatesort = "";
    duedatesort = "Y";
    enquiryloadtable();
  }
  }
  // sorting from duedate descending
  function sortduedaysdecending(policylist){
  if(checkOnline()){
    sortreset();
    policyholdersort = "";
    expirydatesort = "";
    duedatesort = "N";
    enquiryloadtable();
  }
  }
  //reseting when switching sorting
  function sortreset(){
    var input = document.getElementById("myInput").value = "";
      var scrolldiv = document.getElementById('scrollTableDiv');
      scrolldiv.scrollTop = 0;
      scrolldiv.innerHeight = 0;
      scrolldiv.scrollHeight = 0;
      setItem("scrolllastdata",1);
      policyListCopy = [];
      policyListsearch = [];
      pagecount = 1;
  }
  //loading table
  function loadTable(enquirydetails)
  {
  if(checkOnline()){
    console.log(enquirydetails);
    $('#list').find('tbody').empty();
    $('#list').append("<tbody>");
    if( enquirydetails.length>0)
    {
      for (var i = 0 ; i < enquirydetails.length; i++) {
       if(enquirydetails[i].overdueind=="Y"  && enquirydetails[i].policystatusid == 5){
         $('#list').append("<tr><td colspan='3'><table class='e-det-t effect1 tbl-layout' width=100%><tr class='bottom-line-sp'><td colspan='2' class='e-det-t-axa tbl_td_w'>" + enquirydetails[i].policyholdername+ "</td><td colspan='1' class='e-det-t-axa e-det-t-lastOfflineCase'>Overdue, please pay</td></tr><tr><td class='e-det-t-axa e-det-t-exleft'>" + enquirydetails[i].policyexpirydate + "</td><td class='e-det-t-axa e-det-t-excenter'>" + enquirydetails[i].contracttype.toUpperCase() + "/" + enquirydetails[i].policyno.toUpperCase() + "</td><td class='e-det-t-axa e-det-t-exright'>" + currencyformat(enquirydetails[i].grosspremium, "") + "</td></tr></table></td></tr>");
       }else if(enquirydetails[i].overdueind=="N"  && enquirydetails[i].policystatusid == 5){
         $('#list').append("<tr><td colspan='3'><table class='e-det-t effect1 tbl-layout' width=100%> <tr class='bottom-line-sp'><td colspan='2' class='e-det-t-axa tbl_td_w'>" + enquirydetails[i].policyholdername + "</td><td colspan='1' class='e-det-t-axa e-det-t-lastOfflineCase'>Due by &nbsp;"+enquirydetails[i].overdueDate+"</td></tr><tr><td class='e-det-t-axa e-det-t-exleft'>" + enquirydetails[i].policyexpirydate + "</td><td class='e-det-t-axa e-det-t-excenter'>" + enquirydetails[i].contracttype.toUpperCase() + "/" + enquirydetails[i].policyno.toUpperCase() + "</td><td class='e-det-t-axa e-det-t-exright'>" + currencyformat(enquirydetails[i].grosspremium, "") + "</td></tr></table></td></tr>");
       }
       else if(enquirydetails[i].policystatusid == 2){
         $('#list').append("<tr><td colspan='3'><table class='e-det-t effect1 tbl-layout' width=100%> <tr class='bottom-line-sp'><td colspan='2' class='e-det-t-axa tbl_td_w'>" + enquirydetails[i].policyholdername + "</td><td colspan='1' class='e-det-t-axa e-det-t-last'>" + enquirydetails[i].paymentmode + "</td></tr><tr><td class='e-det-t-axa e-det-t-exleft'>" + enquirydetails[i].policyexpirydate + "</td><td class='e-det-t-axa e-det-t-excenter'>" + enquirydetails[i].contracttype.toUpperCase() + "/" + enquirydetails[i].policyno.toUpperCase() + "</td><td class='e-det-t-axa e-det-t-exright'>" + currencyformat(enquirydetails[i].grosspremium, "") + "</td></tr></table></td></tr>");
       }
       else if(enquirydetails[i].policystatusid == 1 || enquirydetails[i].policystatusid == 3){
         $('#list').append("<tr><td colspan='3'><table class='e-det-t effect1 tbl-layout' width=100%> <tr class='bottom-line-sp'><td colspan='2' class='e-det-t-axa tbl_td_w'>" + enquirydetails[i].policyholdername + "</td></tr><tr><td class='e-det-t-axa e-det-t-exleft'>" + enquirydetails[i].policyexpirydate + "</td><td class='e-det-t-axa e-det-t-excenter'>" + enquirydetails[i].contracttype + "/" + enquirydetails[i].policyno + "</td><td class='e-det-t-axa e-det-t-exright'>" + currencyformat(enquirydetails[i].grosspremium,"")+"</td></tr></table></td></tr>");
       }
      else{
        $('#list').append("<tr><td colspan='3'><table class='e-det-t effect1 tbl-layout' width=100%> <tr class='bottom-line-sp'><td colspan='2' class='e-det-t-axa tbl_td_w'>" + enquirydetails[i].policyholdername + "</td><td colspan='1' class='e-det-t-axa e-det-t-last'>" + enquirydetails[i].policystatusdescription + "</td></tr><tr><td class='e-det-t-axa e-det-t-exleft'>" + enquirydetails[i].policyexpirydate + "</td><td class='e-det-t-axa e-det-t-excenter'>" + enquirydetails[i].contracttype + "/" + enquirydetails[i].policyno + "</td><td class='e-det-t-axa e-det-t-exright'>" + currencyformat(enquirydetails[i].grosspremium,"")+"</td></tr></table></td></tr>");
      }
      }
      }
      else
      {
        $('#list').append("<tr><td colspan='3' style='text-align: center;'>No Records Found</td></tr>");
      }
      $('#list').append("</tbody>");
        var table = document.getElementById("list");
        if (table != null) {
          for (var i = 0; i < table.rows.length; i++) {
            for (var j = 0; j < table.rows[i].cells.length; j++)
            table.rows[i].cells[j].onclick = function () {
            if(checkOnline()){
              setItem("policytype", (enquirydetails[this.parentNode.rowIndex].policystatusid+10));
              console.log("enquirydetails" + (enquirydetails[this.parentNode.rowIndex].policystatusid + 10))
              var policynofromlist = enquirydetails[this.parentNode.rowIndex].policyno;
              setItem("renwalpolicyid",enquirydetails[this.parentNode.rowIndex].renwalpolicyid);
              setItem("policynum", policynofromlist);
              setItem("lapsedstatus", enquirydetails[this.parentNode.rowIndex].lapsedlastdateind);
              window.location.href = 'Renewal-detail.html';
              }
            };
          }
        }
      }
    }
      function resizeElementHeight(element) {
       var height = 0;
       var body = window.document.body;
       if (window.innerHeight) {
           height = window.innerHeight;
       } else if (body.parentElement.clientHeight) {
           height = body.parentElement.clientHeight;
       } else if (body && body.clientHeight) {
           height = body.clientHeight;
       }
       if(height>800)
       {
         height=height-100;
       }
       else {
         height=height-80;
       }
       console.log("height===="+height);
       element.style.height = ((height - element.offsetTop) + "px");
      }
  //search list table
  function searchbycharacter() {
  if(checkOnline()){
    var clearsearch = document.getElementById('clear-search');
    var valsearch = document.getElementById("myInput").value;
    clearsearch.style.visibility = (valsearch.length) ? "visible" : "hidden";
    policyListCopy = [];
    policyListsearch = [];
    pagecount = 1;
    searchredirect();
  }
  }
  //search databinding function for search bar
  function searchredirect()
  {
    policyListCopy = [];
    var input = document.getElementById("myInput").value;
    console.log(input);
    var scrolldiv = document.getElementById('scrollTableDiv');
    scrolldiv.scrollTop = 0;
    scrolldiv.innerHeight = 0;
    scrolldiv.scrollHeight = 0;
    setItem("scrolllastdata",1);
    if(input.length!=0){
      var request = { agentid:getItem("agentcode"),searchdata:input,pageno:pagecount,pagesize:policycount,expirydatesort:expirydatesort,policyholdersort:policyholdersort,duedatesort:duedatesort};
      request =  objectmerge(request,enquiryrequest);
      search(request);
    }
    else {
      searchreset();
    }
  }
  // reseting search list when search data is 0
  function searchreset(){
    setItem("scrolllastdata",1);
      policyListCopy = [];
      policyListsearch = [];
      var request = { agentid:getItem("agentcode"),searchdata:"",pageno:pagecount,pagesize:policycount,expirydatesort:expirydatesort,policyholdersort:policyholdersort,duedatesort:duedatesort};
      request =  objectmerge(request,enquiryrequest);
      search(request);
  }
  //search function for searchbycharacter
  function search(request){
    console.log(request);
      if(checkOnline()){
    Apiservicecallpolicies(function(result)
    {
      if(result.status==1)
      {
        var response=result.response;
        setItem("scrolllastdata",result.response.status);
        policylist = response.data;
        policyListsearch = [];
        if (policylist != null) {
          if( document.getElementById("myInput").value !=null || document.getElementById("myInput").value !=undefined || document.getElementById("myInput").value !=""){
          for(var i=0;i<policylist.length;i++){
            policyListsearch.push(policylist[i]);
            //appending policyListCopy to overcome pagination after search
            policyListCopy.push(policylist[i]);
          }
        }
          loadTable(policyListsearch);
          $("#loading").hide();
        }
        else if(response.status == 0){
          if(pagecount==1){
            $('#list').find('tbody').empty();
            var scrolldiv = document.getElementById('scrollTableDiv');
            scrolldiv.scrollTop = 0;
            scrolldiv.innerHeight = 0;
            scrolldiv.scrollHeight = 0;
            policyListsearch = [];
            $('#list').append("<tr><td colspan='3' style='text-align: center;'>No Records Found</td></tr>");
            $("#loading").hide();
          }
          else{
            $("#loading").hide();
            // if page count increases table should not clear
          }
        }
        else{
          $("#loading").hide();
        }
      }
      else {
        $("#loading").hide();
      }
    },enquirysearch,request);
  }
}
  //search when scrolling
  function scrollsearch()
    {
      policyListCopy = [];
      var input = document.getElementById("myInput").value;
      setItem("scrolllastdata",1);
      if(input.length!=0)
      {
        console.log(statusid);
        var request = {agentid:getItem("agentcode"),searchdata:input,pageno:pagecount,pagesize:policycount,expirydatesort:expirydatesort,policyholdersort:policyholdersort,duedatesort:duedatesort};
        request =  objectmerge(request,enquiryrequest);
        scrollsearchservice(request);
      }
      else
      {
        searchreset();
      }
    }
    // search scrolling service
    function scrollsearchservice(request){
      console.log(request);
        if(checkOnline()){
      scrolllastdata = getItem("scrolllastdata");
      if(scrolllastdata==0){
        $("#loading").hide();
      }
      else
      {
      Apiservicecallpolicies(function(result)
      {
        if(result.status==1)
        {
          var response=result.response;
            setItem("scrolllastdata",result.response.status);
          policylist = response.data;
          if (policylist != null) {
            for(var i=0;i<policylist.length;i++){
              policyListsearch.push(policylist[i]);
            }
            loadTable(policyListsearch);
              $("#loading").hide();
          }
          else if(response.status == 0){
            if(pagecount==1){
              $('#list').find('tbody').empty();
              var scrolldiv = document.getElementById('scrollTableDiv');
              scrolldiv.scrollTop = 0;
              scrolldiv.innerHeight = 0;
              scrolldiv.scrollHeight = 0;
              policyListsearch = [];
              $('#list').append("<tr><td colspan='3' align='center'>No Records Found</td></tr>");
              $("#loading").hide();
            }
            else{
              $("#loading").hide();
              // if page count increases table should not clear
            }
          }
          else{
              $("#loading").hide();
          }
        }
        else {
          // $('#list').append("<tr><td colspan='3' align='center'>No Records Found</td></tr>");
        }
      },enquirysearch,request);
    }
  }
    }

    //logout popup
  function exitAlert() {
    if(checkOnline()){
      $('#showpop').empty();
      $('#showpop').append("<h5>Message</h5><p>Are you sure want to logout?</p><button class='popup-btn' onclick='logout()'>OK</button><button class='popup-btn' onclick=hide('showpop')>CANCEL</button>");
      show('showpop');
    }
  }

  //common popup
  function showAlert(message) {
    $('#showpop').empty();
    $('#showpop').append("<h5>Message</h5><p>" + message + "</p><button class='popup-btn' onclick=hide('showpop')>OK</button>");
    show('showpop');
  }
  //clear search input
  function clearSearch()
  {
    var searchinput = document.getElementById('myInput');
    var clearsearch = document.getElementById('clear-search');
    clearsearch.onclick = function() {
      searchinput.value="";
      clearsearch.style.visibility ="hidden";
      searchbycharacter();
    };
  }
  //backbutton function
  document.addEventListener("backbutton", onBackKeyDown, false);
  function onBackKeyDown() {
      if(checkOnline()){
    window.location.href="Enquiry.html";
  }
  }
  </script>
</head>
<body>
<section class="axa-section mobile-wrapper">
  <div class="page-content" id="main-stack">
    <div class="axa-nav navbar" data-collapse="all" data-animation="over-left" data-duration="400" data-contain="1" data-easing="ease-out-quint" data-no-scroll="1">
      <div class="axa-container">
        <nav class="axa-nav-menu nav-menu" role="navigation">
          <a class="nav-menu-header" id="navi_welcomepage" onclick = "redirectionpage('dashboard.html');">
            <div class="logo"><img alt="navLogo_icon_img" src="images/nav-logo.svg"></div>
          </a>
          <div id="health_div_header">
            <a class="axa-clearfix axa-inline-block nav-menu-link">
              <div class="icon-list-menu">
                <div class="icon ion-ios-pulse"></div>
              </div>
              <div class="nav-menu-titles">Health</div>
            </a>
            <a class="axa-clearfix axa-inline-block nav-menu-link1" id="navi_renewalinfo" onclick = "redirectionpage('welcome.html');">
              <div class="sub-icon-list-menu">
                <div class="icon ion-clipboard"></div>
              </div>
              <div class="nav-menu-titles">Renewal Info</div>
            </a>
            <a class="axa-clearfix axa-inline-block nav-menu-link1" id="navi_enquiry" onclick = "redirectionpage('Enquiry.html');">
              <div class="sub-icon-list-menu">
                <div class="icon ion-ios-help-outline"></div>
              </div>
              <div class="nav-menu-titles">Enquiry</div>
            </a>
          </div>
          <div id="motor_div_header">
            <a class="axa-clearfix axa-inline-block nav-menu-link">
              <div class="icon-list-menu">
                <div class="icon ion-android-car"></div>
              </div>
              <div class="nav-menu-titles">Motor</div>
            </a>
            <a class="axa-clearfix axa-inline-block nav-menu-link1" id="navi_vehicledet" onclick = "redirectionpage('vehicle-details.html');">
              <div class="sub-icon-list-menu">
                <div class="icon ion-ios-calculator-outline"></div>
              </div>
              <div class="nav-menu-titles">New Quote</div>
            </a>
            <a class="axa-clearfix axa-inline-block nav-menu-link1" id="navi_retrivequote" onclick = "redirectionpage('retrieve-quote.html');">
              <div class="sub-icon-list-menu">
                <div class="icon ion-document"></div>
              </div>
              <div class="nav-menu-titles">Retrieve Quote</div>
            </a>
            </div>
            <a class="axa-clearfix axa-inline-block nav-menu-link" id="navi_agenttools" onclick = "redirectionpage('Contact-us.html');">
              <div class="icon-list-menu">
                <div class="icon ion-ios-telephone-outline"></div>
              </div>
              <div class="nav-menu-titles">Agent Tools</div>
            </a>
            <a class="axa-clearfix axa-inline-block nav-menu-link" id="switchuserclass" onclick="switchuser()">
              <div class="icon-list-menu">
                <div class="icon ion-ios-personadd-outline"></div>
              </div>
              <div class="nav-menu-titles">Switch Agent</div>
            </a>
            <a class="axa-clearfix axa-inline-block nav-menu-link" id="nav_logoutid" onclick="exitAlert()">
              <div class="icon-list-menu">
                <div class="icon ion-log-out"></div>
              </div>
              <div class="nav-menu-titles">Logout</div>
            </a>
          <div class="separator-bottom"></div>
          <div class="separator-bottom"></div>
          <div class="separator-bottom"></div>
        </nav>
        <div class="wrapper-mask" data-ix="menu-mask"></div>
        <div class="left-back" id="menu_icon" data-ix="hide-navbar-icons">
          <a onclick = "redirectionpage('Enquiry.html');" class="back-icon">
            <div class="left-arrow"><img alt="navleft_icon_img" class="left-icon" src="images/left-arrow.svg" /></div>
          </a>
        </div>
        <div class="icon-logo-rgt"><img alt="navLogo4_icon_img" src="images/logo-4.svg"></div>
        <div class="navbar-title-bck">Enquiry Info</div>
        <div class="home-menuicon">
          <a id="icon_home" onclick = "redirectionpage('dashboard.html');"><img alt="home_icon_img" class="hmeicon" src="images/home1.svg" /></a>
          <div class="axa-nav-button navbar-button left" id="menu-button" data-ix="hide-navbar-icons">
            <div class="navbar-button-icon home-icon">
              <div class="bar-home-icon"></div>
              <div class="bar-home-icon"></div>
              <div class="bar-home-icon"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="inner-body">
      <div class="hero-image">
        <div class="hero-image-title">
        </div>
        <div class="hero-image-img">
        </div>
      </div>
      <div class="axa-wrapper">
        <div id="clear-search" class="search-close"></div>
        <input type="text" id="myInput" onkeyup="searchbycharacter()" style='text-transform:uppercase' placeholder="Search" class="ion-ios-search-strong input-text-search input-text--search" maxlength="30"/>
        <div class="axa-content-sec">
          <a href="#" class="toggle right" id="menu-toggle1">
            <div class="navbar-button-icon-right"><img alt="sorticon_icon_img" class="sort-icon" src="images/sort-icon.svg" /></div>
          </a>
          <ul class="menu" id="ul_sortmenu" data-menu data-menu-toggle="#menu-toggle1" >
            <li class="highlight">
              <a id = "sortfn" onclick="sortfn(policylist)">Sort by Exp. Date Nearest to Farthest</a>
            </li>
            <li class="menu-separator"></li>
            <li>
              <a id = "sortnf" onclick="sortnf(policylist)">Sort by Exp. Date Farthest to Nearest</a>
            </li>
            <li class="menu-separator"></li>
            <li>
              <a id = "sortaz" onclick="sortaz(policylist)">Sort by A to Z</a>
            </li>
            <li class="menu-separator"></li>
            <li>
              <a id = "sortza" onclick="sortza(policylist)">Sort by Z to A</a>
            </li>
            <li class="menu-separator" id = "sortduedayseperator"></li>
              <li id = "sortdueday">
                <a onclick="sortduedaysaccending(policylist)">Sort by Due Date Nearest to Farthest</a>
              </li>
              <li class="menu-separator" id = "sortduedayseperator1"></li>
                <li id = "sortdueday1">
                  <a onclick="sortduedaysdecending(policylist)">Sort by Due Date Farthest to Nearest</a>
                </li>
          </ul>
          <h5>Policyholder</h5>
          <!--Table Header--->
          <table class="e-det-th">
            <tbody>
            <tr>
              <td colspan="3">
                <table class="e-det-th" style="width:100%">
                  <tr>
                    <td class="e-det-th-axa e-det-th-exleft">Expiry Date</td>
                    <td class="e-det-th-axa e-det-th-excenter">Policy No.</td>
                    <td class="e-det-th-axa e-det-th-exright">Gross Premium (RM)</td>
                  </tr>
                </table>
              </td>
            </tr>
          </tbody>
          </table>
          <!--Table tbody--->
          <div class="tbl-sec-scroll" id="scrollTableDiv">
            <table class="e-det-t" id="list">
              <tbody>
              </tbody>
            </table>
            <div id="loading" class = "tableloading axa-clearfix" style="display: none;">
              Loading...</div>
          </div>
          <!--Table tbody End--->
        </div>
      </div>
    </div>
  </div>
  <div class="page-content loading-mask" id="new-stack">
    <div class="loading-icon">
      <div class="navbar-button-icon icon ion-load-d"></div>
    </div>
  </div>
  <div class="shadow-layer"></div>
  <div id="showpop" class="popup"></div>
  <div id="showpop1" class="popup"></div>
</section>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/framework.js"></script>
<script type="text/javascript" src="js/menu.min.js"></script>
<script>


//scroll table
$(document).ready(function() {
  $('#scrollTableDiv').on('scroll', function() {
      if($(this).scrollTop() + $(this).innerHeight() >= $(this)[0].scrollHeight) {
          if(checkOnline()){
        pagecount+=1;
        var input = document.getElementById("myInput").value;
        if(input!=""){
          $("#loading").show();
          scrollsearch();
        }
        else{
          $("#loading").show();
            enquiryloadtable();
        }
      }
    }
  })
});
  //sorting option highlighting
$('[data-menu]').menu();
  $(function(){
    $('.menu li').click(function(){
      $('.highlight').removeClass('highlight');
      $(this).addClass('highlight');
    });
  })
   $(function() {
  $('body').on('keydown', '#myInput', function(e) {
    if (e.which === 32 &&  e.target.selectionStart === 0) {
      return false;
    }
  });
});

$(document).ready(function() {
  $(window).scroll(function() {
    var scroll = $(window).scrollTop();
    if (scroll > 10) {
      $(".axa-nav").css("background", "#C21B17");
    } else
      $(".axa-nav").css("background", "transparent");
  })
});
  </script>
</body>
</html>
