Uname : Linux V-ShopU01 4.18.0-348.20.1.el8_5.x86_64 #1 SMP Thu Mar 10 20:59:28 UTC 2022 x86_64
Server : Apache/2.4.37 (rocky) OpenSSL/1.1.1k
Whoami : apache
Safe Mode : OFF
DOCUMENT ROOT : /var/www/html/site_shopudietDisable Function :
Path : /var/www/html/site_shopudiet/admin/
Server IP : 65.20.74.164
Client IP : 18.220.6.85
| Current File : /var/www/html/site_shopudiet/admin/category.php |
<?php
include 'dbconnect.php';
session_start();
if(!isset($_SESSION["sess_user"])){
header("Location: shop.php");
}
else
{
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="apple-touch-icon" sizes="76x76" href="../assets/img/apple-icon.png">
<title>shopUdiet | Category </title>
<link rel="icon" type="image/png" href="../images/favicon.png"/>
<!-- Fonts and icons -->
<link href="https://fonts.googleapis.com/css?family=Poppins:200,300,400,600,700,800" rel="stylesheet" />
<link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet">
<!-- Nucleo Icons -->
<link href="./css/nucleo-icons.css" rel="stylesheet" />
<!-- CSS Files -->
<link href="./css/black-dashboard.css?v=1.0.0" rel="stylesheet" />
<!-- CSS Just for demo purpose, don't include it in your project -->
<link href="./demo/demo.css" rel="stylesheet" />
</head>
<body class="">
<div class="wrapper">
<?php include('sidebar.php');?>
<div class="main-panel">
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-absolute navbar-transparent">
<div class="container-fluid">
<div class="navbar-wrapper">
<div class="navbar-toggle d-inline">
<button type="button" class="navbar-toggler">
<span class="navbar-toggler-bar bar1"></span>
<span class="navbar-toggler-bar bar2"></span>
<span class="navbar-toggler-bar bar3"></span>
</button>
</div>
<a class="navbar-brand" href="javascript:void(0)">shopUdiet</a>
</div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navigation" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-bar navbar-kebab"></span>
<span class="navbar-toggler-bar navbar-kebab"></span>
<span class="navbar-toggler-bar navbar-kebab"></span>
</button>
<div class="collapse navbar-collapse" id="navigation">
<ul class="navbar-nav ml-auto">
<li class="dropdown nav-item">
<a href="#" class="dropdown-toggle nav-link" data-toggle="dropdown">
<div class="photo">
<img src="./img/anime3.png" alt="Profile Photo">
</div>
<b class="caret d-none d-lg-block d-xl-block"></b>
<p class="d-lg-none">
Log out
</p>
</a>
<ul class="dropdown-menu dropdown-navbar">
<li class="nav-link"><a href="change_pwd.php" class="nav-item dropdown-item">Change Password</a></li>
<li class="nav-link">
<?php echo $_SESSION['id']; ?><a href="logout.php" class="nav-item dropdown-item">Log out</a></li>
</ul>
</li>
<li class="separator d-lg-none"></li>
</ul>
</div>
</div>
</nav>
<div class="modal modal-search fade" id="searchModal" tabindex="-1" role="dialog" aria-labelledby="searchModal" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<input type="text" class="form-control" id="inlineFormInputGroup" placeholder="SEARCH">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<i class="tim-icons icon-simple-remove"></i>
</button>
</div>
</div>
</div>
</div>
<!-- End Navbar -->
<div class="container-fluid">
<div class="col-md-12" align="center">
<div class="content">
<div class="row" style="width: 65%;">
<div class="card" style="margin-top: 100px;">
<div class="card-body">
<form method="post" action="add_category.php" enctype="multipart/form-data">
<div class="row">
<div class="col-md-12 ">
<h3 class="title" style="text-align: center; ">Add Category</h3>
<div class="row">
<div class="col-md-6 col-sm-6 col-xs-6">
<div class="form-group" style="text-align: left;">
<label>Category Name</label>
<input type="text" class="form-control" placeholder="Category Name" name="category_name" required>
</div>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<div class="form-group" style="text-align: left;">
<label>Category number</label>
<input type="text" class="form-control" placeholder="Category Number" name="category_num" required>
</div>
</div>
</div>
<div class="input_fields_wrap">
<div class="row">
<div class="col-md-4">
<div class="form-group">
<!-- <h5 class="title">Package</h5>
<input type="text" class="form-control" placeholder="Item" name="items[]">
</div> -->
<label>Subcategory</label>
<input type="text" class="form-control" placeholder="Subcategory" name="sub_cat[]">
</div>
</div>
<!-- </div> -->
<div class="col-md-4 ">
<div class="form-group">
<button id='add' type="button" class="add_field_button btn btn-info active plus"><i class="fa fa-plus" aria-hidden="true"></i></button>
</div>
</div>
</div>
<div class="row">
</div>
</div>
<div class="form-group" style="text-align: left;">
<label>Category Description</label>
<textarea class="form-control" placeholder="Description" name="category_description" required></textarea>
</div>
<div class="form-group" style="text-align: left;">
<label>Message</label>
<textarea class="form-control" placeholder="Enter Message Here.." name="message"></textarea>
</div>
<div class="form-group" style="text-align: left;">
<label>Feature image</label>
<input type="file" class="form-control" name="image" required>
</div>
</div>
</div>
</div>
<div class="card-footer">
<input type="submit" class="btn btn-fill btn-primary" name="submit" value="Add"/>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="container-fluid">
<div class="copyright">
©
<script>
document.write(new Date().getFullYear())
</script> Developped with <i class="tim-icons icon-heart-2"></i> by
<a href="http://ephphathasoftech.com/" target="_blank">Ephphatha Softech</a>
</div>
</div>
</footer>
</div>
</div>
<!-- Core JS Files -->
<script src="./js/core/jquery.min.js"></script>
<script src="./js/core/popper.min.js"></script>
<script src="./js/core/bootstrap.min.js"></script>
<script src="./js/plugins/perfect-scrollbar.jquery.min.js"></script>
<!-- Google Maps Plugin -->
<!-- Place this tag in your head or just before your close body tag. -->
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY_HERE"></script>
<!-- Chart JS -->
<script src="./js/plugins/chartjs.min.js"></script>
<!-- Notifications Plugin -->
<script src="./js/plugins/bootstrap-notify.js"></script>
<!-- Control Center for Black Dashboard: parallax effects, scripts for the example pages etc -->
<script src="./js/black-dashboard.min.js?v=1.0.0"></script><!-- Black Dashboard DEMO methods, don't include it in your project! -->
<script src="./demo/demo.js"></script>
<script src="https://cdn.trackjs.com/agent/v3/latest/t.js"></script>
<script>
window.TrackJS &&
TrackJS.install({
token: "ee6fab19c5a04ac1a32a645abde4613a",
application: "black-dashboard-free"
});
var acc = document.getElementsByClassName("accordion");
var i;
for (i = 0; i < acc.length; i++) {
acc[i].addEventListener("click", function() {
this.classList.toggle("active");
var panel = this.nextElementSibling;
if (panel.style.display === "block") {
panel.style.display = "none";
} else {
panel.style.display = "block";
}
});
}
/*menu*/
var dropdown = document.getElementsByClassName("dropdown-btn");
var i;
for (i = 0; i < dropdown.length; i++) {
dropdown[i].addEventListener("click", function() {
this.classList.toggle("active");
var dropdownContent = this.nextElementSibling;
if (dropdownContent.style.display === "block") {
dropdownContent.style.display = "none";
} else {
dropdownContent.style.display = "block";
}
});
}
</script>
<script type="text/javascript">
$(document).ready(function() {
var max_fields = 15; //maximum input boxes allowed
var wrapper = $(".input_fields_wrap"); //Fields wrapper
var add_button = $(".add_field_button"); //Add button ID
var x = 1; //initlal text box count
$(add_button).click(function(e){ //on add input button click
e.preventDefault();
if(x < max_fields){ //max input box allowed
x++; //text box increment
$(wrapper).append('<div class="row"><div class="col-md-4"><div class="form-group"><input type="text" class="form-control" placeholder="Subcategory" name="sub_cat[]"> </div></div><div class="form-group"> </div><div style="cursor:pointer;background-color:magenta;" class="remove_field btn btn-info plus1">Remove</div></div> '); //add input box
}
});
$(wrapper).on("click",".remove_field", function(e){ //user click on remove text
e.preventDefault(); $(this).parent('div').remove(); x--;
})
});
</script>
</body>
<style type="text/css">
.accordion {
cursor: pointer;
transition: 0.4s;
}
.icons a{
padding:10px;
}
.panel {
display: none;
overflow: hidden;
}
.sidenav a, .dropdown-btn {
padding: 6px 8px 6px 16px;
text-decoration: none;
display: block;
border: none;
background: none;
width: 100%;
text-align: left;
cursor: pointer;
outline: none;
color: #fff;
}
/* Main content */
.main {
margin-left: 200px; /* Same as the width of the sidenav */
padding: 0px 10px;
}
/* Add an active class to the active dropdown button */
/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container {
display: none;
padding-left: 8px;
}
.dropdown-container a{
text-align: right;
padding-right: 70px;
line-height: 30px;}
.sidenav a:hover {
color: #32325d;
}
a:focus {
/* outline: 1px dotted; */
outline: none;
background-color: #0000001c;
}
.sidenav li{
padding: 10px;
outline: 1px solid #0000001c;
/* background-color: #0000001c;
*/
}
</style>
</html>
<?php
}
?>