EVOLUTION-NINJA

Edit File: view_supervisor_po_list.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-3.6.0.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>
	
		<link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/css/sweetalert.css');?>" />
<script type="text/javascript" src="<?php echo base_url('assets/js/sweetalert.min.js');?>"></script>

<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/F1.svg');?>"></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> Regional Manager</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/reg_supervisor_view');?>">Supervisor</a>
                            </li>
                            <li>
                                <a href="<?php echo site_url('controller/reg_abp_view');?>">ABP</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/reg_stock_updates_view');?>">Stock Updates</a>
                            </li>
                            <li>
                                <a href="<?php echo site_url('controller/reg_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/reg_outstanding_view');?>">Outstanding Statement</a>
                            </li>
                            <li>
                                <a href="<?php echo site_url('controller/reg_overdue_view');?>">Overdue Statement</a>
                            </li>
							<li>
                                <a href="<?php echo site_url('controller/reg_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/reg_drive_catalogues_view');?>">Drive Catalogues</a>
                            </li>
                            <li>
                                <a href="<?php echo site_url('controller/reg_case_stories_view');?>">Case Stories</a>
                            </li>
                        </ul>
                    </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> 
					  <li>
						<a href="<?php echo site_url('controller/po_list');?>">View All PO</a>
					</li>
                </ul>
            </div>
            
        </nav>
         <div id="page-wrapper">

<h3 class="page-title">
Purchase Order List
</h3> <button type="button" id="cancel" style="float: right;margin-top: -29px;margin-right: 35px;">Back</button>
<br>

<div class="row 10">
			<?php if($details->role == 1){?>
				<label class="col-sm-2"></label>
				<label class="radio-inline">
				<input type="radio" value="po" onclick="approval_status('normal_unapproved/normal_disapproved');" name="availability" />&nbsp;&nbsp;&nbsp;NORMAL PO
				</label>
				<label class="radio-inline">
				<input type="radio" value="approved_po" onclick="approval_status('normal_approved');" name="availability" />&nbsp;&nbsp;&nbsp;NORMAL APPROVED PO
				</label>
				<label class="radio-inline">
				<input type="radio" value="po" onclick="approval_status('special_unapproved/special_disapproved');" name="availability" />&nbsp;&nbsp;&nbsp;SPECIAL PO
				</label>
				<label class="radio-inline">
				<input type="radio" value="approved_po" onclick="approval_status('special_approved');" name="availability" />&nbsp;&nbsp;&nbsp;SPECIAL APPROVED PO
				</label>
				<label class="radio-inline">
				<input type="radio" value="pending_po" onclick="approval_status('pending_po');" name="availability" />&nbsp;&nbsp;&nbsp;PENDING PO
				</label>
				<?php } else { ?>
				<label class="col-sm-2"></label>
				<label class="radio-inline">
				<input type="radio" value="po" onclick="approval_status('normal_unapproveds/normal_disapproveds');" name="availability" />&nbsp;&nbsp;&nbsp;NORMAL PO
				</label>
				
				<label class="radio-inline">
				<input type="radio" value="po" onclick="approval_status('special_unapproveds/special_disapproveds');" name="availability" />&nbsp;&nbsp;&nbsp;SPECIAL PO
				</label>
				<?php } ?>
				
			</div>

<div id="menu1" class="tab-pane col-sm-12 col-md-12 ">
    
			<div id="jaytab1" style="margin-top:3%;margin-left: -28px;" class="col-sm-12 grid1">
				<div class="grid_div1"></div><table id="list1"></table>
				  <div id="pager1"></div>
				 <div id="dialogSelectRow3" title="Warning" style="display:none">
				 <p>Please select row</p>
			  </div>
			</div>

</div>
		<div id="menu2" class="tab-pane col-sm-12 col-md-12 ">
    
			<div id="jaytab2" style="margin-top:3%;margin-left: -28px;" class="col-sm-12 grid2">
				<div class="grid_div2"></div><table id="list2"></table>
				  <div id="pager2"></div>
				 <div id="dialogSelectRow4" title="Warning" style="display:none">
				 <p>Please select row</p>
			  </div>
			</div>

</div>
		
				<div id="menu3" class="tab-pane col-sm-12 col-md-12 ">
    
			<div id="jaytab3" style="margin-top:3%;margin-left: -28px;" class="col-sm-12 grid3">
				<div class="grid_div3"></div><table id="list3"></table>
				  <div id="pager3"></div>
				 <div id="dialogSelectRow3" title="Warning" style="display:none">
				 <p>Please select row</p>
			  </div>
			</div>

</div>
		
		<div id="menu4" class="tab-pane col-sm-12 col-md-12 ">
    
			<div id="jaytab4" style="margin-top:3%;margin-left: -28px;" class="col-sm-12 grid4">
				<div class="grid_div4"></div><table id="list4"></table>
				  <div id="pager4"></div>
				 <div id="dialogSelectRow4" title="Warning" style="display:none">
				 <p>Please select row</p>
			  </div>
			</div>

</div>
		
		<div id="menu5" class="tab-pane col-sm-12 col-md-12 ">
    
			<div id="jaytab5" style="margin-top:3%;margin-left: -28px;" class="col-sm-12 grid5">
				<div class="grid_div5"></div><table id="list5"></table>
				  <div id="pager5"></div>
				 <div id="dialogSelectRow5" title="Warning" style="display:none">
				 <p>Please select row</p>
			  </div>
			</div>

</div>
		
		<div id="menu6" class="tab-pane col-sm-12 col-md-12 ">
    
			<div id="jaytab6" style="margin-top:3%;margin-left: -28px;" class="col-sm-12 grid6">
				<div class="grid_div6"></div><table id="list6"></table>
				  <div id="pager6"></div>
				 <div id="dialogSelectRow6" title="Warning" style="display:none">
				 <p>Please select row</p>
			  </div>
			</div>

</div>
		
		<div id="menu7" class="tab-pane col-sm-12 col-md-12 ">
    
			<div id="jaytab7" style="margin-top:3%;margin-left: -28px;" class="col-sm-12 grid7">
				<div class="grid_div7"></div><table id="list7"></table>
				  <div id="pager7"></div>
				 <div id="dialogSelectRow7" title="Warning" style="display:none">
				 <p>Please select row</p>
			  </div>
			</div>

</div>
		
		   
	    <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>

</div>
            
        </div>

</div>
            
        </div>

</body>

</html>

<div class="modal fade" id="newModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">Upload File</h4>
      </div>
	  <form id="upload" class="form-inline upload_pdf" enctype="multipart/form-data">
	
      <div class="modal-body">
	  
	   <input type="hidden" name="po_no" class="po_no"/>
	  
			<div class="file-uploader">
				<div class="file-uploader__message-area">
					<p>Upload PDF file.</p>
				</div>
				<div class="file-chooser">
					<input type="file"  id="file" class="pdf_upload" name="pdf_file[]" multiple required>
				</div>
			</div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="submit" class="btn btn-primary submit_pdf">Upload</button>
      </div>
	</form>
    </div>
  </div>
</div>

<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>
    
    
    <script type="text/javascript">

$(document).ready(function (){

jQuery("#list1").jqGrid({
		
	 	url:"<?php echo site_url('controller/normal_po_details')?>",	 
		 mtype : "post", 	 
		datatype: "json", 
	     colNames:['SI','PO NO','PO PATH','PO TYPE','','VIEW PO'],
		colModel:[
					{name:'id',index:'id', width:100, hidden:true,editable:false,key:true},
					{name:'po_no',index:'po_no', width:100, editable:false},
					{name:'po_path',index:'po_path', width:375, editable:false},
					{name:'po_type',index:'po_type',classes:'po_type',align: "center",width:125, editable:false},
					{name:'approve_status',index:'approve_status', hidden:true, width:375, editable:false},
					/*{name:'confirm',index:'confirm',classes:'agr_appr',align: "center",editable:false,editrules:{required: true}, width:150,cellattr: function (rowId, tv, rawObject, cm, rdata) 
									{
	                        	     return ' onclick="confirm1($(this))" ';
	                        		},formatter:function (cellvalue, options, rowObject) {    
								return "<input type='checkbox' id='check' class='check'   value='SELECT'  \>";
						  }},*/
					 // {name:'approve_status',index:'approve_status',classes:'agr_appr',align: "center",editable:false,editrules:{required: true}, width:250,cellattr: function (rowId, tv, rawObject, cm, rdata) 
						// {
						 // return ' onclick="confirm($(this))" ';
					
					// }},	
								 
                		
					{name:'po_path',index:'po_path', align: "center", editable:false,editrules:{}, width:220,cellattr: function (rowId, tv, rawObject, cm, rdata) 
						{
                	     return ' onclick="view_po($(this))" ';
                		},formatter:function (cellvalue, options, rowObject) {    
						return "<input type='button' value='VIEW PO' onclick='some_function' data-toggle='modal' data-target='#edit_modal' target='_blank'\>";

}},
					
			 
	      	    ],
	      	  rowNum:20,
		      	rowTotal: 2000,
		      	rowList : [10,20,30,50,100,500,1000],
		      	rownumbers: true,
		      	rownumWidth: 40,
		      	pager:"#pager1", 
		      	sortname:'owner_id', 
		      	viewrecords: true,
		      	gridview: true,
		      	autowidth: true,
		      	sortorder:"asc",
		      	shrinkToFit: false,
		      	 emptyrecords: 'No records to display',
		       //  multiselect: true,
		         // multiboxonly: true,
		      	loadonce:true,
				caption:"Normal Purchase Order Details",

});

$("#list1").jqGrid("setLabel", "rn", "SL");

$("#list1").jqGrid('filterToolbar',{searchOperators : false}); //for multisearch code,remove if not required

$("#list1").jqGrid('navGrid','#pager1',
			{edit:true,add:false,del:false,search:true,refreshstate:"current"},
			{ },
	        { },
	        { }, 
			{
		    	sopt:['eq', 'ne', 'lt', 'gt', 'cn', 'bw', 'ew'],
		        closeOnEscape: true, 
		        	multipleSearch: true, 
		         	closeAfterSearch: true }
		);
		
 		
	});

</script>

<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);
			});			
		});

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

}

function confirm1(rowId)
{
	//alert();
	var v=$('#approval_id').val();
	var u=$('#user_id').val();
	if(u == 8){
	if(v == 2){
	 var po_no = rowId.closest('tr').attr('id');
	 var app = $("#list1").jqGrid('getRowData',po_no);
	 app=app.approve_status;
	 
	if(app=="UNAPPROVED")
	{
	swal({

title: "Are you sure?",
        text: "Do you want to approve this Purchase Order?",
        type: "warning",   showCancelButton: true,
        confirmButtonColor: "#DD6B55",
        confirmButtonText: "Yes,proceed!",
        cancelButtonText: "No, cancel plz!",
        closeOnConfirm: false,
        closeOnCancel: false 
        },

function(isConfirm){   
//alert(po_no);
        if (isConfirm) {

$(".sweet-alert").hide();
            $(".sweet-overlay").hide();
//             test.attr('disabled', 'disabled');
//             test.text("Updating...");
                $.ajax({          
                        type   : 'post',
                        url    : '<?php echo site_url("controller/approve_po")?>',
                        data   : {po_no:po_no},

success:function(response) {

toastr["success"]("APPROVED");
                               location.reload();
                            }

});

} 
                        else {

$(".sweet-alert").hide();
                        $(".sweet-overlay").hide();
                    }

});
	}
	else if(app=="DISAPPROVED")
	{
	swal({

function(isConfirm){

if (isConfirm) {

success:function(response) {

toastr["success"]("APPROVED");
                               location.reload();
                            }

});

} 
                        else {

$(".sweet-alert").hide();
                        $(".sweet-overlay").hide();
                    }

});
	
	}
	else
	{
		swal({

title: "Are you sure?",
            text: "Do you want to disapprove this Purchase Order?",
            type: "warning",   showCancelButton: true,
            confirmButtonColor: "#DD6B55",
            confirmButtonText: "Yes,proceed!",
            cancelButtonText: "No, cancel plz!",
            closeOnConfirm: false,
            closeOnCancel: false 
            },

function(isConfirm){

if (isConfirm) {

$(".sweet-alert").hide();
                $(".sweet-overlay").hide();
//                 test.attr('disabled', 'disabled');
//                 test.text("Updating...");
                    $.ajax({          
                            type   : 'post',
                            url    : '<?php echo site_url("controller/disapprove_po")?>',
                            data   : {po_no:po_no},

success:function(response) {
    
                                   toastr["success"]("DISAPPROVED");
                                   location.reload();
 
                            }
                        });

} 
                            else {

$(".sweet-alert").hide();
                            $(".sweet-overlay").hide();
                        }

});
	}
	}

else
	{
		
			
		swal({
			title: "You Don't Have Access For This Approval",
			text: "",
	 		});
			$( ".check" ).prop( "checked", false );
			 $("#list1").jqGrid('setGridParam',{datatype:'json'}).trigger('reloadGrid');
	}
	}
else{
	swal("You Don't Have Access To Approve This PO.");
}	
	
}

function confirm2(rowId)
{
	//alert();
	var v=$('#approval_id').val();
	var u=$('#user_id').val();
	if(u == 8){
	if(v == 2){
	 var po_no = rowId.closest('tr').attr('id');
	 var app = $("#list2").jqGrid('getRowData',po_no);
	 app=app.approve_status;
	 //alert(app);
	if(app=="UNAPPROVED")
	{
	swal({

function(isConfirm){

if (isConfirm) {

success:function(response) {

toastr["success"]("APPROVED");
                               location.reload();
                            }

});

} 
                        else {

$(".sweet-alert").hide();
                        $(".sweet-overlay").hide();
                    }

});
	}
	else if(app=="DISAPPROVED")
	{
	swal({

function(isConfirm){

if (isConfirm) {

success:function(response) {

toastr["success"]("APPROVED");
                               location.reload();
                            }

});

} 
                        else {

$(".sweet-alert").hide();
                        $(".sweet-overlay").hide();
                    }

});
	}
	else
	{
		swal({

function(isConfirm){

if (isConfirm) {

$(".sweet-alert").hide();
                $(".sweet-overlay").hide();
//                 test.attr('disabled', 'disabled');
//                 test.text("Updating...");
                    $.ajax({          
                            type   : 'post',
                            url    : '<?php echo site_url("controller/disapprove_po")?>',
                            data   : {po_no:po_no},

} 
                            else {

$(".sweet-alert").hide();
                            $(".sweet-overlay").hide();
                        }

});
	}
	}

else
	{
		
			
		swal({
			title: "You Don't Have Access For This Approval",
			text: "",
	 		});
			$( ".check" ).prop( "checked", false );
			 $("#list1").jqGrid('setGridParam',{datatype:'json'}).trigger('reloadGrid');
	}	
	}
else{
	swal("You Don't Have Access To Approve This PO.");
}	
}

function confirm3(rowId)
{
	//alert();
	var v=$('#approval_id').val();
	var u=$('#user_id').val();
	if(u == 8){
	if(v == 2){
	 var po_no = rowId.closest('tr').attr('id');
	 var app = $("#list3").jqGrid('getRowData',po_no);
	 app=app.approve_status;
	 //alert(app);
	if(app=="UNAPPROVED")
	{
	swal({

function(isConfirm){   
//alert(po_no);
        if (isConfirm) {

$(".sweet-alert").hide();
            $(".sweet-overlay").hide();
//             test.attr('disabled', 'disabled');
//             test.text("Updating...");
                $.ajax({          
                        type   : 'post',
                        url    : '<?php echo site_url("controller/approve_specialpo")?>',
                        data   : {po_no:po_no},

success:function(response) {

toastr["success"]("APPROVED");
                               location.reload();
                            }

});

} 
                        else {

$(".sweet-alert").hide();
                        $(".sweet-overlay").hide();
                    }

});
	}
	else if(app=="DISAPPROVED")
	{
	swal({

function(isConfirm){

if (isConfirm) {

$(".sweet-alert").hide();
            $(".sweet-overlay").hide();
//             test.attr('disabled', 'disabled');
//             test.text("Updating...");
                $.ajax({          
                        type   : 'post',
                        url    : '<?php echo site_url("controller/approve_specialpo")?>',
                        data   : {po_no:po_no},

success:function(response) {

toastr["success"]("APPROVED");
                               location.reload();
                            }

});

} 
                        else {

$(".sweet-alert").hide();
                        $(".sweet-overlay").hide();
                    }

});
	}
	else
	{
		swal({

function(isConfirm){

if (isConfirm) {

$(".sweet-alert").hide();
                $(".sweet-overlay").hide();
//                 test.attr('disabled', 'disabled');
//                 test.text("Updating...");
                    $.ajax({          
                            type   : 'post',
                            url    : '<?php echo site_url("controller/disapprove_specialpo")?>',
                            data   : {po_no:po_no},

} 
                            else {

$(".sweet-alert").hide();
                            $(".sweet-overlay").hide();
                        }

});
	}
	}

else
	{
		
			
		swal({
			title: "You Don't Have Access For This Approval",
			text: "",
	 		});
			$( ".check" ).prop( "checked", false );
			 $("#list1").jqGrid('setGridParam',{datatype:'json'}).trigger('reloadGrid');
	}
}
else{
	swal("You Don't Have Access To Approve This PO.");
}		
}

function confirm4(rowId)
{
	//alert();
	var v=$('#approval_id').val();
	var u=$('#user_id').val();
	if(u == 8){
	if(v == 2){
	 var po_no = rowId.closest('tr').attr('id');
	 var app = $("#list4").jqGrid('getRowData',po_no);
	 app=app.approve_status;
	 //alert(app);
	if(app=="UNAPPROVED")
	{
	swal({

function(isConfirm){

if (isConfirm) {

$(".sweet-alert").hide();
            $(".sweet-overlay").hide();
//             test.attr('disabled', 'disabled');
//             test.text("Updating...");
                $.ajax({          
                        type   : 'post',
                        url    : '<?php echo site_url("controller/approve_specialpo")?>',
                        data   : {po_no:po_no},

success:function(response) {

toastr["success"]("APPROVED");
                               location.reload();
                            }

});

} 
                        else {

$(".sweet-alert").hide();
                        $(".sweet-overlay").hide();
                    }

});
	}
	else if(app=="DISAPPROVED")
	{
	swal({

function(isConfirm){

if (isConfirm) {

$(".sweet-alert").hide();
            $(".sweet-overlay").hide();
//             test.attr('disabled', 'disabled');
//             test.text("Updating...");
                $.ajax({          
                        type   : 'post',
                        url    : '<?php echo site_url("controller/approve_specialpo")?>',
                        data   : {po_no:po_no},

success:function(response) {

toastr["success"]("APPROVED");
                               location.reload();
                            }

});

} 
                        else {

$(".sweet-alert").hide();
                        $(".sweet-overlay").hide();
                    }

});
	}
	else
	{
		swal({

function(isConfirm){

if (isConfirm) {

$(".sweet-alert").hide();
                $(".sweet-overlay").hide();
//                 test.attr('disabled', 'disabled');
//                 test.text("Updating...");
                    $.ajax({          
                            type   : 'post',
                            url    : '<?php echo site_url("controller/disapprove_specialpo")?>',
                            data   : {po_no:po_no},

} 
                            else {

$(".sweet-alert").hide();
                            $(".sweet-overlay").hide();
                        }

});
	}
	}

else
	{
		
			
		swal({
			title: "You Don't Have Access For This Approval",
			text: "",
	 		});
			$( ".check" ).prop( "checked", false );
			 $("#list1").jqGrid('setGridParam',{datatype:'json'}).trigger('reloadGrid');
	}
}
else{
	swal("You Don't Have Access To Approve This PO.");
}		
}

function approval_status(str)
{
	
	if(str=="normal_unapproved/normal_disapproved")
	{

$('#jaytab1').show();
		$('#jaytab2').hide();
		$('#jaytab3').hide();
		$('#jaytab4').hide();
		$('#jaytab5').hide();
		$('#jaytab6').hide();
		$('#jaytab7').hide();
			jQuery("#list1").jqGrid({
		
	 	url:"<?php echo site_url('controller/normal_po_details')?>",	 
		 mtype : "post", 	 
		datatype: "json", 
	    colNames:['SI','PO NO','PO PATH','PO TYPE','','VIEW PO'],
		colModel:[
					{name:'id',index:'id', width:100, hidden:true,editable:false,key:true},
					{name:'po_no',index:'po_no', width:100, editable:false},
					{name:'po_path',index:'po_path', width:400, editable:false},
					{name:'po_type',index:'po_type',classes:'po_type',align: "center",width:150, editable:false},
					{name:'approve_status',index:'approve_status', hidden:true, width:400, editable:false},
					/*{name:'confirm',index:'confirm',classes:'agr_appr',align: "center",editable:false,editrules:{required: true}, width:150,cellattr: function (rowId, tv, rawObject, cm, rdata) 
									{
	                        	     return ' onclick="confirm($(this))" ';
	                        		},formatter:function (cellvalue, options, rowObject) {    
								return "<input type='checkbox' id='check' class='check'   value='SELECT'  \>";
						  }},*/
								 
                		
					{name:'po_path',index:'po_path', align: "center", editable:false,editrules:{}, width:250,cellattr: function (rowId, tv, rawObject, cm, rdata) 
						{
                	     return ' onclick="view_po($(this))" ';
                		},formatter:function (cellvalue, options, rowObject) {    
						return "<input type='button' value='VIEW PO' onclick='some_function' data-toggle='modal' data-target='#edit_modal' target='_blank'\>";

});

$("#list1").jqGrid("setLabel", "rn", "SL");

$("#list1").jqGrid('filterToolbar',{searchOperators : false}); //for multisearch code,remove if not required

}
	else if(str=="normal_approved")
	{
		$('#jaytab1').hide();
		$('#jaytab2').show();
		$('#jaytab3').hide();
		$('#jaytab4').hide();
		$('#jaytab5').hide();
		$('#jaytab6').hide();
		$('#jaytab7').hide();
		jQuery("#list2").jqGrid({
		
	 	url:"<?php echo site_url('controller/get_normal_approved_po_details')?>",	 
		 mtype : "post", 	 
		datatype: "json", 
	    colNames:['SI','PO NO','PO PATH','PO TYPE','','VIEW PO'],
		colModel:[
					{name:'id',index:'id', width:100, hidden:true,editable:false,key:true},
					{name:'po_no',index:'po_no', width:100, editable:false},
					{name:'po_path',index:'po_path', width:400, editable:false},
					{name:'po_type',index:'po_type',classes:'po_type',align: "center",width:150, editable:false},
					{name:'approve_status',index:'approve_status', hidden:true, width:400, editable:false},
				/*	{name:'approve_status',index:'approve_status',classes:'agr_appr',align: "center",editable:false,editrules:{required: true}, width:250,cellattr: function (rowId, tv, rawObject, cm, rdata) 
						 {
						  return ' onclick="confirm2($(this))" ';
					
					 }},	
								 
                		*/
					{name:'po_path',index:'po_path', align: "center", editable:false,editrules:{}, width:220,cellattr: function (rowId, tv, rawObject, cm, rdata) 
						{
                	     return ' onclick="view_po($(this))" ';
                		},formatter:function (cellvalue, options, rowObject) {    
						return "<input type='button' value='VIEW PO' onclick='some_function' data-toggle='modal' data-target='#edit_modal' target='_blank'\>";

}},
					
			 
	      	    ],
	      	  rowNum:20,
		      	rowTotal: 2000,
		      	rowList : [10,20,30,50,100,500,1000],
		      	rownumbers: true,
		      	rownumWidth: 40,
		      	pager:"#pager2", 
		      	sortname:'owner_id', 
		      	viewrecords: true,
		      	gridview: true,
		      	autowidth: true,
		      	sortorder:"asc",
		      	shrinkToFit: false,
		      	 emptyrecords: 'No records to display',
		       //  multiselect: true,
		         // multiboxonly: true,
		      	loadonce:true,
				caption:"Approved Normal Purchase Order Details",

});

$("#list2").jqGrid("setLabel", "rn", "SL");

$("#list2").jqGrid('filterToolbar',{searchOperators : false}); //for multisearch code,remove if not required

$("#list2").jqGrid('navGrid','#pager2',
			{edit:true,add:false,del:false,search:true,refreshstate:"current"},
			{ },
	        { },
	        { }, 
			{
		    	sopt:['eq', 'ne', 'lt', 'gt', 'cn', 'bw', 'ew'],
		        closeOnEscape: true, 
		        	multipleSearch: true, 
		         	closeAfterSearch: true }
		);

}
	else if(str=="special_unapproved/special_disapproved")
	{
		$('#jaytab1').hide();
		$('#jaytab2').hide();
		$('#jaytab3').show();
		$('#jaytab4').hide();
		$('#jaytab5').hide();
		$('#jaytab6').hide();
		$('#jaytab7').hide();
		
		jQuery("#list3").jqGrid({
		
	 	url:"<?php echo site_url('controller/special_po_details')?>",	 
		 mtype : "post", 	 
		datatype: "json", 
	    colNames:['SI','PO NO','PO PATH','PO TYPE','','VIEW PO'],
		colModel:[
					{name:'id',index:'id', width:100, hidden:true,editable:false,key:true},
					{name:'po_no',index:'po_no', width:100, editable:false},
					{name:'po_path',index:'po_path', width:400, editable:false},
					{name:'po_type',index:'po_type',classes:'po_type',align: "center",width:150, editable:false},
					{name:'approve_status',index:'approve_status', hidden:true, width:400, editable:false},
					/*{name:'confirm',index:'confirm',classes:'agr_appr',align: "center",editable:false,editrules:{required: true}, width:150,cellattr: function (rowId, tv, rawObject, cm, rdata) 
									{
	                        	     return ' onclick="confirm3($(this))" ';
	                        		},formatter:function (cellvalue, options, rowObject) {    
								return "<input type='checkbox' id='check' class='check'   value='SELECT'  \>";
						  }},
							*/	 
                		
					{name:'po_path',index:'po_path', align: "center", editable:false,editrules:{}, width:220,cellattr: function (rowId, tv, rawObject, cm, rdata) 
						{
                	     return ' onclick="view_specialpo($(this))" ';
                		},formatter:function (cellvalue, options, rowObject) {    
						return "<input type='button' value='VIEW PO' onclick='some_function' data-toggle='modal' data-target='#edit_modal' target='_blank'\>";

}},
					
			 
	      	    ],
	      	  rowNum:20,
		      	rowTotal: 2000,
		      	rowList : [10,20,30,50,100,500,1000],
		      	rownumbers: true,
		      	rownumWidth: 40,
		      	pager:"#pager3", 
		      	sortname:'owner_id', 
		      	viewrecords: true,
		      	gridview: true,
		      	autowidth: true,
		      	sortorder:"asc",
		      	shrinkToFit: false,
		      	 emptyrecords: 'No records to display',
		       //  multiselect: true,
		         // multiboxonly: true,
		      	loadonce:true,
				caption:"Special Purchase Order Details",

});

$("#list3").jqGrid("setLabel", "rn", "SL");

$("#list3").jqGrid('filterToolbar',{searchOperators : false}); //for multisearch code,remove if not required

$("#list3").jqGrid('navGrid','#pager3',
			{edit:true,add:false,del:false,search:true,refreshstate:"current"},
			{ },
	        { },
	        { }, 
			{
		    	sopt:['eq', 'ne', 'lt', 'gt', 'cn', 'bw', 'ew'],
		        closeOnEscape: true, 
		        	multipleSearch: true, 
		         	closeAfterSearch: true }
		);

}

else if(str=="special_approved")
	{
		$('#jaytab1').hide();
		$('#jaytab2').hide();
		$('#jaytab3').hide();
		$('#jaytab4').show();
		$('#jaytab5').hide();
		$('#jaytab6').hide();
		$('#jaytab7').hide();
		
		jQuery("#list4").jqGrid({
		
	 	url:"<?php echo site_url('controller/get_special_approved_po_details')?>",	 
		 mtype : "post", 	 
		datatype: "json", 
	    colNames:['SI','PO NO','PO PATH','PO TYPE','','VIEW PO'],
		colModel:[
					{name:'id',index:'id', width:100, hidden:true,editable:false,key:true},
					{name:'po_no',index:'po_no', width:100, editable:false},
					{name:'po_path',index:'po_path', width:400, editable:false},
					{name:'po_type',index:'po_type',classes:'po_type',align: "center",width:150, editable:false},
					{name:'approve_status',index:'approve_status', hidden:true, width:400, editable:false},
					/*{name:'approve_status',index:'approve_status',classes:'agr_appr',align: "center",editable:false,editrules:{required: true}, width:250,cellattr: function (rowId, tv, rawObject, cm, rdata) 
						 {
						  return ' onclick="confirm4($(this))" ';
					
					 }},*/	
								 
                		
					{name:'po_path',index:'po_path', align: "center", editable:false,editrules:{}, width:220,cellattr: function (rowId, tv, rawObject, cm, rdata) 
						{
                	     return ' onclick="view_specialpo($(this))" ';
                		},formatter:function (cellvalue, options, rowObject) {    
						return "<input type='button' value='VIEW PO' onclick='some_function' data-toggle='modal' data-target='#edit_modal' \>";

}},
					
			 
	      	    ],
	      	  rowNum:20,
		      	rowTotal: 2000,
		      	rowList : [10,20,30,50,100,500,1000],
		      	rownumbers: true,
		      	rownumWidth: 40,
		      	pager:"#pager4", 
		      	sortname:'owner_id', 
		      	viewrecords: true,
		      	gridview: true,
		      	autowidth: true,
		      	sortorder:"asc",
		      	shrinkToFit: false,
		      	 emptyrecords: 'No records to display',
		       //  multiselect: true,
		         // multiboxonly: true,
		      	loadonce:true,
				caption:"Approved Special Purchase Order Details",

});

$("#list4").jqGrid("setLabel", "rn", "SL");

$("#list4").jqGrid('filterToolbar',{searchOperators : false}); //for multisearch code,remove if not required

$("#list4").jqGrid('navGrid','#pager4',
			{edit:true,add:false,del:false,search:true,refreshstate:"current"},
			{ },
	        { },
	        { }, 
			{
		    	sopt:['eq', 'ne', 'lt', 'gt', 'cn', 'bw', 'ew'],
		        closeOnEscape: true, 
		        	multipleSearch: true, 
		         	closeAfterSearch: true }
		);

}
	else if(str=="normal_unapproveds/normal_disapproveds")
	{

$('#jaytab1').hide();
		$('#jaytab2').hide();
		$('#jaytab3').hide();
		$('#jaytab4').hide();
		$('#jaytab5').show();
		$('#jaytab6').hide();
		$('#jaytab7').hide();
			jQuery("#list5").jqGrid({
		
	 	url:"<?php echo site_url('controller/normal_po_details')?>",	 
		 mtype : "post", 	 
		datatype: "json", 
	    colNames:['SI','PO NO','PO PATH','PO TYPE','','VIEW PO'],
		colModel:[
					{name:'id',index:'id', width:100, hidden:true,editable:false,key:true},
					{name:'po_no',index:'po_no', width:100, editable:false},
					{name:'po_path',index:'po_path', width:450, editable:false},
					{name:'po_type',index:'po_type',classes:'po_type',align: "center",width:150, editable:false},
					{name:'approve_status',index:'approve_status', hidden:true, width:375, editable:false},
					 
                		
					{name:'po_path',index:'po_path', align: "center", editable:false,editrules:{}, width:300,cellattr: function (rowId, tv, rawObject, cm, rdata) 
						{
                	     return ' onclick="view_po($(this))" ';
                		},formatter:function (cellvalue, options, rowObject) {    
						return "<input type='button' value='VIEW PO' onclick='some_function' data-toggle='modal' data-target='#edit_modal' target='_blank'\>";

}},
					
			 
	      	    ],
	      	  rowNum:20,
		      	rowTotal: 2000,
		      	rowList : [10,20,30,50,100,500,1000],
		      	rownumbers: true,
		      	rownumWidth: 40,
		      	pager:"#pager5", 
		      	sortname:'owner_id', 
		      	viewrecords: true,
		      	gridview: true,
		      	autowidth: true,
		      	sortorder:"asc",
		      	shrinkToFit: false,
		      	 emptyrecords: 'No records to display',
		       //  multiselect: true,
		         // multiboxonly: true,
		      	loadonce:true,
				caption:"Approved Normal Purchase Order Details",

});

$("#list5").jqGrid("setLabel", "rn", "SL");

$("#list5").jqGrid('filterToolbar',{searchOperators : false}); //for multisearch code,remove if not required

$("#list5").jqGrid('navGrid','#pager5',
			{edit:true,add:false,del:false,search:true,refreshstate:"current"},
			{ },
	        { },
	        { }, 
			{
		    	sopt:['eq', 'ne', 'lt', 'gt', 'cn', 'bw', 'ew'],
		        closeOnEscape: true, 
		        	multipleSearch: true, 
		         	closeAfterSearch: true }
		);

}
	
	else if(str=="special_unapproveds/special_disapproveds")
	{
		$('#jaytab1').hide();
		$('#jaytab2').hide();
		$('#jaytab3').hide();
		$('#jaytab4').hide();
		$('#jaytab5').hide();
		$('#jaytab6').show();
		$('#jaytab7').hide();
		
		jQuery("#list6").jqGrid({
		
	 	url:"<?php echo site_url('controller/special_po_details')?>",	 
		 mtype : "post", 	 
		datatype: "json", 
	    colNames:['SI','PO NO','PO PATH','PO TYPE','','VIEW PO'],
		colModel:[
					{name:'id',index:'id', width:100, hidden:true,editable:false,key:true},
					{name:'po_no',index:'po_no', width:100, editable:false},
					{name:'po_path',index:'po_path', width:450, editable:false},
					{name:'po_type',index:'po_type',classes:'po_type',align: "center",width:150, editable:false},
					{name:'approve_status',index:'approve_status', hidden:true, width:375, editable:false},
					
								 
                		
					{name:'po_path',index:'po_path', align: "center", editable:false,editrules:{}, width:300,cellattr: function (rowId, tv, rawObject, cm, rdata) 
						{
                	     return ' onclick="view_specialpo($(this))" ';
                		},formatter:function (cellvalue, options, rowObject) {    
						return "<input type='button' value='VIEW PO' onclick='some_function' data-toggle='modal' data-target='#edit_modal' target='_blank'\>";

}},
					
			 
	      	    ],
	      	  rowNum:20,
		      	rowTotal: 2000,
		      	rowList : [10,20,30,50,100,500,1000],
		      	rownumbers: true,
		      	rownumWidth: 40,
		      	pager:"#pager6", 
		      	sortname:'owner_id', 
		      	viewrecords: true,
		      	gridview: true,
		      	autowidth: true,
		      	sortorder:"asc",
		      	shrinkToFit: false,
		      	 emptyrecords: 'No records to display',
		       //  multiselect: true,
		         // multiboxonly: true,
		      	loadonce:true,
				caption:"Special Purchase Order Details",

});

$("#list6").jqGrid("setLabel", "rn", "SL");

$("#list6").jqGrid('filterToolbar',{searchOperators : false}); //for multisearch code,remove if not required

$("#list6").jqGrid('navGrid','#pager6',
			{edit:true,add:false,del:false,search:true,refreshstate:"current"},
			{ },
	        { },
	        { }, 
			{
		    	sopt:['eq', 'ne', 'lt', 'gt', 'cn', 'bw', 'ew'],
		        closeOnEscape: true, 
		        	multipleSearch: true, 
		         	closeAfterSearch: true }
		);

}
			else if(str=="pending_po")
	{
		$('#jaytab1').hide();
		$('#jaytab2').hide();
		$('#jaytab3').hide();
		$('#jaytab4').hide();
		$('#jaytab5').hide();
		$('#jaytab6').hide();
		$('#jaytab7').show();
		
		jQuery("#list7").jqGrid({
		
	 	url:"<?php echo site_url('controller/get_pending_po')?>",	 
		 mtype : "post", 	 
		datatype: "json", 
	    colNames:['SI','PO NO','PO PATH','PO TYPE','TRANSFER STATUS','VIEW PO'],
		colModel:[
					{name:'id',index:'id', width:100, hidden:true,editable:false,key:true},
					{name:'po_no',index:'po_no', width:100, editable:false},
					{name:'po_path',index:'po_path', width:250, editable:false},
					{name:'po_type',index:'po_type',classes:'po_type',align: "center",width:150, editable:false},
					{name:'transfer_status',index:'transfer_status', classes:'transfer_status',align: "center", width:200, editable:false},
					{name:'po_path',index:'po_path', align: "center", editable:false,editrules:{}, width:200,cellattr: function (rowId, tv, rawObject, cm, rdata) 
						{
                	     return ' onclick="view_pendingpo($(this))" ';
                		},formatter:function (cellvalue, options, rowObject) {    
						return "<input type='button' value='VIEW PO' onclick='some_function' data-toggle='modal' data-target='#edit_modal' target='_blank'\>";

}},
						/*{name:'po_path',index:'po_path', align: "center", editable:false,editrules:{}, width:150,cellattr: function (rowId, tv, rawObject, cm, rdata) 
						{
                	     return ' onclick="transfer($(this))" ';
                		},formatter:function (cellvalue, options, rowObject) {    
						return "<input type='button' value='SEND'\>";

}},*/
					
			 
	      	    ],
	      	  rowNum:20,
		      	rowTotal: 2000,
		      	rowList : [10,20,30,50,100,500,1000],
		      	rownumbers: true,
		      	rownumWidth: 40,
		      	pager:"#pager7", 
		      	sortname:'owner_id', 
		      	viewrecords: true,
		      	gridview: true,
		      	autowidth: true,
		      	sortorder:"asc",
		      	shrinkToFit: false,
		      	 emptyrecords: 'No records to display',
		       //  multiselect: true,
		         // multiboxonly: true,
		      	loadonce:true,
				caption:"Pending Purchase Order Details",

});

$("#list7").jqGrid("setLabel", "rn", "SL");

$("#list7").jqGrid('filterToolbar',{searchOperators : false}); //for multisearch code,remove if not required

$("#list7").jqGrid('navGrid','#pager7',
			{edit:true,add:false,del:false,search:true,refreshstate:"current"},
			{ },
	        { },
	        { }, 
			{
		    	sopt:['eq', 'ne', 'lt', 'gt', 'cn', 'bw', 'ew'],
		        closeOnEscape: true, 
		        	multipleSearch: true, 
		         	closeAfterSearch: true }
		);

}
	
	
}
function view_pendingpo(rowId)
{
	var id = rowId.closest('tr').attr('id');
	var ids=id;

$.ajax({
	        
	        url:"<?php echo site_url('controller/view_pendingpo')?>",
	        type:"POST",
	        data:{ids:ids},
	        success:function(response) 
			{
				response=jQuery.parseJSON(response);
				console.log(response);
				if(response.result == 1)
				{
				
						window.open("<?php echo base_url()?>/"+response.res.po_path , "_blank");
					
				}
				else
				{
					
				}
				
	        }
	  }); 
}

function transfer(rowId)
{
    var id = rowId.closest('tr').attr('id');
     var po_no = $('.po_no').val(id);
		$('#newModal').modal('show');
		
		$('.upload_pdf').submit(function(e) {
		e.preventDefault();
        
		formdata = new FormData($(this)[0]);

$.ajax({

type   : 'post',
                url    : '<?php echo site_url("controller/upload_pending_po_pdf")?>',
                data   : formdata,
                contentType: false,
                processData: false,
				//async : false,
                                          
                  success:function(data){
					
                 $('#newModal').modal('hide');
					toastr["success"]("Succesfully Uploaded");
					window.location.href = "<?php echo base_url('controller/po_list');?>"
                }
           });

});
}
</script>

.well-sm {
    padding: 3px !important;
	border-radius: 0px !important;
}

.portlet.box.blue-madison {
    border: 1px solid #fff !important;
    border-top: 0;
    background:#fff !important;
}
#productgrid{
	//height:380px;
	//overflow-y: scroll;
	
}

.text_color a{
	
	color:white !important;
}

.agr_appr
{
	font-weight:bold !important;
	color:#AF0100;
	cursor: pointer; 
	text-transform: uppercase !important;
}

.po_type
{
	font-weight:bold !important;
	color:BLUE;
	cursor: pointer; 
	text-transform: uppercase !important;
}
</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);
				}
			
				#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>