<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Enquiry</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="stylesheet" type="text/css" href="css/normalize.css">
  <link rel="stylesheet" type="text/css" href="fonts/stylesheet.css">
  <link rel="stylesheet" type="text/css" href="css/framework.css">
  <link rel="stylesheet" type="text/css" href="css/axa.min.css">
  <link rel="stylesheet" href="./css/bootstrap-material-datetimepicker.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 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" charset="UTF-8" src="js/axa-popup.js" ></script>
  <script src="js/webfont.js"></script>
  <script>
  //web font loading
  WebFont.load({
    google: {
      families: ["Montserrat:400,700"]
    }
  });
  </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>
  //search function
  window.onload = function what()
  {
    var userAgentResponse =  getItem("userlist");
  var userAgentResponseList=JSON.parse(userAgentResponse);
  if(userAgentResponseList.length<=1){
    document.getElementById('switchuserclass').style.display = 'none';
  }
  /* Motor and Non Motor Diff */
  motorhealthdiff();
  /* Motor and Non Motor Diff */
    localstorageclearMotor("Y");
}

  function searchenquiry()
  {
    if(checkOnline()){
    var policy_holder = document.getElementById("epolicyholder").value;
    var policy_no = document.getElementById("epolicyno").value;
    var product_name = document.getElementById("eproductname").value;
    var expiryfromdate = formatDateTo_YYMMDD(document.getElementById("expiryfromdate").value);
    var expirytodate = formatDateTo_YYMMDD(document.getElementById("expirytodate").value);
    var transfromdate = formatDateTo_YYMMDD(document.getElementById("transfromdate").value);
    var transtodate = formatDateTo_YYMMDD(document.getElementById("transtodate").value);
    console.log("search");
    if(isEmpty(policy_holder)&&isEmpty(policy_no)&&isEmpty(product_name)&&isEmpty(expiryfromdate)&&isEmpty(expirytodate)&&isEmpty(transfromdate)&&isEmpty(transtodate))
    {
      showAlert("Please enter at least 1 search criteria");
    }
    else if(!isEmpty(expiryfromdate)&&isEmpty(expirytodate))
    {
      showAlert("Please enter Expiry To Date");
    }
    else if(!isEmpty(expirytodate)&&isEmpty(expiryfromdate))
    {
      showAlert("Please enter expiry From Date");
    }
    else if(!isEmpty(transfromdate)&&isEmpty(transtodate))
    {
      showAlert("Please enter Transaction To Date");
    }
    else if(!isEmpty(transtodate)&&isEmpty(transfromdate))
    {
      showAlert("Please enter transaction From Date");
    }
    else
    {
      var request = { agentid: getItem("agentcode"), policyholdername: policy_holder, policyno: policy_no, productname: product_name, policyexpirydate: expirytodate, policystartdate: expiryfromdate, transstartdate: transfromdate, transenddate: transtodate};
      setItem("enquiryrequest",JSON.stringify(request));
      var requestpagination = {agentid:getItem("agentcode"),pageno:1,pagesize:1,expirydatesort:"",policyholdersort:"",duedatesort:""};
      request =  objectmerge(request,requestpagination);
      enquirySearch(request);
    }
  }
  }

  //object merge
   function objectmerge(enquiryrequest, requestpagination) {
   for (var key in requestpagination) {
    enquiryrequest[key] = requestpagination[key];
   }
   return enquiryrequest;
  }
//request to find whether record is available or not
  function enquirySearch(request) {
  if(checkOnline()){
    Apiservicecall(function(result)
    {
      if(result.status==1)
      {
        var response=result.response;
        setItem("scrolllastdata",result.response.status);
        policylist = response.data;
        if (policylist != null) {
          window.location.href = 'Enquiry-detail.html';
        }
        else{
          showAlert("No Records Found!");
        }
      }
    },enquirydetails,request);
  }
  }
  //default alert popup
  function showAlert(message) {
    console.log(message);
    $('#showpop').empty();
    $('#showpop').append("<h5>Message</h5><p id='para_messageid'>" + message +"</p><button class='popup-btn' id='comm-dismiss' onclick=hide('showpop')>OK</button>");
    show('showpop');
  }
  //reset data popup
  function resetData() {
    $('#showpop').empty();
    $('#showpop').append("<h5>Message</h5><p id='para_messageid'>Are you sure you want to clear all fields?</p><button class='popup-btn' id='btn_resetform' onclick='resetDataFromForm();'>YES</button><button class='popup-btn' id='comm-dismiss' onclick=hide('showpop')>NO</button>");
    show('showpop');
  }
  //reset function
  function resetDataFromForm()
  {
		console.log("reset");
		location.reload();
		hide('showpop');
  }
  //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');
  }
  }
  //backbutton function
  document.addEventListener("backbutton", onBackKeyDown, false);
  function onBackKeyDown() {
  if(checkOnline()){
    window.location.href = 'dashboard.html';
  }
  }
  window.addEventListener('keypress', function (e) {
    console.log("keycode========"+e.keyCode);
    if (e.keyCode == 13) {
      searchenquiry();
    }
  });
  </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="icon-logo-rgt"><img alt="navLogo4_icon_img"4 src="images/logo-4.svg"></div>
          <div class="navbar-title" id="navbartitle">Enquiry</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 class="axa-content-sec">
            <div class="axa-form">
              <form class="form-section">
                <div>
                  <input class="axa-input input-form" id="epolicyholder" type="text"  placeholder="Policyholder" maxlength="30">
                  <div class="separator-fields"></div>
                </div>
                <div>
                  <input class="axa-input input-form" id="epolicyno" placeholder="Policy No."  oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);" type = "number" maxlength = "20">
                  <div class="separator-fields"></div>
                </div>
                <div>
                  <input class="axa-input input-form" id="eproductname" type="text"  placeholder="Product Name" maxlength="30">
                  <div class="separator-fields"></div>
                </div>
                <div>
                  <label class="label-form date-sec" for="birthday-field">Expiry Date</label>
                  <div class="block-input-combined axa-col-6 padding5">
                    <input class="axa-input input-form left floating-label startDateExpiryDate " id="expiryfromdate" type="text" name="location" placeholder="From">
                    <a class="axa-inline-block right-input-icon color enquiry-dp startDateExpiryDatespan " id="date" href="#">
                      <img alt="cal1_icon_img" class="sort-icon" src="images/calender-icon.png">
                    </a>
                  </div>
                  <div class="block-input-combined axa-col-6 padding5">
                    <input type="text" id="expirytodate" class="axa-input input-form left floating-label expiryDateEndDate" name="location" placeholder="To">
                    <a class="axa-inline-block right-input-icon color enquiry-dp expiryDateEndDatespan" id="date1" href="#">
                      <img alt="cal2_icon_img" class="sort-icon" src="images/calender-icon.png">
                    </a>
                  </div>
                  <div class="separator-fields"></div>
                </div>
                <div>
                  <label class="label-form date-sec" for="birthday-field">Transaction Date</label>
                  <div class="block-input-combined axa-col-6 padding5">
                    <input class="axa-input input-form left floating-label startDateTransactionDate" id="transfromdate" type="text" name="location" placeholder="From">
                    <a class="axa-inline-block right-input-icon color enquiry-dp startDateTransactionDatespan" id="date3" href="#">
                      <img alt="cal3_icon_img" class="sort-icon" src="images/calender-icon.png">
                    </a>
                  </div>
                  <div class="block-input-combined axa-col-6 padding5">
                    <input class="axa-input input-form left floating-label transactionDateEndDate " id="transtodate" type="text" name="location" placeholder="To">
                    <a class="axa-inline-block right-input-icon color enquiry-dp transactionDateEndDatespan" id="date4" href="#">
                      <img alt="cal4_icon_img" class="sort-icon" src="images/calender-icon.png">
                    </a>
                  </div>
                  <div class="separator-fields"></div>
                </div>
                <div class="axa-col-12 mg-tp text-centered">
                  <input type="button" class="axa-btn" value="RESET" id="btn_reset" onclick="resetData();">
                  <input type="button" class="axa-btn" value="SEARCH" id="btn_search" onclick="searchenquiry();" >
                </div>
              </form>
            </div>
            <!--Table tbody End-->
          </div>
        </div>
      </div>
    </div>
    <div class="page-content loading-mask stop-loading " 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/date-picker.js"></script>
  <script type="text/javascript" src="./js/bootstrap-material-datetimepicker.js"></script>
  <script type="text/javascript">
  // date validation starts
  //Expiry date
  $(document).ready(function () {
    //end date expiring input form
    $('.expiryDateEndDate').bootstrapMaterialDatePicker({ time:false,dateFormat: 'DD/MM/YYYY'}).on('change',function(e, date){
      $('#date1').val($("#expirytodate").val());
      var fromdate = $('#expiryfromdate').val();
      var todate = $('#expirytodate').val();
      var expdateid = 1;
      datechecker(fromdate, todate, expdateid);
    });
    //end date expiring span
    $('.expiryDateEndDatespan').bootstrapMaterialDatePicker({ time:false,dateFormat: 'DD/MM/YYYY'}).on('change',function(e, date){
      $('#expirytodate').val($("#date1").val());
      var fromdate = $('#expiryfromdate').val();
      var todate = $('#expirytodate').val();
      var expdateid = 1;
      datechecker(fromdate, todate, expdateid);
    });
    //start date expiring input form
     $('.startDateExpiryDate').bootstrapMaterialDatePicker({ time:false }).on('change', function(e, date)
    {
      $('#date').val($("#expiryfromdate").val());
      document.getElementById("expirytodate").value = "";
      $('.expiryDateEndDate').bootstrapMaterialDatePicker('setMinDate', date);
      $('.expiryDateEndDate').bootstrapMaterialDatePicker('setMaxDate', date);
      $('.expiryDateEndDate').bootstrapMaterialDatePicker('setMaxDate',moment(date).add(60, 'day').format('DD/MM/YYYY'));
      $('.expiryDateEndDatespan').bootstrapMaterialDatePicker('setMinDate', date);
      $('.expiryDateEndDatespan').bootstrapMaterialDatePicker('setMaxDate', date);
      $('.expiryDateEndDatespan').bootstrapMaterialDatePicker('setMaxDate',moment(date).add(60, 'day').format('DD/MM/YYYY'));
      var fromdate = $('#expiryfromdate').val();
      var todate = $('#expirytodate').val();
      var expdateid = 1;
      datechecker(fromdate, todate, expdateid);
    });
    //start date expiring span
    $('.startDateExpiryDatespan').bootstrapMaterialDatePicker({ time:false ,dateFormat: 'dd/mm/yy' }).on('change', function(e, date)
    {
       $('#expiryfromdate').val($("#date").val());
         document.getElementById("expirytodate").value = "";
       $('.expiryDateEndDate').bootstrapMaterialDatePicker('setMinDate', date);
       $('.expiryDateEndDate').bootstrapMaterialDatePicker('setMaxDate', date);
       $('.expiryDateEndDate').bootstrapMaterialDatePicker('setMaxDate',moment(date).add(60, 'day').format('DD/MM/YYYY'));
       $('.expiryDateEndDatespan').bootstrapMaterialDatePicker('setMinDate', date);
       $('.expiryDateEndDatespan').bootstrapMaterialDatePicker('setMaxDate', date);
       $('.expiryDateEndDatespan').bootstrapMaterialDatePicker('setMaxDate',moment(date).add(60, 'day').format('DD/MM/YYYY'));
       var fromdate = $('#expiryfromdate').val();
       var todate = $('#expirytodate').val();
       var expdateid = 1;
       datechecker(fromdate, todate, expdateid);
    });
    //Transaction date end date
   $('.transactionDateEndDate').bootstrapMaterialDatePicker({ time:false ,dateFormat: 'dd/mm/yy'}).on('change',function(e, date){
    $('#date4').val($("#transtodate").val());
      var fromdate = $('#transfromdate').val();
      var todate = $('#transtodate').val();
      var expdateid = 2;
      datechecker(fromdate, todate, expdateid);
    });
    //end transaction transaction span
    $('.transactionDateEndDatespan').bootstrapMaterialDatePicker({ time:false ,dateFormat: 'dd/mm/yy'}).on('change',function(e, date){
      $('#transtodate').val($("#date4").val());
       var fromdate = $('#transfromdate').val();
       var todate = $('#transtodate').val();
       var expdateid = 2;
       datechecker(fromdate, todate, expdateid);
     });
    var dateTwo = new Date();
    var dateThree = dateTwo.setDate(dateTwo.getDate() - 60);
    var dateTwo = new Date();
    var dateThree = dateTwo.setDate(dateTwo.getDate() - 60);
    $('.startDateTransactionDate').bootstrapMaterialDatePicker({time:false, dateFormat: 'dd/mm/yy', maxDate: new Date()}).on('change', function(e, date)
    {
      $('#date3').val($("#transfromdate").val());
      document.getElementById("transtodate").value = "";
      var dateOne = new Date(date);
      var dateTwo = new Date();
      var dateThree = dateTwo.setDate(dateTwo.getDate() - 60);
      var date11 = new Date(dateThree);
      if(dateOne >= dateThree){
        $('.transactionDateEndDate').bootstrapMaterialDatePicker('setMinDate', date);
        $('.transactionDateEndDate').bootstrapMaterialDatePicker('setMaxDate', new Date());
        $('.transactionDateEndDatespan').bootstrapMaterialDatePicker('setMinDate', date);
        $('.transactionDateEndDatespan').bootstrapMaterialDatePicker('setMaxDate', new Date());
        var fromdate = $('#transfromdate').val();
        var todate = $('#transtodate').val();
        var expdateid = 2;
        datechecker(fromdate, todate, expdateid);
      }
      else{
        $('.transactionDateEndDate').bootstrapMaterialDatePicker('setMinDate', date);
        $('.transactionDateEndDate').bootstrapMaterialDatePicker('setMaxDate', date);
        $('.transactionDateEndDate').bootstrapMaterialDatePicker('setMaxDate',moment(date).add(60, 'day').format('DD/MM/YYYY'));
        $('.transactionDateEndDatespan').bootstrapMaterialDatePicker('setMinDate', date);
        $('.transactionDateEndDatespan').bootstrapMaterialDatePicker('setMaxDate', date);
        $('.transactionDateEndDatespan').bootstrapMaterialDatePicker('setMaxDate',moment(date).add(60, 'day').format('DD/MM/YYYY'));
        var fromdate = $('#transfromdate').val();
        var todate = $('#transtodate').val();
        var expdateid = 2;
        datechecker(fromdate, todate, expdateid);
      }
    });
  });
$('.startDateTransactionDatespan').bootstrapMaterialDatePicker({time:false, dateFormat: 'dd/mm/yy', maxDate: new Date()}).on('change', function(e, date)
{
  $('#transfromdate').val($("#date3").val());
    document.getElementById("transtodate").value = "";
  var dateOne = new Date(date);
  var dateTwo = new Date();
  var dateThree = dateTwo.setDate(dateTwo.getDate() - 60);
  var date11 = new Date(dateThree);
  if(dateOne >= dateThree){
    $('.transactionDateEndDate').bootstrapMaterialDatePicker('setMinDate', date);
    $('.transactionDateEndDate').bootstrapMaterialDatePicker('setMaxDate', new Date());
    $('.transactionDateEndDatespan').bootstrapMaterialDatePicker('setMinDate', date);
    $('.transactionDateEndDatespan').bootstrapMaterialDatePicker('setMaxDate', new Date());
    var fromdate = $('#transfromdate').val();
        var todate = $('#transtodate').val();
        var expdateid = 2;
        datechecker(fromdate, todate, expdateid);
  }
  else{
    $('.transactionDateEndDate').bootstrapMaterialDatePicker('setMinDate', date);
    $('.transactionDateEndDate').bootstrapMaterialDatePicker('setMaxDate', date);
    $('.transactionDateEndDate').bootstrapMaterialDatePicker('setMaxDate',moment(date).add(60, 'day').format('DD/MM/YYYY'));
    $('.transactionDateEndDatespan').bootstrapMaterialDatePicker('setMinDate', date);
    $('.transactionDateEndDatespan').bootstrapMaterialDatePicker('setMaxDate', date);
    $('.transactionDateEndDatespan').bootstrapMaterialDatePicker('setMaxDate',moment(date).add(60, 'day').format('DD/MM/YYYY'));
            var fromdate = $('#transfromdate').val();
            var todate = $('#transtodate').val();
            var expdateid = 2;
            datechecker(fromdate, todate, expdateid);
  }
});
function datechecker(fromdate, todate, id) {
  if (fromdate == '') {
    if(id == 1){
      showAlert("Please enter Expiry From Date");
    }
    else{
      showAlert("Please enter Transaction From Date");
    }

    $('#expirytodate').val($("").val());
    $('#transtodate').val($("").val());
  }
}
function formatDateTo_YYMMDD(date) {
if(date==""){
  return "";
}else{
  var numbers = date.match(/\d+/g);
  year=numbers[2];
  month=numbers[1];
  day=numbers[0];
  if (month.length < 2) month = '0' + month;
  if (day.length < 2) day = '0' + day;
  return [year, month, day].join('-');
}
}
  </script>
</body>
</html>
