EVOLUTION-NINJA

Edit File: rec_madeups_details.php

text-transform: uppercase !important;

}
.ui-jqgrid tr.jqgrow td{ 
text-transform: uppercase !important;
}
.ui-jqgrid .ui-jqgrid-titlebar {
    height: 27px !important;
    background: #485b7f !important;
    color: white !important;
   
}
#client_delete_new
{
display:none;
}
#edit_list3
{
	display:none;
}
#search_list3
{
	display:none;
}
#refresh_list3
{
	display:none;
}
</style>
<script>
function back_function()
{
	window.location.href = "<?php echo base_url('reports/madeups_report'); ?>"
}

</script>
<div class="page-content-wrapper">
<div class="page-content">

<h3 class="page-title">
Madeups  Details
</h3>
<div class="page-bar">
		<ul class="page-breadcrumb">
			<li><i class="fa fa-home"></i> <a href="https://swansilk.co/dashboard/dashboard_fun">Home</a> <i
			class="fa fa-angle-right"></i> <a href="<?php echo base_url('reports/madeups_report'); ?>" >Madeups Details </a></li>
		</ul>
	</div>

<div class="row date_row">
		<form action="<?php echo base_url('reports/madeups_data'); ?>" method="post" class="form">	
				<div class="col-md-3">
					<div class="form-group">
						 <label class="control-label col-md-4">From Date :</label>
						<div class="col-md-8">
							 <input type="text" class="form-control input-group openDatePicker from_delivery_date_required_on" name="from_delivery_date_required_on" id="from_delivery_date_required_on"  data-provide="datepicker" value="<?php echo $from_dates; ?>">
						</div>
					</div>
				</div>

<div class="col-md-3">
					<div class="form-group">
						 <label class="control-label col-md-4">To Date :</label>
						<div class="col-md-8">
							 <input type="text" class="form-control input-group openDatePicker to_delivery_date_required_on" name="to_delivery_date_required_on" id="to_delivery_date_required_on"  data-provide="datepicker" value="<?php echo $to_dates; ?>">
						</div>
					</div>
				</div>
				<div class="col-md-3">
			<input type="submit" id="" value="Submit" class="" style="margin-right: 2px;"/>
<button type="button" id="" value="Back" class="" onclick="back_function();" style="margin-right: 2px;"/>Back </button>
<button type="button" onclick="export_page();" style="padding-top: 4px;padding-bottom: 4px;" class="btn btn-primary">Export</button>	
			</div>
		</form>
	</div> 
	<div id = "jaytab3" style="margin-top:0%;margin-left: -28px;" class="col-sm-12 grid">
			<div class="grid_div"></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>
</div>
<div style="display:none;"><table  border="1" style="border-spacing: 0px !important;" id="export_table" class="export_table"></table></div>
	<div style="display:none;">
		<table  border="1" style="border-spacing: 0px !important;" id="print_table" class="print_table"></table>
		</div>			
		<script>
			function print_page1()
			{  
				
				var divToPrint=document.getElementById('print_table');
					newWin= window.open("");
					newWin.document.write('<html><head><title></title>');
					newWin.document.write('</head>');
					newWin.document.write(divToPrint.outerHTML);
					newWin.document.write('</html>');
					newWin.print();
					document.getElementById('print_table').style.display='';
					newWin.close();
					location.reload();
			}
			</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.min.js'); ?>"></script>
	    
	    <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/css/jquery-ui.min.css'); ?>" />
	    
	    <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('jqgrid/css/ui.jqgrid.min.css'); ?>" />
						
		<script src="<?php echo base_url('assets/js/jquery-ui.min.js'); ?>" type="text/javascript"></script>
	
<script type="text/javascript">
$(document).ready(function (){
    var ll;
		var type = $('#type').val();
		
	jQuery("#list3").jqGrid({
		
	 	url:"<?php echo base_url('reports/date_wise_madeups_details')?>",	 
		 mtype : "post", 	 
		datatype: "json", 
	
				
			 colNames:['Id','CUSTOMER ID','ISSUED SSL PIECE','OSL #','ORDER TYPE','SIZE','ARTICLE','DESCRIPTION','DESIGN','SHADE','SSL SHADE','ISSUED OSL #','WIDTH','ARTICLE','ISSUED DESIGN','ISSUED SHADE','ISSUED MTRS','ESTIMATED PCS','ISSUED DATE'],
				
			colModel:[
					{name:'id',index:'id',hidden:true, width:50,editable:true,width:100},
  {name:'fileNo',index:'fileNo', width:50,editable:false,width:100},
					  {name:'f_ssl_piece',index:'f_ssl_piece', width:50,editable:false,width:100},
					
							{name:'oslNo',index:'oslNo',edittype:'text',editable:false,editrules:{required: true}, width:100},
					  {name:'subOrderType',index:'subOrderType',editable:false, width:100},
					  {name:'width',index:'width',editable:false, width:100},
					
					  {name:'articleNo',index:'articleNo', width:50,editable:false,width:100},
					  
					      {name:'description',index:'description', width:50,editable:true,width:100},
					     {name:'design',index:'design', editable:false,width:50},
					    {name:'buyerShade',index:'buyerShade', editable:false,width:50},
						{name:'shadeName',index:'shadeName', editable:false,width:60},
						
					  {name:'f_osl',index:'f_osl',edittype:'text',editable:false,editrules:{required: true}, width:100},
					  {name:'f_width',index:'f_width', width:100,editable:false},
					    {name:'f_article',index:'f_article', width:130,editable:false},
					    {name:'f_design',index:'f_design', width:100,editable:false},
						 {name:'f_shade',index:'f_shade', width:130,editable:false},
					  {name:'f_issue_mtrs',index:'f_issue_mtrs',hidden:false, width:100},
{name:'est_pcs',index:'est_pcs',hidden:false, width:100},
{name:'issue_date',index:'issue_date',editable:false,editrules:{required: true},width:110},
				 ],
				 height: 'auto',
	      	  rowNum:50,
		      	rowTotal: 200000000000,
		      	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:"Madeups Details",
			footerrow: true,
loadComplete: function () {
       var sumOfPrice_rec_weight = jQuery("#list3").jqGrid('getCol','f_issue_mtrs',false,'sum');

var sumOfPrice_rej_mtrs = jQuery("#list3").jqGrid('getCol','est_pcs',false,'sum');

jQuery("#list3").jqGrid('footerData', 'set', { f_design: 'Total:',  f_issue_mtrs: sumOfPrice_rec_weight.toFixed(2) , est_pcs: sumOfPrice_rej_mtrs.toFixed(2)});

},
		});

$("#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 }
		).navButtonAdd('#pager3',
 				{ 	caption:"Print", 
					buttonicon:"ui-icon-print", 
 					onClickButton:print_page,
 					position: "last", 
					title:"", 
 					cursor: "pointer",
					id:"client_delete_new"
 				} 
		);	
 		$("#list3").navButtonAdd('#pager3',
				{ 	caption:"Export", 
					buttonicon:"", 
					onClickButton: export_page_list,
					position: "last", 
					title:"", 
					cursor: "pointer",
					id:"client_delete"
				} 
		);

});

function export_page() {
	
	id = jQuery("#list3").jqGrid('getDataIDs');
	var type= $('#type').val();
	
	$.ajax({
        type   : 'post',
      url:"<?php echo base_url('reports/date_wise_madeups_detailss')?>",	
        data   : {id:id},
                                  
          success:function(data){
          response=jQuery.parseJSON(data);
		  
		  
		  //alert(d);
          console.log(response);
         var count =1;
         
		 var rec_g=0;
		 rec_weight =0;
inspected_mtrs=0;
var dyed_wt=0;
var rec_dyed_qua=0;

$('.export_table').empty();
                var content = '';
                content +='<thead><tr><th><b>SL No.</b></th><th><b>ISSUED SSL PIECE</b></th> <th><b>OSL #</b></th> <th><b>ORDER TYPE</b></th> <th><b>SIZE</b></th> <th><b>ARTICLE</b></th> <th><b>DESCRIPTION</b></th> <th><b>DESIGN</b></th> <th><b>SHADE</b></th><th><b>SSL SHADE</b></th><th><b>ISSUED OSL #</b></th><th><b>WIDTH</b></th><th><b>ARTICLE</b></th><th><b>ISSUED DESIGN</b></th><th><b>ISSUED SHADE</b></th><th></b>ISSUED MTRS</b></th><th></b>ESTIMATED PCS</b></th><th></b>ISSUED DATE</b></th></tr></thead>';

$.each(response.details,function(key,vas){

content +='<tr><td>'+count+'</td> <td>'+vas.f_ssl_piece+'</td> <td>'+vas.oslNo+'</td> <td>'+vas.subOrderType+'</td> <td>'+vas.width+'</td><td>'+vas.articleNo+'</td> <td>'+vas.description+'</td><td>'+vas.design+'</td><td>'+vas.buyerShade+'</td><td>'+vas.shadeName+'</td> <td>'+vas.f_osl+'</td><td>'+vas.f_width+'</td><td>'+vas.f_article+'</td><td>'+vas.f_design+'</td><td>'+vas.f_shade+'</td><td>'+vas.f_issue_mtrs+'</td><td>'+vas.est_pcs+'</td><td>'+vas.issue_date+'</td></tr>';
						count++;
             
                });
					
  content +='<tr></tr>';
				 content +='<tr><th><b>SUMMARY</b></th><th></th></th> <th></th> <th></th><th></th><th></th><th></th><th></th><th></th><th></th><th></th></tr>';
				  content +='<tr><th><b>Order Type  </b></th><th></th>  <th><b>Issued Mtrs</b></th>  <th><b>Estimated Pcs</b></th> <th></th> <th></th> <th></th><th></th><th></th><th></th><th></th><th></th><th></th></tr>';
				 
				   
				  $.each(response.details_res,function(key,res){
				 dyed_wt +=parseFloat(res.f_total);
					rec_dyed_qua +=parseFloat(res.est_pcs);	  
					 
				  content +='<tr><th><b>'+res.subOrderType+'</b></th> <th></th><th><b>'+res.f_total+'</b></th><th><b>'+res.est_pcs+'</b></th> <th></th> <th></th> <th></th> <th></th><th></th><th></th><th></th><th></th><th></th><th></th></tr>';
				
			
					 
					});
content +='<tr><th></th><th></th></tr>';
					  content +='<tr><th></th><th><b>TOTAL</b></th><th><b>'+dyed_wt+'</b></th> <th><b>'+rec_dyed_qua+'</b></th> <th></th> <th></th> <th></th> <th></th><th></th><th></th><th></th><th></th><th></th><th></th></tr>';
				
				
                 $('.export_table').append(content);
                 
                 doit('xlsx');
               //  doit(type, fn, dl);
                // export_data();
				// pdf_download();
          			}
				 });
				
}

function export_page_list() {
	
	id = jQuery("#list3").jqGrid('getDataIDs');
	var type= $('#type').val();
	
	$.ajax({
        type   : 'post',
      url:"<?php echo base_url('reports/date_wise_madeups_detailss')?>",	
        data   : {id:id},
                                  
          success:function(data){
          response=jQuery.parseJSON(data);
		  
		  
		  //alert(d);
          console.log(response);
         var count =1;
         
		 var rec_g=0;
		 rec_weight =0;
inspected_mtrs=0;
var dyed_wt=0;
var rec_dyed_qua=0;
  
$('.export_table').empty();
  
                var content = '';
                content +='<thead><tr><th><b>SL No.</b></th><th><b>ISSUED SSL PIECE</b></th> <th><b>OSL #</b></th> <th><b>ORDER TYPE</b></th> <th><b>SIZE</b></th> <th><b>ARTICLE</b></th> <th><b>DESCRIPTION</b></th> <th><b>DESIGN</b></th> <th><b>SHADE</b></th><th><b>SSL SHADE</b></th><th><b>ISSUED OSL #</b></th><th><b>WIDTH</b></th><th><b>ARTICLE</b></th><th><b>ISSUED DESIGN</b></th><th><b>ISSUED SHADE</b></th><th></b>ISSUED MTRS</b></th><th></b>ESTIMATED PCS</b></th><th></b>ISSUED DATE</b></th></tr></thead>';

$.each(response.details,function(key,vas){

content +='<tr><td>'+count+'</td> <td>'+vas.f_ssl_piece+'</td> <td>'+vas.oslNo+'</td> <td>'+vas.subOrderType+'</td> <td>'+vas.width+'</td><td>'+vas.articleNo+'</td> <td>'+vas.description+'</td><td>'+vas.design+'</td><td>'+vas.buyerShade+'</td><td>'+vas.shadeName+'</td> <td>'+vas.f_osl+'</td><td>'+vas.f_width+'</td><td>'+vas.f_article+'</td><td>'+vas.f_design+'</td><td>'+vas.f_shade+'</td><td>'+vas.f_issue_mtrs+'</td><td>'+vas.est_pcs+'</td><td>'+vas.issue_date+'</td></tr>';
						count++;
             
                });
					
  content +='<tr></tr>';
				 content +='<tr><th><b>SUMMARY</b></th><th></th></th> <th></th> <th></th><th></th><th></th><th></th><th></th><th></th><th></th><th></th></tr>';
				  content +='<tr><th><b>Order Type  </b></th><th></th>  <th><b>Issued Mtrs</b></th>  <th><b>Estimated Pcs</b></th> <th></th> <th></th> <th></th><th></th><th></th><th></th><th></th><th></th><th></th></tr>';
				 
				   
				  $.each(response.details_res,function(key,res){
				 dyed_wt +=parseFloat(res.f_total);
					rec_dyed_qua +=parseFloat(res.est_pcs);	  
					 
				  content +='<tr><th><b>'+res.subOrderType+'</b></th> <th></th><th><b>'+res.f_total+'</b></th><th><b>'+res.est_pcs+'</b></th> <th></th> <th></th> <th></th> <th></th><th></th><th></th><th></th><th></th><th></th><th></th></tr>';
				
			
					 
					});
content +='<tr><th></th><th></th></tr>';
					  content +='<tr><th></th><th><b>TOTAL</b></th><th><b>'+dyed_wt+'</b></th> <th><b>'+rec_dyed_qua+'</b></th> <th></th> <th></th> <th></th> <th></th><th></th><th></th><th></th><th></th><th></th><th></th></tr>';
				
				
                 $('.export_table').append(content);
                 
                 export_data();
				 pdf_download();
          			}
				 });
				
}

function fun(rowId)
{
	var type= $('#type').val();
   var id = rowId.closest('tr').attr('id');

$.ajax({          
       type   : 'post',
       url    : "<?php echo site_url("edit-broker")?>?type="+type,
       data   : {broker_id:id},

success:function(response) {
       response=jQuery.parseJSON(response);
			console.log(response);

if(response.result == 1) 
           {
           	$(".broker_id_pk").val(response.broker_details.broker_id);
           	$(".name_or_id").val(response.broker_details.name_or_id);
           	$(".associate_name").val(response.broker_details.associate_name);
           	$(".address").val(response.broker_details.address);
           	$(".email").val(response.broker_details.email);
           	$(".mobile").val(response.broker_details.mobile);
        	$(".mobile2").val(response.broker_details.mobile2);
           	$(".reference_details").val(response.broker_details.reference_details);
           	$(".pan_number").val(response.broker_details.pan_number);
           	$(".adhar_number").val(response.broker_details.adhar_number);

var ext = response.broker_details.scan_copy.split('.').pop();
				if(ext == 'JPG' || ext == 'jpg' || ext == 'JPEG' || ext == 'jpeg' || ext == 'png' || ext == 'PNG')
				{
           		$(".scanned_image").html('<img src ="<?php echo base_url("broker_uploads");?>/'+response.broker_details.scan_copy+'" style="width:250px;height:350px"/>');
				}
				else if(ext == 'pdf')
				{
					$(".scanned_image").html('<embed src ="<?php echo base_url("broker_uploads");?>/'+response.broker_details.scan_copy+'" style="width:250px;height:350px"/>');
				}

var content = '';
				if(response.broker_details.type == "Executives")
                {
                	content += '<label class="radio-inline"><input type="radio" value="Executives" name="type" checked>Executives</label>';
                }
                else
                {
                	content +='<label class="radio-inline"><input type="radio" value="Executives" name="type">Executives</label>';
                }

if(response.broker_details.type == "Associate")
                {
                	content += '<label class="radio-inline"><input type="radio" value="Associate" name="type" checked>Associate</label>';
                }
                else
                {
                	content +='<label class="radio-inline"><input type="radio" value="Associate" name="type">Associate</label>';
                }

if(response.broker_details.type == "Logistic")
                {
                	content += '<label class="radio-inline"><input type="radio" value="Logistic" name="type" checked>Logistic</label>';
                }
                else
                {
                	content +='<label class="radio-inline"><input type="radio" value="Logistic" name="type">Logistic</label>';
                }
				if(response.broker_details.type == "Sub Associate")
                {
                	content += '<label class="radio-inline"><input type="radio" value="Sub Associate" name="type" checked>Sub Associate</label>';
                }
                else
                {
                	content +='<label class="radio-inline"><input type="radio" value="Sub Associate" name="type">Sub Associate</label>';
                }

$(".radio_button_class").html(content);
               
                $("#edit_modal").modal("show");
                $("#list3").jqGrid('setGridParam',{datatype:'json'}).trigger('reloadGrid');
                }
            }
	            });  
}

function fun_delete(rowId)
{
	var type= $('#type').val();
	var id = rowId.closest('tr').attr('id'); 
  var broker_id=id;
  swal({

title: "Are you sure?",
      text: "You will not be able to recover this data!",
      type: "warning",   showCancelButton: true,
      confirmButtonColor: "#DD6B55",
      confirmButtonText: "Yes, delete it!",
      cancelButtonText: "No, cancel plz!",
      closeOnConfirm: false,
      closeOnCancel: false 
      },

function(isConfirm){

if (isConfirm) {

$(".sweet-alert").hide();
          $(".sweet-overlay").hide();
         // test.attr('disabled', 'disabled');
          //test.text("Deleting...");
              $.ajax({          
                      type   : 'post',
                      url    : "<?php echo site_url("delete-broker")?>?type="+type,
                      data   : {broker_id:broker_id},

success:function(response) {
                      response=jQuery.parseJSON(response);
							console.log(response);

if(response.result == 1) 
                          {
                             toastr["success"](response.message);
                             //BrokersList();
                             $("#list3").jqGrid('setGridParam',{datatype:'json'}).trigger('reloadGrid');
                          }
                      }
                  });

} 
                      else {

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

});

}

$('.update_form').submit(function(e){    
    e.preventDefault();
	 var type= $('#type').val();
     formdata = new FormData($(this)[0]);

// $(".submit").attr('disabled', 'disabled');
        // $(".submit").text("Updating...");

$.ajax({

type   : 'post',
            url    : "<?php echo site_url("update-broker")?>?type="+type,
            data   : formdata,
            contentType: false,
            processData: false,
                                      
              success:function(response){
              response=jQuery.parseJSON(response);
              console.log(response);

if(response.result==1)
                {
                	$("#edit_modal").modal("hide");
                	 $("#list3").jqGrid('setGridParam',{datatype:'json'}).trigger('reloadGrid');
                    toastr["success"](response.message);
                    $('.update_form')[0].reset();
                    $(".submit").text("Submit");    
                    $(".submit").removeAttr('disabled');                
                }
                else if(response.result==2)
                {
                    toastr["error"](response.message);    
                    $(".submit").text("Submit"); 
                    $(".submit").removeAttr('disabled');                   
                }
                else 
                {
                    toastr["error"](response.message);                       
	                $(".submit").text("Submit"); 
	                $(".submit").removeAttr('disabled');                      
                }
               
            }
            
     });
         
 });

function SortedResult(brokers_list)
{
	tbody.empty();
	var table_row = [];
	
	var slno  = 1;
	var index = 1;

$.each(brokers_list,function(idx,vx){
    var row = [];
    var image = "";

row.push(slno);    
    
   	image='<img src ="<?php echo base_url("broker_uploads");?>/'+vx.scan_copy+'" style="width:80px;height:70px"/>';

row.push(vx.type);
        row.push(vx.name_or_id);
        row.push(vx.associate_name);
        row.push(vx.email);
        row.push(vx.mobile);
        row.push(vx.address);
        row.push(vx.pan_number);
        row.push(vx.reference_details);
        row.push(vx.adhar_number);
        
        var table_content = '';

table_content += '<div style="float:left;">';				               
        table_content += '<a data-toggle="tooltip" title="Edit" class="edit" broker_id="'+vx.broker_id+'" href="javascript:void(0);"><span class="glyphicon glyphicon-edit"></span></a> <a data-toggle="tooltip" title="Delete" class="delete" broker_id="'+vx.broker_id+'" href="javascript:void(0);"><span class="glyphicon glyphicon-trash"></span></a>';				
        table_content += '</div>'
        
        row.push(table_content);   
        table_row.push(row);
        slno++;
        index ++;
    
    });

datatable.clear();
    datatable.rows.add(table_row).draw();
    datatable.draw(); 
} 
</script>

$(document).ready(function(){

$("#sites_print").click(function(){
        var divToPrint=document.getElementById("print_sites_report");
		   newWin= window.open("");
		   newWin.document.write(divToPrint.outerHTML);
		   newWin.print();
		   newWin.close();	
		 });
		    
		   $("#sites_export").click(function(){
         $(".sites_table_print").table2excel({
					exclude: ".noExl",
					name: "Excel Document Name",
					filename: "Broker List",
					fileext: ".xls",
					exclude_img: true,
					exclude_links: true,
					exclude_inputs: true
				});						   
		    });		
		  
});

</script>
<link rel="stylesheet" href="<?php echo base_url('assets/css/code_jquery.min.css');?>">
<script src="<?php echo base_url('assets/js/jquery-ui.min.js'); ?>" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/css/jquery-ui.min.css'); ?>" />
<script>
$(function(){

$(".from_delivery_date_required_on").datepicker({

dateFormat: 'dd-mm-yy',

}).on('changeDate', function(ev){

$('.from_delivery_date_required_on').datepicker('hide');

});

});
$('.from_delivery_date_required_on').on('change', function(){
    var date = $(this).val();
    $('.to_delivery_date_required_on').datepicker({
            dateFormat: 'dd-mm-yy',
            minDate: date,
    });  
});
</script>
<style type="text/css">

.content-wrapper, .right-side {			
		//min-height:900px !important;
	}	
	
	a {
	 color: inherit; 
	}
	.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    position: absolute;
    margin-top: 4px\9;
	margin-left: -47px;
}
input[type=checkbox], input[type=radio] {
    margin: -8px 0 0;
    margin-top: 1px\9;
    line-height: normal;
}

.radio-inline input[type=radio] {
    margin-left: -20px;
    width: 15px !important;
    margin-top: -5px;
}
#ui-datepicker-div {
		z-index: 1000 !important;
	}
.date_row {
	padding-bottom: 3%;
}	
</style>