| Server IP : 68.178.202.69 / Your IP : 216.73.216.143 Web Server : Apache System : Linux 69.202.178.68.host.secureserver.net 3.10.0-1160.139.1.el7.tuxcare.els2.x86_64 #1 SMP Mon Nov 3 13:30:41 UTC 2025 x86_64 User : ikioworld ( 1005) PHP Version : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /home/ikioworld/www/application/views/admin/product/ |
Upload File : |
<?php echo $header;?>
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<section class="content-header">
<h1>Add Product</h1>
<ol class="breadcrumb">
<li><a href="<?php echo base_url();?>admin"><i class="fa fa-dashboard"></i>Dashboard</a></li>
<li><a href="<?php echo base_url();?>admin/product">Product </a></li>
<li class="active">Add</li>
</ol>
</section>
<!-- Main content -->
<section class="content">
<div class="row">
<!-- left column -->
<form role="form" id="Form1" method="post" enctype="multipart/form-data" action="">
<div class="col-md-9">
<!-- general form elements -->
<div class="box box-primary">
<div class="box-body">
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label for="tags"> Meta Title</label>
<input type="input" name="meta_title" class="form-control" id="meta_title" placeholder="Enter Meta Title">
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label for="tags"> Meta Keyword </label>
<input type="input" name="meta_keyword" class="form-control" id="meta_keyword" placeholder="Enter Meta Keyword">
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label for="product_description"> Product Meta Description </label>
<textarea name="meta_description" id="meta_description"></textarea>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="tags"> Product Name </label>
<input type="input" name="product_name" class="form-control" id="product_name" placeholder="Enter Product Name">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="tags"> Product Tagline </label>
<input type="input" name="product_tagline" class="form-control" id="product_tagline" placeholder="Enter Product Tagline">
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label for="product_description"> Product Features </label>
<textarea name="features" id="features"></textarea>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="color"> Application Area </label>
<select class="js-example-basic-multiple" id="application_area" name="application_area[]" multiple="multiple">
<?php foreach($application as $app){?>
<option value="<?php echo $app->id;?>"><?php echo $app->application_name;?></option>
<?php } ?>
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="Size"> Type </label>
<select class="js-example-basic-multiple" id="multiple_type" name="product_type[]" multiple="multiple">
<?php foreach($type as $typ){?>
<option value="<?php echo $typ->id;?>"><?php echo $typ->type_name;?></option>
<?php } ?>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="application_area"> Product Variant </label>
<select class="js-example-basic-multiple" id="multiple_variant" name="product_variant[]" multiple="multiple">
<?php foreach($variant as $var){?>
<option value="<?php echo $var->id;?>"><?php echo $var->variant_name;?></option>
<?php } ?>
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="Size"> Feature </label>
<select class="js-example-basic-multiple" id="multiple_features" name="product_features[]" multiple="multiple">
<?php foreach($features as $feat){?>
<option value="<?php echo $feat->id;?>"><?php echo $feat->feature_name;?></option>
<?php } ?>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label for="application_area"> IP Rating </label>
<select class="js-example-basic-multiple" id="multiple_rating" name="product_rating[]" multiple="multiple">
<?php foreach($rating as $rat){?>
<option value="<?php echo $rat->id;?>"><?php echo $rat->rating_name;?></option>
<?php } ?>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label for="application_area"> Company </label>
<select class="js-example-basic-multiple" id="multiple_company" name="product_company[]" multiple="multiple">
<?php foreach($company as $comp){?>
<option value="<?php echo $comp->id;?>"><?php echo $comp->name;?></option>
<?php } ?>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label for="description">Product Short Description</label>
<textarea id="product_short_description" name="product_short_description"></textarea>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label for="product_description" >Product Long Description</label>
<textarea name="product_long_description" id="product_long_description"></textarea>
</div>
</div>
</div>
</div>
<!-- /.box-body -->
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label for="description">Product Resource Information</label>
<textarea id="resource" name="resource"></textarea>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label for="description">Product Ordering Information</label>
<textarea id="ordering_information" name="ordering_information"></textarea>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label for="description">Product Accessories</label>
<textarea id="accessories" name="accessories"></textarea>
</div>
</div>
</div>
<label for="description">Product Technical Specification</label>
<div class="add_row_wrap items">
<div class="add_wrap_inners_box">
<div class="add_col">
<div class="add_car_inner">
<label for="month"> Heading1 </label>
<input type="text" name="heading1" placeholder="Enter Document Heading" value="" style="width: 100% !IMPORTANT;">
</div>
</div>
<div class="add_col">
<div class="add_car_inner">
<label for="Price">Document1</label>
<input type="file" name="document1" style="width: 100% !IMPORTANT;" >
</div>
</div>
</div>
<div class="add_wrap_inners_box">
<div class="add_col">
<div class="add_car_inner">
<label for="month"> Heading2 </label>
<input type="text" name="heading2" placeholder="Enter Document Heading" value="" style="width: 100% !IMPORTANT;">
</div>
</div>
<div class="add_col">
<div class="add_car_inner">
<label for="Price">Document2</label>
<input type="file" name="document2" style="width: 100% !IMPORTANT;" >
</div>
</div>
</div>
<div class="add_wrap_inners_box">
<div class="add_col">
<div class="add_car_inner">
<label for="month"> Heading3 </label>
<input type="text" name="heading3" placeholder="Enter Document Heading" value="" style="width: 100% !IMPORTANT;" >
</div>
</div>
<div class="add_col">
<div class="add_car_inner">
<label for="Price">Document3</label>
<input type="file" name="document3" style="width: 100% !IMPORTANT;" >
</div>
</div>
</div><div class="add_wrap_inners_box">
<div class="add_col">
<div class="add_car_inner">
<label for="month"> Heading4 </label>
<input type="text" name="heading4" placeholder="Enter Document Heading" value="" style="width: 100% !IMPORTANT;" >
</div>
</div>
<div class="add_col">
<div class="add_car_inner">
<label for="Price">Document4</label>
<input type="file" name="document4" style="width: 100% !IMPORTANT;" >
</div>
</div>
</div>
<div class="add_wrap_inners_box">
<div class="add_col">
<div class="add_car_inner">
<label for="month"> Heading5 </label>
<input type="text" name="heading5" placeholder="Enter Document Heading" value="" style="width: 100% !IMPORTANT;">
</div>
</div>
<div class="add_col">
<div class="add_car_inner">
<label for="Price">Document5</label>
<input type="file" name="document5" style="width: 100% !IMPORTANT;" >
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="inner_card">
<div class="card_heading">
<h5>Category Type</h5>
</div>
<div class="card_content">
<div class="form-group">
<select class="form-control" name="product_category" id="product_category" required>
<option value="">Select Category Type</option>
<?php if(count($category)>0){
foreach($category as $categories){
echo '<option value="'.$categories->id.'">'.$categories->category_name.'</option>';
}
}
?>
</select>
</div>
</div>
</div>
<div class="inner_card">
<div class="card_heading">
<h5>Sub Category</h5>
</div>
<div class="card_content">
<select class="form-control" name="product_subcategory" id="product_subcategory" required>
<option value="">Select Sub Category</option>
<?php if(count($subcategorys)>0){
foreach($subcategorys as $subcategories){
echo '<option value="'.$subcategories->id.'">'.$subcategories->name.'</option>';
}
}
?>
</select>
</div>
</div>
<div class="inner_card">
<div class="card_heading">
<h5> Featured Image</h5>
</div>
<div class="card_content">
<input class="form-control" type="file" name="featured_image" id="featured_image" >
<!-- <button type="button" data-toggle="modal" data-target="#modal-default" class="new_ui_button">Enter Images</button> -->
</div>
</div>
<div class="inner_card">
<div class="card_heading">
<h5> Images</h5>
</div>
<div class="card_content">
<input class="form-control" type="file" name="product_image[]" id="product_image" multiple="multiple">
<!-- <button type="button" data-toggle="modal" data-target="#modal-default" class="new_ui_button">Enter Images</button> -->
</div>
</div>
<div class="inner_card">
<div class="card_heading">
<h5> Product Right Top Image </h5>
</div>
<div class="card_content">
<input class="form-control" type="file" name="product_right_top_image" id="product_right_top_image" >
<!-- <button type="button" data-toggle="modal" data-target="#modal-default" class="new_ui_button">Enter Images</button> -->
</div>
</div>
<div class="inner_card">
<div class="card_heading">
<h5> Product Left Bottom Image </h5>
</div>
<div class="card_content">
<input class="form-control" type="file" name="product_left_bottom_image" id="product_left_bottom_image">
<!-- <button type="button" data-toggle="modal" data-target="#modal-default" class="new_ui_button">Enter Images</button> -->
</div>
</div>
<div class="inner_card">
<div class="card_heading">
<h5>All URL</h5>
</div>
<div class="card_content">
<div>
<input type="text" name="all_url" class="form-control" id="all_url">
</div>
</div>
</div>
<div class="inner_card">
<div class="card_heading">
<h5>Video URL</h5>
</div>
<div class="card_content">
<div>
<input type="text" name="video_link" class="form-control" id="video_link">
</div>
</div>
</div>
<div class="inner_card">
<div class="card_heading">
<h5>Product Slug</h5>
</div>
<div class="card_content">
<div>
<input type="text" name="slug" class="form-control" id="slug">
</div>
</div>
</div>
<div class="inner_card">
<div class="card_heading">
<h5>Make Featured Product</h5>
</div>
<div class="card_content">
<select name="is_featured" class="form-control" id="is_featured">
<option value="Yes"> Yes </option>
<option value="No"> No </option>
</select>
</div>
</div>
ID: mytable
CLass: bhaiki dataTable hover no-footer table
<div class="inner_card">
<div class="card_header">
<h5>Publish</h5>
</div>
<div class="card_content">
<button type="submit" name="sbt" class="new_ui_button">Submit</button>
</div>
</div>
</div>
</form>
</div>
<!-- /.row -->
</section>
<!-- /.content -->
</div>
<div class="modal fade" id="modal-default">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span></button>
<h4 class="modal-title">Enter Images</h4>
</div>
<div class="modal-body">
<div id="czContainer">
<div id="first">
<div class="recordset">
<input type="file" placeholder="" class="input_file" required>
</div>
</div>
</div>
</div>
</div>
<!-- /.modal-dialog -->
</div>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.1/jquery.validate.js"></script>
<script src="https://dev.soulilution.com/peertopia/Backend/additional-methods.min.js"></script> -->
<script>
$(document).ready(function(){
$('select#product_category').on('change',function(){
var item_id=$(this).val();
$.ajax({
url:'<?php echo base_url();?>admin/product/get_subcategory',
type:'POST',
data:{item_id:item_id},
success:function(html)
{
$('select#product_subcategory').html(html);
}
});
});
});
</script>
<?php echo $footer;?>
<script>
$(document).ready(function() {
$('.js-example-basic-multiple').select2();
});
</script>
<script>
CKEDITOR.replace('features');
CKEDITOR.replace('ordering_information');
CKEDITOR.replace('accessories');
CKEDITOR.replace('resource')
</script>
<script>
CKEDITOR.replace('product_long_description', {
height: 300,
// Configure your file manager integration. This example uses CKFinder 3 for PHP.
filebrowserBrowseUrl: '<?php echo base_url();?>server/ckfinder/ckfinder.html',
filebrowserImageBrowseUrl: '<?php echo base_url();?>server/ckfinder/ckfinder.html?type=Images',
filebrowserUploadUrl: '<?php echo base_url();?>server/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files',
filebrowserImageUploadUrl: '<?php echo base_url();?>server/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images'
});
</script>
<style>
.add_car_inner label {
display: block;
font-size: 14px;
color: #000;
font-weight: 500;
}
.add_car_inner input {
border: 1px solid #ccc !important;
font-size: 14px !important;
border-radius: 0 !important;
box-shadow: none !important;
border-color: #d2d6de !important;
padding: 5px !important;
margin-top: 5px !important;
margin-bottom: 7px !important;
height: 41px !important;
border-bottom: 1px solid #ccc !IMPORTANT;
}
.add_car_inner select {
border: 1px solid #ccc !important;
font-size: 14px !important;
border-radius: 0 !important;
box-shadow: none !important;
border-color: #d2d6de !important;
padding: 5px !important;
margin-top: 5px !important;
margin-bottom: 7px !important;
height: 41px !important;
border-bottom: 1px solid #ccc !IMPORTANT;
width: 100%;
}
.add_wrap_inners_box {
height: auto;
padding: 10px;
display: grid;
grid-template-columns: 20% 20% 20% 20% 20%;
grid-gap: 10px;
width: 100%;
}
.add_row_wrap {
width: 100%;
background: #fff;
}
.next_referral input {
border: 1px solid #ccc !important;
font-size: 14px !important;
border-radius: 0 !important;
box-shadow: none !important;
border-color: #d2d6de !important;
padding: 5px !important;
margin-top: 5px !important;
margin-bottom: 7px !important;
height: 41px !important;
border-bottom: 1px solid #ccc !IMPORTANT;
}
.next_referral select {
border: 1px solid #ccc !important;
font-size: 14px !important;
border-radius: 0 !important;
box-shadow: none !important;
border-color: #d2d6de !important;
padding: 5px !important;
margin-top: 5px !important;
margin-bottom: 7px !important;
height: 41px !important;
border-bottom: 1px solid #ccc !IMPORTANT;
width: 100%;
}
.add-more {
border-color: #6201ed;
box-shadow: none;
color: #fff;
background-color: #6201ed;
width: 76%;
font-size: 13px;
letter-spacing: 1px;
display: block;
margin-top: 31px;
height: 42px;
}
.add-more i {
font-size: 10px;
margin-right: 10px;
}
.add-more:hover{
color: #fff;
}
.delete{
border-color: #6201ed;
box-shadow: none;
color: #fff;
background-color: #6201ed;
width: 76%;
font-size: 13px;
letter-spacing: 1px;
display: block;
height: 42px;
border-radius: 4px;
position: relative;
}
.delete:hover{
color: #fff;
}
</style>
<script>
var row=1;
$(document).on("click", ".add", function () {
var new_row = "<div class='add_wrap_inners_box next_referral'><input type='text' name='tech_heading[]' placeholder='Enter Tech Resource Heading' style='width: 100% !IMPORTANT;'><input type='file' name='tech_document[]' style='width: 100% !IMPORTANT;'><input class='delete' type='button' value='delete' /></div>";
// alert(new_row);
$('.items').append(new_row);
row++;
return false;
});
// Remove criterion
$(document).on("click", ".delete", function () {
// alert("deleting row#"+row);
if(row>1) {
$(this).closest('div.next_referral').remove();
row--;
}
return false;
});
</script>