EVOLUTION-NINJA

Edit File: add_shipaddress.php

<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
	<title>Yaskawa Add New Product</title>
	<link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/css/main.css');?>" />
	<link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/css/bootstrap.min.css');?>" />
	<link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/css/font-awesome.min.css');?>" />
	
	<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">	
	
	<script type="text/javascript" src="<?php echo base_url('assets/js/jquery-2.2.4.min.js');?>"></script>
	<script type="text/javascript" src="<?php echo base_url('assets/js/bootstrap.min.js');?>"></script>
   
    <script type="text/ecmascript" src="<?php echo base_url('jqgrid/js/jquery.jqGrid.min.js'); ?>"></script>
    
    <script type="text/ecmascript" src="<?php echo base_url('jqgrid/js/i18n/grid.locale-en.js'); ?>"></script>
    
    <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'); ?>" />
					
	<script src="<?php echo base_url('assets/js/jquery-ui.js'); ?>" type="text/javascript"></script>
	
	<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;
				}
				.my-nav{
					width:100% !important;
				}
				.my-nav li{
					width:100% !important;
				}
				.my-nav a:hover{
					color:black !important;
				}
				.navbar-collapse{
					padding-right:0px !important;
					padding-left:0px !important;
				}	
				.menu-left{
					padding-right:0px !important;
				}
				
					
			</style>
</head>
<body>	
	
	
	<header class="cf">	
		<div class="container">
			<div class="logo col-sm-4">
				<a href="" class="hidden-xs hidden-sm"><img src="<?php echo base_url('assets/img/yaskawa_logo.png');?>" class="img-responsive"></a>
				<a href="" class="hidden-md hidden-lg"><img src="<?php echo base_url('assets/img/yaskawa_logo2.png');?>" class="img-responsive center-block"></a>
			</div>
			<div class="navigation col-sm-8">
				<nav>
					<a href="javascript:void(0)" class="smobitrigger ion-navicon-round"><span>Menu</span></a>
					<ul class="mobimenu">
					<?php if($details->role == 2)
					{
					if($details->department == 4)
					{?>
					<li class="dropdown">
							<a href="" class="dropdown-toggle active" data-toggle="dropdown">Information
								<span class="glyphicon glyphicon-chevron-down"></span>
							</a>
							<ul class="dropdown-menu  multi-column-dropdown">
								<li><a href="<?php echo site_url('controller/inventory_import');?>">Stock Updates</a></li>
								<li><a href="<?php echo site_url('controller/po_import');?>">PO Acknowledgemets</a></li>
																
							</ul>
						</li>
					<li><a href="<?php echo site_url('controller/create_po');?>">Generate PO</a></li> 
						<li><a href="<?php echo site_url('controller/news');?>">News</a></li> &nbsp  &nbsp  &nbsp  &nbsp  &nbsp  &nbsp  &nbsp  &nbsp  &nbsp  &nbsp  &nbsp	
					<?php }elseif($details->department == 5) {?>
					<li class="dropdown">
							<a href="" class="dropdown-toggle" data-toggle="dropdown">Financials
								<span class="glyphicon glyphicon-chevron-down"></span>
							</a>
							<ul class="dropdown-menu  multi-column-dropdown">
								<li><a href="<?php echo site_url('controller/outstanding_statement');?>">Outstanding Statement</a></li>
								<li><a href="<?php echo site_url('controller/overdue_statement');?>">Overdue Statement</a></li>
								<li><a href="<?php echo site_url('controller/c_forms');?>">C forms</a></li>
							</ul>
						</li>	
						<li><a href="<?php echo site_url('controller/news');?>" class="active">News</a></li> &nbsp  &nbsp  &nbsp  &nbsp  &nbsp  &nbsp  &nbsp  &nbsp  &nbsp  &nbsp  &nbsp
					<?php }elseif($details->department == 6) {?>
					<li class="dropdown">
							<a href="" class="dropdown-toggle" data-toggle="dropdown">Technical Support
								<span class="glyphicon glyphicon-chevron-down"></span>
							</a>
							<ul class="dropdown-menu  multi-column-dropdown">
								<li><a href="<?php echo site_url('controller/drive_mannual_upload');?>">Drive Catalogues</a></li>
								<li><a href="<?php echo site_url('controller/case_stories_upload');?>">Case Stories</a></li>								
							</ul>
						</li>	
						<li><a href="<?php echo site_url('controller/news');?>" class="active">News</a></li> &nbsp  &nbsp  &nbsp  &nbsp  &nbsp  &nbsp  &nbsp  &nbsp  &nbsp  &nbsp  &nbsp
					<?php }elseif($details->department == 7) {?>
					<li><a href="<?php echo site_url('controller/news_upload');?>" class="active">News</a></li>
					<?php } } elseif ($details->role == 3) {?>
						<li class="dropdown">
							<a href="" class="dropdown-toggle" data-toggle="dropdown">Information
								<span class="glyphicon glyphicon-chevron-down"></span>
							</a>
							<ul class="dropdown-menu  multi-column-dropdown">
								<li><a href="<?php echo site_url('controller/stock_updates');?>">Stock Updates</a></li>
								<li><a href="<?php echo site_url('controller/po_acknowledgemets');?>">PO Acknowledgemets</a></li>								
							</ul>
						</li>						
						<li class="dropdown">
							<a href="" class="dropdown-toggle" data-toggle="dropdown">Financials
								<span class="glyphicon glyphicon-chevron-down"></span>
							</a>
							<ul class="dropdown-menu  multi-column-dropdown">
								<li><a href="<?php echo site_url('controller/outstanding_statements_display');?>">Outstanding Statement</a></li>
								<li><a href="<?php echo site_url('controller/overdue_statements_display');?>">Overdue Statement</a></li>
								<li><a href="<?php echo site_url('controller/c_forms_display');?>">C forms</a></li>
							</ul>
						</li>						
						<li class="dropdown">
							<a href="" class="dropdown-toggle" data-toggle="dropdown">Technical Support
								<span class="glyphicon glyphicon-chevron-down"></span>
							</a>
							<ul class="dropdown-menu  multi-column-dropdown">
								<li><a href="<?php echo site_url('controller/drive_catalogues');?>">Drive Catalogues</a></li>
								<li><a href="<?php echo site_url('controller/case_stories');?>">Case Stories</a></li>								
							</ul>
						</li>
						<li><a href="<?php echo site_url('controller/news');?>" class="active">News</a></li> &nbsp  &nbsp  &nbsp  &nbsp  &nbsp  &nbsp  &nbsp  &nbsp  &nbsp  &nbsp  &nbsp	
						<?php }?>
									
						<ul class="navbar-right">
							<li><a href="<?php echo site_url('controller/profile');?>">Profile</a></li>
							<li><a href="<?php echo site_url('controller/logout');?>">Logout</a></li>						
						</ul>  
					</ul>
				</nav>
			</div>
		</div>
	</header>
		
		<div class="row">
				<div class="col-sm-2 menu-left" style="background-color:#2a4474;height:945px;">
					
					<div class="collapse navbar-collapse navbar-ex1-collapse text_color">
						<ul class="nav navbar-nav side-nav my-nav" >
							<?php if ($details->role == 3) {?>
							  <li class="active"  >
								<a href="<?php echo site_url('controller/add_new_po');?>"> Add New PO</a>
								
							</li>
							  </br>
							  <li>
								<a href="<?php echo site_url('controller/create_po');?>"> Create PO</a>
								
							</li>
							  </br>
							<li>
								<a href="<?php echo site_url('controller/po_list');?>"> View All PO</a>
								
							</li>
								</br>
							<li>
								<a href="<?php echo site_url('controller/add_product');?>"> Insert Product</a>
								
							</li>
							 </br>
							<li>
								<a href="<?php echo site_url('controller/upload_signed_po');?>"> Upload Signed PO</a>
								 
							</li>
							   
							    </br>
							     <li>
								<a href="<?php echo site_url('controller/signed_po_list');?>"> Signed PO List</a>
								 
							</li>
							   <?php } else {?>
							   
							    <li class="active"  >
								<a href="<?php echo site_url('controller/add_new_po');?>"> Add New PO</a>
								
							</li>
							  </br>
							  <li>
								<a href="<?php echo site_url('controller/create_po');?>"> Create PO</a>
								
							</li>
							  </br>
							<li>
								<a href="<?php echo site_url('controller/po_list');?>"> View All PO</a>
								
							</li>
								</br>
							<li>
								<a href="<?php echo site_url('controller/add_product');?>"> Insert Product</a>
								
							</li>
							 </br>
							<li>
								<a href="<?php echo site_url('controller/upload_signed_po');?>"> Upload Signed PO</a>
								 
							</li>
							   
							    </br>
							     <li>
								<a href="<?php echo site_url('controller/signed_po_list');?>"> Signed PO List</a>
								 
							</li>
							    </br>
							<li>
								<a href="<?php echo site_url('controller/add_shipaddress');?>"> Add PO Address</a>
								 
							</li>
							<?php }?>
							
						</ul>
					</div>
					
				</div>
				<div class="col-sm-10">
		
		<div class="middle_work_table">
		<div class="container">		
		<h3 class="page-title">
Add Shipment Address
		</h3>	
		
		
		<?php if(isset($fetch_data)) {  ?>
		
			<form action="<?php echo base_url('controller/update_address');?>" method="post" id="profile">
				<div class="row" style="padding-top: 14px;">
					
							
							<div class="form-group">
								<label class="control-label col-sm-4" for="email">Company Name</label>
								<div class="col-sm-8">												
									<input type="text" class="form-control" name="name" id="name" value="<?php echo $fetch_data->name; ?>" required>
									<input type="hidden" class="form-control" name="u_id" id="u_id" value="<?php echo $fetch_data->id; ?>" >
								</div>
							</div>
							
							<div class="form-group">
								<label class="control-label col-sm-4" for="email">Street</label>
								<div class="col-sm-8">												
									<input type="text" class="form-control"  name="street" id="street" value="<?php echo $fetch_data->street; ?>" required>
								</div>
							</div>				
							
							<div class="form-group">
								<label class="control-label col-sm-4" for="email">City</label>
								<div class="col-sm-8">												
									<input type="text" class="form-control" name="city" id="city" value="<?php echo $fetch_data->city; ?>" required>
								</div>
							</div>
							
							<div class="form-group">
								<label class="control-label col-sm-4" for="email">State</label>
								<div class="col-sm-8">												
									<input type="text" class="form-control" name="state" id="state" value="<?php echo $fetch_data->state; ?>" required>
								</div>
							</div>
							<div class="form-group">
								<label class="control-label col-sm-4" for="email">State Code</label>
								<div class="col-sm-8">												
									<input type="text" class="form-control" name="state_code" id="state_code" value="<?php echo $fetch_data->state_code; ?>" required>
								</div>
							</div>
							<div class="form-group">
								<label class="control-label col-sm-4" for="email">State As Per GST</label>
								<div class="col-sm-8">												
									<input type="text" class="form-control" name="state_gst" id="state_gst" value="<?php echo $fetch_data->state_gst; ?>" required>
								</div>
							</div>
							
							<div class="form-group">
								<label class="control-label col-sm-4" for="email">Pincode</label>
								<div class="col-sm-8">												
									<input type="text" class="form-control" name="pincode" id="pincode" value="<?php echo $fetch_data->pincode; ?>" required>
								</div>
							</div>
							<div class="form-group">
								<label class="control-label col-sm-4" for="email">GSTIN</label>
								<div class="col-sm-8">												
									<input type="text" class="form-control" name="gstin" id="gstin" value="<?php echo $fetch_data->gstin; ?>" 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">Update</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>	
			
		<?php } else  { ?>
			<form action="<?php echo base_url('controller/insert_address');?>" method="post" id="profile">
				<div class="row" style="padding-top: 14px;">
					
							
							<div class="form-group">
								<label class="control-label col-sm-4" for="email">Company Name</label>
								<div class="col-sm-8">												
									<input type="text" class="form-control" name="name" id="name" required>
								</div>
							</div>
							
							<div class="form-group">
								<label class="control-label col-sm-4" for="email">Street</label>
								<div class="col-sm-8">												
									<input type="text" class="form-control"  name="street" id="street" required>
								</div>
							</div>				
							
							<div class="form-group">
								<label class="control-label col-sm-4" for="email">City</label>
								<div class="col-sm-8">												
									<input type="text" class="form-control" name="city" id="city" required>
								</div>
							</div>
							
							<div class="form-group">
								<label class="control-label col-sm-4" for="email">State</label>
								<div class="col-sm-8">												
									<input type="text" class="form-control" name="state" id="state" required>
								</div>
							</div>
							
							<div class="form-group">
								<label class="control-label col-sm-4" for="email">State Code</label>
								<div class="col-sm-8">												
									<input type="text" class="form-control" name="state_code" id="state_code" value="<?php echo $fetch_data->state_code; ?>" required>
								</div>
							</div>
							<div class="form-group">
								<label class="control-label col-sm-4" for="email">State As Per GST</label>
								<div class="col-sm-8">												
									<input type="text" class="form-control" name="state_gst" id="state_gst" value="<?php echo $fetch_data->state_gst; ?>" required>
								</div>
							</div>
							
							<div class="form-group">
								<label class="control-label col-sm-4" for="email">Pincode</label>
								<div class="col-sm-8">												
									<input type="text" class="form-control" name="pincode" id="pincode" required>
								</div>
							</div>
							
							<div class="form-group">
								<label class="control-label col-sm-4" for="email">GSTIN</label>
								<div class="col-sm-8">												
									<input type="text" class="form-control" name="gstin" id="gstin" 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>	
		<?php } ?>
			<div id = "jaytab" class="jaytab">
				<table id="list2"></table>
				<div id="pager2"></div>
				<div id="dialogSelectRow" title="Warning" style="display:none">
					<p>Please select row</p>
				</div>									
			</div>
			
		</div> 	
		</div> 
		
	</div>
	</div>		
	
	<footer>
		<div class="top-bg">		
		<div class="container">			
			<ul class="top_marqu">
				<li><a href="tel:+91-9731676611"><i class="fa fa-mobile" aria-hidden="true"></i> : +91 9731676611</a></li>
					<li><a href="mailto:services@yaskawa.in"><i class="fa fa-envelope-o" aria-hidden="true"></i> : services@yaskawa.in</a></li>
					<li><a href=""> | </a></li>
				<li><a href="tel:+91-9711351351">North <i class="fa fa-mobile" aria-hidden="true"></i> : +91 9711351351</a></li>
				<li><a href="tel:+91-9620512399">South <i class="fa fa-mobile" aria-hidden="true"></i> : +91 9620512399</a></li>
			</ul>	
		</div>
	</div>
	</footer>
</body>
</html>

.well-sm {
    padding: 3px !important;
	border-radius: 0px !important;
}
input[type="file"] {
    padding-bottom: 28px !important;
    height: 25px !important;
    color:transparent;
}
.portlet.box.blue-madison {
    border: 1px solid #fff !important;
    border-top: 0;
    background:#fff !important;
}
#table_approved_indent
{
	display:none;
}
#refresh_list3
{
	display:none !important;
}
@media only screen and (min-width:320px) and (max-width:640px) {
}
</style> 
			
			
			
			<script>
function getDesignAndQuality(articleNo) {
	
    $.ajax({
        type: "post",
        url: "<?php echo base_url(); ?>marketing/getDesignAndQuality",
        data: "articleNo=" + articleNo,
        success: function (data) {
            var objData = jQuery.parseJSON(data);
           document.getElementById("design").value = objData.design;
            document.getElementById("quality").value = objData.quality;
        }
    });
}
</script>

 
				    
		<link href="https://cdn.jsdelivr.net/sweetalert2/4.2.4/sweetalert2.min.css" rel="stylesheet"/>
<script src="https://cdn.jsdelivr.net/sweetalert2/4.2.4/sweetalert2.min.js"></script>

label {
    font-weight: normal;
    text-align: left;
}
.hr-line{
	border-top: 1px solid #465A81;
}

input[type=file] {
    display: none;
}
.ui-jqgrid .ui-jqgrid-caption {
    text-align: left;
    background: rgb(72,91,127);
    color: white;
}
.ui-jqdialog .ui-jqdialog-titlebar {
    padding: .1em .1em;
    min-height: 35px;
     background: rgb(72,91,127);
    color: white;
}
.ui-jqdialog .ui-jqdialog-titlebar-close span {
    display: block;
    margin: -9px;
}
#sData
{
	 height: 27px;
}
#cData
{
	 height: 27px;
}
#dData
{
	 height: 27px;
}
#eData
{
	 height: 27px;
}
.coledit
{	cursor:pointer;
	
padding-right: 22px !important;
padding-left: 23px !important;
margin-top: 4px !important;
color:bold !important;
}
.ui-jqgrid .ui-jqgrid-btable tbody tr.jqgrow td {
    overflow: hidden;
    white-space: pre;
   
	
}
	</style>

<script>
$(document).ready(function(){	
		
		var colPos = 0;
			var navGrid = $('#list2');
			 
			 
			 navGrid.jqGrid('showCol', navGrid.getGridParam("colModel")[5].name);
				  
</script>
<script>
 
	
	
  $(document).ready(function (){
	//var l=$("#loc").val();
	  //alert(l);
		jQuery("#list2").jqGrid({
			url:"<?php echo base_url('controller/add_shipaddress_details')?>",	 
			datatype: "json", 
		   colNames:['Id','Name','Strret','City','State','Pincode','State Code','State As Per GST','Action'],
				
			colModel:[
					  {name:'id',index:'id',hidden:true, width:50,editable:true,width:100},
					  {name:'name',index:'name', width:120,editable:false},
					  {name:'street',index:'street', width:120,editable:true,editrules:{required: true}},
					  {name:'city',index:'city', editable:true,editrules:{required: true},width:120},
					  
					  {name:'state',index:'state',classes:'edit',hidden:true, editable:true,editrules:{required: true},width:120},
					   {name:'pincode',index:'pincode', editable:true,editrules:{required: true},width:120},
					   {name:'state_code',index:'state_code',classes:'edit',editable:true,editrules:{required: true},width:120},
					   {name:'state_gst',index:'state_gst', editable:true,editrules:{required: true},width:120},
					     {name:'',index:'',align: "center",editable:false,editrules:{required: true}, width:200,cellattr: function (rowId, tv, rawObject, cm, rdata) 
									{
	                        	     return ' onclick="fun_edit($(this))" ';
	                        		},formatter:function (cellvalue, options, rowObject) {    
    return "<input type='button' class='fa fa-eye' value='SELECT'  \>";
						  }},
					],
						height: 'auto',
		      	rowNum:20,
		      	rowTotal: 2000,
		      	rowList : [20,30],
		      	rownumbers: true,
		      	rownumWidth: 40,
		      	pager:"#pager2", 
		      	sortname:'id', 
		      	viewrecords: true,
		      	gridview: true,
		      	autowidth: true,
		      	sortorder:"asc",
		       	loadonce:true,
				caption:"Shipment Details",
			
  });

$("#list2").jqGrid('filterToolbar',{searchOperators : false}); //for multisearch code,remove if not required
	
	 		$("#list2").jqGrid('navGrid','#pager2',
				{edit:false,add:false,del:false,search:false,refreshstate:"current"},
				{ },
		        { },
		        { }, 
				{
			    	sopt:['eq', 'ne', 'lt', 'gt', 'cn', 'bw', 'ew'],
			        closeOnEscape: true, 
			        	multipleSearch: true, 
			         	closeAfterSearch: true }
			);

}); 
	function fun_edit(rowId)
		{
		  var id = rowId.closest('tr').attr('id'); 
		  var as=id;
		
			
			$.ajax({
				type:'post',
				url:'<?php echo base_url("controller/shipment_id"); ?>',
				data:{'as':as},
				async:false,
				success:function()
				{
					
					window.location.href  = '<?php echo base_url('controller/shipment_id');?>/'+ '?id='+as;
					}
				 
			});
			
	 
		}
 </script>
	<style>
	
.coledit
{	cursor:pointer;
	
padding-right: 22px !important;
padding-left: 23px !important;
margin-top: 4px !important;
color:bold !important;
}
@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>