<!DOCTYPE html>
<script>
    var isenquiry = false;
    var paymentdetails;
</script>
<html>
<head>
  <meta charset="utf-8">
  <title>Retrieve Quote Edit</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <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>
  <link rel="stylesheet" type="text/css" href="fonts/stylesheet.css">
  <link rel="stylesheet" href="./css/bootstrap-material-datetimepicker.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="js/axa-popup.js"></script>
  <script src="js/webfont.js"></script>
  <script>
    WebFont.load({
      google: {
        families: ["Montserrat:400,700"]
      }
    });
  </script>
  <script type ="text/javascript">
  //window onload
    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 */
      var retriveQuoteJson =  JSON.parse(getItem("retrivequoteclicked"));
      document.getElementById("inp_insuredname").value = retriveQuoteJson.insuredname;
      document.getElementById("inp_vehiclenumber").value = retriveQuoteJson.vehicleregistno;
      document.getElementById("inp_quotationnumber").value = retriveQuoteJson.flasquotationno;
      document.getElementById("inp_icnumber").value = retriveQuoteJson.newicno.replace(/\-/g,"");
      document.getElementById("inp_businessregnumber").value = retriveQuoteJson.businessregno;
      document.getElementById("inp_passportnumber").value = retriveQuoteJson.passportno;
      document.getElementById("inp_oldIcnumber").value = retriveQuoteJson.oldicno;
      $('.loading-mask').addClass('stop-loading');
    };



      function exitAlert() {
          $('#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 id='para_messageid'>"+message+"</p><button class='popup-btn' id='comm-dismiss' onclick=hide('showpop')>OK</button>");
        show('showpop');
      }


      history.pushState(null, null, document.URL);
      window.addEventListener('popstate', function () {
        console.log("payment");
        onclick="redirectionpage('retrieve-quote.html');"
      });

  </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" />

</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" ontouchend="keypadclose()">
        <div class="axa-container Pay-detail">
          <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_img_icon" 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" href="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 = "redirectionpagevehicledet('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" href="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-button" data-ix="hide-navbar-icons" onclick="redirectionpage('retrieve-quote.html');">
						<a id = "btn_paymentdetails" onclick="redirectionpage('dashboard.html');" class=" back-icon">
							<div class="left-arrow"><img alt="leftlogo_img_icon" class="left-icon" src="images/left-arrow.svg"></div>
						</a>
					</div>
          <div class="navbar-title-Pay" id="navbartitle">Retrieve Quote Edit</div>
          <div class="home-menuicon">
           <a id="icon_home" onclick="redirectionpage('dashboard.html');"><img alt="home_img_icon" 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 id="controll">
        <div class="inner-body" style="background: #f6f6f6; padding-top: 60px;">
          <div class="axa-col-12 no-padding axa-dark-blue-bg">
            <div class="page-title">
              <h5>Retrieve Quote Edit</h5>
            </div>
          </div>
          <div class="content-box">
            <div class="form-group">
              <label class="axa-form-label">Insured Name</label>
              <input class="axa-input input-form" id="inp_insuredname" type="text" placeholder="" maxlength="" readonly>
            </div>
            <div class="form-group">
              <label class="axa-form-label">Vehicle Number</label>
              <input class="axa-input input-form p2_textUpperCase" id="inp_vehiclenumber" type="text" placeholder="" maxlength="" readonly>
            </div>
            <div class="form-group">
              <label class="axa-form-label">Quotation Number</label>
              <input class="axa-input input-form" id="inp_quotationnumber" type="text" placeholder="" maxlength="" readonly>
            </div>
            <div class="form-group">
              <label class="axa-form-label">IC Number</label>
              <input class="axa-input input-form" id="inp_icnumber" type="text" placeholder="" maxlength="" readonly>
            </div>
            <div class="form-group">
                <label class="axa-form-label">Old IC Number</label>
                <input class="axa-input input-form" id="inp_oldIcnumber" type="text" placeholder="" maxlength="" readonly>
              </div>
            <div class="form-group">
              <label class="axa-form-label">Business Registraton Number</label>
              <input class="axa-input input-form" id="inp_businessregnumber" type="text" placeholder="" maxlength="" readonly>
            </div>
            <div class="form-group">
              <label class="axa-form-label">Passport Number</label>
              <input class="axa-input input-form" id="inp_passportnumber" type="text" placeholder="" maxlength="" readonly>
            </div>
            <div class="axa-col-12 text-centered axa-clearfix">
              <input type="button" class="axa-btn"  value="Edit" id="retriveQuoteEdit_btn">
            </div>
          </div>
          </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/date-picker.js"></script>
  <script type="text/javascript" src="./js/bootstrap-material-datetimepicker.js"></script>

  <script>

  $("#retriveQuoteEdit_btn").click(function(){
    if(checkOnline()){
        var retriveQuoteJson = JSON.parse(getItem("retrivequoteclicked"));
        setItem("vehiclemakecode", retriveQuoteJson.vehiclemakecode);
        setItem("vehiclemodelcode", retriveQuoteJson.vehiclemodelcode);
        setItem("vehiclebodydesc", retriveQuoteJson.vehiclebodydesc);
        setItem("vehiclebodycode", retriveQuoteJson.vehiclebodycode);
        location.href='vehicle-details.html';
    }
  });

  $('.expiryDateEndDate').bootstrapMaterialDatePicker({ time:false,dateFormat: 'DD/MM/YYYY'}).on('change',function(e, date){
     $('#inp_date1').val($("#inp_expirytodate").val());
  });
  //end date expiring span
  $('.expiryDateEndDatespan').bootstrapMaterialDatePicker({ time:false,dateFormat: 'DD/MM/YYYY'}).on('change',function(e, date){
     $('#inp_expirytodate').val($("#inp_date1").val());
  });

  $('.startDateExpiryDate').bootstrapMaterialDatePicker({ time:false }).on('change', function(e, date)
 {
    $('#inp_date').val($("#inp_expiryfromdate").val());
 });

  $('.startDateExpiryDatespan').bootstrapMaterialDatePicker({ time:false ,dateFormat: 'dd/mm/yy' }).on('change', function(e, date)
  {
    $('#inp_expiryfromdate').val($("#inp_date").val());
  });



  </script>
</body>
</html>
