@extends('layouts.backend.app')

@section('content')

<!-- Start right Content here -->
<div class="main-content">
	<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">@if(!empty($lotdata->id)) Update @else Add @endif Lot</h6>
			   <ol class="breadcrumb m-0">
				  <li class="breadcrumb-item"><a href="{{ dashboardurl() }}">Home </a></li>
				  <li class="breadcrumb-item active" aria-current="page">
				  @if(!empty($lotdata->id)) Update @else Add @endif Lot</li>
			   </ol>
			</div>
			<div class="col-md-4">
				<a class="btn btn-primary button-1 float-right " href="{{ route('lot-list') }}">
				<span class="pe-1 color-primary"><i class="ti-angle-left"></i></span> Back</a>
			</div>
		</div>
	</div>


	<!-- Mobile visible table  -->
	<div class="row product-row form-add">
		<div class="col-md-12">
			<div class="card">
				<div class="card-body">

	<form class="form-horizontal" action="{{ route('lot-update') }}" method="POST" id="dtad" name="dtad" enctype="multipart/form-data">
	@csrf

	<input type="hidden" name="lot_id" id="lot_id" value="@if(!empty($lotdata->id)){{ $lotdata->id }}@endif">


	<!-- Page Preloder -->
	<div id="preloder"><div class="loader"></div></div>


	<div class="row mb-3">
		<label for="lot_no" class="col-sm-2 col-form-label">LOT Number</label>
		<div class="col-sm-6">
			<input type="text" value="@if(!empty($lotdata->lot_no)){{ $lotdata->lot_no }}@else{{ $lotnumber }}@endif" class="form-control" id="lot_no" name="lot_no" readonly>
		</div>
	</div>

	<div class="row mb-3">
		<label for="inputText3" class="col-sm-2 col-form-label">Supplier Name</label>
		<div class="col-sm-6">

			<select class="form-select form-control" aria-label="Default select example" id="sup_name" name="sup_name">

				<option value="">Select</option>
				
				@foreach($supplierdata as $supdata)

					<option value="{{ $supdata->id }}" @if(!empty($lotdata->sup_name) && $lotdata->sup_name == $supdata->id) selected="selected" @elseif(old('sup_name') == $supdata->id) selected="selected" @endif >{{ $supdata->sup_name }}</option>

				@endforeach

			</select>

			@if ($errors->has('sup_name'))
				<div id="nmb" class="text-danger">{{ $errors->first('sup_name') }}</div>
			@endif
		</div>
	</div>


	<div class="row mb-3">
		<label for="inv_no" class="col-sm-2 col-form-label">Invoice Number</label>
		<div class="col-sm-6">

			<input type="num" class="form-control" id="inv_no" name="inv_no" value="@if(!empty($lotdata->inv_no)){{ $lotdata->inv_no }}@else{{ old('inv_no') }}@endif">

			@if ($errors->has('inv_no'))
				<div id="ivn" class="text-danger">{{ $errors->first('inv_no') }}</div>
			@endif
		</div>
	</div>


	<div class="row mb-3">
		<label for="lot_date" class="col-sm-2 col-form-label">Lot Date</label>
		<div class="col-sm-6">
			<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="lot_date" name="lot_date" value="@if(!empty($lotdata->lot_date)){{ $lotdata->lot_date }}@else{{ old('lot_date') }}@endif">

			</div>
			@if ($errors->has('lot_date'))
				<div id="ltdt" class="text-danger">{{ $errors->first('lot_date') }}</div>
			@endif
		</div>
	</div>



	<div class="row mb-3">
		<label for="no_pro" class="col-sm-2 col-form-label">No of Product</label>
		<div class="col-sm-6">

			<input type="num" class="form-control" id="no_pro" name="no_pro" value="@if(!empty($lotdata->no_pro)){{ $lotdata->no_pro }}@else{{ old('no_pro') }}@endif" maxlength="5" onkeypress="return isNumber(event)" onpaste="return false">
			
			<input type="hidden" id="old_no_pro" name="old_no_pro" value="@if(!empty($lotdata->no_pro)){{ $lotdata->no_pro }}@endif">

			@if ($errors->has('no_pro'))
				<div id="nopro" class="text-danger">{{ $errors->first('no_pro') }}</div>
			@endif
		</div>
	</div>


	<div class="row mb-3">
		<label for="amount" class="col-sm-2 col-form-label">Total Amount</label>
		<div class="col-sm-6">
			<div class="input-group">

		<span class="input-group-text" id="basic-addon1">₹</span>

		<input type="text" class="form-control" placeholder="" aria-describedby="basic-addon1" id="amount" name="amount" value="@if(!empty($lotdata->amount)){{ $lotdata->amount }}@else{{ old('amount') }}@endif" maxlength="10" onkeypress="return isNumber(event)" onpaste="return false">

			</div>
		@if ($errors->has('amount'))
			<div id="amt" class="text-danger">{{ $errors->first('amount') }}</div>
		@endif
		</div>
	</div>

	@if(!empty($lotdata->pay_status) && $lotdata->pay_status == 'Part Payment') 

		<div class="row mb-3">
			<label for="pay_note" class="col-sm-2 col-form-label">Paid Amount</label>
			<div class="col-sm-6">
				<div class="input-group">
				@php
					$zrlv=0;
				@endphp
				<span class="input-group-text" id="basic-addon1">₹</span>

				<input type="num" class="form-control" aria-describedby="basic-addon1" id="paid_amount" name="paid_amount" readonly value="@if(!empty($lotdata->pay_note)){{ $lotdata->pay_note }}@else{{$zrlv}}@endif">

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

	@endif


	@php 

	$totalamount = !empty($lotdata->amount) ? $lotdata->amount : 0;
	$paidamount = !empty($lotdata->pay_note) ? $lotdata->pay_note : 0;
	$pending = $totalamount - $paidamount ;

	@endphp

	<input type="hidden" id="pending_amount" name="pending_amount" value="{{ $pending }}">

	<div class="row mb-3">
		<label for="pay_status" class="col-sm-2 col-form-label">Payment Status</label>
		<div class="col-sm-6">

		<select class="form-select select" aria-label="Default select example" id="pay_status" name="pay_status">
			<option value="">Select</option>
			
			<option value="Part Payment" @if(!empty($lotdata->pay_status) && $lotdata->pay_status == 'Part Payment') selected="selected" @elseif(old('pay_status') == 'Part Payment') selected="selected" @endif >Part Payment</option>
			
			<option value="Full Payment" @if(!empty($lotdata->pay_status) && $lotdata->pay_status == 'Full Payment') selected="selected" @elseif(old('pay_status') == 'Full Payment') selected="selected" @endif >Full Payment</option>
		</select>

		@if ($errors->has('pay_status'))
			<div id="pymt" class="text-danger">{{ $errors->first('pay_status') }}</div>
		@endif

		<input @if(!empty($lotdata->pay_status) && $lotdata->pay_status == 'Full Payment') style="display:none" @elseif(old('pay_status') == 'Full Payment') style="display:none"  @else style="display:none" @endif type="text" class="form-control payment-box mt-3" id="pay_note" name="pay_note" value="" maxlength="10" onkeypress="return isNumber(event)" onpaste="return false" placeholder="Pay now">

		</div>
	</div>

		<div class="row mb-3">
			<label for="inputText3" class="col-sm-2 col-form-label"></label>
			<div class="col-sm-6">
				<div class="btn-container d-flex justify-content-start">

		<button type="button" class="btn btn-primary me-3b sumbtn">Submit & Generate Barcode</button>

				</div>
			</div>
		</div>
		
		<div class="col-md-12"></div>

			</form>
				</div>
			</div>
		</div>
	</div>
	<!-- end row-->

@endsection


@section('scripts')

<script>

	//Add 
$(document).on("click", ".sumbtn", function () {

	var err = true;

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

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

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

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

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


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

		input.removeClass("invalid").addClass("valid");
		$("#pymt").remove();

		var urlvl = $("#pay_status").val();	
		if(urlvl == 'Part Payment') {

			var input = $("#pay_note");
			var urlvl = $("#pay_note").val();
			if(urlvl==''){

				/*input.removeClass("valid").addClass("invalid");
				$("#pamt").remove();
				$('<div id="pamt" class="text-danger">Part payment amount is required</div>').insertAfter("#pay_note");
				$("#pay_note").focus();
				err = false;*/

				input.removeClass("invalid").addClass("valid");
				$("#pamt").remove();

			} else {

				var pending_amount = parseInt($("#pending_amount").val());
				if(pending_amount ==0){
				var pending_amount = parseInt($("#amount").val());
				}
				var paynow = parseInt($("#pay_note").val());
				var input = $("#pay_note");
				if(paynow > pending_amount) {
					input.removeClass("valid").addClass("invalid");
					$("#pamt").remove();
					$('<div id="pamt" class="text-danger">You cannot pay more than the total amount!</div>').insertAfter("#pay_note");
					$("#pay_note").focus();
					err = false;
				} else {
					input.removeClass("invalid").addClass("valid");
					$("#pamt").remove();
				}
			}

		} else {
			$('#pay_note').val('');
			$('#pay_note').hide();
			$("#pamt").remove();
		}
	}


	if(err == true) {

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


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

$("#inv_no").on("change", function(event) {
	var input = $("#inv_no");
	var urlvl = $("#inv_no").val();
	if(urlvl==''){
		input.removeClass("valid").addClass("invalid");
		$("#ivn").remove();
		$('<div id="ivn" class="text-danger">Invoice number is required</div>').insertAfter("#inv_no");
		$("#inv_no").focus();
	} else {
		input.removeClass("invalid").addClass("valid");
		$("#ivn").remove();
	}
});
 
$("#lot_date").on("change", function(event) {
	var input = $("#lot_date");
	var urlvl = $("#lot_date").val();
	if(urlvl==''){
		input.removeClass("valid").addClass("invalid");
		$("#ltdt").remove();
		$('<div id="ltdt" class="text-danger">Lot date is required</div>').insertAfter("#datepicker1");
		$("#lot_date").focus();
	} else {
		input.removeClass("invalid").addClass("valid");
		$("#ltdt").remove();
	}
});

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

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



$("#pay_note").on("input", function(event) {
	
	var pending_amount = parseInt($("#pending_amount").val());
	if(pending_amount ==0){
	var pending_amount = parseInt($("#amount").val());
	}
	var paynow = parseInt($("#pay_note").val());
	var input = $("#pay_note");
	if(paynow > pending_amount) {
		input.removeClass("valid").addClass("invalid");
		$("#pamt").remove();
		$('<div id="pamt" class="text-danger">You cannot pay more than the total amount!</div>').insertAfter("#pay_note");
		$("#pay_note").focus();
	} else {
		input.removeClass("invalid").addClass("valid");
		$("#pamt").remove();
	}
});



$("#pay_status").on("change", function(event) {
	var input = $("#pay_status");
	var urlvl = $("#pay_status").val();	
	if(urlvl == 'Part Payment') {
		$('#pay_note').show();
	} else {
		$('#pay_note').hide();
	}
	if(urlvl==''){
		input.removeClass("valid").addClass("invalid");
		$("#pymt").remove();
		$('<div id="pymt" class="text-danger">Payment status is required</div>').insertAfter("#pay_status");
		$("#pay_status").focus();
	} else {
		input.removeClass("invalid").addClass("valid");
		$("#pymt").remove();

		var urlvl = $("#pay_status").val();	
		if(urlvl == 'Part Payment') {

			var input = $("#pay_note");
			var urlvl = $("#pay_note").val();
			/*if(urlvl==''){
				input.removeClass("valid").addClass("invalid");
				$("#pamt").remove();
				$('<div id="pamt" class="text-danger">Part payment amount is required</div>').insertAfter("#pay_note");
				$("#pay_note").focus();
			} else {*/
				input.removeClass("invalid").addClass("valid");
				$("#pamt").remove();
			//}

		} else {
			$('#pay_note').val('');
			$('#pay_note').hide();
			$("#pamt").remove();
		}
	}
});

</script>

@endsection