Your IP : 13.58.191.60
<?php
session_start(); ob_start();
if(!isset($_SESSION['userdata'])){header('location: ../login.php'); exit;}
$data = json_decode($_SESSION['userdata']);
$page = 2;
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Attendance Report</title>
<!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.5 -->
<link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<!-- Ionicons -->
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- daterange picker -->
<link rel="stylesheet" href="../plugins/daterangepicker/daterangepicker-bs3.css">
<!-- iCheck for checkboxes and radio inputs -->
<link rel="stylesheet" href="../plugins/iCheck/all.css">
<!-- Bootstrap Color Picker -->
<link rel="stylesheet" href="../plugins/colorpicker/bootstrap-colorpicker.min.css">
<!-- Bootstrap time Picker -->
<link rel="stylesheet" href="../plugins/timepicker/bootstrap-timepicker.min.css">
<!-- Select2 -->
<link rel="stylesheet" href="../plugins/select2/select2.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="../dist/css/AdminLTE.min.css">
<!-- AdminLTE Skins. Choose a skin from the css/skins
folder instead of downloading all of them to reduce the load. -->
<link rel="stylesheet" href="../dist/css/skins/_all-skins.min.css">
</head>
<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper">
<?php require('header.php'); ?>
<!-- Left side column. contains the logo and sidebar -->
<?php require('sidebarx.php'); ?>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<section class="content-header">
<h1>
Dashboard
<small>WEEK <?php echo date('W'); ?></small>
</h1>
<ol class="breadcrumb">
<li><i class="fa fa-dashboard"></i> <?php echo strtoupper(date('D, d-M-Y')); ?></li>
<li><?php echo strtoupper($data->zone); ?></li>
<li class=""><?php echo strtoupper($data->district); ?></li>
</ol>
</section>
<!-- Main content -->
<section class="content">
<!-- Dashboards -->
<div class="row" style="display:none;">
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="info-box bg-maroon">
<span class="info-box-icon"><i class="fa fa-bookmark-o"></i></span>
<div class="info-box-content">
<span class="info-box-text"><a href="investmentorder.php" style="color: white">BIBLE STUDY</a></span>
<span class="info-box-number"><?php echo 23 ?></span>
<div class="progress">
<div class="progress-bar" style="width: 70%"></div>
</div>
<span class="progress-description">
<?php echo 38 ?>%
</span>
</div>
<!-- /.info-box-content -->
</div>
<!-- /.info-box -->
</div>
<!-- /.col -->
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="info-box bg-purple">
<span class="info-box-icon"><i class="fa fa-bookmark-o"></i></span>
<div class="info-box-content">
<span class="info-box-text"><a href="investmentorder.php" style="color: white">REVIVAL SERVICE</a></span>
<span class="info-box-number"><?php echo 23 ?></span>
<div class="progress">
<div class="progress-bar" style="width: 70%"></div>
</div>
<span class="progress-description">
Growth Rate<?php echo 38 ?>%
</span>
</div>
<!-- /.info-box-content -->
</div>
<!-- /.info-box -->
</div>
<!-- /.col -->
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="info-box bg-orange">
<span class="info-box-icon"><i class="fa fa-bookmark-o"></i></span>
<div class="info-box-content">
<span class="info-box-text"><a href="investmentorder.php" style="color: white">WORSHIP SERVICE</a></span>
<span class="info-box-number"><?php echo 23 ?></span>
<div class="progress">
<div class="progress-bar" style="width: 70%"></div>
</div>
<span class="progress-description">
<?php echo 38 ?>%
</span>
</div>
<!-- /.info-box-content -->
</div>
<!-- /.info-box -->
</div>
<!-- /.col -->
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="info-box bg-green">
<span class="info-box-icon"><i class="fa fa-bookmark-o"></i></span>
<div class="info-box-content">
<span class="info-box-text"><a href="investmentorder.php" style="color: white">GENERAL REMARK</a></span>
<span class="info-box-number"><?php echo 23 ?></span>
<div class="progress">
<div class="progress-bar" style="width: 70%"></div>
</div>
<span class="progress-description">
<?php echo 38 ?>%
</span>
</div>
<!-- /.info-box-content -->
</div>
<!-- /.info-box -->
</div>
<!-- /.col -->
</div>
<!-- /.dashboard -->
<div class="row">
<div class="col-md-12">
<div class="box box-primary box-solid">
<div class="box-header with-border">
<h3 class="box-title">CHURCH GROWTH ANALYSIS<span id="hismonth2"></span></h3>
<div class="box-tools pull-right">
<!-- <button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button> -->
</div><!-- /.box-tools -->
</div><!-- /.box-header -->
<div class="box-body" >
<div class="row" style="padding-bottom: 20px;">
<div class="col-md-3">
From
<select class="form-control select2 cga">
<option value="">Select Month...</option>
<?php $i = 0; while($i<=60){ $e=$i++; $x = time()-86400*30.5*$e; echo '<option value="'.(int)$x.'">'.date('F Y',$x).'</option>'; } ?>
</select>
</div>
<div class="col-md-3">
To
<select class="form-control select2 cga" >
<option value="">Select Month...</option>
<?php $i = 0; while($i<=60){ $e=$i++; $x = time()-86400*30.5*$e; echo '<option value="'.(int)$x.'">'.date('F Y',$x).'</option>'; } ?>
</select>
</div>
<div class="col-md-3">
Program
<select class="form-control select2 cga" >
<option value="">Select Program...</option>
<option value="Sun">Sunday Worship Service</option>
<option value="Mon">Monday Bible Study</option>
<option value="Thu">Thursday Revival Services</option>
</select>
</div>
<div class="col-md-3"><br>
<button type="button" class="btn btn-primary btn-block" onclick="showGrowthReport()">Generate Growth Chart</button>
</div>
</div>
<div class="table-responsive" id="monthhistory2"></div>
</div><!-- /.box-body -->
</div><!-- /.box -->
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="myListModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header bg-primary">
<h4 class="modal-title" id="ltitle">Title</h4>
</div>
<div class="modal-body" id="mlist">
</div>
<div class="modal-footer">
<button type="button" style="float:left" class="btn btn-danger" data-dismiss="modal" >Close</button>
</div>
</form>
</div>
</div>
</div>
</div><!-- /.row -->
</section> <!-- /.content -->
</div><!-- /.content-wrapper -->
<?php require('footer.php'); ?>
<!-- Control Sidebar -->
<?php // require('settingbar.php'); ?>
<!-- Add the sidebar's background. This div must be placed
immediately after the control sidebar -->
<div class="control-sidebar-bg"></div>
</div><!-- ./wrapper -->
<!-- jQuery 2.1.4 -->
<script src="../plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- Bootstrap 3.3.5 -->
<script src="../bootstrap/js/bootstrap.min.js"></script>
<!-- Select2 -->
<script src="../plugins/select2/select2.full.min.js"></script>
<!-- InputMask -->
<script src="../plugins/input-mask/jquery.inputmask.js"></script>
<script src="../plugins/input-mask/jquery.inputmask.date.extensions.js"></script>
<script src="../plugins/input-mask/jquery.inputmask.extensions.js"></script>
<!-- date-range-picker -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.2/moment.min.js"></script>
<script src="../plugins/daterangepicker/daterangepicker.js"></script>
<!-- bootstrap color picker -->
<script src="../plugins/colorpicker/bootstrap-colorpicker.min.js"></script>
<!-- bootstrap time picker -->
<script src="../plugins/timepicker/bootstrap-timepicker.min.js"></script>
<!-- SlimScroll 1.3.0 -->
<script src="../plugins/slimScroll/jquery.slimscroll.min.js"></script>
<!-- iCheck 1.0.1 -->
<script src="../plugins/iCheck/icheck.min.js"></script>
<!-- FastClick -->
<script src="../plugins/fastclick/fastclick.min.js"></script>
<!-- AdminLTE App -->
<script src="../dist/js/app.min.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="../dist/js/demo.js"></script>
<!-- FLOT CHARTS -->
<script src="../plugins/flot2/jquery.flot.js"></script>
<!-- FLOT RESIZE PLUGIN - allows the chart to redraw when the window is resized -->
<script src="../plugins/flot2/plugins/jquery.flot.resize.js"></script>
<script type="text/javascript">
function showGrowthReport(){
var x = document.getElementsByClassName('cga');
var a = x[0].value;
var b = x[1].value;
var c = x[2].value;
if(a=='' || b=='' || c==''){ $('#monthhistory2').html(''); }else{
$('#monthhistory2').html('<center><h4>Loading...</h4></center>');
$.ajax({
type: 'get',
url : 'ajax.php?type=showgrowthhistory&from='+a+'&to='+b+'&prog='+c
}).done(function(data){
$('#monthhistory2').html(data);
})
}
}
</script>
</body>
</html>