Your IP : 3.148.105.152


Current Path : /home/lentoinv/churchmr.com/userv2/
Upload File :
Current File : //home/lentoinv/churchmr.com/userv2/submitreport.php

<?php     session_start(); ob_start();
		error_reporting(0); 
	@ini_set('display_error', 0);    include("../cludes/connect.inc.php");
	
	$page = 1;
	  


$wid=date('W');



if(array_key_exists('exp3', $_POST)){
	 $_SESSION['gid'] = $_POST['gid'] ;
	 $_SESSION['grp'] = $_POST['grp'] ;
	   unset($_SESSION['did']);
	  
}
if(array_key_exists('exp4', $_POST)){
	 $_SESSION['did'] = $_POST['did'] ;
}	 
$rr = $_SESSION['cat']; 
  
 //$wid = $_SESSION['wid'];
  $gid = $_SESSION['gid'];
   $did = $_SESSION['did'];
 


if(array_key_exists('expx', $_POST)){
	 $_SESSION['psn'] = $_POST['id'] ;
	 $_SESSION['dmy'] = $_POST['dmy'] ;
	 	 $_SESSION['day'] = $_POST['day'] ;
		  unset($_SESSION['did']);
		   unset($_SESSION['gid']);
}
$psn= $_SESSION['psn'];
$dsn= $did;
 


			  $query=$db->query("select * FROM district WHERE sn='$did' " )or die(mysqli_error());
							$ro=mysqli_fetch_array($query); 
							$district = $ro['district'];
							$zone = $ro['zone'];

$day= $_SESSION['day'];
$dmy= $_SESSION['dmy'];
$dd=substr($dmy,0,2);
$mm=substr($dmy,2,2);
$yy=substr($dmy,4,2);
$ww = date('W');


if($dd<8){$w=1;} elseif($dd<15){$w=2;} elseif($dd<22){$w=3;} elseif($dd<29){$w=4;} else{$w=1;}

$pid = date('yW').$psn;


  $que=$db->query("select * FROM program WHERE sn = '$psn' " )or die(mysqli_error());
					$ro=mysqli_fetch_array($que);

					$prog = $ro['prog'];
					
					
					
					
					
if(array_key_exists('register', $_POST)){
	
	$day= $_SESSION['day'];
if($_POST['a1']==''){$a1=0;} else{$a1 = $_POST['a1'];}
if($_POST['a2']==''){$a2=0;} else{$a2 = $_POST['a2'];}
if($_POST['y1']==''){$y1=0;} else{$y1 = $_POST['y1'];}
if($_POST['y2']==''){$y2=0;} else{$y2 = $_POST['y2'];}
if($_POST['c1']==''){$c1=0;} else{$c1 = $_POST['c1'];}
if($_POST['c2']==''){$c2=0;} else{$c2 = $_POST['c2'];}
$total = $a1+$a2+$y1+$y2+$c1+$c2;
if($_POST['vis']==''){$vis=0;} else{$vis = $_POST['vis'];}
if($_POST['conv']==''){$conv=0;} else{$conv = $_POST['conv'];}
if($_POST['off']==''){$off=0;} else{$off = $_POST['off'];}


	 
$sql = "INSERT INTO report (pid,did,gid,rid,sid,psn,prog,district,zone,reg,a1,a2,y1,y2,c1,c2,total,vis,conv,off,dd,mm,yy,ww,w,ymd,day)
VALUES('$pid','$dsn','$gid','$rid','$sid','$psn','$prog','$district','$zone','<?php echo strtoupper($_SESSION['region']); ?>','$a1','$a2','$y1','$y2','$c1','$c2','$total','$vis','$conv','$off','$dd','$mm','$yy','$ww','$w','$dmy','$day')";
$res2 = $db->query($sql) or die(mysqli_error());

if($res2){
	

$_SESSION['mod'] = 1;
$reportadded="User Data Successfully Added!";



}

        }

	
	
if(array_key_exists('update', $_POST)){
	
$a1 = $_POST['a1'];
$a2 = $_POST['a2'];

$y1 = $_POST['y1'];

$y2 = $_POST['y2'];
$c1 = $_POST['c1'];
$c2 = $_POST['c2'];

$vis = $_POST['vis'];
$conv= $_POST['conv'];
$off = $_POST['off'];


	 
$sql = "UPDATE report SET a1='$a1',a2='$a2',y1='$y1',y2='$y2',c1='$c1',c2='$c2',vis='$vis',conv='$conv',off='$off' WHERE pid = '$pid' AND did = '$dsn' ";
$res2 = $db->query($sql) or die(mysqli_error());

if($res2){
	

$_SESSION['mod'] = 1;
$reportadded="User Data Successfully Updated!";



}

        }
		


if(array_key_exists('mod', $_POST)){

$_SESSION['mod'] = 2;
}

if(array_key_exists('sub', $_POST)){

unset($_SESSION['mod']);	

}				
						
?>


<!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('sidebar.php');  ?>
      <!-- Content Wrapper. Contains page content -->
      <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
          <h1>
           Attendance Report
            
          </h1>
     <ol class="breadcrumb">
            <li><i class="fa fa-dashboard"></i> <?php echo $zone; ?></li>
            <li class=""> <?php echo $district; ?></li>
            <li class="active"><?php echo $prog; ?></li>
          </ol>
        </section>

        <!-- Main content -->
        <section class="content"> 

          <div class="row">  
      
    

              
     <div class="col-md-3 col-sm-6 col-xs-12">      
            <?php   $que=$db->query("select * FROM program WHERE x = 1 " )or die(mysqli_error());
					while($ro=mysqli_fetch_array($que)){
						
						$pidi = date('yW').$ro['sn']; 
						$dday = $ro['day']; 
						$tday = substr($dday,0,3); 
						
						 $re = $db->query("SELECT * FROM report WHERE pid = '$pidi' AND did = '$dsn' ") or die(mysqli_error());
				 $num =mysqli_num_rows($re);
				   ?>
                    
             
              <div class="info-box">
                <span class="info-box-icon bg-<?php if($num==1){echo 'aqua';} else{echo 'maroon'; }?>-active"><i class="fa <?php if($num==1){echo 'fa-calendar-check-o';} else{echo 'fa-calendar-times-o'; }?>"></i></span>
                <div class="info-box-content">
                  <span class="info-box-text"><strong><?php echo $ro['prog']; ?></strong></span>
                  <span  style="font-size: 16px; font-weight:bolder"></span><form method="post" style="float:right" >
                            <input name="id" type="hidden" value="<?php echo $ro['sn']; ?>">
                     <?php if(date('D')==$tday){$day=date('d-M-Y'); $dmy = date('dmy');}  elseif($dday=="Sunday"){ $dmy = date( 'dmy', strtotime("last sunday"));  $day = date( 'd-M-Y', strtotime("last sunday"));  } else{ $day=date( 'd-M-Y', strtotime( "$dday this week" ) ); $dmy = date('dmy', strtotime( "$dday this week" ) ); } ?>   <input type="hidden" name="dmy" value="<?php echo $dmy; ?>"><input type="hidden" name="day" value="<?php echo $day; ?>"><button type="submit" class="btn btn-<?php if($psn==$ro['sn']){ echo 'danger';}else{echo 'primary';} ?> btn-sm" name="expx">SUBMIT REPORT</button>
                        
                      <p style="margin-top:10px">
                  <span class="info-box-text">Date: <b><?php 
				 
				   echo $day; ?></b></span></p></form>
                </div><!-- /.info-box-content -->
              </div><!-- /.info-box -->
           
           
           <?php  }  ?>  
            </div><!-- /.col -->
           
         
 <?php if(isset($_SESSION['psn'])){  ?>
              <div class="col-md-3 col-sm-12 col-xs-12">   
           <div class="box">
                <div class="box-header">
                  <h3 class="box-title">GROUPS IN THE REGION</h3>
                </div><!-- /.box-header -->
                <div class="box-body">
               
                  <table id="example1" class="table table-bordered ">
                    <thead>
                       
                          
                          <tr>
                           
                            <th>Group</th>
                            <th>EXPLORE</th>
                          
                            
                            
                          </tr>
                    </thead>
                    <tbody>

						<?php $pid = date('yW').$psn;  $qx=$db->query("select * FROM zone WHERE rid = '$rid' ORDER BY zone ASC " )or die(mysqli_error());
							while($rx=mysqli_fetch_array($qx)){
								$sn = $rx['sn'];
								$que=$db->query("select * FROM report WHERE pid = '$pid' AND gid='$sn' AND ww='$ww' " )or die(mysqli_error());
							$rd=mysqli_num_rows($que);
								?>
						<tr>	
                            <td class="center"><?php echo $rx['zone']; ?></td>
                            <td><form method="post"><input name="gid" type="hidden" value="<?php echo $sn; ?>"><input name="grp" type="hidden" value="<?php echo $rx['zone']; ?>">
                      <button type="submit" class="btn btn-<?php if($gid==$rx['sn']){ echo 'danger';}else{ if($rd>0){echo 'info';}else{echo 'primary';}} ?> btn-sm" name="exp3">EXPLORE: <?php echo $rd; ?></button></form> </td>
                      
                      
                      <tr>	
                         <?php } ?>  
                          
                          
                    
                          
                    </tbody>
                   
                  </table>
                </div><!-- /.box-body -->
              </div><!-- /.box -->
                      
</div>  
          
           
     <?php }  ?>      
       
             <?php if(isset($_SESSION['gid'])){  ?>
               <div class="col-md-3 col-sm-6 col-xs-12">  
           <div class="box">
                <div class="box-header">
                  <h3 class="box-title">WEEK <?php echo $wid ?>: <strong><?php echo strtoupper($_SESSION['grp']) ; ?></strong> GROUP  </h3>
                </div><!-- /.box-header -->
                <div class="box-body">
               
                  <table id="example1" class="table table-bordered ">
                    <thead>
                       
                          
                          <tr>
                           
                            <th>District</th>
                            <th>EXPLORE</th>
                          
                            
                            
                          </tr>
                    </thead>
                    <tbody>

						<?php $qx=$db->query("select * FROM district WHERE gid='$gid' ORDER BY district ASC " )or die(mysqli_error());
							while($rx=mysqli_fetch_array($qx)){
								$sn = $rx['sn'];
								 $que=$db->query("select * FROM report WHERE pid = '$pid' AND did='$sn' AND ww='$ww' " )or die(mysqli_error());
							$rd=mysqli_num_rows($que);?>
						<tr>	
                            <td class="center"><?php echo $rx['district']; ?></td>
                            <td><form method="post"><input name="did" type="hidden" value="<?php echo $sn; ?>"><input name="dis" type="hidden" value="<?php echo $rx['district']; ?>">
                      <button type="submit" class="btn btn-<?php if($did==$rx['sn']){ echo 'danger';}else{ if($rd>0){echo 'info';}else{echo 'primary';}} ?> btn-sm" name="exp4">EXPLORE</button>
                      
                     </form> </td>
                      
                      
                      <tr>	
                         <?php } ?>  
                          
                          
                    
                          
                    </tbody>
                   
                  </table>
                </div><!-- /.box-body -->
              </div><!-- /.box -->
              </div>        

   
 <?php } ?> 

         
           
           <?php if(isset($_SESSION['did'])){  ?>
           <div class="col-md-3 col-sm-6 col-xs-12">
           <div class="box">
                <div class="box-header">
                  <h3 class="box-title"><strong><?php echo strtoupper($district); ?></strong> District: <?php echo $prog; ?> (<?php echo $_SESSION['day']; ?>)</h3>
                </div><!-- /.box-header -->
                <div class="box-body">
                
                
                <?php   $result = $db->query("SELECT * FROM report WHERE pid = '$pid' AND did = '$did' ") or die(mysqli_error());
				$rr=mysqli_fetch_array($result);
				 $number =mysqli_num_rows($result);
				 $x = $rr['x'];
				 if ($number < 1){
					 
					 ?>
             <font color="#00CC00">  <b> <?php echo $reportadded ; ?></b></font>
                    <form class="form-horizontal" method="post" enctype="multipart/form-data">
                      <div class="form-group">
                        <label for="inputName" class="col-sm-2 control-label">Adult</label>
                        <div class="col-sm-10">
                        <table><tr><td>  <input type="number" class="form-control" id="inputName" placeholder="Male" name="a1"></td><td><input type="number" class="form-control" id="inputName" placeholder="Female" name="a2"></td></tr></table>
                        </div>
                      </div>
                      
                      <div class="form-group">
                        <label for="inputName" class="col-sm-2 control-label">Youth</label>
                        <div class="col-sm-10">
                        <table><tr><td>  <input type="number" class="form-control" id="inputName" placeholder="Male" name="y1"></td><td><input type="number" class="form-control" id="inputName" placeholder="Female" name="y2"></td></tr></table>
                        </div>
                      </div>
                      
                      <div class="form-group">
                        <label for="inputName" class="col-sm-2 control-label">Children</label>
                        <div class="col-sm-10">
                        <table><tr><td>  <input type="number" class="form-control" id="inputName" placeholder="Male" name="c1"></td><td><input type="number" class="form-control" id="inputName" placeholder="Female" name="c2"></td></tr></table>
                        </div>
                      </div>
                      
                      
                      <div class="form-group">
                        <label for="inputName" class="col-sm-2 control-label">Visitors & Converts</label>
                        <div class="col-sm-10">
                        <table><tr><td>  <input type="number" class="form-control" id="inputName" placeholder="Visitors" name="vis"></td><td><input type="number" class="form-control" id="inputName" placeholder="Converts" name="conv"></td></tr></table>
                        </div>
                      </div>
                      
                      
                      
                      <div class="form-group">
                        <label for="inputName" class="col-sm-2 control-label">Tithe & Offering</label>
                        <div class="col-sm-10">
                      <input type="number" class="form-control" id="inputName" placeholder="Tithe & Offering" name="off">
                        </div>
                      </div>
                      
                      
                    
                      <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-10">
                          <button type="submit" class="btn btn-primary" name="register">Submit Attendance Report</button>
                        </div>
                      </div>
                    </form>
                    
                    
                    <?php } elseif($number==1 && $_SESSION['mod']==1){ ?>
                   <p> <b>Confirm report data and ensure it is correct before submitting</b></p>
                    <table width="100%">
                    <tr><th width="30%"> </th><th width="30%">Male </th><th width="30%">Female </th></tr>
                    <tr><th>Adult: </th><td><?php echo $rr['a1']; ?></td><td><?php echo $rr['a2']; ?></td></tr>
                    <tr><th>Youth: </th><td><?php echo $rr['y1']; ?></td><td><?php echo $rr['y2']; ?></td></tr>
                    <tr><th>Children: </th><td><?php echo $rr['c1']; ?></td><td><?php echo $rr['c2']; ?></td></tr>
                    <tr><td colspan="3">&nbsp;</td></tr>
                    <tr><td>Visitors: <?php echo $rr['vis']; ?></td><td>Converts: <?php echo $rr['conv']; ?></td><td>Offering: <?php echo $rr['off']; ?></td></tr>  </table>           
                    <p>&nbsp;</p>
                  <p>  <form method="post"> <button type="submit" class="btn btn-info" name="mod" style="float:left" >Modify Data</button>  <button type="submit" class="btn btn-success" name="sub" style="float:right" >Submit Data</button>
                        
                    </form></p>
                    
                    
                 <?php    } elseif($number==1 && $_SESSION['mod']==2){  ?>
                   
                   <form class="form-horizontal" method="post" enctype="multipart/form-data">
                      <div class="form-group">
                        <label for="inputName" class="col-sm-2 control-label">Adult</label>
                        <div class="col-sm-10">
                        <table><tr><td>  <input type="number" class="form-control" id="inputName" placeholder="Male" value="<?php echo $rr['a1']; ?>" name="a1"></td><td><input type="number" class="form-control" id="inputName" placeholder="Female" value="<?php echo $rr['a2']; ?>" name="a2"></td></tr></table>
                        </div>
                      </div>
                      
                      <div class="form-group">
                        <label for="inputName" class="col-sm-2 control-label">Youth</label>
                        <div class="col-sm-10">
                        <table><tr><td>  <input type="number" class="form-control" id="inputName" placeholder="Male" value="<?php echo $rr['y1']; ?>" name="y1"></td><td><input type="number" class="form-control" id="inputName" placeholder="Female" value="<?php echo $rr['y2']; ?>" name="y2"></td></tr></table>
                        </div>
                      </div>
                      
                      <div class="form-group">
                        <label for="inputName" class="col-sm-2 control-label">Children</label>
                        <div class="col-sm-10">
                        <table><tr><td>  <input type="number" class="form-control" id="inputName" placeholder="Male" value="<?php echo $rr['c1']; ?>" name="c1"></td><td><input type="number" class="form-control" id="inputName" placeholder="Female" value="<?php echo $rr['c2']; ?>" name="c2"></td></tr></table>
                        </div>
                      </div>
                      
                      
                      <div class="form-group">
                        <label for="inputName" class="col-sm-2 control-label">Visitors & Converts</label>
                        <div class="col-sm-10">
                        <table><tr><td>  <input type="number" class="form-control" id="inputName" placeholder="Visitors" value="<?php echo $rr['vis']; ?>" name="vis"></td><td><input type="number" class="form-control" id="inputName" placeholder="Converts" value="<?php echo $rr['conv']; ?>" name="conv"></td></tr></table>
                        </div>
                      </div>
                      
                      
                      
                      <div class="form-group">
                        <label for="inputName" class="col-sm-2 control-label">Tithe & Offering</label>
                        <div class="col-sm-10">
                      <input type="number" class="form-control" id="inputName" placeholder="Tithe & Offering" name="off" value="<?php echo $rr['off']; ?>">
                        </div>
                      </div>
                      
                      
                    
                      <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-10">
                          <button type="submit" class="btn btn-info" name="update">Modify Report Data</button>
                        </div>
                      </div>
                    </form>
                    
                    <?php    } else{  ?>
                  <center> <font color="#00CC00"> <h1>Success!</h1>
                   <h4>You Have Successfully Submitted <strong><?php echo $prog; ?></strong> Report Data for this week</h4></font><br>
                   <form method="post"> <button type="submit" class="btn btn-info" name="mod" >Modify Data</button> 
                        
                    </form>
                    </center>
                    <?php  }  ?>
                    
                    
					
                </div><!-- /.tab-content -->
              </div><!-- /.box -->
              </div>
              
              
            <?php  }  ?>
           
 
 
           
          </div><!-- /.row -->

          <!-- =========================================================== -->


 <?php // require('ibo.php');  ?>


  <?php // require('chat.php');  ?>





          </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>
    <script>
      $(function () {
        //Initialize Select2 Elements
        $(".select2").select2();

        //Datemask dd/mm/yyyy
        $("#datemask").inputmask("dd/mm/yyyy", {"placeholder": "dd/mm/yyyy"});
        //Datemask2 mm/dd/yyyy
        $("#datemask2").inputmask("mm/dd/yyyy", {"placeholder": "mm/dd/yyyy"});
        //Money Euro
        $("[data-mask]").inputmask();

        //Date range picker
        $('#reservation').daterangepicker();
        //Date range picker with time picker
        $('#reservationtime').daterangepicker({timePicker: true, timePickerIncrement: 30, format: 'MM/DD/YYYY h:mm A'});
        //Date range as a button
        $('#daterange-btn').daterangepicker(
            {
              ranges: {
                'Today': [moment(), moment()],
                'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
                'Last 7 Days': [moment().subtract(6, 'days'), moment()],
                'Last 30 Days': [moment().subtract(29, 'days'), moment()],
                'This Month': [moment().startOf('month'), moment().endOf('month')],
                'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
              },
              startDate: moment().subtract(29, 'days'),
              endDate: moment()
            },
        function (start, end) {
          $('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
        }
        );

        //iCheck for checkbox and radio inputs
        $('input[type="checkbox"].minimal, input[type="radio"].minimal').iCheck({
          checkboxClass: 'icheckbox_minimal-blue',
          radioClass: 'iradio_minimal-blue'
        });
        //Red color scheme for iCheck
        $('input[type="checkbox"].minimal-red, input[type="radio"].minimal-red').iCheck({
          checkboxClass: 'icheckbox_minimal-red',
          radioClass: 'iradio_minimal-red'
        });
        //Flat red color scheme for iCheck
        $('input[type="checkbox"].flat-red, input[type="radio"].flat-red').iCheck({
          checkboxClass: 'icheckbox_flat-green',
          radioClass: 'iradio_flat-green'
        });

        //Colorpicker
        $(".my-colorpicker1").colorpicker();
        //color picker with addon
        $(".my-colorpicker2").colorpicker();

        //Timepicker
        $(".timepicker").timepicker({
          showInputs: false
        });
      });
    </script>

  </body>
</html>

?>