<?php include("header.php"); ?>
<?php include("nav_bar.php"); ?>
<?php include("nav_left.php"); ?>
<?php $type=$_GET['category']; 
$proid=$_GET['proid']; 
$editSql = mysqli_query($conn,"SELECT * FROM tbl_blog_images WHERE blog_id = $proid");


// if(isset($_GET['proid'])) {
//     $id = $_GET['proid'];
//     $deletesql = mysqli_query($conn,"DELETE FROM product_image WHERE id = $id");
//     if($deletesql) {
//     header('location: view_product.php');
// }
// }
?> 
<style type="text/css">
    .remove-image {
display: none;
position: absolute;
top: -13px;
border-radius: 10em;
padding: 2px 6px 3px;
text-decoration: none;
font: 700 21px/20px sans-serif;
background: #555;
border: 3px solid #fff;
color: #FFF;
box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 2px 4px rgba(0,0,0,0.3);
  text-shadow: 0 1px 2px rgba(0,0,0,0.5);
  -webkit-transition: background 0.5s;
  transition: background 0.5s;
}
.remove-image:hover {
 background: #E54E4E;
  padding: 3px 7px 5px;
  top: -13px;
}
.remove-image:active {
 background: #E54E4E;
  top: -13px;}
</style>
       <div class="main">
            <!-- MAIN CONTENT -->
            <div class="main-content">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-md-12">
                            <!-- BASIC TABLE -->
                            <div class="panel">
                                <div class="panel-heading">
                                    <h3 class="panel-title">Edit Image</h3>
                                </div>
                                <div class="panel-body">
                            <div class="row">
                            <?php 

                            foreach ($editSql as $key => $value) { ?>
                            <div class="col-md-3">
                            <img src="../<?=$value['image_path'];?>" alt='image'  width='200' height='200'>
                            <a class="remove-image" href="addblogimage.php?proid=<?=$value['id'];?>" style="display: inline; margin-top: 10px;">&#215;</a>
                            </div>
                            <?php
                            }
                            ?>
                            </div>
                            <form class="" action="addblogimage.php" method="post" enctype="multipart/form-data">
                            <fieldset class="panel-body" >
                                <div class="row">
                                    <input type="hidden" name="proid" value="<?= $proid; ?>">
                                    <input type="file" name="image_path[]" class="form-control" accept="image/png, image/jpeg, image/jpg" required multiple>
                                    <div class="form-group"><br>
                                    <button type="submit" name="btn_update" class="btn btn-primary waves-effect waves-light"><i class="lnr lnr-upload font-18"></i>  Submit</button>
                                    <a href="view_items.php" class="waves-effect waves-light  btn btn-danger"  data-toggle="tooltip" data-placement="top" title="Edit" data-original-title="Edit"><i class="lnr lnr-cross font-18"></i> Cancel</a>
                                    </div>
                                </div>
                            </fieldset>
                         </form>
       </div>
   </div>
</div>
</div>
</div>
</div>
</div>
<?php include("footer.php"); ?>