<script>
var isback = false;
</script>
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>dashboard</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" 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">
  <link rel="stylesheet" type="text/css" href="css/smk-accordion.css">
  <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>

  <style>
  .axa-content-sec {
    padding: 10px 0px 1px;
  }
  .padding {
    padding-right: 5px;
    padding-left: 5px;
  }

@media (max-width: 2000px) and (min-width: 320px)
  {
  .navbar-title {
    padding-top: 0px;
   }
 }

  </style>
  <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 */
      if(getItem("smartpolicyind")!=null && getItem("smartpolicymotorind")!=null && getItem("issingleagent") == 1){
      var smartpolicyind = getItem("smartpolicyind");
      var smartpolicymotorind = getItem("smartpolicymotorind")
      if(smartpolicyind == "Y" && smartpolicymotorind == "N"){
        $("#health_div").css("display","block");
        $("#motor_div_header").css("display","none");
      }
      else if(smartpolicyind == "N" && smartpolicymotorind == "Y"){
        $("#motor_div").css("display","block");
        $("#health_div_header").css("display","none");
      }
      else{
        $("#health_div").css("display","block");
        $("#motor_div").css("display","block");
      }
    }
    /* Motor and Non Motor Diff */
    }



    console.log("reload");
	  isback = true;
    console.log("agentcode"+getItem("agentcode"));
    //var userAgentResponse =  getItem("userAgentResponseList");
    //setItem("userlist",userAgentResponse);
    //var userAgentResponseList=JSON.parse(userAgentResponse);
    console.log("userAgentResponseList"+JSON.stringify(userAgentResponseList[0]));

    if(getItem("agentcode")!=null&&getItem("agentcode")!='undefined')   {
      loadDashboard();
    }
    //if getAllResponseHeaders ends
    else {
      if(userAgentResponseList.length>1) {
        userSelect();
      }
      else {
        setItem("agentcode", userAgentResponseList[0].agentcode);
        setItem("agentname", userAgentResponseList[0].agentname);
        document.getElementById('switchuserclass').style.display = 'none';
        loadDashboard();
      }
    }
    localstorageclearMotor("Y");
  };
  function loadDashboard()
  {
    var notify=  getItem("notification");
    var count=getItem("count");
    if(notify!="null" && count!="1"){
      document.getElementById('notifcationid').style.display = 'block';
    }else {
      document.getElementById('notifcationid').style.display = 'none';
    }
    dashboardAgentcode();
    var request = { agentid: getItem("agentcode") };
    Apiservicecall(function(result)
    {
      if(result.status==1)
      {
        var response=result.response;
        if (response.status == 1) {
          console.log("New Data from req");
          saftyormotorindcheck();
        }
        else {
          saftyormotorindcheck();
          // if(!isEmpty(result.response.notificationmessage)){
          //   if(result.response.notificationmessage == "Please Select valid Agent")
          //     showAlert(result.response.notificationmessage);
          // }
        }
      }
      else {
      }
    },dashboard,request);
    resizeElementHeight();
   //setItem("policytype", 1);
  }

 function saftyormotorindcheck(){
     /* Motor and Non Motor Diff */
     if(getItem("smartpolicyind")!=null && getItem("smartpolicymotorind")!=null && getItem("issingleagent") == 0){
      var smartpolicyind = getItem("smartpolicyind");
      var smartpolicymotorind = getItem("smartpolicymotorind")
      if(smartpolicyind == "Y" && smartpolicymotorind == "N"){
        $("#health_div").css("display","block");
        $("#motor_div_header").css("display","none");

      }
      else if(smartpolicyind == "N" && smartpolicymotorind == "Y"){
        $("#motor_div").css("display","block");
        $("#health_div_header").css("display","none");
      }
      else{
        $("#health_div").css("display","block");
        $("#motor_div").css("display","block");
      }
    }
    /* Motor and Non Motor Diff */
  }
  //user select
  function userSelect(){
     hide('showpop');
    getItem("emailid");
    getItem("pass");
    var userlist= JSON.parse(getItem("userlist"));
    console.log(userlist,"userlist");
    $('#showpop1').empty();
    $('#showpop1').append("<form onsubmit='return false' autocomplete='off'><h5 class='text-center'>Select Agent Code</h5><input type='text' placeholder='Please enter your agent code' class='axa-input input-form agent-sel' id='agentSelect' onkeyup='filterFunction(true)' onclick='filterFunction(false)'><ul id='selectAgentDiv' class='formUL'></ul><h6 id='invalidmsg' style='display:none'></h6><button class='popup-btn' id='btn_switchagentid' onclick='userloginrequest()'>OK</button></form>");
    userlist.sort( function(a,b) { return a.agentcode - b.agentcode; });
    for(var i=0;i<userlist.length;i++){
       $("#selectAgentDiv").append($("<li>").text(userlist[i].agentcode));
    }
    setItem("issingleagent", "0");
    show('showpop1');
  }

  function filterFunction(isTouch) {
    console.log(isTouch)
    document.getElementById('invalidmsg').style.display = 'none';
    var input, filter, ul, li, a, i;
    input = document.getElementById("agentSelect");
    filter = input.value.toUpperCase();
    div = document.getElementById("showpop1");
    a = div.getElementsByTagName("li");
    var searchValue = document.getElementById('agentSelect').value;
    if(isTouch == true){
      if( searchValue != ""){
        $("#selectAgentDiv").css('display','block');
        var count=0;
        for (i = 0; i < a.length; i++) {
            if (a[i].innerHTML.toUpperCase().indexOf(filter) > -1) {
                a[i].style.display = "";
            } else {
                count+=1;
                if(count == a.length){
                    $("#selectAgentDiv").css('display','none');
                }
                a[i].style.display = "none";
            }
        }
      }
      else{
        for (i = 0; i < a.length; i++) {
            a[i].style.display = "block";
          }
        if(a.length>0){
        $("#selectAgentDiv").css('display','block');
        }
      }
    }
    else{
        if( searchValue == ""){
            $("#selectAgentDiv").css('display','block');
        }
    }
  }
  //login by user code
  function userloginrequest(){
    var usrAvail = true;
    var userlist= JSON.parse(getItem("userlist"));
    var agentCode = document.getElementById("agentSelect").value;
    if(agentCode != "")
    {
      for(var i=0;i<userlist.length;i++){
        if(userlist[i].agentcode == agentCode){
          document.getElementById('agentSelect').value="";
          usrAvail = false;
          if(userlist[i].piamcode==null || userlist[i].piamcode=="" || userlist[i].piamcode== undefined){
             hide('showpop1');
            notshowalert("PIAM code is not available!");
          }
          else{
            passWord = userlist[i].password;
            setItem("agentcode", userlist[i].agentcode);
            setItem("agentname", userlist[i].agentname);
            setItem("smartpolicyind", userlist[i].smartpolicyind);
            setItem("smartpolicymotorind", userlist[i].smartpolicymotorind);

            hide('showpop1');
            loadDashboard();
          }
        }
      }
      if(usrAvail){
        document.getElementById('invalidmsg').innerHTML = "Please enter valid agent code";
        document.getElementById('invalidmsg').style.display = 'block';
      }
    }
    else{
      document.getElementById('invalidmsg').innerHTML = "Please enter your agent code";
      document.getElementById('invalidmsg').style.display = 'block';

    }
  }

  //accordian click function
  function butclick(id, count) {
    console.log("statusid======"+id);
    if (!isEmpty(count) && (count!=0) ) {
      setItem("policytype", id);
      window.location.href = 'Renewal-info.html';
    }
    else
    {
      showAlert("No records found!");
    }
  }

  function notshowalert(message){
    $('#showpop').empty();
    $('#showpop').append("<h5>Message</h5><p>" + message + "</p><button class='popup-btn' onclick='userSelect();'>OK</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');
  }
  //logout popup
  function exitAlert() {
    $('#showpop').empty();
    $('#showpop').append("<h5>Message</h5><p>Are you sure want to logout?</p><button class='popup-btn' id='btn_logout' onclick='logout()'>OK</button><button class='popup-btn' id='comm-dismiss' onclick=hide('showpop')>CANCEL</button>");
    show('showpop');
  }
  history.pushState(null, null, document.URL);
  //event listener popstate
  window.addEventListener('popstate', function () {
    if(getItem("agentcode")!=null){
      if ($("#showpop").is(":visible")) {
        hide('showpop');
        isback = false;
      }
      if ($("#showpop1").is(":visible")) {
        //hide('showpop');
        isback = false;
      }
      if (isback) {
        var title = document.getElementsByTagName("title")[0].innerHTML;
        console.log(title);
        if (title == "Welcome") {
          exitAlert();
          console.log(window.location.pathname)
          isback = false;
        }
      }
      else {
        isback = true;
      }
    }
    history.pushState(null, null, document.URL);
  });
  //notification popup
  function notifyAlert(){
    var notify=  getItem("notification");
    if(notify!="null"){
      $('#showpop').empty();
      $('#showpop').append("<h5>Message</h5><p>"+notify+"</p><button class='popup-btn' onclick=hide('showpop')>OK</button>");
      show('showpop');
    }else {
    }
  }
  </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 welcome-mobile-wrapper" style="background-color: #ffffff;">
    <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" id="nav_toggle">
            <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" 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 = "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" 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="icon-logo-rgt"><img alt="navLogo4_icon_img" src="images/logo-4.svg"></div>
          <div class="navbar-title" maxlength="6"><div class="navagent-title"><p id="navbartitle">Welcome</p><p id="welcometitle" class="text-ellipse"></p></div></div>
          <div class="home-menuicon notification-section">
            <a class="notification-button notification-block" onclick="myFunction()"><img alt="bell_icon_img" class="bellicon notification-icon" src="images/bell.svg"/><span id="notifcationid" class="notify-icon" style="display: none;">1</span></a>
            <div id="Notification" class="notification-content notification-bar-area notfy-card-4 notfy-animate-zoom">
            </div>
            <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">
          <div class="welcome-image">
            <div class="welcome-image-title">
            </div>
            <div class="welcome-image-img"><img alt="welcome_icon_img" src="images/welcome-header-img.jpg">
            </div>
          </div>
          <div class="">
            <div class="agent-code">
              <div class="agent-cd"><span class="p-top" id="agentcode"><strong>Agent code : - </strong></span></div>
              <div class="last-login">
                <span class="axa-col-12">Last Login</span>
                <div><span class="axa-col-12" id="creationdate">dd-mm-yyyy hh:mm:ss</span></div>
              </div>
            </div>
            <div class="welcome-body padding setting_dashboard">
              	<div class="item-box p2_displaynone" id="health_div">
					<div class="item-heading-bg">
						<div class="svg-icons-heading"><img alt="health_icon_img" src="images/icon-health.svg"></div>
						<div class="item-heading">Health</div>
					</div>
					<div class="axa-col-6 no-padding">
						<div class="item-box-sub-heading v-line" onclick = "redirectionpage('welcome.html');">
							<div class="svg-icons-sub-heading"><img alt="welcome_icon_img" src="images/recycling.svg"></div>
							<div class="item-sub-heading">Renewal Info</div>
						</div>
					</div>
					<div class="axa-col-6 no-padding">
						<div class="item-box-sub-heading" onclick = "redirectionpage('Enquiry.html');">
							<div class="svg-icons-sub-heading"><img alt="enquiry_icon_img" src="images/inquery.svg" style="width: 35px; height: 43px;" ></div>
							<div class="item-sub-heading">Enquiry</div>
						</div>
					</div>
					<div class="axa-clearfix"></div>
				</div>
				<div class="item-box p2_displaynone" id="motor_div">
					<div class="item-heading-bg">
						<div class="" style="width: 40%;">
							<div class="svg-icons-heading" style="max-width: 34px; float: left; margin-right: 10px;"><img alt="motor_icon_img" src="images/motor.svg"></div>
							<div class="item-heading">Motor</div>
						</div>
						<div class="axa-clearfix"></div>
					</div>
					<div class="axa-col-6 no-padding">
						<div class="item-box-sub-heading v-line" onclick = "redirectionpage('vehicle-details.html');">
							<div class="svg-icons-sub-heading" style="width: 26px;"><img alt="newQuote_icon_img" src="images/new-quote.svg"></div>
							<div class="item-sub-heading">New Quote</div>
						</div>
					</div>
					<div class="axa-col-6 no-padding">
						<div class="item-box-sub-heading" onclick = "redirectionpage('retrieve-quote.html');">
							<div class="svg-icons-sub-heading" style="width: 26px;"><img alt="retriveQuote_icon_img" src="images/retrieve-quote.svg"></div>
							<div class="item-sub-heading">Retrieve Quote</div>
						</div>
					</div>
					<div class="axa-clearfix"></div>
        </div>
        <div class="axa-clearfix"></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/smk-accordion.js"></script>
  <script>

  //accordation
  $('.accordationToogleUpDown').click(function(){
    if ($(this).find('.arrow').hasClass('arrowUp')) {
      $(".accordion-content").slideUp('fast');
      $('.smk_accordion').find('.arrow').removeClass('arrowUp').addClass('arrowDown');
    }
    else if($(this).find('.arrow').hasClass('arrowDown')){
      $(this).find('.arrow').removeClass('arrowDown').addClass('arrowUp');
    }
  });
  //Notification
  $("#controll").click(function() {
    var x = document.getElementById("Notification");
    x.className = x.className.replace(" notfy-show", "");
  });
  </script>
  <script type="text/javascript">


  //accordian
  jQuery(document).ready(function ($) {
    $('.add').on('click', function () {
      var cc = $(this).prev();
      cc.append('<li><div>Yeah</div><div>Test</div></li>');
      cc.smk_Accordion('refresh');
    });
  });
  </script>
  <script>
  function myFunction() {
    var x = document.getElementById("Notification");
    var notify=  getItem("notification");
    if(notify!="null"){
      if (x.className.indexOf("notfy-show") == -1) {
        $('#Notification').empty();
        $('#Notification').append("<a href='#' class='notfy-item notification-button'>"+notify+"</a>");
        setItem("count","1");
        document.getElementById('notifcationid').style.display = 'none';
        x.className += " notfy-show";
      } else {
        x.className = x.className.replace(" notfy-show", "");
      }
    }
  }


  function resizeElementHeight() {
    var element = document.getElementsByClassName('agent-code')[0];
    var heightofAgentcode = element.offsetTop+element.offsetHeight;
    $(".setting_dashboard").offset({top:heightofAgentcode+10});
    $(".setting_dashboard").css("padding-top","0px");
  }
  </script>
</body>
</html>
