<?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">Monthly 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">Montly Report
</h4>
<table class="table table-bordered" width="100%" style="margin-right: 50px">
<thead>
<tr>
<td width="5%" 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="10%" style="font-size: 10px">Filters<strong></strong></td>
<td width="10%" style="font-size: 10px">Start Date<strong></strong></td>
<td width="10%" 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="task_report_form" method="get" action="">
<td align="left" width="12%">1</td>
<td align="left" width="50%" style="font-size: px">Task History Report</td>
<td align="left" width="50%" style="font-size: px">
<select multiple="" class="chosen-select form-control" id="task_filter"
name="task_filter[]" data-placeholder="Task Names">
<?php echo generateOption('task_header_master', 'task_name_header', 'task_id_header', '', ''); ?>
</select>
</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="task_report_pdf();"><i
class="glyphicon glyphicon-file"></i></a></td>
<td align="left" width="20%"><a href="#" onclick="task_report_excel();"><i
class="glyphicon glyphicon-download-alt"></i></a></td>
</form>
</tr>
<tr>
<form name="injury_report_form" method="get" action="">
<td align="left" width="12%">2</td>
<td align="left" width="50%" style="font-size: px">Injury Report
</td>
<td align="left" width="50%" style="font-size: px"><select multiple=""
class="chosen-select form-control" id="injury_filter" name="injury_filter[]"
data-placeholder="Injury Class">
<?php echo generateOption('injury_class', 'inj_class_name', 'inj_class_id', '', ''); ?>
</select>
</td>
<td>
<div class="input-group">
<input class="form-control date-picker"
style="width: 80px; font-size: 10px; height: 25px;"
id="injuryStartDate2" name="injuryStartDate2" 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="injuryEndDate2"
name="injuryEndDate2" 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="injury_report_pdf();"><i
class="glyphicon glyphicon-file"></i></a></td>
<td align="left" width="20%"><a href="#" onclick="injury_report_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 task_report_pdf() {
document.forms['task_report_form'].action = "task_report_pdf_new.php";
document.forms['task_report_form'].method = 'POST';
document.forms['task_report_form'].target = '_blank'
document.forms['task_report_form'].submit();
}
function task_report_excel() {
document.forms['task_report_form'].action = "task_report_excel_new.php";
document.forms['task_report_form'].method = 'POST';
document.forms['task_report_form'].target = '_blank'
document.forms['task_report_form'].submit();
}
function injury_report_pdf() {
document.forms['injury_report_form'].action = "injury_report_pdf.php";
document.forms['injury_report_form'].method = 'POST';
document.forms['injury_report_form'].target = '_blank'
document.forms['injury_report_form'].submit();
}
function injury_report_excel() {
document.forms['injury_report_form'].action = "injury_report_excel.php";
document.forms['injury_report_form'].method = 'POST';
document.forms['injury_report_form'].target = '_blank'
document.forms['injury_report_form'].submit();
}
$('#startDate1').datepicker({
format: "mm-yyyy",
viewMode: "months",
minViewMode: "months"
});
$('#endDate1').datepicker({
format: "mm-yyyy",
viewMode: "months",
minViewMode: "months"
});
</script>