GIF89a php
Current File : /home/viralhoga/public_html/adminpanel/productdetails.php
<?php
$msg='';
error_reporting(0);
include("include/header.php");
include('include/admin-main.php');
$select_obj= new admin();
$result=$select_obj->select_product("product","where reg_id='admin'","order by id DESC" );
//select menu name
$menu_details=$select_obj->select_objData("menu","");
//set type
$song_type_details=$select_obj->select_objData("pin_code","order by position");

if(isset($_POST['submit'])){
$insert1obj = new admin();
$msg=$insert1obj->insert_product("product");
}
if($_REQUEST['action']=="delete")
{
	if(mysqli_query($con,"delete from product where id=".$_REQUEST['id']))
	{	?>
<script type="text/javascript">
		window.location.href="<?php echo $_SERVER['HTTP_REFERER'];?>";
</script>
<?php
	}
	else
	{	?>
<script type="text/javascript">
		alert("Error! Data Not Deleted");
		window.location.href="<?php echo $_SERVER['HTTP_REFERER'];?>";
		</script>
<?php
	}
}

	   /* this code is used for inactive */
if($_REQUEST['action']=='Inactive'){
    if(mysqli_query($con,"update product set status='Inactive' where id=".$_REQUEST['id'])){
	?>
<script>
	alert("Menu dective successfully");
	window.location.href="<?php echo $_SERVER['HTTP_REFERER'];?>";
	</script>
<?php
	}
	else{
	?>
<script type="text/javascript">
		alert("Error! Data Not Deactive");
		window.location.href="<?php echo $_SERVER['HTTP_REFERER'];?>";
		</script>
<?php 
	}
}
 /* this code is used for active */
if($_REQUEST['action']=='Active'){
    if(mysqli_query($con,"update product set status='Active' where id=".$_REQUEST['id'])){
	?>
<script>
	alert("Menu active successfully");
	window.location.href="<?php echo $_SERVER['HTTP_REFERER'];?>";
	</script>
<?php
	}
	else{
	?>
<script type="text/javascript">
		alert("Error! Data Not Deactive");
		window.location.href="<?php echo $_SERVER['HTTP_REFERER'];?>";
		</script>
<?php 
	}
}

	   /* this code is used to add in check list */
if($_REQUEST['action']=='No'){
    if(mysqli_query($con,"update product set check_out='No' where id=".$_REQUEST['id'])){
	?>
<script>
	alert("Not show in check list");
	window.location.href="<?php echo $_SERVER['HTTP_REFERER'];?>";
	</script>
<?php
	}
	else{
	?>
<script type="text/javascript">
		alert("Error! Data Not Deactive");
		window.location.href="<?php echo $_SERVER['HTTP_REFERER'];?>";
		</script>
<?php 
	}
}
 /* this code is used to add in check list */
if($_REQUEST['action']=='Yes'){
    if(mysqli_query($con,"update product set check_out='Yes' where id=".$_REQUEST['id'])){
	?>
<script>
	alert("Show in check list");
	window.location.href="<?php echo $_SERVER['HTTP_REFERER'];?>";
	</script>
<?php
	}
	else{
	?>
<script type="text/javascript">
		alert("Error! Data Not Deactive");
		window.location.href="<?php echo $_SERVER['HTTP_REFERER'];?>";
		</script>
<?php 
	}
}

 /* this code is used to show */
if($_REQUEST['action']=='YesShow'){
    if(mysqli_query($con,"update product set h_status='Yes' where id=".$_REQUEST['id'])){
	?>
<script>
	alert("Show on the home page");
	window.location.href="<?php echo $_SERVER['HTTP_REFERER'];?>";
	</script>
<?php
	}
	else{
	?>
<script type="text/javascript">
		alert("Error! Data Not Deactive");
		window.location.href="<?php echo $_SERVER['HTTP_REFERER'];?>";
		</script>
<?php 
	}
}

 /* this code is used to not show */
 if($_REQUEST['action']=='NotShow'){
    if(mysqli_query($con,"update product set h_status='No' where id=".$_REQUEST['id'])){
	?>
<script>
	alert("Not show on the home page");
	window.location.href="<?php echo $_SERVER['HTTP_REFERER'];?>";
	</script>
<?php
	}
	else{
	?>
<script type="text/javascript">
		alert("Error! Data Not Deactive");
		window.location.href="<?php echo $_SERVER['HTTP_REFERER'];?>";
		</script>
<?php 
	}
}


 /* this code is used to show offer product */
if($_REQUEST['action']=='Yes_offer'){
    if(mysqli_query($con,"update product set o_pro='Yes' where id=".$_REQUEST['id'])){
	?>
<script>
	alert("Show offer product on the home page");
	window.location.href="<?php echo $_SERVER['HTTP_REFERER'];?>";
	</script>
<?php
	}
	else{
	?>
<script type="text/javascript">
		alert("Error! Data Not Deactive");
		window.location.href="<?php echo $_SERVER['HTTP_REFERER'];?>";
		</script>
<?php 
	}
}

 /* this code is used to not show offer product*/
 if($_REQUEST['action']=='Not_offer'){
    if(mysqli_query($con,"update product set o_pro='No' where id=".$_REQUEST['id'])){
	?>
<script>
	alert("Not show offer product on the home page");
	window.location.href="<?php echo $_SERVER['HTTP_REFERER'];?>";
	</script>
<?php
	}
	else{
	?>
<script type="text/javascript">
		alert("Error! Data Not Deactive");
		window.location.href="<?php echo $_SERVER['HTTP_REFERER'];?>";
		</script>
<?php 
	}
}

/****************************** Add A new Product *************************************/
if(isset($_REQUEST['submit_excel_file']))
	{
		$csv_file = $_FILES['userfile']['tmp_name'];

  if ( ! is_file( $csv_file ) )
    exit('File not found.');

  $sql = '';

  if (($handle = fopen( $csv_file, "r")) !== FALSE)
  {
      while (($data = fgetcsv($handle, 1000, ",")) !== FALSE)
      {
		
         $sql = mysqli_query($con,"INSERT INTO `product` SET
            `id` = '',
			`menu_id` = '$data[0]',
			`cat_id` = '$data[1]',
			`subcat_id` = '$data[2]',
			`pro_type` = '$data[3]',
			`name` = '$data[4]',
			`price` = '$data[5]',
			`oldprice` = '$data[6]',
			`brand` = '$data[7]',
			`Pro_code` = '$data[8]',
			`pro_size` = '$data[9]',
			`available_Color` = '$data[10]',
			`stock` = '$data[11]',
			`D_shipping` = '$data[12]',
			`description` = '$data[13]',
			`img` = '$data[14]'");
     }
	 
      fclose($handle);
  }

	  echo "<script>alert('Data uploaded successfully!')</script>";
	  echo "<script>window.location='product details.php'</script>";
	  
	  exit;
	
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="Mosaddek">
<meta name="keyword" content="FlatLab, Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">
<link rel="shortcut icon" href="img/favicon.png">
<title><?php include("include/title.php")?> Song Details</title>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-reset.css" rel="stylesheet">
<!--external css-->
<link href="assets/font-awesome/css/font-awesome.css" rel="stylesheet" />
<link href="assets/advanced-datatable/media/css/demo_page.css" rel="stylesheet" />
<link href="assets/advanced-datatable/media/css/demo_table.css" rel="stylesheet" />
<!-- Custom styles for this template -->
<link href="css/style.css" rel="stylesheet">
<link href="css/style-responsive.css" rel="stylesheet" />
<script type="text/javascript" src="css1/js/ckeditor/ckeditor.js"></script>
</head>
<script type="text/javascript">
            function validate1(){

                    var msg = confirm('Are Your want to delete this record');
                    if(msg == true){
                        return true;
                    }else {
                        return false;

                    }
                }

           function changeSts(){
                    var msg = confirm('Are You want to change status');
                    if(!msg){
                        return false;
                    }else {
                        return true;
                    }
					}
		   function checkOut(){
                    var msg = confirm('Are You want to show in check out list');
                    if(!msg){
                        return false;
                    }else {
                        return true;
                    }
					}
		   function ShowHide(){
                    var msg = confirm('Show/Hide on home page!');
                    if(!msg){
                        return false;
                    }else {
                        return true;
                    }
		   function Showoffer(){
                    var msg = confirm('View/Not view offer pictures!');
                    if(!msg){
                        return false;
                    }else {
                        return true;
                    }
					}
</script>
<!----------- Ajax ------------>
<script type="text/javascript">

function showUser123(str)

{

if (str=="")

  {

  document.getElementById("txtHint").innerHTML="";

  return;

  }

if (window.XMLHttpRequest)

  {// code for IE7+, Firefox, Chrome, Opera, Safari

  xmlhttp=new XMLHttpRequest();

  }

else

  {// code for IE6, IE5

  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

  }

xmlhttp.onreadystatechange=function()

  {

  if (xmlhttp.readyState==4 && xmlhttp.status==200)

    {

    document.getElementById("txtHint").innerHTML=xmlhttp.responseText;

    }

  }

xmlhttp.open("GET","getuser.php?q="+str,true);

xmlhttp.send();

}

</script>
<script type="text/javascript">

function showUser1234(str)

{
if (str=="")

  {

  document.getElementById("txtHint1").innerHTML="";

  return;

  }

if (window.XMLHttpRequest)

  {// code for IE7+, Firefox, Chrome, Opera, Safari

  xmlhttp=new XMLHttpRequest();

  }

else

  {// code for IE6, IE5

  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

  }

xmlhttp.onreadystatechange=function()

  {

  if (xmlhttp.readyState==4 && xmlhttp.status==200)

    {

    document.getElementById("txtHint1").innerHTML=xmlhttp.responseText;

    }

  }

xmlhttp.open("GET","getuser2.php?q="+str,true);

xmlhttp.send();

}

</script>
<body>
<?php include 'popup.php';?>
<!--header end-->
<!--sidebar start-->
<?php  include 'menu.php' ?>
<!--sidebar end-->
<!--main content start-->
<section id="main-content">
  <section class="wrapper">
    <!-- page start-->
    <?php if($msg=="pass"){ ?>
    <div class="alert alert-success alert-dismissable" style="width:100%"> <i class="fa fa-check"></i>
      <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
      <b>OK! </b>Data saved successfully </div>
    <script>
	  window.location="<?php echo $_SERVER['HTTP_REFERER']?>";
	  </script>
    <?php }?>
    <section class="panel">
      <header class="panel-heading"> All Song Details </header>
      <div class="panel-body">
        <div class="btn-group"> <a data-toggle="modal" href="#myModal">
          <button id="editable-sample_new" class="btn btn-compose"> Add Song <i class="icon-plus"></i> </button>
          </a> </div>
        <div class="adv-table">
          <table cellpadding="0" cellspacing="0" border="0" class="display table table-bordered" id="hidden-table-info">
            <thead>
              <tr>
                <th>Song ID</th>
                <th>Category Name</th>
                <th style="display:none;">Sub Category</th>
                <th style="display:none;">SubToSub Category</th>
                <th>Singer Name</th>
                <th>Start Price</th>
                <th>Tag Name</th>
                <th style="display:none;">Old Price</th>
                <th style="display:none;">Other Text</th>
                <th style="//display:none;">Song Type</th>
                <th style="//display:none;">Image</th>
                <th style="display:none;">Description</th>
                <th style="display:none;">Stock</th>
                <th style="display:none;">Discount</th>
                <th style="display:none;">Coupon Name</th>
				<th>Set Sequence</th>
                <th>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Action&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</th>
                <th>S Home</th>
                <th style="display:none;">O Prd</th>
              </tr>
            </thead>
            <tbody>
              <?php while($row=mysqli_fetch_array($result)){?>
			  <script>
				  function update_position<?php echo $row['id'] ?>(posval){
					if(posval==""){
					  document.getElementById("txtHint").innerHTML="";
					  return;
					  }
					if (window.XMLHttpRequest){// code for IE7+, Firefox, Chrome, Opera, Safari
					  xmlhttp=new XMLHttpRequest();
					  }
					else{// code for IE6, IE5
					  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
					 }
					xmlhttp.onreadystatechange=function(){
					  if (xmlhttp.readyState==4 && xmlhttp.status==200){
					   //alert(xmlhttp.responseText);
					   document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
						}
					  }
					xmlhttp.open("GET","update-position.php?rowId=<?php echo $row['id'] ?>&pos="+posval+"&action=position&tbl=product",true);
					xmlhttp.send();
				  }
			  </script>
              <tr class="gradeA">
                <?php $sel_menu=mysqli_fetch_array(mysqli_query($con,"select menu from menu where menu_id='$row[menu_id]'"))?>
                <td><?php echo $row['id'];?></td>
                <td><?php echo $sel_menu['menu'];?></td>
                <?php //$sel_cat=mysqli_fetch_array(mysqli_query($con,"select category_name from categories where cat_id='$row[cat_id]'"))?>
                <td style="display:none;"><?php //echo $sel_cat['category_name'];?></td>
                <?php //$sel_subcat=mysqli_fetch_array(mysqli_query($con,"select subcat_name from subcategory where subcat_id='$row[subcat_id]'"))?>
                <td style="display:none;"><?php //echo $sel_subcat['subcat_name'];?></td>
                <td><?php echo $row['name'];?></td>
                <td><?php echo $row['price'];?></td>
                <td><?php echo $row['oldprice'];?></td>
                <td style="display:none;"><?php echo $row['oldprc'];?></td>
                <td style="display:none;"><?php echo $row['brand'];?></td>
                <td style="//display:none;"><?php echo $row['pro_type'];?></td>
                <td style="//display:none;"><?php if($row['img']){  $dcd_img=json_decode($row['img']); } ?>
                  <?php  if(@$dcd_img=="") {} else { foreach($dcd_img as $v) {?>
                  <img alt=""  src="img/<?php echo $v; ?>"  height="50px"/>
                  <?php }} ?></td>
                <td style="display:none;"><?php echo $row['description'];?></td>
                <td style="display:none;"><?php echo $row['stock'];?></td>
                <td style="display:none;"><?php echo $row['pro_size'];?></td>
                <td style="display:none;"><?php echo $row['Pro_code'];?></td>
				<td><input type="number" style="width: 50px;" id="posis<?php echo $row['id'] ?>" value="<?php echo $row['position']?>" onBlur="update_position<?php echo $row['id'] ?>(this.value)"><br><b style="display:none"><?php echo $row['position']?></b></td>
				
                <td><a href="<?php echo $_SESSION['PHP_SELF'];?>?action=delete&id=<?php echo $row['id']; ?>" title="Delete">
                  <button class="btn btn-danger btn-xs" onClick="return confirm('Are you want to delete?')"><i class="icon-trash "></i></button>
                  </a> &nbsp; <a href="productedit.php?id=<?php echo $row['id']; ?>" title="Edit">
                  <button class="btn btn-primary btn-xs"><i class="icon-pencil"></i></button>
                  </a> &nbsp;
                  <?php if($row['status']=='Active'){?>
                  <a href="<?php echo $_SESSION['PHP_SELF'];?>?action=Inactive&id=<?php echo $row['id']; ?>" title="Active">
                  <button class="btn btn-danger btn-xs" onclick='return changeSts()'><i class="icon-ok"></i></button>
                  </a>
                  <?php } else{?>
                  <a href="<?php echo $_SESSION['PHP_SELF'];?>?action=Active&id=<?php echo $row['id']?>" title="Inactive">
                  <button class="btn btn-danger btn-xs" onclick='return changeSts()' style="padding: 1px 6px;"><i class="icon-remove"></i></button>
                  </a>
                  <?php }?>
                </td>
                <td><?php if($row['h_status']=='Yes'){?>
                  <a href="<?php echo $_SESSION['PHP_SELF'];?>?action=NotShow&id=<?php echo $row['id']; ?>" title="Show">
                  <button class="btn btn-danger btn-xs" onclick='return ShowHide()'><i class="icon-ok"></i></button>
                  </a>
                  <?php } else if($row['h_status']=='No'){?>
                  <a href="<?php echo $_SESSION['PHP_SELF'];?>?action=YesShow&id=<?php echo $row['id']?>" title="Not Show">
                  <button class="btn btn-danger btn-xs" onclick='return ShowHide()' style="padding: 1px 6px;"><i class="icon-remove"></i></button>
                  </a>
                  <?php }?>
                </td>
                <td style="display:none;"><?php if($row['o_pro']=='Yes'){?>
                  <a href="<?php echo $_SESSION['PHP_SELF'];?>?action=Not_offer&id=<?php echo $row['id']; ?>" title="Show">
                  <button class="btn btn-danger btn-xs" onclick='return Showoffer()'><i class="icon-ok"></i></button>
                  </a>
                  <?php } else if($row['o_pro']=='No'){?>
                  <a href="<?php echo $_SESSION['PHP_SELF'];?>?action=Yes_offer&id=<?php echo $row['id']?>" title="Not Show">
                  <button class="btn btn-danger btn-xs" onclick='return Showoffer()' style="padding: 1px 6px;"><i class="icon-remove"></i></button>
                  </a>
                  <?php }?>
                </td>
              </tr>
              </tr>
              <?php } ?>
            </tbody>
          </table>
        </div>
      </div>
    </section>
    <!-- page end-->
    <!----popup ---->
    <div class="inbox-body">
      <!-- Modal -->
      <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
              <h4 class="modal-title">Add New Song</h4>
            </div>
            <div class="modal-body">
              <form  method="post" enctype="multipart/form-data" class="form-horizontal" role="form">
                <div class="form-group">
                  <label  class="col-lg-4 control-label">Select Category</label>
                  <div class="col-lg-8">
                    <select name="menu_id" class="form-control" onChange="showUser123(this.value)" required>
                      <option value="" selected="selected">Select Category</option>
                      <?php while($row = mysqli_fetch_array($menu_details)){
                       if($row['menu']=='Exclusive' || $row['menu']=='Non-Exclusive'){
                      ?>
                      <option value="<?php echo $row['menu_id'];?>"><?php echo $row['menu'];?></option>
                      <?php } 
                      }?>
                    </select>
                  </div>
                </div>
                <div class="form-group" style="display:none">
                  <label  class="col-lg-4 control-label">Select Sub Category</label>
                  <div class="col-lg-8">
                    <select name="cat_id" id="txtHint" class="form-control" onChange="showUser1234(this.value)">
                      <option value="" selected="selected">Select Sub Category</option>
                    </select>
                  </div>
                </div>
                <div class="form-group" style="display:none">
                  <label  class="col-lg-4 control-label">Select Sub-To-Sub category</label>
                  <div class="col-lg-8">
                    <select name="subcat_id" id="txtHint1" class="form-control">
                      <option value="" selected="selected">Select Sub-To-Sub category</option>
                    </select>
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-lg-4 control-label">Song Type</label>
                  <div class="col-lg-8">
                    <select name="pro_type" class="form-control" required>
                      <option value=" " selected="selected">Song Type</option>
                      <?php while($songType = mysqli_fetch_array($song_type_details)){?>
					  <option><?php echo $songType['pin']?></option>
					  <?php }?>
                    </select>
                  </div>
                </div>
				<div class="form-group">
                  <label class="col-lg-4 control-label">Is Video?</label>
                  <div class="col-lg-8">
                    <select class="form-control" name="videoType" required="">
					 <option value="">Select</option>
					 <option value="Yes">Yes</option>
					 <option value="No">No</option>
					</select>
                  </div>
                </div>  
				<div class="form-group">
                  <label class="col-lg-4 control-label">Song Name</label>
                  <div class="col-lg-8">
                    <input type="text" class="form-control" placeholder="Song Name" name="brand">
                  </div>
                </div>
				  <div class="form-group">
                  <label class="col-lg-4 control-label">Video Url</label>
                  <div class="col-lg-8">
                    <input type="text" class="form-control" placeholder="Video Url" name="videoUrl">
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-lg-4 control-label">Singer Name</label>
                  <div class="col-lg-8">
                    <input type="text" class="form-control" placeholder="Name" name="name">
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-lg-4 control-label">Start Price</label>
                  <div class="col-lg-8">
                    <input type="text" class="form-control" id="price" placeholder="Start Price" name="price">
                  </div>
                </div>
				<div class="form-group">
                  <label class="col-lg-4 control-label">Old Price</label>
                  <div class="col-lg-8">
                    <input type="text" class="form-control" placeholder="Old Price" name="oldprc">
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-lg-4 control-label">Tag Name</label>
                  <div class="col-lg-8">
                    <input type="text" class="form-control" id="oldprice" placeholder="Different Tag name" name="oldprice">
                    <small>Different Tag name seperated with comma</small> </div>
                </div>
                
                
                <div class="form-group">
                  <label class="col-lg-4 control-label">Buy 1 Price/Discount</label>
                  <div class="col-lg-8">
                   <input type="text" class="form-control" placeholder="Buy Discount" name="Pro_code">
				           <small>Different Buy Discount seperated with comma</small>
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-lg-4 control-label">Add On</label>
                  <div class="col-lg-8">
                    <select class="form-control" name="pro_size" required="">
					 <option value="">Select</option>
					 <option value="Yes">Enable</option>
					 <option value="No">Disable</option>
					</select>
                  </div>
                </div>
                <div class="form-group" style="display:none;">
                  <label class="col-lg-4 control-label">Available Color</label>
                  <div class="col-lg-8">
                    <input type="text" class="form-control" placeholder="Available Color( Hint:- red,black,blue )" name="available_Color">
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-lg-4 control-label">Deliver Video Within</label>
                  <div class="col-lg-8">
                    <input type="text" class="form-control" placeholder="Deliver Video Within Days" name="stock">
                  </div>
                </div>
                <div class="form-group" style="display:none;">
                  <label class="col-lg-4 control-label">Domestic Shipping</label>
                  <div class="col-lg-8">
                    <input type="text" class="form-control" placeholder="Domestic Shipping" name="D_shipping">
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-lg-12 control-label">Description</label>
                  <div class="col-lg-12">
                    <textarea class="form-control textarea1" id="editor1" name="description" rows="3"></textarea>
                  </div>
                </div>
                <div class="form-group">
                  <div class="col-lg-offset-2 col-lg-10"> <span class="btn green fileinput-button">
                    <input type="file" name="product_image[]" multiple="true">
                    <br>
                    Hint:- Image size 300px by 450px </span>
                    <input type="submit" name="submit" value="Submit" class="btn btn-send">
                  </div>
                </div>
              </form>
            </div>
          </div>
          <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
      </div>      
    </div>
    <!----end popup  ----->
  </section>
</section>
<!--main content end-->
</section>
<!-- js placed at the end of the document so the pages load faster -->
<!--<script src="js/jquery.js"></script>-->
<script type="text/javascript" language="javascript" src="assets/advanced-datatable/media/js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script class="include" type="text/javascript" src="js/jquery.dcjqaccordion.2.7.js"></script>
<script src="js/jquery.scrollTo.min.js"></script>
<script src="js/jquery.nicescroll.js" type="text/javascript"></script>
<script src="js/respond.min.js" ></script>
<script type="text/javascript" language="javascript" src="assets/advanced-datatable/media/js/jquery.dataTables.js"></script>
<!--common script for all pages-->
<script src="js/common-scripts.js"></script>
<script type="text/javascript">
      /* Formating function for row details */
      function fnFormatDetails ( oTable, nTr )
      {
          var aData = oTable.fnGetData( nTr );
          var sOut = '<table cellpadding="5" cellspacing="0" border="0" style="padding-left:50px;">';
          sOut += '<tr><td>Song ID:</td><td>'+aData[1]+'</td></tr>';
		  sOut += '<tr><td>Category Name:</td><td>'+aData[2]+'</td></tr>';
          sOut += '<tr><td>Sub Category:</td><td>'+aData[3]+'</td></tr>';
		  sOut += '<tr><td>SubToSub&nbsp;Category</td><td>'+aData[4]+'</td></tr>';
          sOut += '<tr><td>Name</td><td>'+aData[5]+'</td></tr>';
		  sOut += '<tr><td>Different Prices:</td><td>'+aData[6]+'</td></tr>';
		  sOut += '<tr><td>Quantity/Pcs/Weight:</td><td>'+aData[7]+'</td></tr>';
		  sOut += '<tr><td>Old Price:</td><td>'+aData[8]+'</td></tr>';
		  sOut += '<tr><td>Brand:</td><td>'+aData[9]+'</td></tr>';
		  sOut += '<tr><td>Song&nbsp;Type:</td><td>'+aData[10]+'</td></tr>';
		  sOut += '<tr><td>Image:</td><td>'+aData[11]+'</td></tr>';
		  sOut += '<tr><td>Description:</td><td style="width:800px;overflow-x":scroll>'+aData[12]+'</td></tr>';
		  sOut += '<tr style="display:none"><td>Stock:</td><td>'+aData[13]+'</td></tr>';
		  sOut += '<tr><td>Coupon Name :</td><td>'+aData[14]+'</td></tr>';
		  sOut += '<tr><td>Coupon Percentage :</td><td>'+aData[15]+'</td></tr>';
          sOut += '</table>';

          return sOut;
      }

      $(document).ready(function() {
          /*
           * Insert a 'details' column to the table
           */
          var nCloneTh = document.createElement( 'th' );
          var nCloneTd = document.createElement( 'td' );
          nCloneTd.innerHTML = '<img src="assets/advanced-datatable/examples/examples_support/details_open.png">';
          nCloneTd.className = "center";

          $('#hidden-table-info thead tr').each( function () {
              this.insertBefore( nCloneTh, this.childNodes[0] );
          } );

          $('#hidden-table-info tbody tr').each( function () {
              this.insertBefore(  nCloneTd.cloneNode( true ), this.childNodes[0] );
          } );

          /*
           * Initialse DataTables, with no sorting on the 'details' column
           */
          var oTable = $('#hidden-table-info').dataTable( {
              "aoColumnDefs": [
                  { "bSortable": false, "aTargets": [ 0 ] }
              ],
              "aaSorting": [[1, 'desc']]
          });

          /* Add event listener for opening and closing details
           * Note that the indicator for showing which row is open is not controlled by DataTables,
           * rather it is done here
           */
          $('#hidden-table-info tbody td img').live('click', function () {
              var nTr = $(this).parents('tr')[0];
              if ( oTable.fnIsOpen(nTr) )
              {
                  /* This row is already open - close it */
                  this.src = "assets/advanced-datatable/examples/examples_support/details_open.png";
                  oTable.fnClose( nTr );
              }
              else
              {
                  /* Open this row */
                  this.src = "assets/advanced-datatable/examples/examples_support/details_close.png";
                  oTable.fnOpen( nTr, fnFormatDetails(oTable, nTr), 'details' );
              }
          } );
      } );
  </script>
<!--common script for all pages-->
<!-- WYSIWYG Editor -->
<script type="text/javascript" src="scripts/jquery.sceditor.bbcode.min.js"></script>
<script type="text/javascript" src="scripts/jquery.sceditor.js"></script>
<!--CKEDITOR-->
<script src="https://use.fontawesome.com/32f073b29a.js"></script>
<script src="ckeditor/ckeditor.js"></script>
<script src="ckeditor/js/sample.js"></script>		
<script>
    CKEDITOR.replace('editor1', {
      width: '100%'
    });
</script>  
</body>
</html>