<?php
$this->load->view("partial/header"); ?>
<style type="text/css">
	.form-group{
		margin-top:4px;
		display: inline-block;
	}
</style>
<?php
$company_name = $this->config->item('company');
//Get Financial Year
	$year  = date('Y');
	$year1 = date('Y')-1;
	$year2 = date('Y')+1;
	if (date('m') > 03){
		$fin_start_month = $year."-"."04"."-"."01";        
		$fin_end_month   = $year2."-"."03"."-"."31";
		$fin_start_date = "01"."-"."01"."-".$year;
		$fin_end_date   = "31"."-"."12"."-".$year;
	}else{    
		$fin_start_month = $year1."-"."01"."-"."01";
		$fin_end_month   = $year."-"."01"."-"."31";
		$fin_start_date = "01"."-"."01"."-".$year;
		$fin_end_date   = "31"."-"."12"."-".$year;
	}
	$logged_user_role    = $this->session->userdata('logged_user_role');
	if((int)$logged_user_role === 1){
			include('admin_dashboard.php');
	}else{
		echo "<h3>Welcome</h3>";
	}
?>
<div class="container-fluid" style="background-color: #f2f2f2;">
	<h4 class="center bold mrgb15" style="color:#5C5C61;">DASHBOARD</h4>
		<div class='col-md-12'>
		  <div class='form-group'>
		     <input type='text' id='start_date' value='<?php echo $fin_start_date; ?>' class='datepicker form-control input-sm '>
		  </div>
		  <div class='form-group'>
		     <input type='text' id='end_date' value='<?php echo $fin_end_date; ?>' class='datepicker form-control input-sm '>
		  </div>
		  <div class='form-group'>
		     <button id='search' class='btn btn-info btn-sm' onclick='dashboard_search()'>search</button>
		 	</div>
		</div>
		<div class="row">
			<div class="col-md-6">
				<div class="dash_layer">
					<!-- <h4>Brand wise Net Pay</h4> -->
					<div id="dept_salary_info" style="min-width: 268px; height: 307px; margin: 0 auto;"></div>
				</div>
			</div>
			<div class="col-md-6">
				<div class="dash_layer">
					<!-- <h4>Brand Wise Employees Count</h4> -->
					<div id="brand_wise_employee" style="min-width: 268px; height: 307px; margin:auto;"></div>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-md-6">
				<div class="dash_layer">
					<!-- <h4>Age Wise Employee Count</h4> -->
					<div id="age_wise_emp_count" style="min-width: 268px; height: 307px; margin: 0 auto;"></div>
				</div>
			</div>
			<div class="col-md-6">
				<div class="dash_layer">
					<!-- <h4>Location Wise Employees Count</h4> -->
					<div id="employees_count_chart" style="min-width: 268px; height: 307px; margin: 0 auto;"></div>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-md-7">
				<div class="dash_layer">
					<!-- <h4>Location Wise Net Pay</h4> -->
					<div id="get_netpay_loc_chart" style="min-width: 268px; height: 307px; margin: 0 auto;"></div>
				</div>
			</div>
			<div class="col-md-5">
				<div class="dash_layer">
					<!-- <h4>Employees Gender Wise Count</h4> -->
					<div id="gen_distribution_chart" style="min-width: 268px; height: 307px; margin: 0 auto;"></div>
				</div>
			</div>
		</div>
	</div>
	<script src="./dist/highcharts/highcharts.js"></script>
<script src="./dist/highcharts/exporting.js"></script>
<script src="./dist/highcharts/modules_export-data.js"></script>
<script src="./dist/highcharts/dashboard_cadd.js"></script>
<!-- <script type="text/javascript" src="dist/highcharts/highcharts-3d.js"></script>
<script type="text/javascript" src="dist/highcharts/data.js"></script>
<script type="text/javascript" src="dist/highcharts/drilldown.js"></script> -->
<script type="text/javascript">
$(document).ready(function() {
	$(function () {
		 $(".datepicker").datetimepicker({
		  format: 'DD-MM-YYYY', 
		});
	});
	dashboard_search();
});

function dashboard_search(){
	var start_date = $('#start_date').val();
	var end_date   = $('#end_date').val();
	brand_salary_info(start_date,end_date);
	get_brandwise_employee_count_info(start_date,end_date);
	employees_count_chart(start_date,end_date);
	gen_distribution_chart(start_date,end_date);
	get_netpay_loc_chart(start_date,end_date);
	age_wise_emp_count(start_date,end_date);
}
</script>

<?php
$this->load->view('partial/footer');
?>