000

<?php $__env->startSection('title','Stock Out'); ?>

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

<div class="main-content">
	<div class="main-content-inner">
		<div class="breadcrumbs ace-save-state" id="breadcrumbs">
			<ul class="breadcrumb">
				<li>
					<i class="ace-icon fa fa-home home-icon"></i>
					<a href="#">Home</a>
				</li>
				<li class="active">Stock Out</li>
			</ul>
		</div>

<div class="page-header">
				<h1>
					Stock Out
				</h1>
			</div>

<form action="" role="form" id="stockOutForm">
				<div class="panel panel-primary">
					<div class="panel-heading">
						<h3 class="panel-title">Stock Out</h3>
					</div>
					<div class="panel-body">

<div class="row">
							<div class="col-md-12">		
								<div class="col-md-3">
									<div class="form-group">
										<label for="dealer_id">Dealer</label>
										<select class="form-control select2" name="dealer_id" id="dealer_id">
											<option value="">Select Dealer</option>
											<?php $__currentLoopData = $dealers; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $dealer): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
											<option value="<?php echo e($dealer->id); ?>"><?php echo e($dealer->name); ?>(<?php echo e($dealer->address1); ?>)</option>
											<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
										</select>
										<span class="label label-danger" id="dealer_id_error" style="display: none;"></span>
									</div>
								</div>
								<div class="col-md-3">
									<div class="form-group">
										<label for="warehouse_id">Warehouse</label>
										<select class="form-control select2" name="warehouse_id" id="warehouse_id"  onchange="getStockOutTokenListForDealer(1)">
											<option value="">Select Warehouse</option>
											<?php $__currentLoopData = $warehouses; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $warehouse): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
											<option value="<?php echo e($warehouse->id); ?>"><?php echo e($warehouse->name); ?>(<?php echo e($warehouse->location); ?>)</option>
											<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
										</select>
										<span class="label label-danger" id="warehouse_id_error" style="display: none;"></span>
									</div>
								</div>
							</div>
						</div>
						<hr>
						<div class="row" id="row_1">
							<div class="col-md-12">
								<div class="col-md-2">
									<div class="form-group">
										<label for="stock_token_id">Stock token</label>
										<select class="form-control select2" name="stock_token_id[]" id="stock_token_id_1" onchange="getStockTokenDetails(1)">
											<option value="">Select token</option>

</select>
										<span class="label label-danger" id="add_stoken_token_id_error" style="display: none;"></span>
									</div>
								</div>
								<div class="col-md-2">
									<div class="form-group">
										<label for="product_id">Product</label>
										<select class="form-control checkIfValid select2" name="product_id[]" id="product_id_1">
											<option value="">Select Product</option>

</select>
										<span class="label label-danger" id="add_product_error" style="display: none;"></span>
									</div>
								</div>
								<div class="col-md-2">
									<div class="form-group">
										<label for="unit_id">Unit</label>
										<select class="form-control checkIfValid select2" name="unit_id[]" id="unit_id_1">
											<option value="">Select Unit</option>

</div>
							</div>
						</div>

<div class="pull-right">
							<a href="<?php echo e(URL('/user/stock-out')); ?>" class="btn btn-default" >Reset</a>
							<button type="button" id="stockOutSubmit" class="btn btn-primary">Submit</button>

</div>
					</div>
				</div>
			</form>
		</div>
	</div>
</div>
<?php $__env->startSection('script'); ?>

<?php echo e(Html::script("assets/js/ace-elements.min.js")); ?>

<?php echo e(Html::script("assets/js/ace.min.js")); ?>

<?php echo e(Html::script("assets/js/bootstrap-datepicker.min.js")); ?>

$('#stockOutSubmit').click(function(e){
			e.preventDefault();

if(validateField()){
				return false;
			}else{

$.ajaxSetup({
					headers: {
						'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
					}
				});
				$('.loading-bg').show();
				$.ajax({
					url: $('#stockOutForm').attr('action'),
					method: 'POST',
					data: $('#stockOutForm').serialize(),
					success: function(data){
						$('.loading-bg').hide();
						if(!data.flag){
							showError('dealer_id_error',data.errors.dealer_id);
							showError('warehouse_id_error',data.errors.warehouse_id);
						}else{
							swal({
								title: data.title,
								text: data.message,
								type: "success"
							}, function() {
								window.location.reload();
							});
						}
					}

});

}
			
		});

$('#addMoreProduct').click(function(){
			var count = $("select[name='stock_token_id[]']").length + 1;
			var previousCount = count - 1;
			var options = '';
			$("#stock_token_id_"+previousCount+"> option").each(function(){
				console.log(this.value);
				if (this.value != $("#stock_token_id_"+previousCount).val() && this.value != '') {
					options += '<option value="'+this.value+'">'+this.text+'</option>';
				}
			});
			var newRow = `<div class="row" id="row_`+count+`">
			<div class="col-md-12">
			<div class="col-md-2">
			<div class="form-group">
			<label for="stock_token_id">Stock token</label>
			<select class="form-control select2" name="stock_token_id[]" id="stock_token_id_`+count+`" onchange="getStockTokenDetails(`+count+`)">
			<option value="">Select Token</option>
			`+options+`
			</select>
			<span class="label label-danger" id="add_stoken_token_id_error" style="display: none;"></span>
			</div>
			</div>
			<div class="col-md-2">
			<div class="form-group">
			<label for="product_id">Product</label>
			<select class="form-control checkIfValid select2" name="product_id[]" id="product_id_`+count+`">
			<option value="">Select Product</option>

</select>
			<span class="label label-danger" id="add_product_error" style="display: none;"></span>
			</div>
			</div>
			<div class="col-md-2">
			<div class="form-group">
			<label for="unit_id">Unit</label>
			<select class="form-control checkIfValid select2" name="unit_id[]" id="unit_id_`+count+`">
			<option value="">Select Unit</option>

</select>
			<span class="label label-danger" id="add_unit_error" style="display: none;"></span>
			</div>
			</div>
			<div class="col-md-2">
			<div class="form-group">
			<label for="remaining_quantity">Remaining Quantity</label>
			<input type="text" name="remaining_quantity[]" id="remaining_quantity_`+count+`" class="form-control checkValidQuantity" readonly="">
			<span class="label label-danger" id="remaining_quantity_error" style="display: none;"></span>
			</div>
			</div>
			<div class="col-md-2">
			<div class="form-group">
			<label for="dispatched_quantity">Dispatched Quantity</label>
			<input type="text" name="dispatched_quantity[]" id="dispatched_quantity_`+count+`" class="form-control checkIfValid">
			<span class="label label-danger" id="dispatched_quantity_error_`+count+`" style="display: none;"></span>
			</div>
			</div>
			<div class="col-md-1">
			<a href="javascript:;" onclick="removeRow(`+count+`)"><i class="fa fa-close fa-2x"></i></a>
			</div>
			</div>
			</div>
			`;
			$('#addMoreProductSection').append(newRow);
			$('.select2').select2();
		});
	});
	function getStockOutTokenListForDealer(row_count) {
		var dealer_id = $("#dealer_id").val();
		var warehouse_id = $("#warehouse_id").val();
		if (dealer_id == "") {
			swal({
				title : "Dealer Missing!",
				text  : "Please select dealer.",
				type  : "error"
			},function(){
				$("#dealer_id").select2('open');
				$("#warehouse_id").val('').trigger('change');
			});
			return false;
		} else if (warehouse_id == "") {
			swal({
				title : "Warehouse Missing!",
				text  : "Please select warehouse.",
				type  : "error"
			},function(){
				$("#warehouse_id").select2('open');
			});
			return false;
		} else {
			$(".loading-bg").show();
			$.ajax({
				url: "<?php echo e(url('/get-stock-token-list-by-dealer-id')); ?>"+"/"+dealer_id+"/"+warehouse_id,
				type: 'GET',
				success:function(data){
					$(".loading-bg").hide();
					if (data.flag) {
						var options = '<option value="">Select Token </option>';
						$.each(data.stock_token_list, function(index, val) {
							options += '<option value="'+val.id+'">'+val.id+'</option>';
						});
						$("#stock_token_id_"+row_count).html(options);
					} else {
						swal({
							title : data.title,
							text  : data.message,
							type  : "error"
						});
					}
				}
			});
			return true;
		}
	}
	function getStockTokenDetails(row_count) {
		var stock_token_id = $("#stock_token_id_"+row_count).val();
		if (stock_token_id == "") {
			swal({
				title : "Stock Token Missing!",
				text  : "Please select stock token number.",
				type  : "error"
			},function(){
				$('#stock_token_id_'+row_count).select2('open');
			});
		} else {
			$('.loading-bg').show();
			$.ajax({
				url: "<?php echo e(url('/get-stock-token-details/')); ?>"+"/"+stock_token_id,
				type: 'GET',
				success:function(data){
					$('.loading-bg').hide();
					console.log(data);
					if (data.flag) {
						var product_name_option = '<option value="'+data.token.product.id+'">'+data.token.product.name+'</option>';
						var product_unit_option = '<option value="'+data.token.unit.id+'">'+data.token.unit.unit+'</option>';
						$("#product_id_"+row_count).html(product_name_option).trigger('change');
						$("#unit_id_"+row_count).html(product_unit_option).trigger('change');
						$("#remaining_quantity_"+row_count).val(data.token.remaining_quantity);
						$("#dispatched_quantity_"+row_count).val(data.token.remaining_quantity);
					} else {
						swal({
							title : data.title,
							text  : data.message,
							icon  : "error"
						});
					}
				}
			});
		}
	}
	function validateField(){
		var errorCount = 0;
		$('.checkIfValid').each(function(){
			if($(this).val() == ""){
				errorCount = errorCount + 1;
				$(this).closest('.form-group').find('.label-danger').text('Required');
				$(this).closest('.form-group').find('.label-danger').show();
			} else {
				$(this).closest('.form-group').find('.label-danger').hide();
			}
		});
		$(".checkValidQuantity").each(function(){
			var element_id = $(this).attr('id');
			var elementArr = element_id.split('_');
			console.log($(this).val());
			console.log($('#dispatched_quantity_'+elementArr[2]).val());
			if (parseInt($(this).val()) < parseInt($('#dispatched_quantity_'+elementArr[2]).val())) {
				errorCount = errorCount + 1;
				$('#dispatched_quantity_error_'+elementArr[2]).text('Invalid Quantity');
				$('#dispatched_quantity_error_'+elementArr[2]).show();
			} else {
				$('#dispatched_quantity_error_'+elementArr[2]).hide();
			}
			
		});
		if(errorCount > 0){
			return true;
		}else{
			return false;
		}
	}
	function removeRow(id){
		$('#row_'+id).remove();
	}
	function showError(id,error){
		if(typeof(error) === "undefined"){
			$('#'+id).hide();
		}else{
			$('#'+id).show();
			$('#'+id).text(error);
		}
	}

</script>

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

<?php echo $__env->make('dashboard.layouts.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/pmmsanvp/public_html/srt/resources/views/dashboard/stock/stock-out.blade.php ENDPATH**/ ?>