One Hat Cyber Team

Edit File: 4f3cad9b280ac7dc260490a936341f04.php

<?php $__env->startSection('styles'); ?>

<?php $__env->startSection('content'); ?>

<div class="page-content">
        <div class="container-fluid">
        	<?php if(session()->has('messageerror')): ?>
	        	<div class = "alert alert-danger alert-fill alert-close alert-dismissible fade in">
				  <strong><?php echo e(session()->get('messageerror')); ?></strong>
				</div>
			<?php endif; ?>

<?php if(session()->has('message')): ?>
	        	<div class="alert alert-info alert-fill alert-close alert-dismissible fade in">
				  <strong><?php echo e(session()->get('message')); ?></strong>
				</div>
			<?php endif; ?>

<?php if(count($errors) > 0): ?>
			   <div class = "alert alert-danger alert-fill alert-close alert-dismissible fade in">
			      <ul>
			         <?php $__currentLoopData = $errors->all(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $error): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
			            <li><?php echo e($error); ?></li>
			         <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
			      </ul>
			   </div>
			<?php endif; ?>

<section class="card">
					<div class="row">
						<div class="col-lg-6 p-t">
							<h3 class="p-l">Edit Purchase Order</h3>
						</div>
						<div class="col-lg-6 p-t p-r-lg">
							<a href="<?php echo e(url('/purchaseorders')); ?>" class="btn btn-rounded float-right p-r">View all</a>
						</div>
					</div>
				</section>

<div class="box-typical box-typical-padding">
				
				<form action="<?php echo e(route('update-purchaseorder')); ?>" method="post" id="purchaseorder_form" enctype="multipart/form-data">
					<?php echo csrf_field(); ?>

<div class="row">
						<input type="hidden" name="poid" id="poid" value=<?php echo !empty($pos->id) ? $pos->id : ''; ?>>
						<div class="col-lg-6">
							<fieldset class="form-group">
								<label class="form-label semibold" for="exampleInput">PO Number</label>
								<input type="text" name="pono" class="form-control" id="exampleInput"
								 value="<?php echo !empty($pos->po_id) ? $pos->po_id : ''; ?>" readonly>
							</fieldset>
						</div>
						<div class="col-lg-6">
							<fieldset class="form-group">
								<label class="form-label semibold" for="exampleInputPassword1">Date</label>
								<div class='input-group date'>
                                    <input type="text" readonly id="podate" class="form-control" name="podate" value="<?php echo !empty($pos->po_date) ? $pos->po_date : ''; ?>">
                                    <span class="input-group-addon">
                                        <i class="font-icon font-icon-calend"></i>
                                    </span>
                                </div>
							</fieldset>
						</div>
						<div class="col-lg-6">
							<fieldset class="form-group">
								<label class="form-label semibold" for="exampleInputPassword1">Supplier name</label>
								<select class="select2" name="supplier" id="supplier">
									<option value="<?php echo e($pos->supplier_id); ?>"><?php echo e($pos->supplier->name); ?></option>
								</select>
								
							</fieldset>
						</div>
						<div class="col-lg-6">
							<fieldset class="form-group">
								<label class="form-label semibold" for="exampleInputPassword1">PO Group</label>
								<select class="select2" name="po_prefix" id="po_prefix">
									<option value="">---Select Group---</option>
									<?php $__currentLoopData = $groups; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $value): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
									<option 
									value="<?php echo e($key); ?>"
									<?php if($pos->po_prefix == $key): ?>
									selected
									<?php endif; ?>
									><?php echo e($value); ?></option>
									<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
								</select>
								<div class="alert-message"></div>
							</fieldset>
						</div>
						<div class="col-lg-6">
							<fieldset class="form-group">
								<label class="form-label semibold" for="exampleInputPassword1">Narration and T&C</label>
								<div class='input-group date'>
                                    <textarea class="form-control" rows="5" name="po_description"><?php echo e(!empty($pos->po_description) ? $pos->po_description : ''); ?></textarea>
                                </div>
							</fieldset>
						</div>
					
					</div>
					<div class="row">
					    <div id="itemtable" class="table-editable">
					      	
					      	<table class="table table-bordered table-responsive-md table-striped text-center">
					        <thead>
					          <tr>
					            <th class="text-center">Item Name</th>
								<th class="text-center">Price</th>
								<th class="text-center">Unit</th>
					            <th class="text-center">Quantity</th>
					            <th class="text-center removecolumnth">Remove</th>
					          </tr>
					        </thead>
					        <tbody id="target-tbody">
					          <?php $__currentLoopData = $pois; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $poi): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
					          	<tr data-id="<?php echo e($poi->id); ?>">
					          		<td class="pt-3-half" hidden>
						            	 <div class="form-group">
						            	 	<input type="hidden" name="pur_item_id[]" id="pur_item_id" value="<?php echo e($poi->id); ?>">
						            	 </div>
						            </td>
						            <td class="pt-3-half">
						               <div class="form-group">
						                  <select class="form-control" id="target-select" name="item_name[]" id="item_name">
												<option value="<?php echo e($poi->item_id); ?>"><?php echo e($poi->item->name); ?> <?php echo e($poi->item->pack_of); ?></option>
						                  </select>
						                </div> 
						            </td>
									<td class="pt-3-half">
						               <div class="form-group">
									   		<input class="form-control" type="text" name="item_price[]" id="item_price" value="<?php echo e($poi->price); ?>">
						                </div> 
						            </td>
									<td class="pt-3-half">
						               <div class="form-group">
						                  <select class="form-control" id="target-select" name="item_unit[]" id="item_unit">
										  	<option <?php if($poi->unit == "piecs"): ?> selected <?php endif; ?> value="piecs">Piece</option>
											<option <?php if($poi->unit == "kg"): ?> selected <?php endif; ?> value="kg">Kg</option>
											<option <?php if($poi->unit == "quintal"): ?> selected <?php endif; ?> value="quintal">Quintal</option>
											<option  <?php if($poi->unit == "ton"): ?> selected <?php endif; ?>  value="ton">Ton</option>
											<option  <?php if($poi->unit == "l"): ?> selected <?php endif; ?>  value="l">L</option>
						                  </select>
						                </div> 
						            </td>
						            <td class="pt-3-half" contenteditable="true">
						            	 <div class="form-group">
						            	 	<input class="form-control" type="text" name="item_quantity[]" id="item_quan" value="<?php echo e($poi->quantity); ?>">
						            	 </div>
						            </td>
						            <td class ="removecolumntd">
						            	<div class="form-group">
						              		<span class="table-remove"><button type="button"
						                  		class="btn btn-danger">Remove</button>
						                  	</span>
						                </div>
						            </td>
						         </tr>
					          <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
					        </tbody>
					      </table>
						  	<span class="table-add float-right mb-3 mr-2">
								<a href="#!" class="text-success"><b>Add Row</b> 
								<i class="fa fa-plus fa-1x fas" aria-hidden="true"></i>
								</a>
							</span>
					    </div>
					</div>

<div class="row m-t">
						<div class="col-lg-12">
							<button type="submit" name="add_purchase_order" id="add_purchase_order" class="btn btn-inline btn-success p-x-3 p-y">Submit
							</button>
						</div>
					</div>
				</form>
			</div>
        </div>
</div>

<div class="modal fade" id="allocatemodal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h1 class="modal-title text-center">Item Name : <span id="modalitem"></span></h1>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      	<input type="hidden" name="pitemid" id="pitemid">
      	<input type="hidden" name="itemid" id="itemid">
	      <div class="modal-body">
	      	<div class="row">
				<div class="col-lg-6 text-left">
					Total Quantity : <span id="modaltotqty"></span>
				</div>
				<div class="col-lg-6 text-right" id="divremqty">
					Remaining Quantity : <span id="modalremqty"></span>
				</div>
	      	</div>

<div class="row">
			    <div id="allocatetable" class="table-editable">
			      <span class="table-add-allocate float-right mb-3 mr-2"><a href="#!" class="text-success"><b>Add Row</b> <i class="fa fa-plus fa-1x fas" aria-hidden="true"></i></a></span>
			      	<table class="table table-bordered table-responsive-md table-striped text-center">
				        <thead>
				          <tr>
				            <th class="text-center">Parent Cluster</th>
				            <th class="text-center">Hub Name</th>
				            <th class="text-center">Quantity</th>
				            <th class="text-center">Remove</th>
				          </tr>
				        </thead>
				        <tbody id="target-tbody-allocate">

</tbody>
					</table>
	      		</div>
	      	</div>
	      </div>
	      <div class="modal-footer">
	      	<div class="alert-message"></div>
	        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
	        <button type="button" class="btn btn-primary saveallocation" disabled>Save Allocation</button>
	      </div>
    </div>
  </div>
</div>

<?php $__env->stopSection(); ?>

<?php $__env->startSection('scripts'); ?>

</div>
		            </td>
		            <td>
		            	<div class="form-group">
		              		<span class="table-remove-allocate"><button type="button"
		                  		class="btn btn-danger">Remove</button>
		                  	</span>
		                </div>
		            </td>
		          </tr>`;

$('.table-add-allocate').on('click',() =>{
	   	if($modaltableID.find('tbody tr').length === 0){
	   		jQuery.ajax({
	          url: "<?php echo e(url('/purchase_order/clusters')); ?>",
	          method: 'get',
	          success: function(result){
	          	var data = JSON.parse(result);
	          	$('#target-tbody-allocate').append(newTralloc);
	          	for(i=0;i<data.length;i++){
	          		$('#target-cluster').append("<option value="+data[i].id+">"+data[i].cluster_name+"</option>");
	          	}
	          }
	    	});
	   	}
	   	else{
	   		const $clone = $modaltableID.find('tbody tr').last().clone(true).removeClass('hide table-line');
	   		$modaltableID.find('table').append($clone);
	   		let tr = $("#allocatetable tr:last");
	   		let qty = tr.find('input#target-qty');
	   		qty.val("0");
	   	}
	});

$modaltableID.on('click', '.table-remove-allocate', function () {
		let tr = $(this).closest('tr');
	   	$(this).parents('tr').detach();
	   	calc(tr);
	});

$modaltableID.on('change', '#target-cluster', function () {
		//event.preventDefault();
		let tr = $(this).closest('tr');
		let hub = tr.find("select#target-hub");
		let qty = tr.find('input#target-qty');
		var clusterid = tr.find("td:eq(0) :selected").val();
		if(clusterid != ''){
			$('.alert-message').html("");
		   		jQuery.ajax({
		          url: "<?php echo e(url('/purchase_order/hubs')); ?>",
		          method: 'get',
		          data: {
		             cid: clusterid
		          },
		          success: function(result){
		          	var data = JSON.parse(result);
		          	hub.empty();
		          	hub.append("<option value=''>Select Hub</option>");
		          	for(i=0;i<data.length;i++){
		          		hub.append("<option value="+data[i].id+">"+data[i].hub_name+"</option>");
		          	}
		          	hub.prop('disabled',false);
		          	qty.val("0");
		          	qty.prop('disabled',true);
		          	calc(tr);
		          }
	    	});
		}

});

$modaltableID.on('change', '#target-hub', function () {
		//event.preventDefault();
		let tr = $(this).closest('tr');
		let qty = tr.find('input#target-qty');
		hubid = tr.find("select#target-hub").val();
		if(hubid!=''){
			qty.prop('disabled',false);
		}
	});

$modaltableID.on('change', '#target-qty', function () {
		let tr = $(this).closest('tr');
		calc(tr);
	});
});
</script>

const newTr = `<tr>
					<td class="pt-3-half" hidden>
		            	 <div class="form-group">
		            	 	<input type="hidden" name="pur_item_id[]" id="pur_item_id" value="0">
		            	 </div>
		            </td>
		            <td class="pt-3-half">
		               <div class="form-group">
		                  <select class="form-control" id="target-select" name="item_name[]">
		                  </select>
		                </div> 
		            </td>
					<td class="pt-3-half" contenteditable=true>
						<div class="form-group">
							<input class="form-control price" name=item_price[] type=text value=0>
						</div>
					</td>
					<td class="pt-3-half" contenteditable=true>
						<div class="form-group">
							<select name="item_unit[]" class="form-control unit" id="exampleInput">
								<option value="">--Select--</option>
								<option value="piecs">Piece</option>
								<option value="kg">Kg</option>
								<option value="quintal">Quintal</option>
								<option value="ton">Ton</option>
								<option value="l">L</option>
							</select>
						</div>
					</td>
		            <td class="pt-3-half" contenteditable="true">
		            	 <div class="form-group">
		            	 	<input class="form-control" type="text" value="0" name="item_quantity[]" id="item_quan">
		            	 </div>
		            </td>
		            <td>
		            	<div class="form-group">
		              		<span class="table-remove"><button type="button"
		                  		class="btn btn-danger">Remove</button>
		                  	</span>
		                </div>
		            </td>
		          </tr>`;

$('.table-add').on('click',() =>{
	   	//if($tableID.find('tbody tr').length === 0){
	   		var supid = $('#supplier').val();
	   		if(supid != ""){
	   			$('.alert-message').html("");
		   		jQuery.ajax({
		          url: "<?php echo e(url('/item/supplier/')); ?>",
		          method: 'get',
		          data: {
		             sid: supid
		          },
		          success: function(result){
		          	var data = JSON.parse(result);
		          	$('#target-tbody').append(newTr);
		          	let tr = $("#itemtable tr:last");
		          	for(i=0;i<data.length;i++){
		          		tr.find('#target-select').append("<option value="+data[i].id+">"+data[i].name+"</option>");
		          	}
		          }
		    	});
	   		}
	   		else{
	   			$('.alert-message').html("Select a supplier first");
	   		}
	   	// }
	   	// else{
	   	// 	const $clone = $tableID.find('tbody tr').last().clone(true).removeClass('hide table-line');
	   	// 	$tableID.find('table').append($clone);
	   	// 	let tr = $("#itemtable tr:last");
	   	// 	tr.attr('data-id','0');
	   	// 	let qty = tr.find('input#item_quan');
	   	// 	qty.val("0");
	   	// }
	});

$tableID.on('click', '.table-remove', function (){
		if(confirm("This will remove the item permanently!!! Are you sure?")){
			let tr = $(this).closest('tr');
			var status = $('#status').val();
			$.ajaxSetup({
		      headers: {
		        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
		      }
		   	});
			jQuery.ajax({
	          url: "<?php echo e(url('/purchase_order/item/remove')); ?>",
	          method: 'post',
	          data: {
	             poiid : tr.data('id'),
	             stat : status,
	             _token : $('meta[name="csrf-token"]').attr('content')
	          },
	          success: function(result){
	          	tr.detach();
	          }
	    	});
		}
	});

$tableID.on('click', '.table-allocate', function (event) {
		let tr = $(this).closest('tr');
		var pitemid = tr.data('id');
   		var itemname = tr.find("td:eq(1) :selected").text();
		var itemid = tr.find("td:eq(1) :selected").val();
		var totqty = tr.find("td:eq(2) input").val();
		$('.alert-message').html("");
   		jQuery.ajax({
          url: "<?php echo e(url('/purchase_order/item/allocated')); ?>",
          method: 'get',
          data: {
             piid: pitemid
          },
          success: function(result){
  			var groupdata = JSON.parse(result);
  			var data = groupdata.acc;
  			var data_qty = groupdata.qty.quantity;
          	$("#target-tbody-allocate").empty();
          	if(data.length>0){
          		setallocationtableclusters(data,event);
          		var remqty = parseInt(totqty) - data_qty;
          		if(remqty==0){
          			$('.table-add-allocate').hide();
          		}
          		else{
          			$('.table-add-allocate').show();
          		}
          		$("#modalremqty").text(remqty);
          	}else{
          		$('.table-add-allocate').show();
	          	$("#modalremqty").text(totqty);
	        }
          	$("#modalitem").text(itemname);
          	$("#modaltotqty").text(totqty);
          	$("#pitemid").val(pitemid);
          	$("#itemid").val(itemid);
          	$("#allocatemodal").modal("show");	
          }
    	});

});

$('#supplier').on('change',function(){
		$('.alert-message').html("");
		$("#target-tbody").empty();
	});

const newTralloc = `<tr>
		            <td class="pt-3-half">
		               <div class="form-group">
		                  <select class="form-control" id="target-cluster" name="cluster[]">
		           			<option value="">Select Cluster</option>
		                  </select>
		                </div> 
		            </td>
		            <td class="pt-3-half" contenteditable="true">
		            	 <div class="form-group">
		            	 	<select class="form-control" id="target-hub" name="hub[]" disabled>
		           				<option value="">Select Hub</option>
		                  	</select>
		            	 </div>
		            </td>
		            <td>
		            	<div class="form-group">
		              		<input class="form-control" id="target-qty" type="text" name="allocate_quantity[]" value="0" disabled>
		                </div>
		            </td>
		            <td>
		            	<div class="form-group">
		              		<span class="table-remove-allocate"><button type="button"
		                  		class="btn btn-danger">Remove</button>
		                  	</span>
		                </div>
		            </td>
		          </tr>`;

const $modaltableID = $('#allocatetable');

// $("#purchaseorder_form").on( "submit", function( event ){
	// 	event.preventDefault();
	// 	let f = $(this);
	// 	form = f.serialize();
	// 	console.log(form);
	// });

$('#status').on('change',function(){
		let status = $(this);
		var pono = $("#poid").val();
		if(status.val()==="Confirmed"){
			var chkfornewrow;
			chkfornewrow = getitemtabledata();
          	if(chkfornewrow==1){
          		toastr.info('It seems you have added items please save in draft status once', 'Information', {timeOut: 8000});
          		$('#status').val('Draft').change();
          	}
          	else{
          		jQuery.ajax({
		           url: "<?php echo e(url('/purchase_order/item/check')); ?>",
		           method: 'get',
		           data: {
		           		pono: pono
		           },
		           success: function(result){
		           		var data = JSON.parse(result);
		           		$('#itemtable tr').each(function(){
		           			let tr = $(this);
		           			for(i=0;i<data.length;i++){
		           				if(tr.data('id')==data[i].id && tr.find("td:eq(2) input").val()==data[i].sumqty){
		           					let btn = tr.find('button#alloc_btn');
									btn.removeClass('btn-danger');
									btn.removeClass('btn-success');
		           				}
		           			}
		           		});
		           		if(status.val()!="Invoiced"){
							toastr.info('You are allowed to Allocate Items', 'Information', {timeOut: 5000});
						}
						$('.allocatecolumnth').show();
						$('.allocatecolumntd').show();
						$('.table-add').hide();
		           }
		        });
          		
          	}
        }
		else if(status.val()==="Draft"){
			//toastr.info('You are allowed to Change Items and Quantity', 'Information', {timeOut: 5000});
			$('.removecolumnth').show();
			$('.removecolumntd').show();
			$('.allocatecolumnth').hide();
			$('.allocatecolumntd').hide();
			$('.table-add').show();
			$('#invoicediv').hide();
		}
	});

$('.saveallocation').on('click',function(){
		$.ajaxSetup({
          headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
          }
       });

<?php echo $__env->make('layouts.master', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/forge/app.gftag.com/resources/views/purchaseorder/edit.blade.php ENDPATH**/ ?>