55ok
Mini
<?php
ini_set('memory_limit','2048M');
ini_set('max_execution_time', '0'); // for infinite time of execution
// Initialize the session
session_start();
include "config.php";
// Check if the user is logged in, if not then redirect him to login page
if(!isset($_SESSION["login"]) && $_SESSION["login"] !== true){
header("location: index.php");
exit;
}
$cat_result = $conn->query('SELECT * FROM category where status=1 and subcat_status=1');
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<?php include "meta-title.php";?>
<link rel="icon" href="assets/images/favicon/favicon.png" type="image/x-icon">
<link rel="shortcut icon" href="assets/images/favicon/favicon.png" type="image/x-icon">
<link rel="preconnect" href="https://fonts.googleapis.com/">
<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="assets/css/vendors/font-awesome.css">
<!-- ico-font-->
<link rel="stylesheet" type="text/css" href="assets/css/vendors/icofont.css">
<!-- Themify icon-->
<link rel="stylesheet" type="text/css" href="assets/css/vendors/themify.css">
<!-- Flag icon-->
<link rel="stylesheet" type="text/css" href="assets/css/vendors/flag-icon.css">
<!-- Feather icon-->
<link rel="stylesheet" type="text/css" href="assets/css/vendors/feather-icon.css">
<link rel="stylesheet" type="text/css" href="assets/css/vendors/scrollbar.css">
<link rel="stylesheet" type="text/css" href="assets/css/vendors/dropzone.css">
<link rel="stylesheet" type="text/css" href="assets/css/vendors/summernote.css">
<!-- Bootstrap css-->
<link rel="stylesheet" type="text/css" href="assets/css/vendors/bootstrap.css">
<!-- App css-->
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
<link id="color" rel="stylesheet" href="assets/css/color-1.css" media="screen">
<!-- Responsive css-->
<link rel="stylesheet" type="text/css" href="assets/css/responsive.css">
<style>
.holder {
height: auto;
width: 300px;
border: 0px solid black;
}
img {
max-width: 100%;
max-height: 100%;
min-width: 100%;
min-height: 100%;
}
input[type="file"] {
margin-top: 5px;
}
</style>
</head>
<body>
<!-- tap on top starts-->
<div class="tap-top"><i data-feather="chevrons-up"></i></div>
<!-- tap on tap ends-->
<!-- Loader starts-->
<div class="loader-wrapper">
<div class="dot"></div>
<div class="dot"></div>
<div class="dot"></div>
<div class="dot"> </div>
<div class="dot"></div>
</div>
<!-- Loader ends-->
<!-- page-wrapper Start-->
<div class="page-wrapper compact-wrapper" id="pageWrapper">
<!-- Page Header Start-->
<?php include "header.php";?>
<!-- Page Header Ends-->
<!-- Page Body Start-->
<div class="page-body-wrapper">
<!-- Page Sidebar Start-->
<?php include "sidebar.php";?>
<!-- Page Sidebar Ends-->
<div class="page-body">
<div class="container-fluid">
<div class="page-title">
<div class="row">
<div class="col-sm-6">
<h3>Add Sub Category</h3>
</div>
<div class="col-sm-6">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="dashboard.php"> <i data-feather="home"></i></a></li>
<li class="breadcrumb-item active">Add Sub Category</li>
</ol>
</div>
</div>
</div>
</div>
<!-- Container-fluid starts-->
<div class="container-fluid add-product">
<div class="row">
<div class="col-xl-12">
<div class="card">
<div class="card-body">
<div class="product-info">
<form action="general-functions.php" method="POST" enctype="multipart/form-data" onsubmit="javascript: return process();">
<div class="row">
<div class="col-sm-12">
<div class="mt-3 mb-3">
<label class="form-label">Subcategory Name</label>
<input class="form-control" placeholder="Enter Subcategory Name" name="subcategory_name" type="text" required><span class="text-danger"></span>
</div>
</div>
<div class="col-sm-12">
<div class="mt-3 mb-3">
<label class="form-label">Image (370 x 300)</label>
<div class="holder">
<img id="imgPreview" src="assets/images/default-placeholder.png" alt="pic" />
</div>
<input type="file" class="form-control" name="image" id="image" required="true" />
</div>
</div>
<div class="col-sm-12">
<div class="mt-3 mb-3">
<label class="form-label">Description</label>
<input class="form-control" placeholder="Enter Description" name="subcategory_desc" type="text" >
</div>
</div>
<div class="col-sm-12">
<div class="mt-3 mb-3">
<label class="form-label">Select Category</label>
<select class="form-select" name="category_id" required>
<option value="">Select..</option>
<?php
while($cat_row = mysqli_fetch_array($cat_result)){
?>
<option value="<?php echo $cat_row["category_id"];?>"><?php echo $cat_row["category_name"];?></option>
<?php } ?>
</select>
</div>
</div>
<div class="col-sm-12">
<div class="mt-3 mb-3">
<label class="form-label">Status</label>
<select class="form-select" name="status" required>
<option value="">Select..</option>
<option value="1">Active</option>
<option value="0">Inactive</option>
</select>
</div>
</div>
<div class="col-sm-12">
<div class="mt-4">
<div class="row">
<div class="col-sm-12 text-end"><button name="act" type="submit" class="btn btn-primary me-3" value="ADD_SUBCATEGORY">Submit </button><button class="btn btn-secondary">Cancel</button></div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Container-fluid Ends-->
</div>
<!-- footer start-->
<?php include "footer.php"; ?>
</div>
</div>
<!-- latest jquery-->
<script src="assets/js/jquery-3.6.0.min.js"></script>
<!-- Bootstrap js-->
<script src="assets/js/bootstrap/bootstrap.bundle.min.js"></script>
<!-- feather icon js-->
<script src="assets/js/icons/feather-icon/feather.min.js"></script>
<script src="assets/js/icons/feather-icon/feather-icon.js"></script>
<!-- scrollbar js-->
<script src="assets/js/scrollbar/simplebar.js"></script>
<script src="assets/js/scrollbar/custom.js"></script>
<!-- Sidebar jquery-->
<script src="assets/js/config.js"></script>
<script src="assets/js/sidebar-menu.js"></script>
<script src="assets/js/jquery.ui.min.js"></script>
<script src="assets/js/editor/summernote/summernote.js"></script>
<script src="assets/js/editor/summernote/summernote.custom.js"></script>
<script src="assets/js/dropzone/dropzone.js"></script>
<script src="assets/js/dropzone/dropzone-script.js"></script>
<script src="assets/js/tooltip-init.js"></script>
<!-- Template js-->
<script src="assets/js/script.js"></script>
<!-- login js-->
<script>
$(document).ready(()=>{
$('#image').change(function(){
const file = this.files[0];
console.log(file);
if (file){
let reader = new FileReader();
reader.onload = function(event){
console.log(event.target.result);
$('#imgPreview').attr('src', event.target.result);
}
reader.readAsDataURL(file);
}
});
});
</script>
</body>
</html>
Zerion Mini 1.0