View file File name : manage-photo-gallery.php Content :<?php include './header.php'; $imgName = NULL; $success = NULL; $error = NULL; if (isset($_POST['save-data'])) { $gallery = addImageGallery($_POST, $_FILES); if ($gallery) { $success = 'Successfully added new Image'; } else { $reer = 'oops'; } } ?> <!-- MAIN SITE WRAPPER--> <div class="content-wrapper"> <!--container--> <div class="container"> <!--banner--> <div class="row"> <div class="col-md-12"> <h1 class="page-head-line">Manage Gallery</h1> </div> </div> <!--end banner--> <!--new image add form--> <div class="row"> <div class="col-md-12"> <div class="panel panel-default"> <div class="panel-heading"> Add New Image </div> <div class="panel-body"> <form method="post" action="" enctype="multipart/form-data"> <div class="form-group"> <?php if (!empty($success)) { ?> <div class="alert alert-success" style="margin-top: 15px "> <a href="" class="close" data-dismiss="alert" aria-label="close">×</a> <strong>Success! </strong> <?php echo $success; ?> </div> <?php } ?> </div> <div class="form-group"> <label for="imageName">Select Image</label> <input name="image" type="file" id="exampleInputFile" required="TRUE"/> <p class="help-block">Automaticity cropping this image 900 X 600 pixels</p> </div> <div class="form-group"> <label for="caption">Caption</label> <input type="text" name="caption" class="form-control" id="exampleInputCaption" placeholder="Enter Image Caption" required="TRUE"/> </div> <button type="submit" name="save-data" value="Save" class="btn btn-default">Save</button> </form> </div> </div> </div> </div> <!--end new image add form--> <!--view slider image --> <div class="panel panel-default"> <div class="panel-body"> <div class="row"> <?php $images = getImageGallery(); if (count($images) > 0) { foreach ($images as $image) { ?> <div class="col-md-3 col-sm-4 col-xs-6"> <div class="slider-image"> <a class="info" class="example-image-link" data-lightbox="example-set" href="../images/gallery/<?php echo $image["image-name"]; ?>" > <img class="example-image img-responsive" src="../images/gallery/thumb/<?php echo $image["image-name"]; ?>" alt=""/> </a> </div> <div class="image-option"> <p class="maxlinetitle"><?php echo $image["caption"]; ?></p> <button class="glyphicon glyphicon-trash delete text-danger delete-gallery-image" id="<?php echo $image["image-name"]; ?>"></button> <a href="edit-photo-gallery.php?id=<?php echo $image["id"]; ?>"><button class="glyphicon glyphicon-pencil edit"></button></a> <a href="arrange-photo-gallery.php"><button class="glyphicon glyphicon-sort pictuers"></button></a> </div> </div> <?php } } else { ?> <b style="padding-left: 15px">No images in the database.</b> <?php } ?> </div> </div> </div> <!--end view slider image --> </div> <!--end container--> </div> <!--END MAIN SITE WRAPPER--> <?php include './footer.php';