Your IP : 18.217.104.36


Current Path : /home/lentoinv/churchmr.com/report/
Upload File :
Current File : //home/lentoinv/churchmr.com/report/history.php

<?php
session_start(); ob_start();
if(!isset($_SESSION['userdata'])){header('location: ../login.php');   exit;}
  
  $data = json_decode($_SESSION['userdata']);
  $page = 2;
   $first = $_SESSION['firstreport']; 
  
?>

<!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:block;">
     <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">FIRST REPORT</a></span>
              <span class="info-box-number" id="firstrep"></span>

              <div class="progress">
                <div class="progress-bar" style="width: 70%"></div>
              </div>
                  <span class="progress-description">
                   Last Entry: <span id="lastentry"></span>
                  </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">REPORTS SUBMITTED</a></span>
              <span class="info-box-number" id="allreports"></span>

              <div class="progress">
                <div class="progress-bar" style="width: 70%"></div>
              </div>
                  <span class="progress-description">
                    Remark: <span id="expect"></span>
                  </span>
            </div>
            <!-- /.info-box-content -->
          </div>
          <!-- /.info-box -->
        </div>
        <!-- /.col -->

     <div class="col-md-3 col-sm-6 col-xs-12" style="display:none;">
          <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"  style="display:none;">
          <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">REPORT HISTORY<span id="hismonth"></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" >
<select class="form-control select2" onchange="showHistory(this.value)"><option value="">Select Month...</option>
<?php  $i = 0; 
while($i<=60){ $e=$i++; $x = time()-86400*30.5*$e; if($x>$first){ echo '<option value="'.(int)$x.'">'.date('F Y',$x).'</option>'; } } ?>
</select>

<div class="table-responsive" id="monthhistory" style="margin-top:10px"></div>


                </div><!-- /.box-body -->
              </div><!-- /.box -->
            </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 showHistory(a){
 if(a==''){ $('#monthhistory').html(''); }else{
   //$('#hismonth').html(c);
   $.ajax({
                type: 'get',
                url : 'ajax.php?type=showhistory&time='+a
            }).done(function(data){
$('#monthhistory').html(data);
               })
   $.ajax({
                type: 'get',
                url : 'ajax.php?type=showmonth&time='+a
            }).done(function(data){
  $('#hismonth').html(data);
               })
     }       
}

function getStat(){
     $.ajax({
                type: 'get',
                url : 'ajax.php?type=showstat'
            }).done(function(data){
              const obj = JSON.parse(data);
  $('#allreports').html(obj[0]);
  $('#expect').html(obj[1]);
  $('#firstrep').html(obj[2]);
  $('#lastentry').html(obj[3]);
               })
}
getStat();

</script>


  </body>
</html>

?>