<?php include('session.php')?>
<?php include('header.php')?>
<link href="vendor/datatables/dataTables.bootstrap4.min.css" rel="stylesheet">
<style>
img.banner {
width: 145px;
height: 86px;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("input[type='radio']").change(function(){
if($(this).val()=="Single")
{
$("#otherAnswer1").hide();
$("#otherAnswer").show();
}
else if($(this).val()=="Multiple")
{
$("#otherAnswer").hide();
$("#otherAnswer1").show();
}
});
});
</script>
<script>
Filevalidation = () => {
const fi = document.getElementById('otherAnswer');
// Check if any file is selected.
if (fi.files.length > 0) {
for (const i = 0; i <= fi.files.length - 1; i++) {
const fsize = fi.files.item(i).size;
const file = Math.round((fsize / 1024));
// The size of the file.
if (file >= 300) {
alert(
"File too Big, please select a file less than 300kb");
} else if (file < 10) {
alert(
"File too small, please select a file greater than 10kb");
} else {
document.getElementById('size').innerHTML = '<b>'
+ file + '</b> KB';
}
}
}
}
</script>
<script>
function show_confirm() {
return confirm("Are You Sure");
}
</script>
<?php
if(isset($_POST['submit']))
{
$category=$_POST['category'];
$productsname=$_POST['productsname'];
if ($_POST['type'] == 'Multiple'){
foreach ($_FILES['simage']['tmp_name'] as $key => $val )
{
move_uploaded_file($_FILES['simage']['tmp_name'][$key],"img/".$_FILES['simage']['name'][$key]);
$image="img/".$_FILES['simage']['name'][$key];
$sql=mysqli_query($conn, "INSERT INTO productsgallery (image,cid,productsname) VALUES ('$image','$category','$productsname')");
}
}
else
{
move_uploaded_file($_FILES['image']['tmp_name'],"img/".$_FILES['image']['name']);
$image="img/".$_FILES['image']['name'];
$sql=mysqli_query($conn, "INSERT INTO productsgallery (image,cid,productsname) VALUES ('$image','$category','$productsname')");
}
if($sql)
{
echo "<Script>alert('Details Inserted Successfully')</script>";
}
else
{
echo "<Script>alert('Insertion Failed')</script>";
}
}
?>
<body id="page-top">
<!-- Page Wrapper -->
<div id="wrapper">
<!-- Sidebar -->
<?php include('sidebar.php')?>
<!-- End of Sidebar -->
<!-- Content Wrapper -->
<div id="content-wrapper" class="d-flex flex-column">
<!-- Main Content -->
<div id="content">
<!-- Topbar -->
<?php include('topbar.php')?>
<!-- End of Topbar -->
<!-- Begin Page Content -->
<div class="container-fluid">
<!-- Page Heading -->
<div class="d-sm-flex align-items-center justify-content-between mb-4">
<h1 class="h3 mb-0 text-gray-800">Add Products</h1>
</div>
<div class="card shadow mb-4">
<div class="col-lg-7">
<div class="p-5">
<div class="text-center">
</div>
<form class="user" method="post" enctype="multipart/form-data">
<div class="form-group row">
<div class="col-sm-12 mb-3 mb-sm-0">
<label for="exampleInputFile">Products Category</label>
<select class="form-control myOptions" name="category" required>
<option value="">Select Category</option>
<?php
$sql=mysqli_query($conn,"select * from productsgallerycategory");
while($row=mysqli_fetch_array($sql))
{
?>
<option value="<?php echo $row['id']; ?>"><?php echo $row['category']; ?></option>
<?php
}
?>
</select>
<label for="exampleInputFile">Title</label>
<input type="text" class="form-control" id="exampleFirstName" placeholder="Image Title" name="productsname">
</div>
</div>
<div class="form-group">
<label for="exampleInputFile">Upload Image</label></br>
<input type="radio" name="type" value="Single" required>Single
<input type="radio" name="type" value="Multiple">Multiple
<input class="form-control" type="file" name="simage[]" id="otherAnswer1" multiple>
<input style="display:none;" class="form-control" type="file" name="image" id="otherAnswer">
</div>
<input type="submit" class="btn btn-primary btn-user btn-block" name="submit" value="ADD" style="background-color: #c21b16;
border: 1px solid #c21b16;">
</form>
</div>
</div>
</div>
<!-- DataTales Example -->
<!-- DataTales Example -->
<div class="card shadow mb-4">
<div class="card-header py-3">
<h6 class="m-0 font-weight-bold text-primary">DataTable</h6>
</div>
<div class="card-body">
<div class="table-responsive">
<table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
<thead>
<tr>
<th>S.No</th>
<th>Category</th>
<th>Name</th>
<th>Image</th>
<th>Delete</th>
</tr>
</thead>
<tfoot>
<tr>
<th>S.No</th>
<th>Category</th>
<th>Name</th>
<th>Image</th>
<th>Delete</th>
</tr>
</tfoot>
<tbody>
<?php
$x = 1;
$sql=mysqli_query($conn,"SELECT a.*,b.* FROM productsgallerycategory AS a, productsgallery AS b WHERE a.id=b.cid");
while($row=mysqli_fetch_array($sql))
{
?>
<tr>
<td><?php echo $x; ?></td>
<td><?php echo $row['category']; ?></td>
<td><?php echo $row['productsname']; ?></td>
<td><img class="banner" src="<?php echo $row['image']; ?>" /></td>
<td> <a title="Delete" href="productsgallerydelete.php?id=<?php echo $row['id']; ?>" class="" onclick='return show_confirm();'><img class="" src="img/del.png"></a></td>
</tr>
<?php
$x++;
}
echo '<script type="text/javascript"> drawChart(); </script>';
?>
</tbody>
</table>
</div>
</div>
</div>
</div>
<!-- /.container-fluid -->
</div>
<!-- End of Main Content -->
<?php include('footer.php')?>