| 
<?php
include 'include/header.php';
 
 if (isset($_POST['submit'])) {
 $target = "../image/".basename($_FILES['image']['name']);
 
 // storing in database
 $image = $_FILES['image']['name'];
 $text = $_POST['text'];
 $category = $_POST['category'];
 $title = $_POST['title'];
 $date = date("F j, Y");
 
 $query = mysqli_query($con, "INSERT INTO post(image, text, category, title, date) VALUES('$image', '$text', '$category', '$title', '$date') ");
 if (move_uploaded_file($_FILES['image']['tmp_name'], $target)) {
 $query = mysqli_query($con, "SELECT * FROM post ORDER BY id DESC LIMIT 1");
 $row = mysqli_fetch_assoc($query);
 $posted = "<p style='color:white;background:green;padding:5px;text-align:left;'>Posted Successfully <a style='float: right;text-decoration: underline;background: white;color: green;padding: 1px;font-weight: bold;' href='../post.php?id=".$row['id']."'>View Post</a></p>";
 }else{
 $posted = "<p style='color:white;background:red;padding:5px;border-radius:5px;text-align:center;'>Post Error!!!</p>";
 }
 }
 
 
 
 ?>
 <style type="text/css">
 form{
 width: 50%;
 float: left;
 margin-top: 10px;
 margin-bottom: 10px;
 clear: both;
 }
 h2{
 text-align: center;
 }
 input{
 height: 30px;
 background: transparent;
 outline: none;
 border:none;
 border-bottom: 1px solid blueviolet;
 }
 textarea{
 height: 100px;
 background: transparent;
 outline: none;
 border:none;
 width: 500px;
 border-bottom: 1px solid blueviolet;
 }
 </style>
 
 <div class="more">
 <div class="postside">
 <h3 style="margin-top: 10px;padding-top: 0px;font-family: calibri;background:blueviolet;text-align: left;padding: 5px;color: white;">Add a new post</h3>
 
 <form method="post" action="" enctype="multipart/form-data" style="width: 100%;float: left;margin-top: 0px;margin-bottom: 10px;clear: both;">
 <p><?php if (isset($_POST["submit"])) {
 echo $posted;
 } ?></p>
 <p>Post Title:</p>
 <input type="text" name="title" placeholder="Enter your title">
 <input type="hidden" value="999999999999999">
 <label>
 <input style="display: none;" id="file" type="file" name="image" onchange="proccess(window.lastFile=this.files[0])">
 <div style="margin: 0px;padding: 0px;">
 <!--Sample image uploaded begins HERE -->
 <img id="image" style="width: 100%;height: auto;cursor: pointer;margin-left:0px;" class="ui centered large image" src="../image/postthumbnail.png"/>
 <!--Sample image uploaded ends HERE -->
 </div>
 
 </label>
 <p>Post Category:</p>
 <select name="category" style="padding: 5px;background: blueviolet;color: white;margin-bottom: 5px;">
 <option value="Technology">Technology</option>
 <option value="Programming">Programming</option>
 <option value="Lifestyle">Lifestyle</option>
 <option value="Sport">Sport</option>
 </select>
 <p>Post content:</p>
 <textarea name="text" style="font-family: calibri;">Enter content...</textarea>
 <input type="submit" value="Post" name="submit">
 </form>
 </div>
 <div class="sidebar">
 <h3 style="margin-top: 10px;padding-top: 0px;font-family: calibri;color:white;padding:5px;background: blueviolet">Recent Posts</h3>
 <?php
 
 $query = mysqli_query($con, "SELECT * FROM post ORDER BY id DESC LIMIT 5");
 while ($row = mysqli_fetch_assoc($query)) {
 ?>
 
 <div style="clear: both;margin-bottom: 50px;">
 
 <div style="width: 40%;float: left;">
 <div style="background-image: url('../image/<?php echo $row['image']; ?>');
 background-position: center top !important;
 background-size: cover;
 background-repeat: no-repeat;
 height: 100px;
 width: 100%;
 margin-left: 0px;
 margin-bottom: 5px;
 border: 2px solid blueviolet;"></div>
 </div>
 <div style="width:60%;float: right;">
 <h3 style="color: black;
 font-size: 16px;
 margin-top: 0px;
 margin-left: 10px;    margin-bottom: 0px;">
 <?php echo $row['title']; ?>
 
 </h3>
 <small style="margin: 0px;margin-left:10px;background: black none repeat scroll 0% 0%;color: white;padding: 3px;font-size: 10px;"><?php echo $row["category"]; ?></small>
 <small style="margin: 0px;background: black none repeat scroll 0% 0%;color: white;padding: 3px;font-size: 10px;">Date: <?php echo $row["date"]; ?></small>
 <p style="color: black;    margin: 0px;
 margin-left: 10px;font-family: calibri;margin-bottom: 10px;" >
 <?php echo substr($row['text'],0,60)."..."; ?>
 <a style="background: blueviolet;
 padding: 2px;
 color: white;
 text-decoration: none;font-size: 12px;" href="../post.php?id=<?php echo $row['id'] ?>">Read More</a> <a style="background: blueviolet;
 padding: 2px;
 color: white;
 text-decoration: none;font-size: 12px;" href="edit.php?id=<?php echo $row['id'] ?>">Edit Post</a>
 <a style="background: blueviolet;
 padding: 2px;
 color: white;
 text-decoration: none;font-size: 12px;" href="delete.php?id=<?php echo $row['id'] ?>">Delete</a>
 </p>
 </div>
 
 </div><br><hr><br>
 
 <?php
 }
 ?>
 </div>
 </div>
 
 <?php include 'include/footer.php'; ?>
 |