<?php
include("include/header.php");
include("include/sidebar.php");
if(!empty($_REQUEST['did'])){
    $did=mysqli_real_escape_string($con,$_REQUEST['did']);
    $q=mysqli_query($con,"delete from about_us where id=$did");
    if($q){
        $_SESSION['msg']="Data Deleted Successfully";
    }else{
        $_SESSION['msg']="Data Deletion Failed";
    }
    header("location:about_us.php");
}
if(!empty($_REQUEST['upid'])){
    $doid=mysqli_real_escape_string($con,$_REQUEST['upid']);
    $do="EditAboutUs";
    $Row=mysqli_fetch_array(mysqli_query($con,"select * from about_us where id=$doid"));
}else{
    $doid="";
    $do="AboutUs";
}
?>
<style>
    #loader{
        display:none;
        position:fixed;
        z-index:1000;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background-image:url(images/uploads/loader.gif);
        background-position:50% 50%;
        background-color:rgba(255,255,255,0.6);
        background-repeat:no-repeat;
    }
    body.loading{
        overflow:hidden;
    }
    body.loading #loader{
        display:block;
    }
</style>
<div id="loader"></div>
<link rel="stylesheet" href="bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css">
<div class="content-wrapper">
    <section class="content-header">
        <h1>
            About Us
            <small>Add About Us</small>
        </h1>
        <ol class="breadcrumb">
            <li><a href="index.php"><i class="fa fa-dashboard"></i> Home</a></li>
            <li class="active">About Us</li>
        </ol>
    </section>
    <!-- Main content -->
    <section class="content container-fluid">
        <?php
            if(!empty($_SESSION['msg'])){
        ?>
        <div class="alert alert-success alert-dismissible">
            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
            <h4><i class="icon fa fa-circle"></i> Message:</h4>
            <?=$_SESSION['msg'];?>
        </div>
        <?php
            $_SESSION['msg']="";
            }
        ?>
        <div class="row">
            <div class="col-md-12">
                <div class="box box-primary">
                    <div class="box-header with-border">
                        <h3 class="box-title">About Us</h3>
                    </div>
                    <div class="box-body">
                        <form role="form" action="action.php" method="post" enctype="multipart/form-data">
                            <input type="hidden" name="do" value="<?=$do;?>" />
                            <input type="hidden" name="doid" value="<?=$doid;?>" />
                            <div class="box-body">
                                <div class="row">
                                    <div class="form-group col-md-4">
                                        <label>Image </label>
                                        <input name="image" type="file" accept="image/*" class="form-control" />
                                    </div>
                                    <div class="form-group col-md-12">
                                        <label>Content</label>
                                        <textarea id="editor1" name="content" placeholder="Enter Content"><?php if(!empty($_REQUEST['upid'])){echo $Row['content'];}?></textarea>
                                    </div>
                                </div>
                            </div>
                            <div class="box-footer">
                                <button type="submit" class="btn btn-primary">Submit</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="box box-primary">
            <div class="box-header with-border">
              <h3 class="box-title">About Us Data</h3>
            </div>
            <!-- /.box-header -->
            <div class="box-body table-responsive">
              <table id="example1" class="table table-bordered table-striped">
                <thead>
                <tr>
                    <th>#ID</th>
                    <th>Action</th>
                    <th>Content</th>
                    <th>Image</th>
                </tr>
                </thead>
                <tbody>
                    <?php
                        $q=mysqli_query($con,"select * from about_us order by id desc");
                        $i=0;
                        while($r=mysqli_fetch_array($q)){$i++;
                    ?>
                <tr>
                    <td><?=$i;?></td>
                  <td>
                      <a href="?upid=<?=$r['id'];?>"><i class="fa fa-pencil"></i></a>
                      <a href="?did=<?=$r['id']?>" onclick="return confirm_click();"><i class="fa fa-close"></i></a>
                  </td>
                  <td><?=$r['content'];?></td>
                  <td><img src="images/<?=$r['image'];?>" width="50px" /></td>
                </tr>
                <?php
                        }
                ?>
                </tbody>
              </table>
            </div>
            <!-- /.box-body -->
          </div>
        </div>
    </section>
</div>
<?php include("include/footer.php"); ?>
<!-- DataTables -->
<script src="bower_components/datatables.net/js/jquery.dataTables.min.js"></script>
<script src="bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>
<!-- page script -->
<script src="bower_components/ckeditor/ckeditor.js"></script>
<script>
  $(function () {
    // Replace the <textarea id="editor1"> with a CKEditor
    // instance, using default configuration.
    CKEDITOR.replace('editor1')
  })
</script>
<script>
  $(document).ready(function () {
    $('#example1').DataTable({
      'paging'      : true,
      'lengthChange': true,
      'searching'   : true,
      'ordering'    : true,
      'info'        : true,
      'autoWidth'   : true
    });
    // $("input[name='sponsor_username']").keyup(function(){
    //     var sponsor_username=$(this).val();
    //     if(sponsor_username.length>5){
    //         $.ajax({  
    //             type: "POST",  
    //             url: "json.php",  
    //             data: {'do':"username_check",'sponsor_username': sponsor_username}, 
    //             dataType: "json",
    //             beforeSend: function(){
    //                 $("body").addClass("loading");
    //             },
    //             success: function(response) {
    //                 if(response=="invalid"){
    //                     $("form").data("sponsor","0");
    //                 }else{
    //                     $("input[name='sponsor_name']").val(response);
    //                     $("form").data("sponsor","1");
    //                 }
    //             },
    //             complete:function(data){
    //                 $("body").removeClass("loading");
    //                 if($("form").data("sponsor")==1&&$("form").data("username")==1){
    //                     $("#submit-btn").prop("disabled",false);
    //                 }else{
    //                     $("#submit-btn").prop("disabled",true);
    //                 }
    //             }
    //         });
    //     }
    // });
});
</script>
</body>
</html>