|
Server IP : 162.214.80.37 / Your IP : 216.73.216.83 Web Server : Apache System : Linux sh013.webhostingservices.com 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : imyrqtmy ( 2189) PHP Version : 8.2.18 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home2/imyrqtmy/public_html/opulanceindia/admin/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<?php
session_start();
$se = $_SESSION["id"];
if (!isset($_SESSION['id'])) {
header("Location: login.php");
}
include("includes/config.php");;
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Product Form Elements</title>
<!-- Google Font: Source Sans Pro -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
<!-- Font Awesome -->
<link rel="stylesheet" href="plugins/fontawesome-free/css/all.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="dist/css/adminlte.min.css">
</head>
<body class="hold-transition sidebar-mini">
<div class="wrapper">
<!-- Navbar -->
<?php require "includes/nav.php" ?>
<!-- /.navbar -->
<!-- Main Sidebar Container -->
<?php require "includes/sidebar.php" ?>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<section class="content-header">
<div class="container-fluid">
<div class="row mb-2">
<div class="col-sm-6">
<h1>Product</h1>
</div>
<div class="col-sm-6">
<ol class="breadcrumb float-sm-right">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item active">Product</li>
</ol>
</div>
</div>
</div><!-- /.container-fluid -->
</section>
<!-- Main content -->
<section class="content">
<div class="container-fluid">
<div class="row">
<!-- left column -->
<div class="col-md-12">
<!-- general form elements -->
<div class="card card-primary">
<div class="card-header">
<h3 class="card-title">Add Product</h3>
</div>
<!-- /.card-header -->
<!-- form start -->
<?php
if(isset($_SESSION['status']) && $_SESSION != ''){
?>
<div class="alert alert-warning alert-dismissible fade show" role="alert">
<strong>Hey!</strong> <?php echo $_SESSION['status']; ?>
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
<?php
unset($_SESSION['status']);
}
?>
<!-- <form action="add_product.php" method="post" enctype="multipart/form-data"> -->
<form id="addProductForm" enctype="multipart/form-data">
<div class="card-body">
<div class="form-group">
<label for="product_sections">Assign to Sections:</label>
<div id="sectionCheckboxes">
<div class="form-check">
<input type="checkbox" name="sec_pro" value="1" id="sectionProducts" class="form-check-input">
<label class="form-check-label" for="sectionProducts">Our Products</label>
</div>
<div class="form-check">
<input type="checkbox" name="special_products" value="1" id="sectionHotDeals" class="form-check-input">
<label class="form-check-label" for="sectionHotDeals">Special Products</label>
</div>
<div class="form-check">
<input type="checkbox" name="new_release" value="1" id="sectionNewRelease" class="form-check-input">
<label class="form-check-label" for="sectionNewRelease">New Release</label>
</div>
<div class="form-check">
<input type="checkbox" name="today_deals" value="1" id="sectionNewRelease" class="form-check-input">
<label class="form-check-label" for="sectionNewRelease">Today's Deals</label>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="exampleInputPassword1">Product Name</label>
<input type="text" class="form-control" id="product_name" name="product_name" placeholder="Enter Name">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="exampleInputPassword1">sub Category Id</label>
<select name="scategory_id" id="scategory" class="form-control" required="">
<option value="" selected disabled>Select</option>
<?php
$query = "SELECT * FROM scategories";
$query_run =mysqli_query($conn, $query);
if(mysqli_num_rows($query_run) > 0){
foreach($query_run as $row){
echo '<option class="fs-6" value="'.$row["id"].'">'.$row["scat_name"].'</option>';
}}
?>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="exampleInputPassword1">Discount Price</label>
<input type="text" class="form-control" id="dprice" name="dprice" placeholder="Discount Price">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="exampleInputPassword1">Price</label>
<input type="text" class="form-control" id="price" name="price" placeholder="Enter Price">
</div>
</div>
</div>
<div class="form-group">
<label for="exampleInputPassword1">Short Desc</label>
<input type="text" class="form-control" id="s_description" name="s_description" placeholder="Enter Short Description">
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="photos">Upload Images (Max 5):</label>
<input type="file" name="images[]" id="photos" multiple accept="image/*">
</div>
</div>
<!-- <div class="col-md-6">
<div class="row">
<div class="col-md-3">
<div class="form-group">
<label for="colors">Select Colors</label>
<div id="colorCheckboxes">
<div class="form-check">
<input type="checkbox" name="colors[]" value="Red" id="colorRed" class="form-check-input">
<label class="form-check-label" for="colorRed">Red</label>
</div>
<div class="form-check">
<input type="checkbox" name="colors[]" value="Green" id="colorGreen" class="form-check-input">
<label class="form-check-label" for="colorGreen">Green</label>
</div>
<div class="form-check">
<input type="checkbox" name="colors[]" value="Black" id="colorBlack" class="form-check-input">
<label class="form-check-label" for="colorBlack">Black</label>
</div>
<div class="form-check">
<input type="checkbox" name="colors[]" value="Blue" id="colorBlue" class="form-check-input">
<label class="form-check-label" for="colorBlue">Blue</label>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<label for="colors"> </label>
<div id="colorCheckboxes">
<div class="form-check">
<input type="checkbox" name="colors[]" value="Yellow" id="colorRed" class="form-check-input">
<label class="form-check-label" for="colorRed">Yellow</label>
</div>
<div class="form-check">
<input type="checkbox" name="colors[]" value="Brown" id="colorGreen" class="form-check-input">
<label class="form-check-label" for="colorGreen">Brown</label>
</div>
<div class="form-check">
<input type="checkbox" name="colors[]" value="Orange" id="colorBlack" class="form-check-input">
<label class="form-check-label" for="colorBlack">Orange</label>
</div>
<div class="form-check">
<input type="checkbox" name="colors[]" value="Purple" id="colorBlue" class="form-check-input">
<label class="form-check-label" for="colorBlue">Purple</label>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<label for="colors"> </label>
<div id="colorCheckboxes">
<div class="form-check">
<input type="checkbox" name="colors[]" value="Pink" id="colorRed" class="form-check-input">
<label class="form-check-label" for="colorRed">Pink</label>
</div>
<div class="form-check">
<input type="checkbox" name="colors[]" value="White" id="colorGreen" class="form-check-input">
<label class="form-check-label" for="colorGreen">White</label>
</div>
<div class="form-check">
<input type="checkbox" name="colors[]" value="Tan" id="colorBlack" class="form-check-input">
<label class="form-check-label" for="colorBlack">Tan</label>
</div>
<div class="form-check">
<input type="checkbox" name="colors[]" value="Gold" id="colorBlue" class="form-check-input">
<label class="form-check-label" for="colorBlue">Gold</label>
</div>
</div>
</div>
</div>
</div>
</div> -->
<div class="col-md-6">
<div class="form-group">
<label for="colorInput">Enter Colors (comma-separated)</label>
<input type="text" id="colorInput" class="form-control" placeholder="Enter colors and press comma">
<div id="colorTags" class="mt-2"></div>
<input type="hidden" name="colors" id="colorValues">
</div>
</div>
</div>
<div class="row">
<div class="col-md-3">
<div class="form-group">
<label for="exampleInputPassword1">BRAND</label>
<input type="text" class="form-control" id="brand" name="brand" placeholder="Enter Brand">
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<label for="exampleInputPassword1">COLLECTION NAME</label>
<input type="text" class="form-control" id="collection_name" name="collection_name" placeholder="Enter Collection Name">
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<label for="exampleInputPassword1">MATERIAL</label>
<input type="text" class="form-control" id="material" name="material" placeholder="Enter Material">
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<label for="exampleInputPassword1">SPECIFICATION</label>
<input type="text" class="form-control" id="specification" name="specification" placeholder="Enter Specification">
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label for="exampleInputPassword1">NUMBER OF ITEMS</label>
<input type="text" class="form-control" id="item" name="item" placeholder="Enter No Of Item">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label for="exampleInputPassword1">MANUFACTURER</label>
<input type="text" class="form-control" id="manufacturer" name="manufacturer" placeholder="Enter Manufacturer">
</div>
</div>
</div>
<!-- <div class="form-group">
<label for="exampleInputPassword1">Application</label>
<textarea name="application" id="option_text_1" cols="125" rows="5"></textarea>
</div> -->
<div class="form-group">
<label for="exampleInputPassword1">CARE INSTRUCTION</label>
<textarea name="care_instruction" id="option_text_2" cols="125" rows="5"></textarea>
</div>
<div class="form-group">
<label for="exampleInputPassword1">Long Desc</label>
<textarea name="description" id="option_text_3" cols="125" rows="5"></textarea>
<!-- <textarea name="description" id="option_text_1" cols="125" rows="5"></textarea> -->
</div>
<div class="card-footer">
<button type="button" id="submitProduct" class="btn btn-primary">Add Product</button>
</div>
<!-- <div class="card-footer">
<button type="submit" name="add_product" class="btn btn-primary">Add Product</button>
</div> -->
</form>
</div>
<!-- /.card -->
</div>
</div>
</div>
</section>
<!-- /.content -->
</div>
<!-- Control Sidebar -->
<aside class="control-sidebar control-sidebar-dark">
<!-- Control sidebar content goes here -->
</aside>
<!-- /.control-sidebar -->
</div>
<!-- ./wrapper -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function () {
$('#submitProduct').on('click', function (e) {
e.preventDefault();
// Update CKEditor instances
for (var instanceName in CKEDITOR.instances) {
CKEDITOR.instances[instanceName].updateElement();
}
// Get form data
var formData = new FormData($('#addProductForm')[0]);
// Send data via AJAX
$.ajax({
url: 'add_product.php',
type: 'POST',
data: formData,
processData: false, // Required for FormData
contentType: false, // Required for FormData
success: function (response) {
// Handle success response
if (response.trim() === 'success') { // Assuming 'success' is returned on success
alert('Product added successfully!');
window.location.href = 'view-product.php'; // Redirect to the desired page
} else {
alert('Error: ' + response);
}
},
error: function (xhr, status, error) {
// Handle error response
alert('An error occurred: ' + error);
console.log(xhr.responseText);
}
});
});
});
</script>
<!-- color start -->
<script>
document.addEventListener("DOMContentLoaded", function () {
const colorInput = document.getElementById("colorInput");
const colorTags = document.getElementById("colorTags");
const colorValues = document.getElementById("colorValues");
let selectedColors = [];
colorInput.addEventListener("keydown", function (event) {
if (event.key === "," || event.key === "Enter") {
event.preventDefault();
let color = colorInput.value.trim().replace(",", "");
if (color && !selectedColors.includes(color)) {
selectedColors.push(color);
updateTags();
}
colorInput.value = "";
}
});
function updateTags() {
colorTags.innerHTML = "";
selectedColors.forEach((color, index) => {
let tag = document.createElement("span");
tag.className = "badge bg-primary m-1 p-2";
tag.innerHTML = `${color} <span class="ms-2 text-white cursor-pointer" onclick="removeColor(${index})">×</span>`;
colorTags.appendChild(tag);
});
colorValues.value = selectedColors.join(",");
}
window.removeColor = function (index) {
selectedColors.splice(index, 1);
updateTags();
};
});
</script>
<!-- color end -->
<script src="plugins/jquery/jquery.min.js"></script>
<!-- Bootstrap 4 -->
<script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- bs-custom-file-input -->
<script src="plugins/bs-custom-file-input/bs-custom-file-input.min.js"></script>
<!-- AdminLTE App -->
<script src="dist/js/adminlte.min.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="dist/js/demo.js"></script>
<!-- Page specific script -->
<script>
$(function () {
bsCustomFileInput.init();
});
</script>
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
<script>
CKEDITOR.replace('option_text_1');
CKEDITOR.replace('option_text_2');
CKEDITOR.replace('option_text_3');
</script>
</body>
</html>
<script>
// JavaScript for Adding More Color Fields
document.addEventListener('DOMContentLoaded', function () {
document.querySelector('#colorFields').addEventListener('click', function (e) {
if (e.target && e.target.classList.contains('add-more-color')) {
const newField = document.createElement('div');
newField.className = 'input-group mb-2';
newField.innerHTML = `
<input type="text" name="colors[]" class="form-control" placeholder="Enter Color">
<button type="button" class="btn btn-danger remove-color">Remove</button>
`;
e.target.closest('#colorFields').appendChild(newField);
}
if (e.target && e.target.classList.contains('remove-color')) {
e.target.closest('.input-group').remove();
}
});
});
</script>