<?php
session_start();
// ============
include("../../php_crud/my_class.php");
$obj=new my_class();


?>


<style type="text/css">
i{
	cursor:pointer;
}

.select_list{
	width: 200px;
}

.input_sub{
	width: 185px;
}
.select_list1{
	width: 100px;
	float: left;
	margin-left: 3px;
	margin-right: 3px;
}

.cust_btn {
	display: block;
	width: 115px;
	height: 25px;
	background: #4E9CAF;
	padding: 10px;
	text-align: center;
	border-radius: 5px;
	color: #EBF0F6 !important;
	font-weight: bold;
}
.ajax_loader {
	display:    none;
	position:   fixed;
	z-index:    1000;
	top:        0;
	left:       0;
	height:     100%;
	width:      100%;
	/*rgba( 0,0,0, .5 )*/
	background:  rgba( 0,0,0, .02 )
				url('asset/theme/img/hourglass.svg') 
				50% 50% 
				no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
	overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
	display: block;
}
</style>


<script src="module/hr_admin/js/emp_attendance_report.js" type="text/javascript"></script>


<div class="row-fluid" id="first_part">
<form class="form-vertical" >
	 <input type="hidden" id="branchid" name="branchid" value="<?php echo $_SESSION['LOGIN_BRANCH'];?>"/>
	   
<legend>
<div class="widget-header header-color-green2">
<h4 class="lighter smaller" style="font-weight:bold;">Employee Monthly Attendance Report</h4>
</div>
</legend>

<div class="row-fluid" style="background-color:#f5f5f5;-webkit-box-shadow: 0 8px 6px -6px black; -moz-box-shadow: 0 8px 6px -6px black; box-shadow: 0 8px 6px -6px black;">
	
    <div class="span3">
		<div class="control-group" >
			<label class="control-label" for="form-field-1">Select Month<font color="#FF0000">*</font></label>

			<div class="controls">
				<input type="text" name="year_month" id="year_month" class="ym">
			</div>
		</div>
	</div>
	
    <div class="span3">
		<div class="control-group">
			<label class="control-label" for="form-field-1">&nbsp;</label>
			<div class="controls">
				<button class="btn btn-small btn-success" type="button" id="monthly_report">
					<i class="icon-ok bigger-100"></i>
					Generate
				</button>
			</div>
		</div>
	</div>
</div>
 
<!-- ============== -->

</form>
</div>
<script type="text/javascript">
	$(".ym").datepicker( {
    format: "mm-yyyy",
    viewMode: "months", 
    minViewMode: "months"
});
$("<div class='ajax_loader'></div>").appendTo(".main-content");
</script>
<div class="row-fluid section_wise_routine"  id="second_part">
</div>
<!--<div class="modal">--><!-- Place at bottom of page --><!--</div>-->