<?php
date_default_timezone_set('Asia/Kolkata');
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> -->
<!-- <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> -->
<!-- <html xmlns='http://www.w3.org/1999/xhtml' xmlns:v='urn:schemas-microsoft-com:vml'>-->
<!-- custom/loginSession_cbanner.jsp: E2.5.3-B03 [default] page=login
  =======================================================================================
  Copyright(C) 2007-2013 Glovision Techno Services, All rights reserved
  Centered image banner
  =======================================================================================
-->
<!-- meta -->
<html>
   <head>
       <meta name="author" content="Glovision Techno Services"/>
       <meta http-equiv="content-type" content='text/html; charset=UTF-8'/>
       <link rel="shortcut icon" href="images/glovision.ico"/>
       <title>Glovision Techno Services</title>

   <script type="hacker/JavaScript" hacker="enabled"></script>
<!--  <script type="text/javascript" src="../js/markerlabel.js"></script> -->
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/datePicker1.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="js/jquery.datetimepicker.css"/>

<!-- <script type="text/javascript" src="../js/tac.js"></script> -->
<script src="js/jquery.datetimepicker.js" type="text/javascript"></script>
   </head>
   <style type='text/css'>
       .tablecss {
        text-align:center; 
        width:100%;
        border-collapse: collapse;
        color:black;
        background:white;
        font-family:Arial,Verdana,sans-serif;
        font-size:13;
        }
   </style>
   <style>
          html { height: 100% } body { height: 100%; margin: 0; padding: 0 } 
         #logout {border-radius: 2px; position: absolute; background-color: transparent;height:30%; width:30%;top:; left:40%; z-index: 99; background: #d6dbdf;} 
        
        .button {
    border: 2px solid #118cbe;
    border-radius: 5px;
    height: 22px;
    background: #118cbe;
    color: white;
    width: 230px;
    font-family: Arial,Verdana,sans-serif;
    font-size: 13;}  

   </style>

   <script>

   function submit(){
       var accountID=document.getElementById("accountID").value;
       var server=document.getElementById("server").value;
       var fromdate=document.getElementById("fromdate").value;

      var todate=document.getElementById("todate").value;
      var statusType=document.getElementById("statusType").value;
      var gaptype=document.getElementById("gaptype").value;
       var group=document.getElementById("groupID").value;
     var reporttype=document.getElementById("reporttype").value;
     var deviceID=document.getElementById("deviceID").value;

   var gapstarttime=document.getElementById("gapstarttime").value; 
    var mintime=document.getElementById("mintime").value;
        window.open( "php/Hourly24hoursAnalysis.php?accountID="+accountID+"&userID=admin&group=selectall&server="+server+"&fromDate="+fromdate+"&statusType="+statusType+"&gaptype="+gaptype+"&toDate="+todate+"&group="+group+"&vehicleID="+deviceID+"&reporttype="+reporttype+"&gapstarttime="+gapstarttime+"&mintime="+mintime, "_blank"); 

    }

 
  function selectedvehices(){

          var accountID="selectall";//document.getElementById("accountID").value;
       var server="allservers";
       var fromdate=document.getElementById("fromdate1").value;

      var todate=document.getElementById("todate1").value;
      var statusType="selectall";//document.getElementById("statusType").value;
      var gaptype="selectall";//document.getElementById("gaptype").value;
       var group="selectall";//document.getElementById("groupID").value;
    var reporttype=document.getElementById("reporttype1").value; 
     var deviceID=document.getElementById("devices").value;
    var gapstarttime=document.getElementById("gapstarttime1").value; 
    var mintime=document.getElementById("mintime1").value;

        window.open( "php/Hourly24hoursAnalysis.php?accountID="+accountID+"&userID=admin&group=selectall&server="+server+"&fromDate="+fromdate+"&statusType="+statusType+"&gaptype="+gaptype+"&toDate="+todate+"&group="+group+"&vehicleID="+deviceID+"&reporttype="+reporttype+"&gapstarttime="+gapstarttime+"&mintime="+mintime, "_blank"); 


  } 

function loadGroups(){
   var accountID=document.getElementById("accountID").value;
       var server=document.getElementById("server").value;
var res="<option value='selectall'>Select ALL</option>";
document.getElementById("groupID").innerHTML = res;

//document.getElementById("deviceID").innerHTML = res;
   $.ajax({
      type : 'get',
      url:'php/GetGroups.php',
      data:{"accountID":accountID,"server":server},
      dataType:'json',
      success: function(data) {
        $.each(data, function() {
          $.each(data, function(key, value) {
                var res="<option value='selectall'>Select ALL</option>";
                for(var i=0;i<value.length;i++){
                   res +="<option value='"+value[i]+"'>"+value[i]+"</option>";
                }
             
               document.getElementById("groupID").innerHTML = res;
              $('select[id="groupID"]').find('option[value="'+grp+'"]').attr("selected",true);
            
              if(grp!=""){

                  loadVehicles();
                   $('select[id="deviceID"]').find('option[value="'+value[2]+'"]').attr("selected",true);

                }   
          });
        });
      },
      error: function (request, status, error) {
      }
    });
}

  function loadVehicles(){

     var accountID=document.getElementById("accountID").value;
       var server=document.getElementById("server").value;
   var group=document.getElementById("groupID").value;
   $.ajax({
      type : 'get',
      url:'php/GetVehicles.php',
      data:{"accountID":accountID,"server":server,"group":group},
      dataType:'json',
      success: function(data) {
        $.each(data, function() {
          $.each(data, function(key, value) {
                var res="<option value='selectall'>Select ALL</option>";
                for(var i=0;i<value.length;i++){
                   res +="<option value='"+value[i]+"'>"+value[i]+"</option>";
                }
            document.getElementById("deviceID").innerHTML = res;
              $('select[id="deviceID"]').find('option[value="'+did+'"]').attr("selected",true);
          });
        });
      },
      error: function (request, status, error) {
      }
    });


 }


var acc="";
var grp="";
var ser="";
var did="";

 function search(){

  acc="";
 grp=""; ser="";
 did="";
     var imei=document.getElementById("imei").value;
   $.ajax({
      type : 'get',
      url:'php/searchByImei.php',
      data:{"imei":imei},
      dataType:'json',
      success: function(data) {
        $.each(data, function() {
          $.each(data, function(key, value) {
               if(value.length>2){
                    document.getElementById("msg").innerHTML="AccountID:"+value[0]+"("+value[3]+"),"+value[1]+","+value[2];
                    acc=value[0].toLowerCase();
                    grp=value[1].toLowerCase();
                    ser=value[3].toLowerCase();
                    did=value[2].toLowerCase();
                    $('select[id="accountID"]').find('option[value="'+acc+'"]').attr("selected",true);
                    $('select[id="server"]').find('option[value="'+ser+'"]').attr("selected",true);
                    loadGroups();
                    $('select[id="groupID"]').find('option[value="'+grp+'"]').attr("selected",true);
                    //loadVehicles();
                 //  $('select[id="deviceID"]').find('option[value="'+value[2]+'"]').attr("selected",true);
                }
               else   
                  document.getElementById("msg").innerHTML=value[0];
          });
        });
      },
      error: function (request, status, error) {
      }
    });

 }
   </script>
   <body onload="loadGroups()"><br>
       <div id="logout"  class='hello'>
              
          <h3 align='center'>Hourly Analysis Report</h3>
          <h3 align='center'>Login</h3>
        <form action="php/login.php" method="post" >
           <table  align="center" class="BaseTable" background="#E6E6E6" class='tablecss'>
               <tr>
                  <td>User ID :</td>

                  <td align="center">
                       <input type="text" name="userID" style="width:160px" class="button-error pure-button"  value=""/></td>
                  </td>
              </tr>

            

        <tr>
                  <td>Password :</td>

                  <td align="center">
                       <input type="password" name="pass" style="width:160px" class="button-error pure-button"  value=""/></td>
                  </td>
              </tr>




              <tr>
                  <td></td>

                  <td align="center">
                       <input type="submit"  style="width:160px" class="button"   value="Submit" /></td>
                  </td>
              </tr>
          
              <tr>
                  <td colspan='2'> <span id='msg'><?php echo $_GET["msg"];?></span></td>

              </tr>



          </thead>
       </table>
       </form>
      </div>
    </body>
</html>
