<?php include 'header.php'; ?>

<?php include 'sidebar.php'; ?>

<div id="page-wrapper">

    <div class="container-fluid">

        <br/>

         <div class="row">

             <div class="col-lg-12">
            <div class="panel panel-default dash">
                <div class="panel panel-primary">
                    <div class="panel-heading">
                        <h2 class="sub-header">
							<i class="fa fa-spinner" aria-hidden="true"></i> <?php echo lang('PROGRESS_BAR');?>
						</h2>
                    </div>
                    <!-- /.panel-heading -->
                    <div class="panel-body">
                        <div class="table-responsive">
						
							<div class="col-md-12">
								 <form action="<?php $_PHP_SELF ?>" method="post" enctype="multipart/form-data" class="form-horizontal" name="updatebar" >
									<fieldset>
									 
									<?php echo progressBar();?>
									
									  <!-- Text input-->
									  <div class='form-group'>
										<label class='col-sm-2 control-label' for='color'><?php echo lang('BACKGROUND_COLOR');?></label>
											<div class='col-sm-4'>
											  <div id="cp2" class="input-group colorpicker-component">
												<input type="text" name="color" value="<?php echo getColor(); ?>" class="form-control" />
												<span class="input-group-addon"><i></i></span>
											</div>
										</div>
									  </div>
									
									<script>
										$(function() {
											$('#cp2').colorpicker();
										});
									</script>

									</fieldset>
									
									<br/>
								  
								 <!-- Button -->
								<div class="form-group">
								  <label class="col-md-10 control-label" for="singlebutton"></label>
								  <div class="col-md-2">
									<input type="submit" name="updatebar" class="btn btn-primary" value="Update" />
								  </div>
								</div>
								
								 <?php
							  
								  if(isset($_POST['updatebar']))
									{
										updateBar($_POST['percent'], $_POST['height'], $_POST['color']);
									}
								?>

							  </form>

							</div>    
                        </div>
                    </div>
                </div>
            </div>
        </div>



        </div>
        <!-- /.row -->


    </div>
    <!-- /.container-fluid -->

</div>
<!-- /#page-wrapper -->

</div>
<!-- /#wrapper -->

<?php include 'footer.php'; ?>