<?php
session_start();
include 'session_check.php';
?>
	<head>
    <meta charset="UTF-8">
    <title>AdminLTE 2 | Dashboard</title>
    <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
    <!-- Bootstrap 3.3.2 -->
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />    
    <!-- FontAwesome 4.3.0 -->
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <!-- Ionicons 2.0.0 -->
    <link href="https://code.ionicframework.com/ionicons/2.0.0/css/ionicons.min.css" rel="stylesheet" type="text/css" />    
    <!-- Theme style -->
    <link href="dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" />
    <!-- AdminLTE Skins. Choose a skin from the css/skins 
         folder instead of downloading all of them to reduce the load. -->
    <link href="dist/css/skins/_all-skins.min.css" rel="stylesheet" type="text/css" />
    <!-- iCheck -->
    <link href="plugins/iCheck/flat/blue.css" rel="stylesheet" type="text/css" />
    <!-- Morris chart -->
    <link href="plugins/morris/morris.css" rel="stylesheet" type="text/css" />
    <!-- jvectormap -->
    <link href="plugins/jvectormap/jquery-jvectormap-1.2.2.css" rel="stylesheet" type="text/css" />
    <!-- Date Picker -->
    <link href="plugins/datepicker/datepicker3.css" rel="stylesheet" type="text/css" />
    <!-- Daterange picker -->
    <link href="plugins/daterangepicker/daterangepicker-bs3.css" rel="stylesheet" type="text/css" />
    <!-- bootstrap wysihtml5 - text editor -->
    <link href="plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css" rel="stylesheet" type="text/css" />
	
	<!-----		sweet alert css and js link	---->
	<link rel="stylesheet" href="dist/sweetalert.css">
	<script src="dist/sweetalert.min.js"> </script>
   
   
	<link rel="stylesheet" type="text/css" href="custom/custom.css">
	
	<!---- Ck editor-->
	 <script src="ckeditor/ckeditor.js"></script>
	 
  </head>

<?php
include 'include/header.php';
include 'include/left-nav.php';
?>

      <?php


	  ?>
      <!-- Right side column. Contains the navbar and content of the page -->
      <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <div class="container">
                <form method="POST" action="action.php">
                <div class="well col-sm-6 col-sm-offset-3" style="margin-top: 20px">
                    <div class="row">
                        <div class="col-sm-8 col-sm-offset-2 text-center">
                            <h3> Coupons categories  </h3> 
                        </div>
                    </div>
                    <br>
                    <div class="row">
                        <div class="col-sm-8 col-sm-offset-2">
                            <input type="hidden" id="append_id" name="append_id">
                            <input type="text" class="form-control" id="category_name" name="category_name" placeholder="Category name" required>
                        </div>
                    </div>
                    <br>
                     <div class="row">
                        <div class="col-sm-8 col-sm-offset-2">
                            <textarea name="category_description" rows="4" class="form-control" placeholder="Enter description" ></textarea>
                        </div>
                    </div>
                    <br>
                     <div class="row">
                        <div class="col-sm-8 col-sm-offset-2">
                            <input type="submit" class="form-control" id="add_category" name="add_category" value="Add">
                             <input type="submit" class="form-control" id="save" name="save" value="save" style="display:none">
                        </div>
                    </div>
                </div>
               </form>
            </div>
        </section><!-- /.content -->
                <section class="content">
          <div class="row">
            <div class="col-sm-10 col-sm-offset-1">
              <div class="box">
                <div class="box-header">
                </div><!-- /.box-header -->
                <div class="box-body table-responsive">
				
				    <table id="example" class="table table-striped table-bordered nowrap" style="width:100%">
        <thead>
            <tr>
                <th>Category Name</th>
                <th>Category description</th>
                <th> Action </th>
            </tr>
        </thead>
        <tbody>
                <?php
                    $qr1="select * from coupon_category ";
                    $con1=mysqli_query($conn,$qr1);
                    if(mysqli_num_rows($con1)>0)
                    {
                        while($ro=mysqli_fetch_array($con1))
                        {
                ?>
                <tr>
                    <form id="edit_frm_data">
                        <td> <input type="text" style="border:0px" class="form-control" id="cat_name" name="cat_name" value="<?php echo $ro['coupon_category_name'];?>" readonly> </td>
                        <td> <input type="text" style="border:0px" class="form-control" id="cat_des" name="cat_des" value="<?php echo $ro['coupon_category_des'];?>" readonly> </td>
                        <td>
                           <button type="button" id="<?=$ro['coupon_cat_id']?>" class="btn btn-danger edit"> <i class="fa fa-edit"></i> </button>
                          <button type="button" id="<?=$ro['coupon_cat_id']?>" class="btn btn-danger dlt"> <i class="fa fa-trash"></i> </button>
                        </td>
                    </form>
                </tr>
                <?php
                       
                        }
                    }
                ?>
             </tbody>
    </table>
				    
                </div><!-- /.box-body -->
              </div><!-- /.box -->

           
            </div><!-- /.col -->
          </div><!-- /.row -->
        </section><!-- /.content -->
      </div><!-- /.content-wrapper -->

	
		 <!-- jQuery 2.1.3 -->
    <script src="plugins/jQuery/jQuery-2.1.3.min.js"></script>
    <!------    custom js    -------->
       <script src="js/custom.js"></script>
    <!-- jQuery UI 1.11.2 -->
    <script src="https://code.jquery.com/ui/1.11.2/jquery-ui.min.js" type="text/javascript"></script>
    <?php
    if($status=='Deactive')
    {
        include 'modal_show.php';
    }
    ?>
    <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
    <script>
      $.widget.bridge('uibutton', $.ui.button);
    </script>
    <!-- Bootstrap 3.3.2 JS -->
    <script src="bootstrap/js/bootstrap.min.js" type="text/javascript"></script>    
    <!-- Morris.js charts -->
   <!-- <script src="http://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>-->
    <!---<script src="plugins/morris/morris.min.js" type="text/javascript"></script>-->
    <!-- Sparkline -->
    <script src="plugins/sparkline/jquery.sparkline.min.js" type="text/javascript"></script>
    <!-- jvectormap -->
    <script src="plugins/jvectormap/jquery-jvectormap-1.2.2.min.js" type="text/javascript"></script>
    <script src="plugins/jvectormap/jquery-jvectormap-world-mill-en.js" type="text/javascript"></script>
    <!-- jQuery Knob Chart -->
    <script src="plugins/knob/jquery.knob.js" type="text/javascript"></script>
    <!-- daterangepicker -->
    <script src="plugins/daterangepicker/daterangepicker.js" type="text/javascript"></script>
    <!-- datepicker -->
    <script src="plugins/datepicker/bootstrap-datepicker.js" type="text/javascript"></script>
    <!-- Bootstrap WYSIHTML5 -->
    <script src="plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js" type="text/javascript"></script>
    <!-- iCheck -->
    <script src="plugins/iCheck/icheck.min.js" type="text/javascript"></script>
    <!-- Slimscroll -->
    <script src="plugins/slimScroll/jquery.slimscroll.min.js" type="text/javascript"></script>
    <!-- FastClick -->
    <script src='plugins/fastclick/fastclick.min.js'></script>
    <!-- AdminLTE App -->
    <script src="dist/js/app.min.js" type="text/javascript"></script>
    <script>
        $(document).ready(function(){
            $(".edit").click(function(){
                $("#add_category").hide();
                $("#save").show();
                $("#append_id").val(this.id);
                $("input[name=category_name]").val($(this.form.cat_name).attr('value'));
                $("textarea[name=category_description]").val($(this.form.cat_des).attr('value'));
                
                
            });
            $(".dlt").click(function(){
                id=this.id
                if(confirm("Are you sure?"))
                {
                    window.location.href="action.php?id="+id+"&dlt_key=cat_delete";
                }
                else
                {
                    alert("Your data is safe");
                }
            });
        });
    </script>
    
    
    <!-- AdminLTE dashboard demo (This is only for demo purposes) -->
   <!-- <script src="dist/js/pages/dashboard.js" type="text/javascript"></script>-->
	  
	  
<?php
include 'include/footer.php';
?>