EVOLUTION-NINJA

Edit File: add_product_details.php

<!DOCTYPE html>
<html lang="en">

<head>

<title>Yaskawa</title>
   
	<link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/css/jquery-ui.css'); ?>" />
				    
				    <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('jqgrid/css/ui.jqgrid.css'); ?>" />
    
    <link href="<?php echo base_url('admin_assets/css/bootstrap.min.css');?>" rel="stylesheet">

<link href="<?php echo base_url('admin_assets/css/sb-admin.css');?>" rel="stylesheet">

<link href="<?php echo base_url('admin_assets/css/plugins/morris.css');?>" rel="stylesheet">

<link href="<?php echo base_url('admin_assets/font-awesome/css/font-awesome.min.css');?>" rel="stylesheet" type="text/css">
	<script type="text/javascript" src="<?php echo base_url('assets/js/jquery-2.2.4.min.js');?>"></script>
    
    
    
	 <script type="text/ecmascript" src="<?php echo base_url('jqgrid/js/jquery.jqGrid.js'); ?>"></script>
				      
	 <script type="text/ecmascript" src="<?php echo base_url('jqgrid/js/i18n/grid.locale-en.js'); ?>"></script>
				    <script type="text/ecmascript" src="<?php echo base_url('jqgrid/js/jquery.jqGrid.min.js'); ?>"></script>
	<script src="<?php echo base_url('assets/js/jquery-ui.js'); ?>" type="text/javascript"></script>
	
	<style>
		.right
		{
			text-transform: uppercase;
			font-family:Roboto;
			font-weight:bold;
			color:#00a859;
		}
	</style>
	<style type="text/css">
			
				.form-control:focus, input[type="Submit"]:focus, input[type="button"]:focus {
				  border-color: #FF0000;
				  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
				}
				.form-group{
				
				    margin-bottom: 48px;
				    width: 550px;
				    padding: 15px;
				}
				
			
				#editmodlist2
				{
					//height: 232px !important;
					width: 326px !important;
				}
				#FrmGrid_list2
				{
					width: 100% !important;
				}
				.ui-jqdialog .ui-jqdialog-titlebar
				{
					height: 29px !important;
					background-color:#2A4474 !important;
					color: white;
					padding-left: 10px;
				}
				.fm-button
				{
					height: 21px !important;
					padding: 1px;					
					margin-right: 10px !important;
					height: 21px !important;				    
				    width: 43%;
				    margin-top: -7px !important;
				}
				.ui-jqdialog-content td.navButton {
					padding-top: 12px !important;
				}
				.ui-jqgrid .ui-jqgrid-titlebar
				{
					height: 27px !important;
					background-color: #2A4474!important;
					color:white !important;
				}
				.ui-jqgrid-bdiv
				{
					height: 232px !important;
				}
				.ui-widget-overlay
				{
					z-index:0 !important;
				}
				
			</style>
</head>

<body>

<nav class="navbar navbar-inverse navbar-fixed-top menu-a" role="navigation">
            
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand my_logo" href="<?php echo site_url('controller/product');?>"><img  class="img-responsive" src="<?php echo base_url('admin_assets/img/yaskawa_logo2.png');?>"></a>
            </div>
            
            <ul class="nav navbar-right top-nav">
               
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i> Admin</a>
                   
					<li>
						<a href="<?php echo site_url('controller/logout');?>"><i class="fa fa-fw fa-power-off"></i> Log Out</a>
					</li>
                </li>
            </ul>
            
            <div class="collapse navbar-collapse navbar-ex1-collapse">
                <ul class="nav navbar-nav side-nav my-nav">
                     
					    
					 <li class="active">
                        <a href="javascript:;" data-toggle="collapse" data-target="#demo1"> Manage Users  <i class="fa fa-fw fa-caret-down"></i></a>
                        <ul id="demo1" class="collapse">
                            <li>
                                <a href="<?php echo site_url('controller/supervisor_view');?>">Supervisor</a>
                            </li>
                            <li>
                                <a href="<?php echo site_url('controller/abp_view');?>">ABP</a>
                            </li>
							 <li>
                                <a href="<?php echo site_url('controller/region_view');?>">Regional Manager</a>
                            </li>
                        </ul>
                    </li>
					  
                    <li>
                        <a href="javascript:;" data-toggle="collapse" data-target="#demo2"> Information <i class="fa fa-fw fa-caret-down"></i></a>
                        <ul id="demo2" class="collapse">
                            <li>
                                <a href="<?php echo site_url('controller/stock_updates_view');?>">Stock Updates</a>
                            </li>
                            <li>
                                <a href="<?php echo site_url('controller/po_view');?>">PO Acknowledgemets</a>
                            </li>
                        </ul>
                    </li>
					    
					<li>
                        <a href="javascript:;" data-toggle="collapse" data-target="#demo3"> Financials<i class="fa fa-fw fa-caret-down"></i></a>
                        <ul id="demo3" class="collapse">
                            <li>
                                <a href="<?php echo site_url('controller/outstanding_view');?>">Outstanding Statement</a>
                            </li>
                            <li>
                                <a href="<?php echo site_url('controller/overdue_view');?>">Overdue Statement</a>
                            </li>
							<li>
                                <a href="<?php echo site_url('controller/cform_view');?>">C forms</a>
                            </li>
                        </ul>
                    </li>
					 
					<li>
                        <a href="javascript:;" data-toggle="collapse" data-target="#demo4"> Technical Support<i class="fa fa-fw fa-caret-down"></i></a>
                          <ul id="demo4" class="collapse">
                            <li>
                                <a href="<?php echo site_url('controller/drive_catalogues_view');?>">Drive Catalogues</a>
                            </li>
                            <li>
                                <a href="<?php echo site_url('controller/case_stories_view');?>">Case Stories</a>
                            </li>
                        </ul>
                    </li>
					   
					<li>
						<a href="<?php echo site_url('controller/news_view');?>">News</a>
					</li>
					 <li class="divider"></li>     
                   <li>
						<a href="<?php echo site_url('controller/product');?>">Add Product and Category</a>
					</li>
					 <li class="divider"></li> 
					 <li>
						<a href="<?php echo site_url('controller/admin_shipaddress');?>">Add ABP Shipment Address</a>
					</li>
					 <li class="divider"></li> 
					 <li>
						<a href="<?php echo site_url('controller/add_product');?>">Add New Product</a>
					</li>
					 <li class="divider"></li> 
					  <li>
						<a href="<?php echo site_url('controller/product_list');?>">Product List</a>
					</li>
					 <li class="divider"></li>
                </ul>
            </div>
            
        </nav>
   <div id="page-wrapper">

<div class="row">
                    <div class="col-lg-12">
                       
                    </div>
                </div>

<div class="row">
				<div class="container">		
		<h3 class="page-title">
Add New Product
		</h3>	
		<style>
			.file-uploader {
    max-width: 400px;
    height: auto;
    //margin: 2em auto;
    margin-left:25%;
}
.file-uploader {
    //background-color: #dbefe9;
    background-color: #c7e7ff;
    border-radius: 3px;
    color: #242424;
}
file-uploader * {
    display: block;
}
.file-uploader__message-area {
    font-size: 18px;
    padding: 1em;
    text-align: center;
    //color: #377a65;
    color: #0065b3;
}
.file-chooser {
    width: 90%;
    margin: .5em auto;
}
.file-chooser {
    padding: 1em;
    transition: background-color 1s, height 1s;
}
.mybt {
    background: #0261b7 !important;
    color: white !important;
   //width: 100%;
}
		</style>
			
			<div class="file-uploader">
			<form action="<?php echo site_url('controller/product_import'); ?>" method="post"  name="upload_excel" enctype="multipart/form-data">
				<a href="<?php echo site_url("controller/download_product"); ?>" style="padding-left:20px" >Download .XLS file format</a>
				<div class="file-uploader__message-area">
					<p>No files selected. Please select a file.</p>
				</div><ul class="file-list"></ul><div class="hidden-inputs hidden"></div>
				<div class="file-chooser">
					<input id="file" class="file" name="file" type="file">
				</div>
				<button class="form-control btn btn-default mybt profilebt" name="fileSubmit" type="submit">Submit</button>
				</form>
			</div>
		
			<form action="<?php echo base_url('controller/insert_product');?>" method="post" id="profile">
				<div class="row  col-sm-offset-2" style="padding-top: 14px;">
					
							
							<div class="form-group">
								<label class="control-label col-sm-4" for="email">Item Name</label>
								<div class="col-sm-8">												
									<input type="text" class="form-control" name="item_name" id="item_name" required>
								</div>
							</div>
							
							<div class="form-group">
								<label class="control-label col-sm-4" for="email">Item Code</label>
								<div class="col-sm-8">												
									<input type="text" class="form-control"  name="code" id="code" required>
								</div>
							</div>				
							
							<div class="form-group">
								<label class="control-label col-sm-4" for="email">HSN Code</label>
								<div class="col-sm-8">												
									<input type="text" class="form-control" name="hsn" id="hsn" required>
								</div>
							</div>
							
							<div class="form-group">
								<label class="control-label col-sm-4" for="email">List Price</label>
								<div class="col-sm-8">												
									<input type="text" class="form-control" name="price" id="price" required>
								</div>
							</div>
							
							<div class="form-group">
								<label class="control-label col-sm-4" for="email">Item Decription</label>
								<div class="col-sm-8">												
									<input type="text" class="form-control" name="description" id="description" required>
								</div>
							</div>
							
						</div>
						
						
					<div class="col-sm-4"></div>
				
				
				<div class="row">
					<div class="col-sm-2"></div>
					<div class="col-sm-3">
						<button type="submit" id="submit" class="btn btn-default mybt profilebt">Submit</button>
					</div>
					<div class="col-sm-3">
						<button style="margin-left: 300px;
margin-top: -56px;" type="button" id="cancel" class="btn btn-default mybt profilebt">Cancel</button>
					</div>
					<div class="col-sm-2"></div>						
				</div>	 				
			</form>				
		</div> 	
			  </div>

</div>
            
        </div>

</div>
            
        </div>

<!-- jQuery 
    <script src="<?php echo base_url('admin_assets/js/jquery.js');?>"></script>

<!-- Bootstrap Core JavaScript 
    <script src="<?php echo base_url('admin_assets/js/bootstrap.min.js');?>"></script>

</body>

</html>

<style>

@media only screen and (min-width:320px) and (max-width:641px){
.ui-jqgrid {
margin-left: 1px !important;
}

#sData span, #cData span {
	margin-left: 0 !important;
	}
}
@media only screen and (min-width:641px) and (max-width:991px){

.ui-jqgrid {
margin-left: 1px !important;
}
#jaytab{
	margin-top: 0 !important;
	margin-left: 0 !important;
	overflow-x: scroll;
	width: 100% !important;
	padding-left:0 !important;
	padding-right:9px !important;
}

}

#sData span, #cData span 
{
    margin-left: 3px;
}
#sData {
    height: 29px;
}
#cData {
    height: 29px;
}

.jqgfirstrow
	{
		    height: 0px !important;
	}
	
	.text_color a{
	
	color:white !important;

</style>  
 	
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" type="text/css" href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
	<link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/css/simpleMobileMenu.css');?>" />
	<script src="<?php echo base_url('assets/js/simpleMobileMenu.js');?>"></script>
	<script type="text/javascript">
		jQuery(document).ready(function($) {
			$('.smobitrigger').smplmnu();
		});
	</script>
	
		
	<script type="text/javascript">
		jQuery(document).ready(function($) {
			$('.mobimenu li.dropdown').hover(function() {
			  $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn(500);
			}, function() {
			  $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeOut(500);
			});			
		});
	</script>
	
	
<script>
(function( $ ) {
   
   $.fn.uploader = function( options ) {
     var settings = $.extend({
       MessageAreaText: "No files selected.",
       MessageAreaTextWithFiles: "File List:",
       DefaultErrorMessage: "Unable to open this file.",
       BadTypeErrorMessage: "We cannot accept this file type at this time.",
       acceptedFileTypes: ['csv', 'rtf', 'xls', 'xlsx']
     }, options );
  
     var uploadId = 1;
     //update the messaging 
      $('.file-uploader__message-area p').text(options.MessageAreaText || settings.MessageAreaText);
     
     //create and add the file list and the hidden input list
     var fileList = $('<ul class="file-list"></ul>');
     var hiddenInputs = $('<div class="hidden-inputs hidden"></div>');
     $('.file-uploader__message-area').after(fileList);
     $('.file-list').after(hiddenInputs);
     
    //when choosing a file, add the name to the list and copy the file input into the hidden inputs
     $('.file-chooser__input').on('change', function(){
        var file = $('.file-chooser__input').val();
        var fileName = (file.match(/([^\\\/]+)$/)[0]);

//clear any error condition
       $('.file-chooser').removeClass('error');
       $('.error-message').remove();
       
       //validate the file
       var check = checkFile(fileName);
       if(check === "valid") {
         
         // move the 'real' one to hidden list 
         $('.hidden-inputs').append($('.file-chooser__input')); 
       
         //insert a clone after the hiddens (copy the event handlers too)
         $('.file-chooser').append($('.file-chooser__input').clone({ withDataAndEvents: true})); 
       
         //add the name and a remove button to the file-list
         $('.file-list').append('<li style="display: none;"><span class="file-list__name">' + fileName + '</span><button class="removal-button" data-uploadid="'+ uploadId +'"></button></li>');
         $('.file-list').find("li:last").show(800);
        
         //removal button handler
         $('.removal-button').on('click', function(e){
           e.preventDefault();
         
           //remove the corresponding hidden input
           $('.hidden-inputs input[data-uploadid="'+ $(this).data('uploadid') +'"]').remove(); 
         
           //remove the name from file-list that corresponds to the button clicked
           $(this).parent().hide("puff").delay(10).queue(function(){$(this).remove();});
           
           //if the list is now empty, change the text back 
           if($('.file-list li').length === 0) {
             $('.file-uploader__message-area').text(options.MessageAreaText || settings.MessageAreaText);
           }
         });
       
         //so the event handler works on the new "real" one
         $('.hidden-inputs .file-chooser__input').removeClass('file-chooser__input').attr('data-uploadId', uploadId); 
       
         //update the message area
         $('.file-uploader__message-area').text(options.MessageAreaTextWithFiles || settings.MessageAreaTextWithFiles);
         
         uploadId++;
         
       } else {
         //indicate that the file is not ok
         $('.file-chooser').addClass("error");
         var errorText = options.DefaultErrorMessage || settings.DefaultErrorMessage;
         
         if(check === "badFileName") {
           errorText = options.BadTypeErrorMessage || settings.BadTypeErrorMessage;
         }
         
         $('.file-chooser__input').after('<p class="error-message">'+ errorText +'</p>');
       }
     });
     
     var checkFile = function(fileName) {
       var accepted          = "invalid",
           acceptedFileTypes = this.acceptedFileTypes || settings.acceptedFileTypes,
           regex;

for ( var i = 0; i < acceptedFileTypes.length; i++ ) {
         regex = new RegExp("\\." + acceptedFileTypes[i] + "$", "i");

if ( regex.test(fileName) ) {
           accepted = "valid";
           break;
         } else {
           accepted = "badFileName";
         }
       }

return accepted;
    };
  }; 
}( jQuery ));

//init 
$(document).ready(function(){
  $('.fileUploader').uploader({
    MessageAreaText: "No files selected. Please select a file."
  });
});

$("#cancel").click(function(e) {
	e.preventDefault();
		window.location.href  = '<?php echo base_url('controller/create_po');?>';
		 });
				
</script>

<script src="<?php echo base_url('admin_assets/js/bootstrap.min.js');?>"></script>
<script src="<?php echo base_url('admin_assets/js/plugins/morris/raphael.min.js');?>"></script>
    <script src="<?php echo base_url('admin_assets/js/plugins/morris/morris.min.js');?>"></script>
    <script src="<?php echo base_url('admin_assets/js/plugins/morris/morris-data.js');?>"></script>