<?php include('techsyn_header.php'); ?>
<!-- Main Content Container for side bar and body-->
<div class="main-container ace-save-state" id="main-container">
	<script type="text/javascript">
			try{ace.settings.loadState('main-container')}catch(e){}
		</script>
<?php include('techsyn_sidebar.php'); ?>    

<!--breadcrumb-->
<?php

?>

<div class="main-content">
		<div class="main-content-inner">
			<div class="breadcrumbs ace-save-state" id="breadcrumbs">
				<ul class="breadcrumb">
					<li class="active">Reports</li>
					<li class="active">Stock Issue Report</li>
					<div class="nav-search" id="nav-search" style="width: 170px;">
						
					</div>
				</ul>



				<!-- End of breadcrumb -->

			</div>
			<div class="page-content">
			<div id="flexigridDiv" class="table-responsive">
				<h4 style="font-size: 15px; text-align: center; font-weight: bold">Mockdrill Report
					</h4>
				<table class="table  table-bordered" style="margin-right: 50px">
					<thead>
						<tr>

							<td width="12%" style="font-size: 10px" align="left"><strong>Sr.
									No</strong></td>
							<td width="12%" align="left" style="font-size: 10px"><strong>Report</strong></td>
							<td width="15%" style="font-size: 10px">Start Date<strong></strong></td>
							<td width="15%" style="font-size: 10px">End Date<strong></strong></td>
							<td width="4%" style="font-size: 10px"><strong>Pdf</strong></td>
							<td width="3%" style="font-size: 10px"><strong>Excel</strong></td>
						</tr>
					</thead>
					<tbody>
					
						<tr>
						<form name="bio_waste_generation_form" method="get" action="">
							
								<td align="left" width="12%">1</td>
								<td align="left" width="50%" style="font-size: px">Mockdrill
									Report</strong>
								</td>
								<td>
									<div class="input-group">
										<input class="form-control date-picker"
											style="width: 80px; font-size: 10px; height: 25px;"
											id="startDate2" name="startDate2" type="text"
											data-date-format="dd-mm-yyyy" /> <span
											class="input-group-addon"> <i
											class="fa fa-calendar bigger-110"></i>
										</span>
									</div>


								</td>
								<td>
									<div class="input-group">
										<input class="form-control date-picker"
											style="width: 80px; font-size: 10px; height: 25px;"
											id="endDate2" name="endDate2" type="text"
											data-date-format="dd-mm-yyyy" /> <span
											class="input-group-addon"> <i
											class="fa fa-calendar bigger-110"></i>
										</span>
									</div>


								</td>
								<td align="left" width="20%"><a href="#"
									onclick="mockdrill_report_pdf();"><i
										class="glyphicon glyphicon-file"></i></a></td>
								<td align="left" width="20%"><a href="#"
									onclick="mockdrill_report_excel();"><i
										class="glyphicon glyphicon-download-alt"></i></a></td>
							</form>
						</tr>
						<!--  <tr>
							<form name="monthly_consumption_item" method="get" action="">
								<td align="left" width="12%">2</td>
								<td align="left" width="50%">Monthly Bio Waste Generation								</td>
								<td>
									<div class="input-group">
										<input class="form-control date-picker"
											style="width: 80px; font-size: 10px; height: 25px;"
											id="startDate1" name="startDate1" type="text"
											data-date-format="dd-mm-yyyy" /> <span
											class="input-group-addon"> <i
											class="fa fa-calendar bigger-110"></i>
										</span>
									</div>


								</td>
								<td>
									<div class="input-group">
										<input class="form-control date-picker"
											style="width: 80px; font-size: 10px; height: 25px;"
											id="endDate1" name="endDate1" type="text"
											data-date-format="dd-mm-yyyy" /> <span
											class="input-group-addon"> <i
											class="fa fa-calendar bigger-110"></i>
										</span>
									</div>


								</td>
								<td align="left" width="20%"><a href="#"
									onclick="monthly_consumption_item_pdf();"><i
										class="glyphicon glyphicon-file"></i></a></td>

								<td align="left" width="20%"><a href="#"
									onclick="monthly_consumption_item_excel();"><i
										class="glyphicon glyphicon-download-alt"></i></a></td>-->
							</form>
						</tr>
					</tbody>
					</table>
					
					
					</div>
					</div>

					

					</div>
					<!-- /.main-content -->
					
					</div>
<?php include('techsyn_footer.php'); ?>    
<style>
.input-group-addon {
	height: 25px;
	width: 30px;
	padding: 0px 0px;
}
</style>
<script>
function mockdrill_report_pdf(){
	
	      
	
	document.forms['bio_waste_generation_form'].action="mockdrill_form_pdf.php?action=pdf";
	document.forms['bio_waste_generation_form'].method='POST';
     document.forms['bio_waste_generation_form'].target='_blank'
	document.forms['bio_waste_generation_form'].submit();
	
	
	
}
function mockdrill_report_excel(){
	
	      
	
	document.forms['bio_waste_generation_form'].action="mockdrill_form_pdf.php?action=excel";
	document.forms['bio_waste_generation_form'].method='POST';
     document.forms['bio_waste_generation_form'].target='_blank'
	document.forms['bio_waste_generation_form'].submit();
	
	
	
}
function monthly_consumption_item_pdf(){
	
	 var startDate1=$('#startDate1').val();
		    if(startDate1==null || startDate1==""){
					BootstrapDialog.alert('Please Enter Start Date');
		           return false;
			}
		   var endDate1=$('#endDate1').val();
		    if(endDate1==null || endDate1==""){
					BootstrapDialog.alert('Please Enter End Date');
		           return false;
			}
	
	document.forms['monthly_consumption_item'].action="monthly_wise_item_consumption_pdf_report.php";
	document.forms['monthly_consumption_item'].method='get';
     document.forms['monthly_consumption_item'].target='_blank'
	document.forms['monthly_consumption_item'].submit();
	
}
function monthly_consumption_item_excel(){
	
	  var startDate1=$('#startDate1').val();
		    if(startDate1==null || startDate1==""){
					BootstrapDialog.alert('Please Enter Start Date');
		           return false;
			}
		   var endDate1=$('#endDate1').val();
		    if(endDate1==null || endDate1==""){
					BootstrapDialog.alert('Please Enter End Date');
		           return false;
			} 
	
	document.forms['monthly_consumption_item'].action="monthly_wise_item_consumption_excel_report.php";
	document.forms['monthly_consumption_item'].method='get';
     document.forms['monthly_consumption_item'].target='_blank'
	document.forms['monthly_consumption_item'].submit();
	
}
$('#startDate1').datepicker( {
    format: "mm-yyyy",
    viewMode: "months", 
    minViewMode: "months"
});
$('#endDate1').datepicker( {
    format: "mm-yyyy",
    viewMode: "months", 
    minViewMode: "months"
});


</script>