<link rel="stylesheet" href="css/jquery-ui.css" />
<link rel="stylesheet" href="css/jquery.autocomplete.css" type="text/css" />
<script src="js/jquery/jquery.js" type="text/javascript"></script>
<script src="js/jquery/jquery-1.8.2.js"></script>
<script src="js/jquery/jquery-ui.js"></script>
<script type="text/javascript" src="js/jquery/autocomplete_jquery_plugin.js"></script>
<script>
 function pending_jobcard_search(from_date,to_date)
 {

  jQuery.ajax({
  type: "GET",
  url: "production/pending_jobcard/pending_jobcard_entry_list.php",
  data: "from_date="+from_date+"&to_date="+to_date,
  success: function(msg){jQuery("#pending_jobcard_main_list_div").html(msg);
 }
    });
 }
</script>
<style> 
.someclass{ 
background:url(img/plus.png) no-repeat 0 0 ; 
} 
</style> 
<?php
error_reporting(0);
include ("include/db.php");
ob_start();
session_start();
?>
<style type="text/css">
.style2 {color: #FF0000}
.style7{font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 13px;}
.style8{ text-align:center;font-family:Tahoma, Arial, Helvetica, sans-serif; font-size: 15px; padding:40px; font-weight: 500;color:#32328e;letter-spacing: 1px;}
.style9{ text-align:left;font-family:Tahoma, Arial, Helvetica, sans-serif; font-size: 15px; padding:0px; font-weight: 600;color:#333;letter-spacing: 1px;padding:10px; background-color:#f7f7f7;}
.types_class { 
    height: 25px; 
    width: 200px; 
    background-color: transparent;  
    border-style: solid;  
    border-width: 0px 0px 1px 0px;  
    border-color:#CCC; 
    outline:0;
	font-size:14px;
	font-weight:normal
  } 
  
  .types_class1 { 
    height: 25px; 
    width: 200px; 
    background-color: transparent;  
    border-style: solid;  
    border-width: 0px 0px 1px 0px;  
    border-color:#CCC; 
    outline:0;
	font-size:14px;
  } 
.textbox:focus {
    border-color: #C9C9C9;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 0 8px;
}  
</style>
<div class="container">
<div class="row-fluid">
<div class="span12">
<div class="table-responsive">

<form name="company_form"  id="company_form" method="post" action=""  enctype="multipart/form-data">
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" style="border-top:solid 1px; color:#ddd;">
<tr align="left" style="font-size:14px"><div class="style9">Pending JobCard List</div></tr>
<td width="12%" align="left">
</td>
<tr>
</table>

&nbsp;
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td width="12%" height="45" align="right" class="style15"><span class="style7"><strong>From Date</strong></span></td>
<td width="19%" align="right" class="style7"><input type="date" class="types_class1" name="from_date" id="from_date"  style="height:23px; width:150px" value="<?php  echo date("Y-m-d");?>"  /></td> 
<td width="16%" align="right"><span class="style7"><strong>To Date</strong></span></td>
<td width="19%" align="right" class="style7"><span class="style15">
  <input type="date" class="types_class1" name="to_date" id="to_date" style="height:23px;width:150px;" value="<?php echo date("Y-m-d");?>" />
</span></td>

<td width="29%" align="center" class="style7"><a href="#"  onClick="pending_jobcard_search(from_date.value,to_date.value)"><img src="img/search_icon.png" width="40" height="35" title="Search" value="Search" /></a></td>
<td width="5%" align="center" class="style15">&nbsp;</td>
</tr>
</table>
<table width="100%" >
    <tr>
      <td colspan="10" align="center">
      <div id="pending_jobcard_main_list_div" >
        <?php include("pending_jobcard_entry_list.php"); ?>
        </div>
    </td>
  </tr>
</table>
</form>
</div>
</div>
</div>
</div>