<?php
include "header.php";
include "sidebar.php";
$id = check_input($con, base64_decode($_REQUEST['id']));
$id1 = check_input($con, $_REQUEST['id']);
$query = mysqli_query($con, "SELECT * FROM `spc_category` WHERE `category_id`='" . $id . "' ");
$data = mysqli_fetch_array($query);
if (!$data) {
die("" . mysqli_error());
}
/*
$fetchPColor=mysqli_query($con,"SELECT `color_id` FROM `spc_product_color` WHERE `product_id`='".$id."' ")or die(mysqli_error($con));
$pcolors=array();
while($selectedPColor=mysqli_fetch_array($fetchPColor)) {
$pcolors[]=$selectedPColor['color_id'];
} */
?>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jasny-bootstrap/3.1.3/css/jasny-bootstrap.min.css" />
<link href="dist/css/jquery.multiselect.css" rel="stylesheet" type="text/css" media="screen" />
<link href="dist/css/jquery.fastconfirm.css" rel="stylesheet" type="text/css" media="screen" />
<!-- iCheck for checkboxes and radio inputs -->
<link rel="stylesheet" href="plugins/iCheck/all.css">
<script type="text/javascript">
$(document).ready(function () {
$("#editCategoryInformation").validate({
rules: {
categoryName: {
required: true,
},
categorySlug: {
required: true,
},
},
messages: {
categoryName: {
required: "This field cannot be blank.",
},
categorySlug: {
required: "This field cannot be blank.",
},
}
});
});
</script>
<script language="javascript" type="text/javascript">
window.onload = function () {
var imgUpload = document.getElementById("imgUpload");
imgUpload.onchange = function () {
if (typeof (FileReader) != "undefined") {
var dvPreview = document.getElementById("dvPreview");
dvPreview.innerHTML = "";
var regex = /^([a-zA-Z0-9\s_\\.\-:])+(.jpg|.jpeg|.gif|.png|.bmp)$/;
for (var i = 0; i < imgUpload.files.length; i++) {
var file = imgUpload.files[i];
var size = imgUpload.files[i].size;
if (size > 1024000) {
alert("Exceed the Maximum Image Size");
$(imgUpload).val("");
}
if (regex.test(file.name.toLowerCase())) {
var reader = new FileReader();
reader.onload = function (e) {
var img = document.createElement("IMG");
img.height = "100";
img.width = "100";
img.src = e.target.result;
dvPreview.appendChild(img);
}
reader.readAsDataURL(file);
} else {
alert(file.name + " is not a valid image file.");
dvPreview.innerHTML = "";
return false;
}
}
} else {
alert("This browser does not support HTML5 FileReader.");
}
}
}
</script>
<aside class="right-side">
<section class="content-header">
<h1>Category<!--<small>Preview</small>--></h1>
</section>
<!-- Main content -->
<section class="content">
<!-- left column -->
<div class="">
<!-- general form elements -->
<div class="box box-primary">
<div class="box-header">
<h3 class="box-title">Edit Category</h3>
<div class="pull-right" style="font-size:15px;"><span class="mandatory">*</span> indicates required field
</div>
</div><!-- /.box-header -->
<!-- form start -->
<div class="box-body">
<form role="form" class="form-horizontal" name="editCategoryInformation" id="editCategoryInformation"
method="post" action="category-process.php" autocomplete="off" enctype="multipart/form-data">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="name" class="col-lg-4 control-label">Category Name<span class="mandatory">*</span></label>
<div class="col-lg-8">
<input type="text" class="form-control isRequired" id="categoryName" name="categoryName"
value="<?php echo $data['category_name']; ?>" placeholder="Enter Category Name"
title="Please enter category name" />
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="categorySlug" class="col-sm-4 control-label">Category Slug <span
class="mandatory">*</span></label>
<div class="col-sm-8">
<input type="text" class="form-control isRequired" id="categorySlug" name="categorySlug"
value="<?php echo $data['category_slug']; ?>" placeholder="Category slug"
title="Please enter category slug" />
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-sm-4" for="img">Upload Image</label>
<div class="col-md-8">
<div class="fileinput fileinput-new fileinputCat" data-provides="fileinput">
<div><span>Maximum Image Upload Size is <code>1MB</code></span></div>
<!--<div><span>Image Width : <code>455px</code> Height : <code> 400px</code></span></div>-->
<div id="dvPreview" class="fileinput-preview thumbnail" data-trigger="fileinput"
style="width: 200px; height: 150px;">
<?php if (isset($data['image']) && $data['image'] != '') { ?>
<img src="<?php
$productImg = "Category Images";
echo "../" . $productImg . "/" . $data['image']; ?>" />
<?php } else { ?>
<img src="http://www.placehold.it/200x150/3c8dbc/fff&text=Image" />
<?php } ?>
</div>
<div>
<span class="btn btn-default btn-file"><span class="fileinput-new">Browse Image</span>
<span class="fileinput-exists">Change</span>
<input type="file" id="imgUpload" name="image" onclick="getImage();"></span>
<?php if (isset($data['image']) && $data['image'] != '') { ?>
<a href="javascript:void(0);" class="btn btn-default" data-dismiss="fileupload" id="oldImage"
onclick="clearImage()">Clear</a>
<?php } ?>
<a href="#" class="btn btn-default fileinput-exists" data-dismiss="fileinput">Remove</a>
</div>
<?php if (isset($data['image']) && $data['image'] != '') { ?>
<input type="hidden" name="existImage" id="existImage" value="<?php echo $data['image']; ?>" />
<input type="hidden" name="removedImage" id="removedImage"
value="<?php echo $data['image']; ?>" />
<?php } ?>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label for="address" class="col-lg-2 control-label">Detailed Description</label>
<div class="col-lg-10">
<p> <strong>Please note </strong>: Do not copy and paste content from Microsoft Word or Google Docs,
the formatting might come out badly. Paste content in a notepad and then paste here and then do
formatting in the editor below</p>
<textarea class="input-xlarge isRequired discriptiontextarea" id="mainDescription"
name="mainDescription" rows="3"
title="Please enter description"><?php echo $data['description']; ?></textarea>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label for="address" class="col-lg-2 control-label">Other Description</label>
<div class="col-lg-10">
<textarea class="input-xlarge isRequired discriptiontextarea" id="otherDescription"
name="otherDescription" rows="3"
title="Please enter other description"><?php echo $data['other_description']; ?></textarea>
</div>
</div>
</div>
</div>
<br />
<ul class="todo-list ui-sortable">
<li style="font-size:20px;"><strong>SEO Description</strong></li>
</ul>
<br />
<div class="form-group">
<label class="col-sm-2 control-label">Title Tag</label>
<div class="col-sm-8">
<textarea name="titleTag" id="titleTag" class="form-control"
rows="3"><?php echo $data['title_tag']; ?></textarea>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">Meta Keywords</label>
<div class="col-sm-8">
<textarea name="metaKeyword" id="metaKeyword" class="form-control"
rows="3"><?php echo $data['meta_keyword']; ?></textarea>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">Meta Description</label>
<div class="col-sm-8">
<textarea name="metaDescription" id="metaDescription" class="form-control"
rows="3"><?php echo $data['meta_description']; ?></textarea>
</div>
</div>
<input type="hidden" name="id" id="id" value="<?php echo $id1; ?>" />
<input type="hidden" name="deleteDMapId[]" id="deleteDMapId" />
<div class="box-footer">
<input type="submit" name="submit" class="btn btn-info" value="Save Changes">
<input type="reset" name="reset" class="btn bg-primary" value="Reset">
</div>
</form>
</div><!-- /.box -->
</div><!--/.col (left) -->
</section><!-- /.content -->
</aside>
<script type="text/javascript" src="dist/js/jquery.multiselect.js"></script>
<script type="text/javascript" src="dist/js/jquery.multiselect.filter.js"></script>
<script type="text/javascript" src="dist/js/jquery.fastconfirm.js"></script>
<script type="text/javascript" src="dist/js/slug.js"></script>
<script type="text/javascript" src="dist/js/jquery.blockUI.js"></script>
<script src="//cdn.ckeditor.com/4.5.9/full/ckeditor.js"></script>
<!-- iCheck 1.0.1 -->
<script src="plugins/iCheck/icheck.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#categoryName").stringToSlug({
getPut: "#categorySlug"
});
})
$(function () {
// Replace the <textarea id="editor1"> with a CKEditor
// instance, using default configuration.
CKEDITOR.replace('mainDescription');
CKEDITOR.replace('otherDescription');
//bootstrap WYSIHTML5 - text editor
$(".textarea").wysihtml5();
});
function clearImage() {
$('.fileinputCat').fileinput('clear');
$("#oldImage").addClass("hide");
$('#existImage').val('');
}
function getImage() {
$('.fileinputCat').fileinput('clear');
$("#oldImage").addClass("hide");
$('#existImage').val('');
}
</script>
<script>
function ImageFileValidation(obj) {
var fileExtension = ['jpeg', 'jpg', 'png', 'gif', 'bmp'];
if ($.inArray($(obj).val().split('.').pop().toLowerCase(), fileExtension) == -1) {
alert("Only '.jpeg','.jpg', '.png', '.gif', '.bmp' formats are allowed.");
$(obj).val("");
}
}
</script>
<script type="text/javascript">
$(function () {
$(".select2").select2();
// Replace the <textarea id="editor1"> with a CKEditor
// instance, using default configuration.
});
//Enable iCheck plugin for checkboxes
//iCheck for checkbox and radio inputs
$('input[type="checkbox"].icheckbox_flat-green, input[type="radio"].icheckbox_flat-green').iCheck({
checkboxClass: 'icheckbox_flat-green',
radioClass: 'iradio_flat-green'
});
$('input[type="checkbox"].icheckbox_flat-blue, input[type="radio"].icheckbox_flat-blue').iCheck({
checkboxClass: 'icheckbox_flat-blue',
radioClass: 'iradio_flat-blue'
});
//Flat red color scheme for iCheck
$('input[type="checkbox"].flat-red, input[type="radio"].flat-red').iCheck({
checkboxClass: 'icheckbox_flat-red',
radioClass: 'iradio_flat-red'
});
</script>
<?php
include "footer.php";
?>