1#@!#!123s

��JFIF�� 1#@!#!123s
: / home4 / mcspunei / www / chitpavan.in / admin_panel /
Filename : gallery.php
back






<!doctype html>
<html class="no-js " lang="en">


<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<meta name="description" content="Responsive Bootstrap 4 and web Application ui kit.">

<title>Admin Dashboard-Chitpavan</title>
<link rel="icon" href="favicon.ico" type="image/x-icon">
<!-- Favicon-->
<link rel="stylesheet" href="assets/plugins/bootstrap/css/bootstrap.min.css">
<!-- Bootstrap Material Datetime Picker Css -->
<link href="assets/plugins/bootstrap-material-datetimepicker/css/bootstrap-material-datetimepicker.css" rel="stylesheet" />
<!-- Bootstrap Select Css -->
<link href="assets/plugins/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
<!-- Custom Css -->
<link  rel="stylesheet" href="assets/css/style.min.css">

<style> 
    
    
    input[type=button], input[type=submit], input[type=reset] {
      background-color:rgba(139,54,121,1);
      border: none;
      color: white;
      float: right;
      padding: 10px 20px;
      text-decoration: none;
      margin: 4px 2px;
      cursor: pointer;
      border-radius: 5px;
    }
                   section.content {
  
  margin: 20px 0px 20px 260px !important;
  
}
.table td, .table th {
  padding:12px !important;
  vertical-align: top;
padding-left:5px;
  border-top: 1px solid #dee2e6;
  text-align:center;

}


tbody tr td{
font-size:12px;
text-align:center;
text-wrap:wrap;
}


.btn, .navbar .navbar-nav>a.btn {
  border-width: 2px;
  font-weight: 400;
  font-size: .8171em;
  line-height: 1.35em;
  margin: 5px 1px;
  border: none;
  border-radius: .2875rem;
  padding: 3px 5px !important;
  cursor: pointer;
  background-color: #888;
  color: #fff;
}
.table td, .table th {
  padding: 0 8px !important;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

.check{
display:flex;
justify-content:space-evenly;
margin-left:10px;
// width: 67px !important;

}
.project_list .table tbody tr td, .project_list .table tbody th td {
  vertical-align: middle;
  // padding: 0 !important;
}


/* Modal Style */
.modal {
display: none;
position: absolute;

left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.4);
padding-top: 60px;
}

.modal-content {
background-color: #fefefe;
margin: 7% auto;
padding: 30px;
border: 1px solid #888;
width: 85% !important;
}
table {
  border-collapse: collapse;
  width: 100% !important;
}
.close {
color: #aaa;
float: right;
font-size: 28px;
font-weight: bold;
  position: absolute !important;
  right: 15px;
  top: 5px;
}

.close:hover,
.close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}

thead{
background-color:#E47297;
text-align:center;
}

#userDetailsContent{
// display:flex;
// align-items: center;
}
.edit{
  
  // width: 15%;
  // margin: 0 auto !important;
  // display: block;
      // float:unset !important;
}
td > label{
  width:95px;
  margin-right:10px;
text-align: left;
font-weight:bold;
font-size: 13px;
}
#searchInput::-webkit-search-cancel-button
{
  display: none;
}
.close {
color: #aaa;
float: right;
font-size: 28px;
font-weight: bold;
  position: absolute !important;
  right: 15px;
  top: 5px;
}
.close {
          color: #aaa;
          float: right;
          font-size: 28px;
          font-weight: bold;
          position: absolute;
          right: 15px;
          top: 15px;
      }

      .close:hover,
      .close:focus {
          color: black;
          text-decoration: none;
          cursor: pointer;
      }
    
    
    </style>


</head>

<body class="theme-blush">

<!-- Page Loader
<div class="page-loader-wrapper">
    <div class="loader">
        <div class="m-t-30"><img class="zmdi-hc-spin" src="assets/images/loader.svg" width="48" height="48" alt="Aero"></div>
        <p>Please wait...</p>
    </div>
</div> -->

<!-- Overlay For Sidebars -->
<div class="overlay"></div>

<!-- Main Search -->
<div id="search">
    <button id="close" type="button" class="close btn btn-primary btn-icon btn-icon-mini btn-round">x</button>
    <form>
        <input type="search" value="" placeholder="Search..." />
        <button type="submit" class="btn btn-primary">Search</button>
    </form>
</div>
<?php
include("left_sidebar.php");
?>

<?php
// include("right_sidebar.php");
?>

<section class="content">
    <div class="body_scroll">
        <!-- <div class="block-header">
            <div class="row"> -->
                <!-- <div class="col-lg-7 col-md-6 col-sm-12">
                    <h2>Basic Form Elements</h2>
                    <ul class="breadcrumb">
                        <li class="breadcrumb-item"><a href="index.html"><i class="zmdi zmdi-home"></i> Aero</a></li>
                        <li class="breadcrumb-item"><a href="javascript:void(0);">Forms</a></li>
                        <li class="breadcrumb-item active">Basic Form</li>
                    </ul>
                </div> -->
                <!-- <div class="col-lg-5 col-md-6 col-sm-12">                
                    <button class="btn btn-primary btn-icon float-right right_icon_toggle_btn" type="button"><i class="zmdi zmdi-arrow-right"></i></button>                                
                </div> -->
            <!-- </div>
        </div> -->
        
        <div class="container-fluid">
            <!-- Input -->
            <div class="row clearfix">
                <div class="col-lg-12 col-md-12 col-sm-12">
                    <!-- <div class="alert alert-warning" role="alert">
                        <strong>Bootstrap</strong> Better check yourself, <a target="_blank" href="https://getbootstrap.com/docs/4.2/components/input-group/">View More</a>
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true"><i class="zmdi zmdi-close"></i></span>
                        </button>
                    </div> -->
                    <div class="card">
                        <div class="body">
                            <h1 class="card-inside-title" style="font-weight:bold;">Add Gallery</h1>
                            <div class="row clearfix">
                                <div class="col-sm-12">
                                    <!-- <div class="col-lg-12 col-md-12 col-sm-12"> -->
                                       
                                            <br><br>


                                           
                                            <form method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>" enctype="multipart/form-data"  method="post">

   
   <div class="row clearfix">
   
    <div class="col-lg-4 col-md-6">
   <div class="form-group">                                   
   <input type="file" class="form-control" id="image" name="image" placeholder="Gallery Image" required/>                                   
   </div>
   </div>  
   
    <div class="col-lg-4 col-md-6">
   <div class="form-group">                                   
   <input type="text" class="form-control" id="name" name="name" placeholder="Image Name" required/>                                   
   </div>
   </div>  
                                    
 
       
   <div>
 
   <input name="submit" type="submit" value="submit">
</div> 




</form>
   </div>
   
   </div>
   </div>
   </div>

        <!--List-->
        
    <div class="body_scroll">
        <div class="block-header">
            <div class="row">
                <div class="col-lg-7 col-md-6 col-sm-12">
                    <h2>Gallery list</h2>
                    <!--<ul class="breadcrumb">-->
                        <!-- <li class="breadcrumb-item"><a href="index.html"><i class="zmdi zmdi-home"></i> Aero</a></li> -->
                    <!--    <li class="breadcrumb-item">Gallery</li>-->
                    <!--    <li class="breadcrumb-item active">list</li>-->
                    <!--</ul>-->
                    <button class="btn btn-primary btn-icon mobile_menu" type="button"><i class="zmdi zmdi-sort-amount-desc"></i></button>
                </div>
                <div class="col-lg-5 col-md-6 col-sm-12">                
                    <!-- <button class="btn btn-primary btn-icon float-right right_icon_toggle_btn" type="button"><i class="zmdi zmdi-arrow-right"></i></button> -->
                    <!-- <button class="btn btn-success btn-icon float-right" type="button"><i class="zmdi zmdi-plus"></i></button> -->
                </div>
            </div>
        </div>
        <div class="container-fluid">
            <div class="row clearfix">
                <div class="col-md-12 col-sm-12 col-xs-12">
                    <div class="card project_list">
                        <div class="table-responsive">
                            <table class="table table-hover c_table theme-color">
                                <thead>
                                    <tr>                                       
                                        <!--<th>Sr. No.</th>-->
                                        
                                        <th>Name</th>                                        
                                        <th>Image</th>
                                        <th>Action</th>
                                    
                                    </tr>
                                </thead>
                                <tbody>
                                   
                                <?php
              include("config.php");
            //   $id="";
              $name="";
              $image="";
             
              $i = 1;
              $query2="SELECT * FROM `gallery`";
              $id="";
              $result = $conn->query($query2);
                          if($result->num_rows >0)
                          {
                            $i=1;
              				     while($row = $result->fetch_assoc())
                            {
                              echo "<tr>";
                            //   echo "<td>".$i."</td>";
                              echo "<td>".$row["name"]."</td>";
                            //   echo "<td>".$row["image"]."</td>";
                            
                            
                              echo "<td>"?>
                            <img src=" <?php echo 'uploads/gallery/'.$row['image']; ?>" height="50px" width="50px"/>
                              </td>
                              
                              <td><a href="gallery_edit.php?id=<?php echo $row['id']; ?>" class="btn btn-success btn-fill">Update</a></td>
                              
                             <?php
                            }
                        }
                        ?>
              
              
                  
               
                    
 
                                           






                                </tbody>
                            </table>
                        </div>
                        <!--<ul class="pagination pagination-primary mt-4">-->
                        <!--    <li class="page-item active"><a class="page-link" href="javascript:void(0);">1</a></li>-->
                        <!--    <li class="page-item"><a class="page-link" href="javascript:void(0);">2</a></li>-->
                        <!--    <li class="page-item"><a class="page-link" href="javascript:void(0);">3</a></li>-->
                        <!--    <li class="page-item"><a class="page-link" href="javascript:void(0);">4</a></li>-->
                        <!--    <li class="page-item"><a class="page-link" href="javascript:void(0);">5</a></li>-->
                        <!--</ul>-->
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--List End-->

   
  
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
           

<!-- Jquery Core Js --> 
<script src="assets/bundles/libscripts.bundle.js"></script> <!-- Lib Scripts Plugin Js --> 
<script src="assets/bundles/vendorscripts.bundle.js"></script> <!-- Lib Scripts Plugin Js --> 

<script src="assets/plugins/momentjs/moment.js"></script> <!-- Moment Plugin Js --> 
<!-- Bootstrap Material Datetime Picker Plugin Js -->
<script src="assets/plugins/bootstrap-material-datetimepicker/js/bootstrap-material-datetimepicker.js"></script> 

<!-- <script src="assets/bundles/mainscripts.bundle.js"></script>Custom Js  -->
<script src="assets/js/pages/forms/basic-form-elements.js"></script>
</body>


</html>








<?php
include 'config.php';

// Handle form submission
if(isset($_POST["submit"]))
{
    $target_dir = 'uploads/gallery/';
    $image = $target_dir . basename($_FILES["image"]["name"]);
    $imageFileType = strtolower(pathinfo($image, PATHINFO_EXTENSION));

    // Check if image file is a actual image or fake image
    $check = getimagesize($_FILES["image"]["tmp_name"]);
    if($check !== false) {
        move_uploaded_file($_FILES["image"]["tmp_name"], $image);
        $name = $_POST["name"];
        $imageName = basename($_FILES["image"]["name"]);  // Get only the image name

        $query = "INSERT INTO gallery(image,name) VALUES ('$imageName','$name')";  // Save only the image name

        $run_query = mysqli_query($conn, $query);

        if($run_query == true){ 
            echo "<script>alert('Successfully Submitted!!!'); window.location.href='gallery.php';</script>"; 
            exit; // Exit to prevent further execution
        }else{
            echo "<script>alert('Failed....please try again!');</script>";
        }
    } else {
        echo "<script>alert('File is not an image.');</script>";
    }
}
?>