@extends('layouts.backend.app')

@section('content')

<!-- Start right Content here -->
<div class="main-content stock">
   <div class="page-content">
      <div class="container-fluid">
         <div class="page-title-box">
            <div class="row align-items-center">
               <div class="col-md-8">
                  <h6 class="page-title">Dofy Stock</h6>
                  <ol class="breadcrumb m-0">
                     <li class="breadcrumb-item"><a href="#">Home </a></li>
                     <li class="breadcrumb-item active" aria-current="page">Stock</li>
                  </ol>
               </div>
               <div class="col-md-4">
						<a class="btn btn-primary button-1 float-right" href="{{ route('dofy-products-list') }}">
						<span class="pe-1 color-primary"><i class="ti-angle-left"></i></span> Back</a>
					</div>
            </div>
         </div>
      </div>
      @php $lot_no = $dofydata[0]['lot_no'];@endphp
      <div class="row">
         <div class="col-md-12">
            <div class="col-md-12 mobile-table-column stock-table">
               <div class="card">
                  <div class="card-body">                  	
                   	<table id="dataList" class="display" style="width:100%">
                        <thead>
                           <tr>
                              <th>S.No</th>
                              <th>Product Details</th> 
                              <th>IMEI/Serial Number</th>  
                              <th>Product Status</th>                           
                              <th>Accept Status</th>                               
                              <!-- <th>Returned</th> -->
                              <th>Received</th> 
                              <th>Move to Productstock</th> 
                              <th>Action</th> 
                           </tr>
                        </thead>
                        <tbody>                               
                        </tbody>
                     </table>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>
<!-- end main content-->

<div class="modal fade stock-modal" id="genbc" tabindex="-1" aria-labelledby="exampleModalLabel"
 aria-hidden="true">
 	<div class="modal-dialog">
		<div class="modal-content">
		   <div class="modal-header">
			  <h1 class="modal-title fs-5" id="exampleModalLabel">Not Working Product Temp Barcode</h1>
			  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
		   </div>
	   	<div class="modal-body">
		  		<div class="container">			 
			 		<div class="row stock-row">
						<div class="col-md-12">
						   <div class="row">
							  	<div class="col-md-12">
								 	<div class="mb-3" style="max-width: 540px;">
								 		<input type="hidden" id="gencode" name="newsalcode" value="">					
										<div class="mb-3 selectdraf text-center"><b>Temp Barcode:</b></div>
							   		<div class="mb-3 selectdraf text-center" id="barcode-container"></div>
									   <div class="d-flex justify-content-center align-items-center">
											<button class="btn btn-primary" id="btn_convert"> <i class="fas fa-file-download me-2"></i> Download </button>
									   </div>					   
									</div>						  
							  	</div>
						   </div>
						</div>
			 		</div>
		  		</div>
	   	</div>
			<input type="hidden" id="previewImg">
		</div>
 	</div>
</div>

<!-- New action Modal -->
<div class="modal fade stock-modal" id="action" tabindex="-1" aria-labelledby="exampleModalLabel"
	 aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
		   <div class="modal-header">
			  <h1 class="modal-title fs-5" id="exampleModalLabel">Assign To Service</h1>
			  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
		   </div>
	   	<div class="modal-body">
		  		<div class="container">
	 				<!-- Mobile visible table  -->
	 				<div class="row">  			
	 					<div class="col-md-12 mobile-table-column stock-table">		  							
	  						<div class="p-3 justify-content-center">		 						
								<form class="form-horizontal" action="{{ route('assign_to_service') }}" method="POST" id="dtad" name="dtad" enctype="multipart/form-data">
									@csrf
									<input type="hidden" name="testermd_id" id="testermd_id" value="@if(!empty($lot_no)){{ $lot_no }}@endif">

										<!-- Page Preloder -->
									<div id="preloder"><div class="loader"></div></div>
		 							<div class="mb-3">
										<div class="input-group" id="datepicker1">
									      <span class="input-group-text"><i class="mdi mdi-calendar"></i></span>
									      <input type="text" class="form-control datepicker flatpickr-input" placeholder="" data-date-format="d M, Y G:i K" data-enable-time="true" id="assign_date" name="assign_date">
									  	</div>
									</div>

									<!-- Include Flatpickr library -->
									<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
									<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>

									<script>
										   // Wait for the DOM to be fully loaded
									   document.addEventListener("DOMContentLoaded", function() {
									        // Initialize Flatpickr
									   flatpickr("#assign_date", {
									      minDate: "today",
									      dateFormat: "d M, Y G:i K",
									      enableTime: true
									      });
									   });
									</script>
									<script>
									   document.addEventListener("DOMContentLoaded", function() {
 								         // Get current date and time
										      var now = new Date();
										      var formattedDateTime = now.toLocaleString('en-US', {
										         day: '2-digit',
										         month: 'short',
										         year: 'numeric',
										         hour: '2-digit',
										         minute: '2-digit',
										         hour12: true
										      });
										        // Set current date and time as the default value for the datepicker input
										      document.getElementById('assign_date').value = formattedDateTime;
										   });
										</script>
										<div class="mb-3" >
											<label class="form-label">Select Service Engineer</label>
											<select class="form-control form-select serviceSelect" id="testerid" name="testerid">
													<option value="">Select</option>
												@foreach($usersname as $username)
													<option value="{{ $username->id }}">{{ $username->name }}</option>
												@endforeach
											</select>
										</div>

									 	<div class="mb-3 selectdraf">
									 		<label for="exampleFormControlInput1" class="form-label w-100 d-flex justify-content-between">Temporary Code<span class="barcode_count">0</span></label>
											<input type="text" class="form-control w-100 w-100" id="temcode" name="temcode" placeholder="" value="">
											<small class="form-text w-100">Enter Temporary Code ( #AM220322057 )</small>
										</div>
										<button class="btn btn-success sumbtn" type="button"> Submit </button>
									</form>	
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

<!-- working product receive -->
<div class="modal fade stock-modal" id="receiveModal" tabindex="-1" aria-labelledby="exampleModalLabel"
 aria-hidden="true">
  	<div class="modal-dialog">
	  	<div class="modal-content">
	    	<div class="modal-header">
		  		<h1 class="modal-title fs-5" id="exampleModalLabel">Product Status</h1>
		  		<button type="button" class="btn-close close1" data-bs-dismiss="modal" aria-label="Close"></button>
	   	</div>
	   	<div class="modal-body">
			   <div class="container"><!-- Mobile visible table  -->
				   <div class="row stock-row">
						<div class="col-md-12">
					   	<div class="row">
						  		<div class="col-md-12">
	 		 						<div class="mb-3" style="max-width: 540px;">
										<div class="">
											<input type="hidden" id="receiv_id" name="id" value="">
											<b style="color:green;">Product Status Updated!</b><br>	
										</div>
							 		</div>
						  		</div>
					   	</div>
						</div>
				 	</div>
			  	</div>		 
	   	</div>	   
		</div>
 	</div>
</div>

<!-- working product moved to stock  -->
<div class="modal fade stock-modal" id="MovetostockModal" tabindex="-1" aria-labelledby="exampleModalLabel"
 aria-hidden="true">
  	<div class="modal-dialog">
	  	<div class="modal-content">
	    	<div class="modal-header">
		  		<h1 class="modal-title fs-5" id="exampleModalLabel">Product To Move to Stock</h1>
		  		<button type="button" class="btn-close close1" data-bs-dismiss="modal" aria-label="Close"></button>
	   	</div>
	   	<div class="modal-body">
			   <div class="container"><!-- Mobile visible table  -->
				   <div class="row stock-row">
						<div class="col-md-12">
					   	<div class="row">
						  		<div class="col-md-12">
	 		 						<div class="mb-3" style="max-width: 540px;">
										<div class="">
											<input type="hidden" id="movepro_id" name="id" value="">
											<b style="color:green;">Product Moved to Stock!</b><br>		
										</div>
							 		</div>
						  		</div>
					   	</div>
						</div>
				 	</div>
			  	</div>		 
	   	</div>	   
		</div>
 	</div>
</div>

<!-- Receive product from service  -->
<div class="modal fade stock-modal" id="rcpro" tabindex="-1" aria-labelledby="exampleModalLabel"
 aria-hidden="true">
  	<div class="modal-dialog">
	  	<div class="modal-content">
	    	<div class="modal-header">
		  		<h1 class="modal-title fs-5" id="exampleModalLabel">Receive Product</h1>
		  		<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
	   	</div>
	   	<div class="modal-body">
			   <div class="container"><!-- Mobile visible table  -->
				   <div class="row stock-row">
						<div class="col-md-12">
					   	<div class="row">
						  		<div class="col-md-12">
	 		 						<div class="mb-3" style="max-width: 540px;">										
										<!-- <input type="hidden" id="rcserv" name="id" value=""> -->
										<b style="color:green;">Product Received from service</b><br>	<br>
										<!-- <button class="btn btn-success me-3 working">Working</button>
										<button class="btn btn-danger me-3 nworking">Not Working</button>	 -->
									</div>
						  		</div>
					   	</div>
						</div>
				 	</div>
			  	</div>		 
	   	</div>	   
		</div>
 	</div>
</div>

@endsection

@section('scripts')

<script>
	$(document).ready( function () {
	   $('#alldatas').DataTable();
	});
	$(document).on("click", ".close1", function() {
		location.reload();
	});	
	var base = $('meta[name="base_url"]').attr("content");
	var pathn = $('meta[name="base_url"]').attr("content")+'/dofy_lot_products/{{$lot_no}}';console.log(pathn);
	var reporttables =  $('#dataList').DataTable({	
  		"order": [[ 0, "desc" ]],
      "serverSide": true,
  		"stateSave": true,
      'processing': true,
      oLanguage: {sProcessing: '<div class="lds-css"><div style="width:100%;height:100%" class="lds-eclipse"><div></div><p>Please wait while we are processing your request.</p></div></div>' },
  		"ajax": {
      'type': 'GET',
      'url': pathn,
      "data": function(d){
         d.searchdata = d.search.value
      }
   },
   searching: true,
   "iDisplayLength": 10,
   "columnDefs": [
   {
      "targets": 0,
      data: 'index',
   },  
   {
      "targets": 1,
    	orderable: true,
	   "render": function ( data, type, row, meta ) {
      	return '<p class="mb-0 customer-name fw-bold">'+row.pro_brand+', '+row.pro_model+'<br>('+row.pro_ram+'/'+row.pro_rom+')</p>';    
    	}
   },
   {
      "targets": 2,
      orderable: true,
      "render": function ( data, type, row, meta ) {
         return '<p class="mb-0 customer-name limit_desc">'+row.pro_imei+'</p>';
      }
   },   
   {
      "targets": 3,
      orderable: true,
      "render": function ( data, type, row, meta ) {
	      if(row.qc_status=="Okay")
		      return '<div class="badge text-bg-success m-4 text-capitalize">'+row.qc_status+'</div>';
		      else
		      return '<div class="badge text-bg-danger m-4 text-capitalize">'+row.qc_status+'</div>';
	      }
   },
   {
      "targets": 4,
      orderable: true,
      "render": function ( data, type, row, meta ) {
         if(row.admin_accept !="NULL"){
			var status = row.admin_accept == "moved to stock" && row.qc_status != "Okay" ? "moved to dead stock" : row.admin_accept;
         	return '<div class="badge text-bg-primary m-4 text-capitalize">'+status+'</div>';
      	}else{
      	    
      	}
      }
   },
   {
      "targets": 5,
      orderable: true,
      "render": function ( data, type, row, meta ) {
   		var tbl = '';
         tbl += '<label class="switch">';
         if (row.admin_accept!='') {
            tbl += '<input type="checkbox" checked="checked" href="#receiveModal" data-toggle="modal" data-id="' +
            row.id + '" class="receivepro vd_' + row.id + '">';
         } else {
            tbl +='<input type="checkbox" href="#receiveModal" data-toggle="modal" data-id="' +
                                    row.id + '" class="receivepro vd_' + row.id + '">';
         }
         tbl += '<span class="slider round"></span></label>';
         return tbl;
      }
   },
   {
      "targets": 6,
      orderable: true,
      "render": function ( data, type, row, meta ) {
   		var tbl = '';
         tbl += '<label class="switch">';
         if (row.admin_accept=='moved to stock') {
            tbl += '<input type="checkbox" checked="checked" href="#MovetostockModal" data-toggle="modal" data-id="' +
            row.id + '" class="movepro vd_' + row.id + '">';
         } else if (row.admin_accept=='barcode generated' || row.admin_accept=='not working barcode' || row.admin_accept === "received from service" || row.admin_accept === "service returned") {
         	tbl +='<input type="checkbox" href="#MovetostockModal" data-toggle="modal" data-id="' +
                                    row.id + '" class="movepro vd_' + row.id + '">';         	
         } else {
            tbl +='<input type="checkbox" href="#MovetostockModal" data-toggle="modal" data-id="' +
                                    row.id + '" class="movepro vd_' + row.id + '" disabled>';
         }
         tbl += '<span class="slider round"></span></label>';
         return tbl;
      }
   },
   {
      "targets": 7,
      orderable: true,
      width: '16%',
      "render": function ( data, type, row, meta ) {
      var tbl='';      
         tbl+='<div class="action">';
		 var target = ''         
         if(row.admin_accept!=""){ 


			if(row.qc_status=="Okay"){

				target= base+'/product-details-dofyadmin/'+row.id
				tbl +='<a href="'+target+'" class="edit text-info btn btn-sm btn-info text-white">';
				tbl +='<i class="fas fa-eye"></i>';
				tbl +='</a>';
			}else if(row.qc_status=="Not Okay"){

				if(row.admin_accept=="service returned" || row.admin_accept === "received from service" || row.admin_accept === "moved to stock"){
				 target= base+'/product-details-dofyadmin/'+row.id
				 tbl +='<a href="'+target+'" class="edit text-info btn btn-sm btn-info text-white">';
				tbl +='<i class="fas fa-eye"></i>';
				tbl +='</a>';
				}
				
			}
			
				
		 }		

			if(row.qc_status=="Not Okay" && row.admin_accept!=""){

				if( row.admin_accept=='accepted' && row.admin_accept !== "not working barcode" && row.admin_accept !='moved to stock' && row.admin_accept !== "assigned to service" && row.admin_accept !== "service returned" && row.admin_accept !== "received from service") {
					
					tbl +='<button class="btn btn-danger genbc" data-id="'+row.id+'" data-bs-toggle="modal" data-bs-target="#genbc" style="padding:2% 4%;margin:1%;">';
					tbl +='<i class="fas fa-barcode"></i>';
					tbl +='</button>';
				}
				if ( row.admin_accept !='accepted' && row.admin_accept === "not working barcode" && row.admin_accept !== "assigned to service" && row.admin_accept !== "service returned" && row.admin_accept !== "received from service" && row.admin_accept !='moved to stock')  {
					
					tbl +='<button class="btn btn-primary assign" data-id="'+row.id+'" data-bs-toggle="modal" data-bs-target="#action" style="padding:2% 4%;margin:1%;">';
					tbl +='<i class="fas fa-edit"></i>';
					tbl +='</button>';
				}
			}
			if(row.admin_accept =="service returned"){
				tbl +='<button class="btn btn-danger rcpro" data-id="'+row.id+'" id="'+row.id+'" data-bs-toggle="modal" data-bs-target="#rcpro" style="padding:2% 4%;margin:1%;">';
				tbl +='<i class="fas fa-check-double"></i>';
				tbl +='</button>';
			}
         tbl +='</div>';       
       	return tbl;
      }
   }],
   rowId: 'id'
	});

	// $(document).ready(function() {
	// 	var pathn = $('meta[name="base_url"]').attr("content");+'/dofy_lot_products/{{$lot_no}}';		
	// 	console.log(pathn);//console.log('herrrrrrrrrrrrrrrrrrrreeeeeeeeeeeeeeeeeeeeeeeeee');
	// 	var reporttables =  $('#dataList').DataTable({
	// 		"order": [[ 0, "desc" ]],
	//       "serverSide": true,
	// 		"stateSave": true,
	//       'processing': true,
	// 		"pageLength": 20,
	// 		"lengthMenu": [
	//             [20, 50, 75, 100, 125, 150, 175, 200, 225, 250, 275, 300, 325, 350, 375, 400, 420, 450, 475, 500],
	//             [20, 50, 75, 100, 125, 150, 175, 200, 225, 250, 275, 300, 325, 350, 375, 400, 420, 450, 475, 500]
	//         ],
	//         oLanguage: {sProcessing: '<div class="lds-css"><div style="width:100%;height:100%" class="lds-eclipse"><div></div><p>Please wait while we are processing your request11.</p></div></div>' },
	// 		"ajax": {
	// 			'type': 'GET',
	// 			'url': pathn,
	// 			'data': function(d){ 
	//              d.pagenme = '{{ basename(url()->current()) }}', 			  
	// 			    d.no_pro = $("#no_pro").val()			  
	// 			}
	// 		},
	// 		searching: false,
	// 		"iDisplayLength": 20,
	// 		"columnDefs": [
	// 		{
	// 			"targets": 0,
	// 			className: "text-center",
	// 			"render": function ( data, type, row, meta ) {
	// 				return row.index;
	// 			}
	// 		},
	// 		{
	// 			"targets": 1,
	// 	    	orderable: true,
	// 		   "render": function ( data, type, row, meta ) {
	// 	      	return '<p class="mb-0 customer-name fw-bold">'+row.pro_brand+', '+row.pro_model+'<br>('+row.pro_ram+'/'+row.pro_rom+')</p>';    
	// 	    	}
	// 		},
	// 		{
	// 			"targets": 2,
	// 	      orderable: true,
	// 	      "render": function ( data, type, row, meta ) {
	// 	         return '<p class="mb-0 customer-name limit_desc">'+row.pro_imei+'</p>';
	// 	      }
	// 		},
	// 		{
	// 			"targets": 3,
	// 	      orderable: true,
	// 	      "render": function ( data, type, row, meta ) {
	// 	         return '<div class="badge text-bg-primary m-4 text-capitalize">'+row.admin_accept+'</div>';
	// 	      }
	// 		},
	// 		{
	// 			"targets": 4,
	// 	      orderable: true,
	// 	      "render": function ( data, type, row, meta ) {
	// 	      if(row.qc_status=="Okay")
	// 	      	return '<div class="badge text-bg-success m-4 text-capitalize">'+row.qc_status+'</div>';
	// 	      else
	// 	      	return '<div class="badge text-bg-danger m-4 text-capitalize">'+row.qc_status+'</div>';
	// 	      }
	// 		},
	// 		{
	// 			"targets": 5,
	// 	      orderable: true,
	// 	      "render": function ( data, type, row, meta ) {
	// 	      var tbl='';      
	// 	         tbl+='<div class="action">';               
	// 	      	tbl +='<button class="btn btn-info me-3 viewaction" style=" width:80%;" data-id="'+row.id+'" data-bs-toggle="modal" data-bs-target="#view">';
	// 				tbl +='<i class="fas fa-eye"></i>';
	// 				tbl +='</button>';	
	// 				 tbl+='<button class="btn btn-success me-3 acptcl" data-id="'+row.id+'" data-bs-toggle="modal" data-bs-target="#testedMobile1"><i class="fa fa-check"></i></button>';
	// 				if(row.qc_status=="Not Okay"){
	// 					tbl +='<button class="btn btn-success" data-id="'+row.id+'" data-bs-toggle="modal" data-bs-target="#action">';
	// 					tbl +='<i class="fas fa-eye"></i>';
	// 					tbl +='</button>';
	// 					tbl +='<button class="btn btn-success" data-id="'+row.id+'" data-bs-toggle="modal" data-bs-target="#action">';
	// 					tbl +='<i class="fas fa-edit"></i>';
	// 					tbl +='</button>';
	// 				}
	// 	         tbl+='</div>';       
	// 	       	return tbl;
	// 	      }
	// 		}		
	// 	  ]
	// 	});
	// });

	$(document).on('click', '.searchdata', function(){
		$('#dataList').DataTable().ajax.reload();
	});

	$(document).on('click', '.reset_searchdata', function(){
	   $('#memberdata').trigger("reset");
	   $('#lot_no').val('');
	   $('#no_pro').val('');
	   $('#sup_name').val('');
	   $('#pay_status').val('');
	   $('#dataList').DataTable().ajax.reload();
		$('.fltr-btn').trigger('click');
	});

	$(document).ready(function(){
		$(document).on("click", ".genbc", function() {
    		var genbc_id = $(this).data("id");   		
    		var pathb = $('meta[name="base_url"]').attr("content")+'/gettemporarybarcode/'+genbc_id;
    	   $.ajax({
    	      url: pathb,
    	      type: 'GET',
    	      async: false,
    	      //dataType: 'json',
    	      //contentType: 'application/json',
    	      success: function(data) {	    
    	         var code = data[1];
    	      	document.getElementById("gencode").value = code;
    	      	document.getElementById("temcode").value = code;	
    	         $('#barcode-container').empty();
    	         $('#barcode-container').append(data[0]);
    	         $('#dataList').DataTable().ajax.reload();
    	      }
    	   });	    			
    	});
		$(document).on("click", ".receivepro", function() {	
			var receiv_id = $(this).data("id");	
			document.getElementById("receiv_id").value = receiv_id;
			var pathr = $('meta[name="base_url"]').attr("content")+'/receivedofyproduct/'+receiv_id;
		    	//console.log(pathr);
			$.ajax({
			   url: pathr,
			   type: 'GET',
			   //dataType: 'json',
			   //contentType: 'application/json',
			   success: function(data) {	 		          	
					location.reload();
			      }
			});				
		});
		$(document).on("click", ".movepro", function() {	
			var movepro_id = $(this).data("id");	
			document.getElementById("movepro_id").value = movepro_id;
			var pathr = $('meta[name="base_url"]').attr("content")+'/move_product_to_stock/'+movepro_id;
		  	console.log(pathr);
		  	$.ajax({
		      url: pathr,
		      type: 'GET',
		      //dataType: 'json',
		      //contentType: 'application/json',
		      success: function(data) {	 		          	
					location.reload();
		      }
		   });				
		});	
		$(document).on("click", ".assign", function() {
    		var genbc_id = $(this).data("id");   		
    		var pathb = $('meta[name="base_url"]').attr("content")+'/gettemporarybarcode/'+genbc_id;
    	   $.ajax({
    	      url: pathb,
    	      type: 'GET',
    	      //dataType: 'json',
    	      //contentType: 'application/json',
    	      success: function(data) {	  
    	         var code = data[1];    	      	
    	      	document.getElementById("temcode").value = code;
				
    	      }
    	   });	    			
    	});
    	// $(document).on("click", ".genbc", function() {
    	// 	var genbc_id = $(this).data("id");   		
    	// 	var pathb = $('meta[name="base_url"]').attr("content")+'/gettemporarybarcode/'+genbc_id;
    	//    $.ajax({
    	//       url: pathb,
    	//       type: 'GET',
    	//       //dataType: 'json',
    	//       //contentType: 'application/json',
    	//       success: function(data) {	    //console.log(data);
    	//          var code = data[1];
    	//       	document.getElementById("gencode").value = code;
    	//       	document.getElementById("temcode").value = code;	
    	//          $('#barcode-container').empty();
    	//          $('#barcode-container').append(data[0]);
    	//       }
    	//    });	    			
    	// });
    	$(document).on("click", ".rcpro", function() {	
			var rcpro = $(this).data("id");	console.log("rer"+rcpro);			
			var pathr = $('meta[name="base_url"]').attr("content")+'/receive_service_product/'+rcpro;		    	
			$.ajax({
			   url: pathr,
			   type: 'GET',
			   //dataType: 'json',
			   //contentType: 'application/json',
			   success: function(data) {	 		          	
						location.reload();
				}						
			});						
		});		
	});
</script>

<script type="text/javascript">
	function vldfn(){
		$('#dataList').DataTable().ajax.reload();
	}
</script>
<script src="https://cdn.bootcss.com/html2pdf.js/0.9.1/html2pdf.bundle.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.9.1/html2pdf.bundle.min.js"></script>

<script>
$(document).on('click', '#btn_convert', function(){
	//var rid = $('#newsalcode').val();
	var element = document.getElementById('barcode-container');

	html2pdf(element, {
		margin:[0, 0, 0, 15],
		padding:0,
		filename: 'barcodes.pdf',
		image: { type: 'element', quality: 1 },
		html2canvas: { scale: 2, logging: true },
		jsPDF: {
			unit: 'px', 
			format: [207, 94], 
			orientation: 'l'
			},
		pagebreak: { before: '.beforeClass', after: ['#after1', '#after2'], avoid: 'img' }
	}).from('element-to-print').outputPdf().get('pdf')
	  .then(function (pdfObj) { pdfObj.autoPrint();
	  
	  window.open(pdfObj.output("bloburl"), "F")
	  //window.location.href = "{{ url('product-stock-maintanance') }}";
	});
});
</script> 

<script>
	$(document).ready(function() {
	   $(window).keydown(function(event){
		 	const key = event.originalEvent.key;
		 	console.log(event.keyCode);
	    	if(event.keyCode == 13) {
				var count=$("#temcode").tagsinput('items').length;
				$('.barcode_count').html(count+1);
	    	}
	   });
	});

	$(document).on("click",".label-info",function(){
		var count=$("#temcode").tagsinput('items').length;
		$('.barcode_count').html(count);
	})
	//Add 
$(document).on("click", ".sumbtn", function () {

	var err = true;

	var input = $("#assign_date");
	var urlvl = $("#assign_date").val();
	if(urlvl==''){
		input.removeClass("valid").addClass("invalid");
		$("#nmb").remove();
		$('<div id="nmb" class="text-danger">Assign date is required</div>').insertAfter("#datepicker1");
		$("#assign_date").focus();
		err = false;
	} else {
		input.removeClass("invalid").addClass("valid");
		$("#nmb").remove();
	}

	var input = $("#testerid");
	var urlvl = $("#testerid").val();
	if(urlvl==''){
		input.removeClass("valid").addClass("invalid");
		$("#ivn").remove();
		$('<div id="ivn" class="text-danger">Tester name is required</div>').insertAfter("#testerid");
		$("#testerid").focus();
		err = false;
	} else {
		input.removeClass("invalid").addClass("valid");
		$("#ivn").remove();
	}

	var input = $("#temcode");
	var urlvl = $("#temcode").val();
	 
	if(urlvl==''){
		input.removeClass("valid").addClass("invalid");
		$("#ltdt").remove();
		$('<div id="ltdt" class="text-danger">Temporary code is required</div>').insertAfter("#temcode");
		$("#temcode").focus();
		err = false;
	} else {
		input.removeClass("invalid").addClass("valid");
		$("#ltdt").remove();
	}

	if(err == true) {
		$(".sumbtn").attr("disabled", true);
		document.forms["dtad"].submit();
		$("#preloder").fadeIn();
		return true;
	}
});

$("#assign_date").on("change", function(event) {
	var input = $("#assign_date");
	var urlvl = $("#assign_date").val();
	if(urlvl==''){
		input.removeClass("valid").addClass("invalid");
		$("#nmb").remove();
		$('<div id="nmb" class="text-danger">Assign date is required</div>').insertAfter("#assign_date");
		$("#assign_date").focus();
	} else {
		input.removeClass("invalid").addClass("valid");
		$("#nmb").remove();
	}
});

$("#testerid").on("change", function(event) {
	var input = $("#testerid");
	var urlvl = $("#testerid").val();
	if(urlvl==''){
		input.removeClass("valid").addClass("invalid");
		$("#ivn").remove();
		$('<div id="ivn" class="text-danger">Tester name is required</div>').insertAfter("#testerid");
		$("#testerid").focus();
	} else {
		input.removeClass("invalid").addClass("valid");
		$("#ivn").remove();
	}
});

$(document).on("click", ".crdbr", function () {

	var err = true;

	var input = $("#nlc");
	var urlvl = $("#nlc").val();
	if(urlvl==''){
		input.removeClass("valid").addClass("invalid");
		$("#nmb").remove();
		$('<div id="nmb" class="text-danger">NLC is required</div>').insertAfter("#nlc");
		$("#nlc").focus();
		err = false;
	} else {
		input.removeClass("invalid").addClass("valid");
		$("#nmb").remove();
	}

	var input = $("#dp");
	var urlvl = $("#dp").val();
	if(urlvl==''){
		input.removeClass("valid").addClass("invalid");
		$("#dpv").remove();
		$('<div id="dpv" class="text-danger">DP is required</div>').insertAfter("#dp");
		$("#dp").focus();
		err = false;
	} else {
		input.removeClass("invalid").addClass("valid");
		$("#dpv").remove();
	}

	var input = $("#mop");
	var urlvl = $("#mop").val();
	if(urlvl==''){
		input.removeClass("valid").addClass("invalid");
		$("#mpo").remove();
		$('<div id="mpo" class="text-danger">MOP is required</div>').insertAfter("#mop");
		$("#mop").focus();
		err = false;
	} else {
		input.removeClass("invalid").addClass("valid");
		$("#mpo").remove();
	}

	if(err == true) {
		var nlc = $("#nlc").val();
		var dp = $("#dp").val();
		var mop = $("#mop").val();
		var lot_no = $("#lot_no").val();
		var barcode = $("#barcode").val();

		var token = $('meta[name="csrf-token"]').attr("content");
		var path = $('meta[name="base_url"]').attr("content") + "/price-update";
		$.ajax({ url: path, type: "POST", data: { _token: token, nlc: nlc, dp: dp, mop: mop, lot_no: lot_no, barcode: barcode
			}, success: function (data) {

				$("#preloder").fadeOut();
				$(".crdbr").attr("disabled", false);

				if(data.status == true) {
					$('#newsalcode').val(data.newsalcode);
					$('#valdcode').html(data.valdcode);
					$('.nwlcode').html(data.newsalcode);
					custom_noty("success", data.msg);
					$('#testedMobile').modal('show');
				} else {
					custom_noty("error", data.msg);
				}
			}
		});
	}
});
</script>
@endsection