<script>
var awaiting;
var paid;
var renewed;
var lapsed;
var offlinepayment;
</script>
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Welcome</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="cordova.js"></script>
  <script type="text/javascript" src="js/index.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>

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

  .acc_section {
    background: transparent;
    border: none;
  }

@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 */
    motorhealthdiff();
    /* Motor and Non Motor Diff */
    localstorageclearMotor("Y");
    dashboardAgentcode();
    var request = { agentid: getItem("agentcode") };
    Apiservicecall(function(result)
    {
      if(result.status==1)
      {
        var response=result.response;
        if (response.status == 1) {
          awaiting = response.data[3].count
          paid = response.data[0].count
          renewed = response.data[1].count
          lapsed = response.data[2].count
          offlinepayment= response.data[4].count
          document.getElementById('count_awaiting').innerHTML = awaiting;
          document.getElementById('count_paid').innerHTML = paid;
          document.getElementById('count_renewed').innerHTML = renewed;
          document.getElementById('count_lapsed').innerHTML = lapsed;
          document.getElementById('count_offlinepay').innerHTML = offlinepayment;
        }
        else {
          dashboardfailure();
        }
      }
      else {
        dashboardfailure();
      }
    },dashboard,request);
  };

  function dashboardfailure(){
  awaiting = 0;
  paid = 0;
  renewed = 0;
  lapsed = 0;
  offlinepayment= 0;
  }

  //accordian click function
  function butclick(id, count) {

    if(checkOnline()){
    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() {
    if(checkOnline()){
     $('#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 ($("#showpop").is(":visible")) {
        hide('showpop');
    }
    else{
      window.location.href = 'dashboard.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 style="background-color: #ededed;">
  <section class="axa-section welcome-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" id="nav_toggle">
            <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" 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_img_icon" 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 = "redirectionpage('dashboard.html');"><img alt="bellicin_img_icon" class="bellicon notification-icon" 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">
          <div class="welcome-image">
            <div class="welcome-image-title">
            </div>
            <div class="welcome-image-img"><img alt="welcome_img_icon" src="images/welcome-header-img.jpg">
            </div>
          </div>
          <div >
            <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">
              <div class="">
                <div class="axa-form">
                  <form id="email-form" name="email-form" data-name="Email Form" action="#">
                    <ul class="smk_accordion">
                      <li class="accordion-toggle">
                        <div class = "accordationToogleUpDown" id="accordion-id"> <h3>  Renewal Info <span class="arrow arrowUp"></span></h3></div>
                        <div class="accordion-content">
                          <div>
                            <div class="axa-col-12" id="butpaid" onclick="butclick(1,paid)">
                              <div class="box2">
                                <div class="box-left">
                                  <span class="wel-box" id="txtpaid">Expiring Soon</span>
                                </div>
                                <div class="box-right">
                                  <span id="count_paid">0</span>
                                </div>
                              </div>
                            </div>
                          </div>
                          <div>
                            <div class="axa-col-12" id="butrenewed" onclick="butclick(2,renewed)">
                              <div class="box3">
                                <div class="box-left">
                                  <span class="wel-box" id="txtrenewed">Payment Received</span>
                                </div>
                                <div class="box-right">
                                  <span id="count_renewed">0</span>
                                </div>
                              </div>
                            </div>
                            <div class="axa-col-12" id="butlapsed" onclick="butclick(3,lapsed)">
                              <div class="box4">
                                <div class="box-left">
                                  <span class="wel-box" id="txtlapsed">Renewed Policy</span>
                                </div>
                                <div class="box-right">
                                  <span id="count_lapsed">0</span>
                                </div>
                              </div>
                            </div>
                            <div class="axa-col-12" id="butawaiting" onclick="butclick(4,awaiting)">
                              <div class="box1">
                                <div class="box-left">
                                  <span class="wel-box" id="txtawaiting">Expired Policy</span>
                                </div>
                                <div class="box-right">
                                  <span id="count_awaiting">0</span>
                                </div>
                              </div>
                            </div>
                            <div class="axa-col-12" id="butofflinepay" onclick="butclick(5,offlinepayment)">
                              <div class="box5">
                                <div class="box-left">
                                  <span class="wel-box" id="txtofflinepay">Offline Case</span>
                                </div>
                                <div class="box-right">
                                  <span id="count_offlinepay">0</span>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </li>
                    </ul>
                    <!-- Accordion end -->
                    <a class="enquiry_section" id="btn_enquiry" onclick = "redirectionpage('Enquiry.html');">
                      <div class="enquiry_head"> <h3>Enquiry  <span class="arrow arrowRight"></span></h3></div>
                      <div class="accordion-content">
                      </div>
                    </a>
                  </form>
                  <div class="axa-form-done">
                    <p>Thank you! Your submission has been received!</p>
                  </div>
                  <div class="axa-form-fail">
                    <p>Oops! Something went wrong while submitting the form</p>
                  </div>
                </div>
              </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');
     // $(".accordion-content").css("display","block");
      $(".accordion-content").slideDown('fast');
    }
  });
  //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>
</body>
</html>
