File Explorer

<?php include("includes/css.php")?>

<body class="hold-transition skin-blue sidebar-mini">
	<div class="wrapper">
		<?php include("includes/header.php")?>
		<?php include("includes/sidebar.php")?>
		
		<div class="content-wrapper">
			
			
			<section class="content">
				<div class="row">
					<div class="col-md-12">
						<div class="box box-primary">
							<div class="box-header with-border">
								<div class="col-md-12">
									<h3 class="box-title">Home Infrastructure Details :</h3>
								</div>
							</div>

<div class="box-body">  
								<div class="table-responsive mt-20">
									<table class="table table-bordered table-striped example1">
										<thead>
											<tr>
												<th>S. No</th>
												<th> Title</th> 
												<th> Link</th> 
												<th>  Image</th>		
												<th>Edit</th>  
												<th>Delete</th>
											</tr>
										</thead>
										<tbody>
											 
									<?php
									$sql="select * from home_service";
									$result = mysqli_query($conn, $sql);
									 $j=1;
									while($res= mysqli_fetch_array($result)) 
									{ 
									?>
										<tr>
											<td><?php echo $j; $j++; ?></td>
											<td><?php echo $res['name']; ?></td> 
											<td><?php echo $res['link']; ?></td> 
												<td><img src="images/<?php echo $res['image']; ?>" class="img-responsive" style="width:100px" alt=""> </td> 
												<td><a href="edit-homeservice.php?editid=<?php echo $res['id']; ?>"><i class="fa fa-pencil"></i></a></td> 
												<td><a href="javascript:delete_Home_Service_by_ID('<?php echo $res['id'] ?>');" class="ask"><i class="fa fa-trash-o"></i></a></td>
											</tr>  
										<?php } ?>
										</tbody>
									</table>
								</div>
								
							</div>
						</div>
					</div>
				</div>
					 
				<div id="add_data_Modal" class="modal fade">  
			      <div class="modal-dialog">  
			           <div class="modal-content">  
			                <div class="modal-header">  
			                     <button type="button" class="close" data-dismiss="modal">&times;</button>  
			                     <h4 class="modal-title">Update Home Service</h4>  
			                </div>  
			                  <form method="post" id="insert_form" enctype="multipart/form-data">  
			                <div class="modal-body">   
			                         
			                      <div class="form-group"> 
										<div class="col-md-12">
											<label>Home Title:</label>
											<div class="input-group">
												<div class="input-group-addon">
													<i class="fa fa-suitcase"></i>
												</div>
												<textarea class="form-control" rows="2" name="blog_title" id='title' placeholder="Enter Home Title"></textarea>
											</div>
										</div>  
                                        <div class="col-md-12">
											<label>Home Photo: <span class="text-red">( Size : 100px x 90px )</span> </label>
											<div class="input-group">
												<div class="input-group-addon">
													<i class="fa fa-suitcase"></i>
												</div>
												<input type="file" name="blog_img" class="form-control" placeholder="Home Photo">
											</div>  
										</div>
										<div class="col-md-12">
											<label>Home Service Description:</label>
											<div class="input-group">
												<div class="input-group-addon">
													<i class="fa fa-suitcase"></i>
												</div>
												<textarea name="data" id="data" class="ckeditor"  style="height:200px"> </textarea>
											</div>
										</div>
			                      
			                </div>  
			                <div class="modal-footer">  
			                	 <input type="submit" name="update" id="insert" value="Insert" class="btn btn-success" />
			                     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>  
			                </div> 
			                </form>  
			           </div>  
			      </div>  
			 </div>  
			
			</section>
		</div>
		<?php include("includes/footer.php")?>
	</div>
	<?php include("includes/js.php")?>
</body>
<script type="text/javascript">
	function delete_Home_Service_by_ID(id)
{
	if (confirm('Do You Want to Deleting This \nContinue anyway?')) {
		window.location.href = 'delete_homeservice.php?id=' + id;
	}
}

$(document).ready(function(){  
     
      $(document).on('click', '.edit_data', function(){  
           var id = $(this).attr("id");  
           $.ajax({  
                url:"edit_homeservice.php",  
                method:"POST",  
                data:{id:id},  
                dataType:"json",  
                success:function(data){  
                     $('#title').val(data.title); 
                     $('#data').val(data.data); 
                     $('#id').val(data.id);  
                     $('#insert').val("Update");  
                     $('#add_data_Modal').modal('show');  
                }  
           });  
      });  
     
 });  
</script>
</html>

Editing File: home-service.php