<link rel="stylesheet" href="css/jquery-ui.css" />
<link href="style1.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="css/jquery.autocomplete.css" type="text/css" />
<link rel="stylesheet" href="CalendarControl.css" type="text/css" />
<script language="javascript" src="CalendarControl.js"></script>
<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 src="js/enter_event_ajax.js" type="text/javascript"></script>
<script>
function stock_report_item(from_date,item_name,type_1)
 {
     if(type_1=="Detailed"){
          jQuery.ajax({
          type: "POST",
          url: "report/stock_report/stock_report_detail_list.php",
          data: "from_date="+from_date+'&item_name='+item_name,
          success: function(msg){jQuery("#stock_report_div").html(msg);
         }
            });
     }else{
          jQuery.ajax({
          type: "POST",
          url: "report/stock_report/stock_report_list.php",
          data: "from_date="+from_date+'&item_name='+item_name,
          success: function(msg){jQuery("#stock_report_div").html(msg);
         }
            });
     }
 }
 var po = jQuery.noConflict();
po().ready(function() 
{ 
	po("#job_card_no").autocomplete("include/autocomplete/jobcard_no_auto_complete.php", {
	width: 150,
	matchContains: true,
		selectFirst: true
	});
});
 var po = jQuery.noConflict();
po().ready(function() 
{ 
	po("#item_name").autocomplete("include/autocomplete/item_name_auto_complete.php", {
	width: 150,
	matchContains: true,
		selectFirst: true
	});
});

</script>
<style type="text/css">
.style7{font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 13px;}
.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: 230px; 
    background-color: transparent;  
    border-style: solid;  
    border-width: 0px 0px 1px 0px;  
    border-color:#CCC; 
    outline:0;
	font-size:14px;
  } 
  
  .types_class1 { 
    height: 25px; 
    width: 140px; 
    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="inward_outward_report"  id="inward_outward_report" method="post" action=""  enctype="multipart/form-data">
<table width="100%" border="0" align="center" style="border-top:solid 1px; color:#ddd;">
<tr align="left"><div class="style9">Stock Report&nbsp;&nbsp;</div><tr></table>
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td width="3%" align="left"><span class="style7"></span></td>
<td width="8%" align="left" class="style7"><strong>From Date</strong></td> 
<td width="18%" align="left" class="style15"><input type="date" class="types_class1" name="from_date" id="from_date" style="height:23px;width:150px;" value="" /></td>

<td width="12%" align="left" class="style7"><strong>Item Name</strong></td> 
<td width="17%" align="left" class="style15"><input type="text" class="types_class1" name="item_name" id="item_name"  style="height:23px;width:150px;" value="" /></td>

<td width="10%" align="left" class="style7"><strong>&nbsp;&nbsp;Type</strong></td> 
<td width="13%" align="left" class="style15"><select name="type_1" class="types_class1"  id="type_1"  style="height:23px;width:150px;" value="" /><option value="Summary">Summary</option><option value="Detailed">Detailed</option></select></td>

<td width="12%" align="left" class="style7"><a href="#"  onClick="stock_report_item(from_date.value,item_name.value,type_1.value)"><img src="img/search_icon.png" width="40" height="35" title="Search" value="Search" /></a></td> 

</tr>
</table>
<table width="100%" >
<tr>
   <td colspan="3" align="center"><div id="stock_report_div"><?php include("stock_report_list.php"); ?></div></td>
</tr>
</table>
</form>

</div>
</div>
</div>
</div>