ria/app/Views/servicePurchaseorder.php

<?php
$insuranceStatus = array(
	array("name" => "NO", "value" => "0"),
	array("name" => "YES", "value" => "1")
);

$ReqType = '';
$CompanyAddress = '';
$dt = new DateTime('now', new DateTimeZone('Asia/Kolkata'));
$CurrentDate =  $dt->format('d-m-Y');
$MaxPoDate = '';
$AvlAmount = 0;
$Value = "&#8377;";
if (!empty($MaxPODate)) {
	foreach ($MaxPODate as $date) {
		$MaxPoDate = $date->PODate;
	}
}
if (!empty($CompanyDetails)) {
	foreach ($CompanyDetails as $Req) {
		$CompanyAddress = $Req->Address;
	}
}
if (!empty($AvlBudAmt)) {

	$AvlAmount = number_format($AvlBudAmt, 2, '.', '');
}

if (!empty($INRSYMBOL)) {
	foreach ($INRSYMBOL as $INRS) {
		$INRSYM = $INRS->FontCode2000;
	}
}


?>
<script src="<?php echo base_url() ?>public/assets/tinymce/js/tinymce/tinymce.min.js"></script>
<script src="<?php echo base_url(); ?>public/assets/js/CreatePOValidation.js" type="text/javascript"></script>
<script type="text/javascript">
	tinymce.init({
		selector: "textarea#ScopeOfWork",
		menubar: false,
		statusbar: false,
		toolbar: false
	});
	tinymce.init({
		selector: "textarea#txtSpcialInstruction", // Add model SpcialInstruction
		menubar: false,
		statusbar: false,
		toolbar: false
	});
	tinymce.init({
		selector: "textarea#EdittxtSpcialInstruction", // Edit model edit SpcialInstruction
		menubar: false,
		statusbar: false,
		toolbar: false
	});
	tinymce.init({
		selector: "textarea#descofpo", //main screen description PO
		menubar: false,
		statusbar: false,
		toolbar: false
	});
</script>


<script>
	var RequistQuantity = '';
	var AvilBudAmt = '';
	var POMaxDate = '<?php echo $MaxPoDate; ?>';
	var d = new Date(POMaxDate);
	var SelectedMaterialCode = [];
	var CollIndex = 0;
	var SelectedMaterialList = {
		Mat: []
	};
	$(function() {

		// $("#PODate").datepicker({
		// 	minDate: d,
		// 	maxDate: 'now',
		// 	dateFormat: 'dd-mm-yy',
		// 	changeMonth: true,
		// 	changeYear: true,
		// 	yearRange: '-100:+0'
		// });
		// $("#Deliverydt").datepicker({
		// 	minDate: 'now',
		// 	dateFormat: 'dd-mm-yy',
		// 	changeMonth: true,
		// 	changeYear: true,
		// 	yearRange: '0:+10'
		// });

		$('#PoTypeOptions').change(function() {
			var potypeval = $('#PoTypeOptions').val();
			var poopt = <?php echo json_encode($PoTypeOptions, JSON_PRETTY_PRINT) ?>;
			var config = poopt[0].ConfigValue;
			var Payment = <?php echo json_encode($Payment, JSON_PRETTY_PRINT) ?>;
			var default1 = Payment[4].PaymentTerms;


			if (potypeval == config) {
				$('#PaymentTerms').empty();
				$.each(Payment, function(idx, obj) {
					if (obj.PaymentID == 'PT05') {

						$("#PaymentTerms").append($('<option></option>').val(obj.PaymentID).html(obj.PaymentTerms));

					}

				});
			}
		});

		document.getElementById("Date").checked = true;

		$('#drpSupplier').change(function() {


			var id = $('#drpSupplier').val();
			console.log(id);

			$("#SupAddress").val('');
			var PaymentID = '';

			if (id != '0') {
				var suppliers = <?php echo json_encode($Suplist, JSON_PRETTY_PRINT); ?>;
				var payments = <?php echo json_encode($Payment, JSON_PRETTY_PRINT); ?>;

				// Find the selected supplier and set address and PaymentID
				$.each(suppliers, function(idx, supplier) {
					if (supplier.SupplierID === id) {
						PaymentID = supplier.PaymentID; // Set PaymentID
						if (supplier.MSME) {
							$("#SupAddress").val("MSME : " + supplier.MSME + "\n" + supplier.Address);
						} else {
							$("#SupAddress").val(supplier.Address);
						}
						console.log(PaymentID); // Debugging PaymentID value
					}
				});

				// Conditional logic for PaymentID
				if (PaymentID === 'PT08') {
					$('#otheroptiondiv').show();
					$('#Otherpayment').val('');
				} else {
					$('#otheroptiondiv').hide();
					$('#Otherpayment').val('');
				}

				// Populate Payment Terms
				$('#PaymentTerms').empty();
				$.each(payments, function(pay, payobj) {
					$("#PaymentTerms").append($('<option></option>').val(payobj.PaymentID).html(payobj.PaymentTerms));
				});

			} else {
				alert('Please select a Supplier.');
				return false;
			}
		});


		$('#ReqNo').change(function() {

			var id = $('#ReqNo').val();
			$("#AvlBudAmt").val('');

			$("#MaterialCode").empty();
			$("#deptName").val('');
			$("#UOM").val('');
			$("#Quantity").val('');
			$("#ItemName").val('');
			$("#Rate").val('');
			$("#txtBasicValue").val('');
			$("#CostCenter").val('');
			clearTaxField();
			if (id != '0') {
				var y = <?php echo json_encode($RequistionDetails, JSON_PRETTY_PRINT) ?>;

				var Material = <?php echo json_encode($MaterialList, JSON_PRETTY_PRINT) ?>;
				var AvlBudAmt = '<?php echo $AvlAmount ?>';

				// For Binding DepartmentName	           			
				$.each(y, function(idx, obj) {
					if (obj.ReqNo === id) {
						$("#deptName").val(obj.DepartmentName);
						$("#CostCenter").val(obj.CostCenterCode);
						if (obj.Service_Period != '' && obj.Service_Period != null) {
							$("#Frequency").val(obj.Service_Period);
							$("#FrequencyNo").val(obj.NumberOfService);

						} else {
							var text = 'One Time';
							$("#Frequency").val(text);
							$("#FrequencyNo").val(1);
						}

					}
				});
				$("#AvlBudAmt").val(parseFloat(AvlBudAmt).toFixed(2));


				// For Binding Material list center for the selected Requistion Number	
				$("#MaterialCode").append($('<option></option>').val("0").html("Select Material Code"));
				var isAdded = "0";
				for (i = 0; i < Material.length; i++) {
					$.each(Material[i], function(idx, obj) {

						if (obj.ReqNo === id) {

							$.each(SelectedMaterialList.Mat, function(idx1, el) {
								if (id == el.ReqNo) {

									if (el.materialCode == obj.MaterialCode) {
										isAdded = "1";
										return false;
									} else {
										isAdded = "0";
									}

								}
							});


							if (isAdded == "0") {

								$("#MaterialCode").append($('<option></option>').val(obj.MaterialCode).html(obj.MaterialCode + "-" + obj.MaterialName));
							}

						}


					});
				}
			} else {
				alert('Please select the Requisition Number');
				return false;
			}
			id = '';

		});
		$('#MaterialCode').change(function() {

			var id = $('#MaterialCode').val();
			$("#ItemName").val('');
			$("#UOM").val('');
			$("#Quantity").val('');
			$("#ItemName").val('');
			$("#Rate").val('');
			$("#txtBasicValue").val('');
			RequistQuantity = '';
			clearTaxField();
			if (id != '0') {
				var Material = <?php echo json_encode($MaterialList, JSON_PRETTY_PRINT) ?>;

				for (i = 0; i < Material.length; i++) {
					$.each(Material[i], function(idx, obj) {
						if (obj.MaterialCode === id) {
							$("#ItemName").val(obj.MaterialName);
							$("#UOM").val(obj.UOM);
							$("#Quantity").val(obj.Quantity);
							RequistQuantity = obj.Quantity;
							var materialn = obj.MaterialName;
							var materialname = materialn.toUpperCase();

							if (materialname == 'SERVICE') {
								$('#otherdescription').show();
								$('#OtheritemDescription').val(obj.MaterialDescription);
							}
						}
					});
				}
				var d = $('#drpSupplier').val();
				$.ajax({
					url: "<?php echo base_url() ?>VerifyWithSupplierForPendingPO",
					type: 'POST',
					data: {
						supplierid: drpSupplier,
						materialcode: id
					},
					success: function(response) {
						if (response) alert(response);
					}
				});
			} else {
				alert('Please select the MaterialCode');
				return false;
			}

		});


		$('#EditMaterialCode').change(function() {

			var id = $('#EditMaterialCode').val();
			$("#EditItemName").val('');
			$("#EditUOM").val('');
			$("#EditQuantity").val('');
			//$("#EditRate").val('');
			//$("#txtEditBasicValue").val('');
			RequistQuantity = '';
			// clearEditTaxField();
			if (id != '0') {
				var Material = <?php echo json_encode($MaterialList, JSON_PRETTY_PRINT) ?>;

				for (i = 0; i < Material.length; i++) {
					$.each(Material[i], function(idx, obj) {
						if (obj.MaterialCode === id) {
							$("#EditItemName").val(obj.MaterialName);
							$("#EditUOM").val(obj.UOM);
							$("#EditQuantity").val(obj.Quantity);
							RequistQuantity = obj.Quantity;
						}
					});
				}
				var d = $('#drpSupplier').val();
				$.ajax({
					url: "<?php echo base_url() ?>VerifyWithSupplierForPendingPO",
					type: 'POST',
					data: {
						supplierid: drpSupplier,
						materialcode: id
					},
					success: function(response) {
						if (response) alert(response);
					}
				});
			} else {
				alert('Please select the MaterialCode');
				return false;
			}

		});


	});

	function ChangeSgst() {

		$('#Sgst').val($('#Cgst').val());
		Ratechange();
	}

	function ChangeEditSgst() {

		$('#EditSgst').val($('#EditCgst').val());
		EditRatechange();
	}

	function Ratechange() {

		if ($('#ReqNo').val() == "0") {
			alert('Please select the Requisition Number');
			$('#ReqNo').focus();
			return false;
		} else if ($('#MaterialCode').val() == "0") {
			alert('Please select the Material Code');
			$('#MaterialCode').focus();
			return false;
		} else if ($('#CostCenter').val() == "0") {
			alert('Please select the CostCenterCode');
			$('#CostCenter').focus();
			return false;
		}
		ExceedQuantityCheck();

		if ($('#Quantity').val() != '' && $('#Rate').val() != '') {
			var txtQuantity = parseFloat($('#Quantity').val());
			var txtUnitPrice = parseFloat($('#Rate').val());
			var frequencyValue = parseFloat($('#FrequencyNo').val());
			var Tot = txtQuantity * frequencyValue * txtUnitPrice;
			$('#txtBasicValue').val(parseFloat(Tot).toFixed(2));

			//Service Tax calculation

			$('#AfterCgst').val(calculateCgstTax($('#txtBasicValue').val(), $("#Cgst").val() == '' ? "0.00" : $("#Cgst").val()));

			$('#AfterSgst').val(calculateSgstTax($('#txtBasicValue').val(), $("#Sgst").val() == '' ? "0.00" : $("#Sgst").val()));
			$('#AfterIgst').val(calculateIgstTax($('#txtBasicValue').val(), $("#Igst").val() == '' ? "0.00" : $("#Igst").val()));


			calculateTotalOrdervalue();

			var res = ExceedBudget($('#txtBasicValue').val(), $('#AvlBudAmt').val());
			if (!res) {
				$('#Rate').focus();
				return false;
			}
		}

	}

	function EditRatechange() {

		if ($('#EditCostCenter').val() == "0") {
			alert('Please select the CostCenterCode');
			$('#EditCostCenter').focus();
			return false;
		}
		EditExceedQuantityCheck();

		if ($('#EditQuantity').val() != '' && $('#EditRate').val() != '') {
			var txtQuantity = parseFloat($('#EditQuantity').val());
			var txtUnitPrice = parseFloat($('#EditRate').val());
			var frequencyValue = parseFloat($('#EditFrequencyNo').val());
			var Tot = txtQuantity * frequencyValue * txtUnitPrice
			$('#txtEditBasicValue').val(parseFloat(Tot).toFixed(2));
			ExceedBudget($('#txtEditBasicValue').val(), $('#EditAvlBudAmt').val());


			$('#EditAfterCgst').val(calculateCgstTax($('#txtEditBasicValue').val(), $("#EditCgst").val() == '' ? "0.00" : $("#EditCgst").val()));

			$('#EditAfterSgst').val(calculateSgstTax($('#txtEditBasicValue').val(), $("#EditSgst").val() == '' ? "0.00" : $("#EditSgst").val()));
			$('#EditAfterIgst').val(calculateIgstTax($('#txtEditBasicValue').val(), $("#EditIgst").val() == '' ? "0.00" : $("#EditIgst").val()));
			calculateTotalEditOrdervalue();
		}

	}

	function ExceedQuantityCheck() {
		var EnterQuantity = $("#Quantity").val() == '' ? "0.00" : parseFloat($("#Quantity").val());
		var ReqQuantity = parseFloat(RequistQuantity);
		//alert(ReqQuantity);
		if (EnterQuantity > ReqQuantity) {
			alert('Your exceeding the Quantity from the Requisition Quantity:' + RequistQuantity + '.Please adjust the Quantity to proceed further.');

			$('#Quantity').focus();
			return false;
		} else {
			return true;
		}
	}

	function EditExceedQuantityCheck() {
		// RequistQuantity
		var EnterQuantity = $("#EditQuantity").val() == '' ? "0.00" : parseFloat($("#EditQuantity").val());
		var ReqQuantity = parseFloat(RequistQuantity);
		if (EnterQuantity > ReqQuantity) {
			alert('Your exceeding the Quantity from the Requisition Quantity:' + RequistQuantity + '.Please adjust the Quantity to proceed further.');

			$('#EditQuantity').focus();
			return false;
		}
	}

	function ExceedBudget(ValuetoCheck, budgetAmount) {
		var ReqAmount = parseFloat(ValuetoCheck);
		var BudAmount = parseFloat(budgetAmount);

		// if(ReqAmount > BudAmount )
		// {
		// alert('Your exceeding the Avaiable Budget :'+ AvilBudAmt  +'.Please adjust the Product to proceed further.');
		// return false; 
		// }
		// else
		// {
		return true;
		//}
	}


	function calculateTotalOrdervalue() {
		var basicValue = parseFloat($('#txtBasicValue').val());
		var Cgst = parseFloat($('#AfterCgst').val());
		var Sgst = parseFloat($('#AfterSgst').val());
		var Igst = parseFloat($('#AfterIgst').val());
		var OtherAmt = parseFloat($("#OtherAllowances").val() == '' ? "0.00" : $("#OtherAllowances").val());

		var TotAmt = basicValue + Cgst + Sgst + Igst + OtherAmt;

		$('#TotalOrderValue').val(parseFloat(TotAmt).toFixed(2));

	}

	function calculateTotalEditOrdervalue() {
		var basicValue = parseFloat($('#txtEditBasicValue').val());
		var Cgst = parseFloat($('#EditAfterCgst').val());
		var Sgst = parseFloat($('#EditAfterSgst').val());
		var Igst = parseFloat($('#EditAfterIgst').val());
		var OtherAmt = parseFloat($("#EditOtherAllowances").val() == '' ? "0.00" : $("#EditOtherAllowances").val());

		var TotAmt = basicValue + Cgst + Sgst + Igst + OtherAmt;

		$('#EditTotalOrderValue').val(parseFloat(TotAmt).toFixed(2));

	}

	function calculateTaxValue() {
		var Cgst = parseFloat($('#AfterCgst').val());
		var Sgst = parseFloat($('#AfterSgst').val());
		var Igst = parseFloat($('#AfterIgst').val());

		var TottaxAmt = Cgst + Sgst + Igst;
		return parseFloat(TottaxAmt).toFixed(2);
	}

	function clearTaxField() {

		$('#txtBasicValue').val('');
		$('#AfterCgst').val(0);
		$('#AfterSgst').val(0);
		$('#AfterIgst').val(0);
		$('#Cgst').val(0);
		$('#Sgst').val(0);
		$('#Igst').val(0);
		$('#TotalOrderValue ').val('');
		$('#Rate').val(0);

		$("#ItemName").val('');
		$("#UOM").val('');
		$("#AddPer").val('');
		tinyMCE.get('txtSpcialInstruction').setContent('');
		$("#Quantity").val('');
		RequistQuantity = '';

	}

	function clearEditTaxField() {
		$('#txtEditBasicValue').val('');

		$('#EditTotalOrderValue ').val('');
		$('#EditRate').val('');
		$('#EditAfterCgst').val(0);
		$('#EditAfterSgst').val(0);
		$('#EditAfterIgst').val(0);
		$('#EditCgst').val(0);
		$('#EditSgst').val(0);
		$('#EditIgst').val(0);
		$("#EditItemName").val('');
		$("#EditUOM").val('');
		$("#EditQuantity").val('');
		RequistQuantity = '';

	}
	$(document).ready(function() {
		$("#Deliverydt").datepicker({
			format: 'dd-mm-yyyy',
			startDate: new Date(),
			clearBtn: true
		});
		$("#PODate").datepicker({
			format: 'dd-mm-yyyy',
			startDate: new Date(),
			clearBtn: false
		});
		$("#PaymentTerms").select2();

		$('#Date').click(function() {
			//for Date range selection
			$('#Schedulediv').hide();
			$('#Deliverydtdiv').show();
		});
		$('#Schedule').click(function() {
			//for schedule range selection
			$('#Deliverydtdiv').hide();
			$('#Schedulediv').show();
		});
		clearTotalItemValues();

		$('#Edit').click(function() {
			console.log("1111111111111111111");

			// tinyMCE.triggerSave();
			console.log("2222222222222222");

			if (validateEditServiceTax()) {
				alert('inside Add');
				var CostCode = $("#EditCostCenter").val();
				var AvilBudget = $('#EditAvlBudAmt').val();
				var editMaterialCode = $("#EditMaterialCode").val();
				var editDescription = $("#EditItemName").val();
				var editUOM = $('#EditUOM').val();
				var editPer = '';
				if ($("#EditPer").val().trim() == '') {
					editPer = $("#EditUOM").val();
				} else {
					editPer = $("#EditPer").val();
				}
				var editQuantity = $('#EditQuantity').val();

				var itemRate = $("#EditRate").val();



				var Cgst = $("#EditCgst").val();
				var AfterCgst = $("#EditAfterCgst").val();
				var Sgst = $("#EditSgst").val();
				var AfterSgst = $("#EditAfterSgst").val();
				var Igst = $("#EditIgst").val();
				var AfterIgst = $("#EditAfterIgst").val();

				var Frequency = $("#EditFrequency").val();
				var FrequencyValue = $("#EditFrequencyNo").val();
				var ServiceDescription = $('#EdittxtSpcialInstruction').val();
				var OtherAmt = $('#EditOtherAllowances').val();
				var TotalOrderValue = $("#EditTotalOrderValue ").val();


				var basicval = $("#txtEditBasicValue").val();

				var TotalTaxValue = calculateEditTaxValue();



				var tr = document.getElementById(userid);
				var cellval = tr.cells;

				cellval[2].innerHTML = editMaterialCode;
				cellval[3].innerHTML = editDescription;
				cellval[4].innerHTML = editQuantity;
				cellval[5].innerHTML = editUOM;
				cellval[6].innerHTML = parseFloat(itemRate).toFixed(2);
				cellval[7].innerHTML = parseFloat(basicval).toFixed(2);
				cellval[8].innerHTML = parseFloat(TotalTaxValue).toFixed(2);
				cellval[9].innerHTML = parseFloat(TotalOrderValue).toFixed(2);


				$('#materialCode' + userid).val(editMaterialCode);
				$('#materialName' + userid).val(editDescription);
				$('#uom' + userid).val(editUOM);
				$('#per' + userid).val(editPer);

				$('#quantity' + userid).val(editQuantity);
				$('#itemRate' + userid).val(itemRate);
				$('#Cgst' + userid).val(Cgst);
				$('#AfterCgst' + userid).val(AfterCgst);
				$('#Sgst' + userid).val(Sgst);
				$('#AfterSgst' + userid).val(AfterSgst);
				$('#Igst' + userid).val(Igst);
				$('#AfterIgst' + userid).val(AfterIgst);
				$('#ItemDescription' + userid).val(ServiceDescription);
				$('#OtherAmt' + userid).val(OtherAmt);

				$('#TotalOrderValue' + userid).val(TotalOrderValue);

				populateValueMainFormForEditServiceTax();

			}

		});

	});
</script>
<style>
	.dataTables_paginate {
		margin-top: -5%;
	}

	.dataTables_wrapper {
		padding-bottom: 0px;
	}

	.num {
		text-align: right;
	}

	.centered {
		display: flex;
		/* justify-content: center; */
		align-items: center;
		height: 10vh;
	}

	.centered label,
	.centered input {
		margin: 0 5px;
	}
</style>
<div class="content-page">
	<div class="content">
		<!-- Start Content-->
		<div class="container-fluid">
			<!-- start page title -->
			<div class="row">
				<div class="col-12">
					<div class="page-title-box page-title-box-alt">
						<h4><?= "Service Purchase Order"; ?></h4>
						<a href="<?php echo base_url() ?>CreatePO" class="btn btn-secondary" id="back" value="Back">Back</a>
					</div>
				</div>
			</div>
			<!-- end page title -->
			<!-- Form row -->
			<div class="row">
				<div class="col-12">
					<div class="card">
						<div class="card-body">
							<?php
							$attributes = array('class' => 'form-label-left ServicePO ', 'name'  => 'ServicePO', 'id'  => 'ServicePO', 'enctype' => 'multipart/form-data');
							echo form_open(base_url() . '/purchaseorder/addPO/', $attributes); ?>


							<div class="form-row">
								<div class="form-group col-md-3">
									<label>Requistion No</label>
									<?php

									$options = array("0" => 'Selected Requisition Numbers');
									if (!empty($ReqList)) {
										foreach ($ReqList as $SID) :

											// print_r($SID->ReqNo);
											$options[$SID->ReqNo] = $SID->ReqNo . "-" . $SID->ReqBy;
											$ReqType = $SID->ReqType;
										endforeach;
									}
									echo form_multiselect('RequistionNo', $options, set_value('RequistionNo', array()), 'id="RequistionNo"', 'required="true"');

									?>

								</div> <!-- 1.1. col-md-3 div closed here -->
								<div class="form-group col-md-3">
									<label>Purchase Order Type</label>
									<div>

										<?php
										$data = array('name' => 'POType', 'value' => set_value('POType', SERVICE), 'id' => 'POType',  'class' => 'form-control', 'readonly' => 'true');
										echo form_input($data);
										?>
									</div>
								</div> <!-- 1.2. col-md-3 div closed here -->
								<div class="form-group col-md-3">
									<label>Select Supplier<span class="text-danger">*</span></label>

									<?php

									$options = array("0" => 'Select Supplier');


									if (!empty($Suplist)) {
										foreach ($Suplist as $SID) :
											$options[$SID->SupplierID] = $SID->SupplierID . ' - ' . $SID->SupplierName;
										endforeach;
									}

									echo form_dropdown('drpSupplier', $options, set_value('drpSupplier'), 'id="drpSupplier" required="true" class="form-control select2"');
									?>


								</div> <!-- 1.3. col-md-3 div closed here -->
								<div class="form-group col-md-3">
									<label>Supplier Address</label>
									<div>
										<?php
										$data = array('name' => 'SupAddress', 'value' => set_value('SupAddress'), 'id' => 'SupAddress',  'class' => 'form-control', 'readonly' => 'true', 'rows' => '3', 'cols' => '40');
										echo Form_textarea($data);
										?>
									</div>
								</div> <!-- 1.4. col-md-3 div closed here -->
							</div> <!-- 1. form-row div closed here -->
							<div class="form-row">
								<div class="form-group col-md-3">
									<label>Work Status<span class="text-danger">*</span></label>
									<?php
									$optionsWork = array("0" => 'Select Work Status');
									//print_r(  $options);

									if (!empty($WorkStatus)) {
										foreach ($WorkStatus as $WID) :


											$optionsWork[$WID->StatusCode] =  $WID->StatusName;

										endforeach;
									}

									echo form_dropdown('workstatus', $optionsWork, set_value('workstatus'), 'id="workstatus" required="true" class="form-control select2');


									?>
								</div>
								<div class="form-group col-md-3">
									<b><u>Select Delivery By<span class="text-danger">*</span></u></b><br />
									<div class="centered">
										<?php echo form_label('Date', 'Date') . "&nbsp;&nbsp;" . form_radio(array("name" => "DateRange", "id" => "Date", "value" => "0", 'checked' => set_radio('DateRange', '0', TRUE))); ?>
										<?php echo form_label('Schedule', 'Schedule') . "&nbsp;&nbsp;" . form_radio(array("name" => "DateRange", "id" => "Schedule", "value" => "1", 'checked' => set_radio('DateRange', '1', FALSE))); ?>
									</div>
								</div>
								<div class="form-group col-md-3" id="Deliverydtdiv"> <!-- // $CurrentDate -->
									<label>Delivery Date<span class="text-danger">*</span></label>
									<!-- <input type="text" class="form-control num" data-provide="" data-date-format="dd/mm/yyyy" data-date-autoclose="true" id="Deliverydt" name="Deliverydt" data-date-end-date="<?= date('d/m/Y'); ?>" required autocomplete="off" value="<?= date('d/m/Y'); ?>"> -->
									<input type="text" style="text-align:left;" class="form-control num" data-provide="" data-date-format="dd/mm/yyyy" data-date-autoclose="true" id="Deliverydt" name="Deliverydt" required autocomplete="off" value="<?= date('d-m-Y'); ?>">
								</div>
								<div class="form-group col-md-3" id="Schedulediv" style="display:none;">
									<label>Schedule By<span class="text-danger">*</span></label>
									<?php
									$data = array('name' => 'Scheduleby', 'value' => set_value('Scheduleby'), 'id' => 'Scheduleby',  'class' => 'form-control', 'required' => 'true', 'rows' => '3', 'cols' => '40', 'maxlength' => '110');
									echo Form_textarea($data);
									?>

								</div>

								<div class="form-group col-md-3">
									<label>Delivery Address</label>
									<div>
										<?php
										$data = array('name' => 'DeliveryAddr', 'value' => set_value('DeliveryAddr', $CompanyAddress), 'id' => 'DeliveryAddr',  'class' => 'form-control', 'required' => 'true', 'rows' => '3', 'cols' => '40');
										echo Form_textarea($data);
										?>
									</div>
								</div>
							</div> <!-- 2. form-row div closed here -->
							<div class="form-row">
								<div class="form-group col-md-3">
									<label>Purchase Order Date</label>
									<input style="text-align:left;" type="text" class="form-control num" data-date-format="dd-mm-yyyy" data-date-autoclose="true" id="PODate" name="PODate" required autocomplete="off" value="<?= date('d-m-Y'); ?>">
								</div>
								<div class="form-group col-md-3">
									<label>Mode Of Shipment</label>
									<div>

										<?php
										$data = array('name' => 'addmodeofshipment', 'value' => set_value('addmodeofshipment'), 'id' => 'addmodeofshipment',  'class' => 'form-control');
										echo form_input($data);
										?>
									</div>
								</div>
								<div class="form-group col-md-3">
									<label>Contact Reference</label>
									<div>

										<?php
										$data = array('name' => 'addsupplierreference', 'value' => set_value('addsupplierreference'), 'id' => 'addsupplierreference',  'class' => 'form-control', 'maxlength' => '40');
										echo form_input($data);
										?>
									</div>
								</div>
								<div class="form-group col-md-3">
									<label>Supplier's Offer No</label>
									<div>

										<?php
										$data = array('name' => 'addsupplierofferno', 'value' => set_value('addsupplierofferno'), 'id' => 'addsupplierofferno',  'class' => 'form-control');
										echo form_input($data);
										?>
									</div>

								</div>
							</div> <!-- 3. form-row div closed here -->
							<div class="form-row">
								<div class="form-group col-md-3">
									<label>Our Reference(S)</label>
									<div>

										<?php
										$data = array('name' => 'addotherreference', 'value' => set_value('addotherreference'), 'id' => 'addotherreference',  'class' => 'form-control');
										echo form_input($data);
										?>
									</div>
								</div>
								<div class="form-group col-md-3">
									<label>Service Type Options<span class="text-danger">*</span></label>
									<div>
										<?php
										//$optionsWork = array("0"=>'Select Work Status');     
										$optionsPO = array("0" => 'Select');

										if (!empty($PoTypeOptions)) {
											foreach ($PoTypeOptions as $POpt) :
												$optionsPO[$POpt->ConfigValue] =  $POpt->ConfigValue;
											endforeach;
										}
										echo form_dropdown('PoTypeOptions', $optionsPO, set_value('PoTypeOptions'), 'id="PoTypeOptions" required="true" class="form-control select2');
										?>
									</div>
								</div>
								<div class="form-group col-md-3">
									<label>Payment Terms<span class="text-danger">*</span></label>
									<?php
									if (!empty($Payment)) {
										$options6 = array("0" => 'Select Payment Terms ');
										foreach ($Payment as $pay) :
											$options6[$pay->PaymentID] =  $pay->PaymentTerms;
										endforeach;
									}

									echo form_dropdown('PaymentTerms', $options6, set_value('PaymentTerms'), 'id="PaymentTerms" required="true" class="form-control select2');

									?>
								</div>
								<div class="form-group col-md-3" id="otheroptiondiv" style="display:none;">

									<label>Description of Payable Terms<span class="text-danger">*</span></label>
									<div>
										<?php
										$data = array('name' => 'Otherpayment', 'Otherpayment' => set_value('Otherpayment'), 'id' => 'Otherpayment',  'class' => 'form-control', 'required' => 'true');
										echo form_input($data);
										?>
									</div>

								</div>
							</div> <!-- 4. form-row div closed here -->
							<div class="form-row">
								<div class="form-group col-md-3">
									<label>Insurance Options<span class="text-danger">*</span></label>


									<?php

									$optionsInsurance = array(); // Initialize the options array

									if (!empty($insuranceStatus)) {
										foreach ($insuranceStatus as $INS) {
											$optionsInsurance[$INS['value']] = $INS['name'];
										}
									}

									echo form_dropdown('insuranceStatus', $optionsInsurance, set_value('insuranceStatus'), 'id="insuranceStatus" required="true" class="form-control select2"');


									?>

								</div>
								<div class="form-group col-md-3" id="insuranceTxtDiv" style="display:block;">
									<label>Insurance No / Insurance Details<span class="text-danger">*</span></label>
									<div>
										<?php
										$data = array('name' => 'InsuranceNumber', 'value' => set_value('InsuranceNumber'), 'id' => 'InsuranceNumber',  'class' => 'form-control', 'required' => 'true');
										echo form_input($data);
										?>
									</div>
								</div>
								<div class="form-group col-md-3">
									<label for="BudgetType">Budget Type<span class="text-danger">*</span></label>
									<?php


									$optionsnew = array('0' => 'Select', '1' => 'REVENUE', '2' => 'CAPITAL');
									echo form_dropdown('BudgetType', $optionsnew, set_value('BudgetType'), 'id="BudgetType" required="true"   class="form-control select2');

									?>


								</div>
							</div><!-- 5. form-row div closed here -->
							<div class="form-row">
								<div class="form-group col-md-12 text-right">
									<a data-toggle="modal"><button type="submit" onclick="openModal();" class="btn btn-success" id="abcd">Select Line Item</button> </a>
								</div>
							</div> <!-- 5. form-row div closed here -->
							<div class="form-row">
								<div class="btn-container" style="text-align: right; ">
								</div>
							</div><!-- 6. form-row div closed here -->
							<div class="form-row">
								<div class="table-responsive" style="padding-bottom: 30px;">
									<table id="serviceTax" class="table table-striped table-hover mb-0" style="font-size:12px;">
										<thead>
											<tr>
												<th>SNo</th>
												<th>Requisition No</th>
												<th>Item Code</th>
												<th>Item Name</th>
												<th>Quantity</th>
												<th>UOM</th>
												<th>Rate <?php echo "($INRSYM)" ?></th>
												<th>Basic Amount <?php echo "($INRSYM)" ?></th>
												<th>Tax Amount <?php echo "($INRSYM)" ?></th>
												<th>Total Order Amount <?php echo "($INRSYM)" ?></th>
												<th>Action</th>
											</tr>
										</thead>
										<tbody id='ServiceAppend'>
										</tbody>
									</table><!-- serviceTax table closed here -->
								</div>
							</div><!-- 7. form-row div closed here -->

							
							<br>

							<div class="form-row" style="padding: 0px;">

								<div class="form-group col-md-2">
									<label>Basic Amount <?php echo "($INRSYM)" ?></label>
									<?php
									$data = array('name' => 'txtTotBasicAmount', 'value' => set_value('txtTotBasicAmount'), 'id' => 'txtTotBasicAmount',  'class' => 'form-control num', 'readonly' => 'true');
									echo form_input($data);
									?>
								</div><!-- 7.1.1 col-md-2  div closed here -->
								<div class="form-group col-md-2">
									<label>CGST <?php echo "($INRSYM)" ?></label>
									<?php
									$data = array('name' => 'txtTotCgst', 'value' => set_value('txtTotCgst'), 'id' => 'txtTotCgst',  'class' => 'form-control num', 'readonly' => 'true');
									echo form_input($data);
									?>
								</div><!-- 7.1.2 col-md-2  div closed here -->
								<div class="form-group col-md-2">
									<label>SGST <?php echo "($INRSYM)" ?></label>
									<?php
									$data = array('name' => 'txtTotSgst', 'value' => set_value('txtTotSgst'), 'id' => 'txtTotSgst',  'class' => 'form-control num', 'readonly' => 'true');
									echo form_input($data);
									?>
								</div><!-- 7.1.3 col-md-2  div closed here -->
								<div class="form-group col-md-2">
									<label>IGST <?php echo "($INRSYM)" ?> </label>
									<?php
									$data = array('name' => 'txtTotIgst', 'value' => set_value('txtTotIgst'), 'id' => 'txtTotIgst',  'class' => 'form-control num', 'readonly' => 'true');
									echo form_input($data);
									?>
								</div><!-- 7.1.4 col-md-2  div closed here -->
								<div class="form-group col-md-2">
									<label>Other Allowances <?php echo "($INRSYM)" ?> </label>
									<?php
									$data = array('name' => 'TotalOtherAllowances', 'value' => set_value('TotalOtherAllowances'), 'id' => 'TotalOtherAllowances',  'class' => 'form-control num', 'readonly' => 'true');
									echo form_input($data);
									?>

								</div><!-- 7.1.5 col-md-2  div closed here -->
								<div class="form-group col-md-2">
									<label>Total Order Value <?php echo "($INRSYM)" ?> </label>
									<?php
									$data = array('name' => 'txtTotalOrderValueSummary', 'value' => set_value('txtTotalOrderValueSummary'), 'id' => 'txtTotalOrderValueSummary',  'class' => 'form-control num', 'readonly' => 'true');
									echo form_input($data);
									?>

								</div><!--  col-md-2  div closed here -->
							</div><!-- 8 form-row  div closed here -->

							<br>

							<div class="form-row">
								<div class="form-group col-md-12">
									<label>Description Of Service<span class="text-danger">*</label>

									<?php
									$data = array('name' => 'descofpo', 'value' => set_value('descofpo'), 'id' => 'descofpo',  'class' => 'form-control', 'rows' => '3', 'cols' => '40');
									echo form_textarea($data);
									?>
								</div><!--   div closed here -->
							</div><!-- 9 form-row  div closed here -->

							<br>


							<div class="form-row" style="padding:0px;">
								<div class="form-group col-md-12">
									<label>Scope Of Work</label> <?php
																	$data = array('name' => 'ScopeOfWork', 'value' => set_value('ScopeOfWork'), 'id' => 'ScopeOfWork',  'class' => 'form-control', 'rows' => '10', 'cols' => '40');
																	echo form_textarea($data); ?>
								</div><!--   div closed here -->
							</div><!-- 10 form-row  div closed here -->
							

							<br>

							<div class="form-row">
								<div class="form-group col-md-12">
									<label for="POFile">Select Purchase Order File</label>
								<input type="file" class="d-block" name="POFile" id="POFile"><br>
								</div>
							</div>
							
							
							<div class="form-row">
								<div class="form-group col-md-12">
									<br />
									<div align="right" style="padding-right:10px">
										
										<input type="hidden" name="txtStatus" id="txtStatus" />
										<input type="hidden" name="txtRowCount" id="txtRowCount" />
										<input type="hidden" name="txtDeletedRow" id="txtDeletedRow" />
										<input type="hidden" name="SpcialInstruction" id="SpcialInstruction">
										<input type="hidden" name="txtDeliveryAddress" id="txtDeliveryAddress">
										<input type="hidden" name="Budget" id="Budget" />
										<div class="btn-container" style="text-align: right;">

											<a class="btn btn-success Save" ID="Cancel" onclick="Reset();">&nbsp;&nbsp;<span class="bold">Reset</span></a>
											<a class="btn btn-success Save" ID="Save" onclick="Save(0)">&nbsp;&nbsp;<span class="bold">Save as Draft</span></a>
											<a class="btn btn-success Submit" ID="Submit" onclick="Save(1)">&nbsp;&nbsp;<span class="bold">Submit</span></a>
										</div><!-- 7.4 btn-container  div closed here -->
									</div><br /><!-- 7.4 right  div closed here -->
								</div><!-- 7.4 row  div closed here -->
							</div><!-- 11 form-row  div closed here -->
						</div> <!-- end card body-->
					</div> <!-- end card -->
				</div><!-- end col-->
			</div>
		</div> <!-- container -->
	</div> <!-- content -->
</div>

<div align="center">
	<div id="SERVICE" class="modal fade" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
		<div class="modal-dialog modal-full-width">
			<div class="modal-content" style="width: 1060px;">
				<div class="modal-header">
					<h4 class="modal-title">Add Service Purchase Order Item</h4>
					<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">×</button>
				</div>
				<form>
					<div class="modal-body p-4">

					<div align="left">


					<div class="form-row">
							<div class="form-group col-md-3">
								<label>Req No<span class="badge mandatory">*</span></label>
								<div>
									<?php
									$RL = array("0" => 'Select Req No');
									if (!empty($RequistionDetails)) {
										foreach ($RequistionDetails as $SID) :
											$RL[$SID->ReqNo] =  $SID->ReqNo . ' ' . ' - ' . ' ' . $SID->DepartmentName;
										endforeach;
									}

									echo form_dropdown('ReqNo', $RL, set_value('ReqNo'), 'id="ReqNo" class="form-control"');

									?>
								</div>
							</div>

							<div class="form-group col-md-3">
								<label>Department Name</label>
								<div>
									<?php
									$data = array('name' => 'deptName', 'value' => set_value('deptName'), 'id' => 'deptName',  'class' => 'form-control', 'readonly' => 'true');
									echo form_input($data);
									?>
								</div>
							</div>
							<div class="form-group col-md-3">
								<label>Cost Center Code</label>
								<div>
									<?php
									$data = array('name' => 'CostCenter', 'value' => set_value('CostCenter'), 'id' => 'CostCenter',  'class' => 'form-control', 'readonly' => 'true');
									echo form_input($data);

									?>
								</div>
							</div>
							<div class="form-group col-md-3">
								<label>Avail Budget Amount <?php echo "($INRSYM)" ?></label>
								<div>
									<?php
									$data = array('name' => 'AvlBudAmt', 'value' => set_value('AvlBudAmt'), 'id' => 'AvlBudAmt',  'class' => 'form-control num', 'readonly' => 'true');
									echo form_input($data);
									?>
								</div>
							</div>
						</div><!-- SERVICE.1 closed here -->
						<div class="form-row">
							<div class="form-group col-md-3">
								<label>Item Code<span class="badge mandatory">*</span></label>
								<div>
									<?php
									$options = array("0" => 'Item Code');
									//print_r(  $options);



									echo form_dropdown('MaterialCode', $options, set_value('MaterialCode'), 'id="MaterialCode" class="form-control"');

									?>
								</div>
							</div>
							<div class="form-group col-md-3">
								<label>Item Name</label>
								<div>
									<?php
									$data = array('name' => 'ItemName', 'value' => set_value('ItemName'), 'id' => 'ItemName',  'class' => 'form-control', 'readonly' => 'true');
									echo form_input($data);
									?>
								</div>
							</div>



							<div class="form-group col-md-3" id="otherdescription">
								<label>Item Description</label>
								<div>
									<?php
									$data = array('name' => 'OtheritemDescription', 'value' => set_value('OtheritemDescription'), 'id' => 'OtheritemDescription',  'class' => 'form-control', 'readonly' => 'true');
									echo form_input($data);
									?>
								</div>
							</div>



							<div class="form-group col-md-3">
								<label>UOM</label>
								<div>
									<?php
									$data = array('name' => 'UOM', 'value' => set_value('UOM'), 'id' => 'UOM',  'class' => 'form-control num', 'readonly' => 'true');
									echo form_input($data);
									?>
								</div>
							</div>
							<div class="form-group col-md-3">
								<label>Service Schedule Type</label>
								<div>
									<?php
									$data = array('name' => 'Frequency', 'value' => set_value('Frequency'), 'id' => 'Frequency',  'class' => 'form-control', 'readonly' => 'true');
									echo form_input($data);
									?>
									<input type="hidden" name="FrequencyNo" id="FrequencyNo" value="FrequencyNo" />
								</div>
							</div>


						</div><!-- SERVICE.2 closed here -->
						<div class="form-row">

							<div class="form-group col-md-3">
								<label>Quantity<span class="badge mandatory">*</span></label>
								<div>
									<?php
									$data = array('name' => 'Quantity', 'value' => set_value('Quantity'), 'id' => 'Quantity',  'class' => 'form-control num', 'onkeypress' => 'return isNumberKey(event);', 'onchange' => 'Ratechange()');
									echo form_input($data);
									?>
								</div>
							</div>
							<div class="form-group col-md-3">
								<label><?php echo "Rate ($INRSYM)"; ?><span class="badge mandatory">*</span></label>
								<div>
									<?php
									$data = array('name' => 'Rate', 'value' => set_value('Rate'), 'id' => 'Rate',  'class' => 'form-control num', 'onkeypress' => 'return isNumberKey(event);', 'onchange' => 'Ratechange()');
									echo form_input($data);
									?>
								</div>
							</div>

							<div class="form-group col-md-3">
								<label>Per</label> <?php
													$data = array('name' => 'AddPer', 'value' => set_value('AddPer'), 'id' => 'AddPer',  'class' => 'form-control');
													echo form_input($data); ?>
							</div>
							<div class="form-group col-md-3">
								<label><?php echo "Basic Amount ($INRSYM)"; ?></label>
								<div>
									<?php
									$data = array('name' => 'txtBasicValue', 'value' => set_value('txtBasicValue'), 'id' => 'txtBasicValue',  'class' => 'form-control num', 'readonly' => 'true');
									echo form_input($data);
									?>
								</div>
							</div>


						</div><!-- SERVICE.3 closed here -->
						<div class="form-row">
							<div class="form-group col-md-6" align="right">

								CGST In %
							</div>

							<div class="form-group col-md-3">
								<div>

									<?php
									$data = array('name' => 'Cgst', 'value' => set_value('Cgst', 0), 'id' => 'Cgst',  'class' => 'form-control num', 'placeholder' => 'CGST TAX PERCENTAGE', 'onchange' => 'Ratechange();ChangeSgst();', 'onkeypress' => 'return isNumberKey(event);');
									echo form_input($data);
									?>
								</div>

							</div>
							<div class="form-group col-md-3">
								<div>

									<?php
									$data = array('name' => 'AfterCgst', 'value' => set_value('AfterCgst'), 'id' => 'AfterCgst',  'class' => 'form-control num', 'placeholder' => 'After CGST', 'readonly' => 'true');
									echo form_input($data);
									?>
								</div>

							</div>

						</div><!-- SERVICE.4 closed here -->
						<div class="form-row">
							<div class="form-group col-md-6" align="right">

								SGST In %
							</div>

							<div class="form-group col-md-3">
								<div>

									<?php
									$data = array('name' => 'Sgst', 'value' => set_value('Sgst', 0), 'id' => 'Sgst',  'class' => 'form-control num', 'placeholder' => 'SGST TAX PERCENTAGE', 'onchange' => 'Ratechange()', 'onkeypress' => 'return isNumberKey(event);');
									echo form_input($data);
									?>
								</div>

							</div>
							<div class="form-group col-md-3">
								<div>

									<?php
									$data = array('name' => 'AfterSgst', 'value' => set_value('AfterSgst'), 'id' => 'AfterSgst',  'class' => 'form-control num', 'placeholder' => 'After SGST', 'readonly' => 'true');
									echo form_input($data);
									?>
								</div>

							</div>

						</div><!-- SERVICE.5 closed here -->
						<div class="form-row">
							<div class="form-group col-md-6" align="right">

								IGST In %
							</div>

							<div class="form-group col-md-3">
								<div>

									<?php
									$data = array('name' => 'Igst', 'value' => set_value('Igst', 0), 'id' => 'Igst',  'class' => 'form-control num', 'placeholder' => 'IGST TAX PERCENTAGE', 'onchange' => 'Ratechange()', 'onkeypress' => 'return isNumberKey(event);');
									echo form_input($data);
									?>
								</div>

							</div>
							<div class="form-group col-md-3">
								<div>

									<?php
									$data = array('name' => 'AfterIgst', 'value' => set_value('AfterIgst'), 'id' => 'AfterIgst',  'class' => 'form-control num', 'placeholder' => 'After IGST', 'readonly' => 'true');
									echo form_input($data);
									?>
								</div>

							</div>

						</div><!-- SERVICE.6 closed here -->
						<div class="form-row">
							<div class="form-group col-md-9" align="right">
								<label>Other Allowances <?php echo "($INRSYM)" ?></label>
							</div>
							<div class="form-group col-md-3">
								<div>
									<?php
									$data = array('name' => 'OtherAllowances', 'value' => set_value('OtherAllowances', 0), 'id' => 'OtherAllowances',  'class' => 'form-control num', 'placeholder' => 'Other Allowances', 'onchange' => 'Ratechange()', 'onkeypress' => 'return isNumberKey(event);');
									echo form_input($data);
									?>
								</div>
							</div>
						</div><!-- SERVICE.7 closed here -->
						<div class="form-row">
							<div class="form-group col-md-9" align="right">
								<label><?php echo "Total Order Value ($INRSYM)"; ?></label>
							</div>
							<div class="form-group col-md-3">
								<div>
									<?php
									$data = array('name' => 'TotalOrderValue', 'value' => set_value('TotalOrderValue'), 'id' => 'TotalOrderValue',  'class' => 'form-control num', 'placeholder' => 'Total value', 'readonly' => 'true');
									echo form_input($data);
									?>
								</div>
							</div>
						</div><!-- SERVICE.8 closed here -->


						<div class="form-row">
							<div class="form-group col-md-12">
								<label>Service Description </label>


								<?php
								$data = array('name' => 'txtSpcialInstruction', 'value' => set_value('txtSpcialInstruction'), 'id' => 'txtSpcialInstruction',  'class' => 'form-control', 'rows' => '3', 'cols' => '40');
								echo form_textarea($data); ?>
							</div>
						</div><!-- SERVICE  -->

					</div>


					</div>
					<div class="modal-footer">
						<div class="form-row">
							<a class="btn btn-secondary waves-effect" data-dismiss="modal" value="Cancel" style="margin-right: 10px;">Cancel</a>
							<a class="btn btn-info waves-effect waves-light font AddService" id="AddService"> &nbsp;&nbsp;<span class="bold">Add Service</span></a>
						</div>
					</div><!-- SERVICE modal-footer closed here -->
			</div>
			</form><!-- SERVICE form closed here -->

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

</div><!-- /.modal -->

<div align="center">

	<div id="EDITSERVICE" class="modal fade" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
		<div class="modal-dialog modal-full-width">
			<div class="modal-content " style="width: 1060px;">
				<div class="modal-header">
					<h4 class="modal-title">Edit Service Purchase Order Item</h4>
					<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">×</button>
				</div>
				<form>
					<div align="left">
						<div class="modal-body p-4">
							<div class="form-row">
								<div class="form-group col-md-3">
									<label>Req No<span class="badge mandatory">*</span></label>
									<div>
										<?php

										$data = array('name' => 'EditReqNo', 'value' => set_value('EditReqNo'), 'id' => 'EditReqNo',  'class' => 'form-control', 'readonly' => 'true');
										echo form_input($data);
										?>
									</div>
								</div><!-- EDITSERVICE.1.1 col-md-3 closed here -->
								<div class="form-group col-md-3">
									<label>Department Name</label>
									<div>
										<?php
										$data = array('name' => 'EditdeptName', 'value' => set_value('EditdeptName'), 'id' => 'EditdeptName',  'class' => 'form-control', 'readonly' => 'true');
										echo form_input($data);
										?>
									</div>
								</div><!-- EDITSERVICE.1.2 col-md-3 closed here -->
								<div class="form-group col-md-3">
									<label>Cost Center Code</label>
									<div>
										<?php
										$data = array('name' => 'EditCostCenter', 'value' => set_value('EditCostCenter'), 'id' => 'EditCostCenter',  'class' => 'form-control', 'readonly' => 'true');
										echo form_input($data);
										?>
									</div>
								</div><!-- EDITSERVICE.1.3 col-md-3 closed here -->
								<div class="form-group col-md-3">
									<label>Avail Budget Amount <?php echo "($INRSYM)" ?></label>
									<div>
										<?php
										$data = array('name' => 'EditAvlBudAmt', 'value' => set_value('EditAvlBudAmt'), 'id' => 'EditAvlBudAmt',  'class' => 'form-control num', 'readonly' => 'true');
										echo form_input($data);
										?>
									</div>
								</div><!-- EDITSERVICE.1.4 col-md-3 closed here -->
							</div><!-- EDITSERVICE.1 form-row closed here -->
							<div class="form-row">
								<div class="form-group col-md-3">
									<label>Item Code<span class="badge mandatory" #fff ;">*</span></label>
									<div>
										<?php
										$options = array("0" => 'Item Code');
										//print_r(  $options);

										echo form_dropdown('EditMaterialCode', $options, set_value('EditMaterialCode'), 'id="EditMaterialCode" class="form-control"');

										?>
									</div>
								</div><!-- EDITSERVICE.2.1 col-md-3 closed here -->
								<div class="form-group col-md-3">
									<label>Item Name</label>
									<div>
										<?php
										$data = array('name' => 'EditItemName', 'value' => set_value('EditItemName'), 'id' => 'EditItemName',  'class' => 'form-control', 'readonly' => 'true');
										echo form_input($data);
										?>
									</div>
								</div><!-- EDITSERVICE.2.2 col-md-3 closed here 
								<div class="form-group col-md-3" id=EditotherDescription>
									<label>Item Description</label>
									<div>
										<?php
										$data = array('name' => 'EditOtheritemDescription', 'value' => set_value('EditOtheritemDescription'), 'id' => 'EditOtheritemDescription',  'class' => 'form-control', 'readonly' => 'true');
										echo form_input($data);
										?>
									</div>
								</div> EDITSERVICE.2.3 col-md-3 closed here -->
								<div class="form-group col-md-3">
									<label>UOM</label>
									<div>
										<?php
										$data = array('name' => 'EditUOM', 'value' => set_value('EditUOM'), 'id' => 'EditUOM',  'class' => 'form-control num', 'readonly' => 'true');
										echo form_input($data);
										?>
									</div>
								</div><!-- EDITSERVICE.2.4 col-md-3 closed here -->
								<div class="form-group col-md-3">
									<label>Service Schedule Type</label>
									<div>
										<?php
										$data = array('name' => 'EditFrequency', 'value' => set_value('EditFrequency'), 'id' => 'EditFrequency',  'class' => 'form-control', 'readonly' => 'true');
										echo form_input($data);
										?>
										<input type="hidden" name="EditFrequencyNo" id="EditFrequencyNo" value="EditFrequencyNo" />
									</div>
								</div><!-- EDITSERVICE.2.5 col-md-3 closed here -->
							</div><!-- EDITSERVICE.2 form-row closed here -->
							<div class="form-row">
								<div class="form-group col-md-3">
									<label>Quantity<span class="badge mandatory">*</span></label>
									<div>
										<?php
										$data = array('name' => 'EditQuantity', 'value' => set_value('EditQuantity'), 'id' => 'EditQuantity',  'class' => 'form-control num', 'onkeypress' => 'return isNumberKey(event);', 'onchange' => 'EditRatechange()');
										echo form_input($data);
										?>
									</div>
								</div><!-- EDITSERVICE.3.1 col-md-3 closed here -->
								<div class="form-group col-md-3">
									<label><?php echo "Rate ($INRSYM)"; ?><span class="badge mandatory">*</span></label>
									<div>
										<?php
										$data = array('name' => 'EditRate', 'value' => set_value('EditRate'), 'id' => 'EditRate',  'class' => 'form-control num', 'onkeypress' => 'return isNumberKey(event);', 'onchange' => 'EditRatechange()');
										echo form_input($data);
										?>
									</div>
								</div><!-- EDITSERVICE.3.2 col-md-3 closed here -->
								<div class="form-group col-md-3">
									<label>Per</label><!--date should be come-->
									<?php
									$data = array('name' => 'EditPer', 'value' => set_value('EditPer'), 'id' => 'EditPer',  'class' => 'form-control');
									echo form_input($data); ?>
								</div><!-- EDITSERVICE.3.3 col-md-3 closed here -->
								<div class="form-group col-md-3">
									<label><?php echo "Basic Amount ($INRSYM)"; ?></label>
									<div>
										<?php
										$data = array('name' => 'txtEditBasicValue', 'value' => set_value('txtEditBasicValue'), 'id' => 'txtEditBasicValue',  'class' => 'form-control num', 'readonly' => 'true');
										echo form_input($data);
										?>
									</div>
								</div><!-- EDITSERVICE.3.4 col-md-3 closed here -->
							</div><!-- EDITSERVICE.3 form-row closed here -->

							<div class="form-row">
								<div class="form-group col-md-6" align="right">
									CGST In %
								</div><!-- EDITSERVICE.4.1 col-md-6 closed here -->
								<div class="form-group col-md-3">
									<div>

										<?php
										$data = array('name' => 'EditCgst', 'value' => set_value('EditCgst'), 'id' => 'EditCgst',  'class' => 'form-control num', 'placeholder' => 'CGST TAX PERCENTAGE', 'onchange' => 'EditRatechange();ChangeEditSgst();', 'onkeypress' => 'return isNumberKey(event);');
										echo form_input($data);
										?>
									</div>

								</div><!-- EDITSERVICE.4.2 col-md-3 closed here -->
								<div class="form-group col-md-3">
									<div>

										<?php
										$data = array('name' => 'EditAfterCgst', 'value' => set_value('EditAfterCgst'), 'id' => 'EditAfterCgst',  'class' => 'form-control num', 'placeholder' => 'After CGST', 'readonly' => 'true');
										echo form_input($data);
										?>
									</div>

								</div><!-- EDITSERVICE.4.3 col-md-3 closed here -->
							</div><!-- EDITSERVICE.4 form-row closed here -->
							<div class="form-row">
								<div class="form-group col-md-6" align="right">
									SGST In %
								</div><!-- EDITSERVICE.5.1 col-md-6 closed here -->

								<div class="form-group col-md-3">
									<div>

										<?php
										$data = array('name' => 'EditSgst', 'value' => set_value('EditSgst'), 'id' => 'EditSgst',  'class' => 'form-control num', 'placeholder' => 'SGST TAX PERCENTAGE', 'onchange' => 'EditRatechange()', 'onkeypress' => 'return isNumberKey(event);');
										echo form_input($data);
										?>
									</div>

								</div><!-- EDITSERVICE.5.2 col-md-3 closed here -->
								<div class="form-group col-md-3">
									<div>

										<?php
										$data = array('name' => 'EditAfterSgst', 'value' => set_value('EditAfterSgst'), 'id' => 'EditAfterSgst',  'class' => 'form-control num', 'placeholder' => 'After SGST', 'readonly' => 'true');
										echo form_input($data);
										?>
									</div>

								</div><!-- EDITSERVICE.5.3 col-md-3 closed here -->

							</div><!-- EDITSERVICE.5 form-row closed here -->

							<div class="form-row">
								<div class="form-group col-md-6" align="right">

									IGST In %
								</div><!-- EDITSERVICE.6.1 col-md-6 closed here -->

								<div class="form-group col-md-3">
									<div>

										<?php
										$data = array('name' => 'EditIgst', 'value' => set_value('EditIgst'), 'id' => 'EditIgst',  'class' => 'form-control num', 'placeholder' => 'IGST TAX PERCENTAGE', 'onchange' => 'EditRatechange()', 'onkeypress' => 'return isNumberKey(event);');
										echo form_input($data);
										?>
									</div>

								</div><!-- EDITSERVICE.6.2 col-md-3 closed here -->
								<div class="form-group col-md-3">
									<div>

										<?php
										$data = array('name' => 'EditAfterIgst', 'value' => set_value('EditAfterIgst'), 'id' => 'EditAfterIgst',  'class' => 'form-control num', 'placeholder' => 'After IGST', 'readonly' => 'true');
										echo form_input($data);
										?>
									</div>

								</div><!-- EDITSERVICE.6.3 col-md-3 closed here -->

							</div><!-- EDITSERVICE.6 form-row closed here -->
							<div class="form-row">
								<div class="col-md-5 col-md-offset-4" align="right">
									<label>Other Allowances <?php echo "($INRSYM)" ?></label>
								</div><!-- EDITSERVICE.7.1 col-md-5 col-md-offset-4 closed here -->
								<div class="form-group col-md-3">
									<div>
										<?php
										$data = array('name' => 'EditOtherAllowances', 'value' => set_value('EditOtherAllowances', 0), 'id' => 'EditOtherAllowances',  'class' => 'form-control num', 'placeholder' => 'Other Allowances', 'onchange' => 'EditRatechange()', 'onkeypress' => 'return isNumberKey(event);');
										echo form_input($data);
										?>
									</div>
								</div><!-- EDITSERVICE.7.2 col-md-3 closed here -->
							</div><!-- EDITSERVICE.7 form-row closed here -->
							<div class="form-row">
								<div class="col-md-5 col-md-offset-4" align="right">
									<label><?php echo "Total Order Value ($INRSYM)"; ?></label>
								</div>
								<div class="form-group col-md-3">
									<div>
										<?php
										$data = array('name' => 'EditTotalOrderValue', 'value' => set_value('EditTotalOrderValue'), 'id' => 'EditTotalOrderValue',  'class' => 'form-control num', 'placeholder' => 'Total value', 'readonly' => 'true');
										echo form_input($data);
										?>
									</div>
								</div>
							</div><!-- EDITSERVICE.8 form-row closed here -->

							<div class="form-row">
								<div class="form-group col-md-12">
									<label>Service Description </label>
									<?php
									$data = array('name' => 'EdittxtSpcialInstruction', 'value' => set_value('EdittxtSpcialInstruction'), 'id' => 'EdittxtSpcialInstruction',  'class' => 'form-control', 'rows' => '3', 'cols' => '40');
									echo form_textarea($data); ?>
								</div>
							</div><!-- EDITSERVICE.9 form-row closed here -->

						</div>
					</div>
					
					<div class="modal-footer">
						<div class="form-row">
							<a class="btn btn-success" data-dismiss="modal" value="Cancel">Cancel</a>
							<a class="btn btn-success font EditService" ID="Edit">&nbsp;&nbsp;<span class="bold">Update Service</span></a>
						</div>
					</div><!-- EDITSERVICE modal-footer closed here -->
				</form><!-- EDITSERVICE form closed here -->

			</div>
		</div>
	</div><!-- /.modal -->


</div>


<!-- <script type="text/html" id="ServiceList">
	<tr id="<%=index%>">
		<td align="left"><%=index%></td>
		<td align="left"><%=ReqNo%></td>
		<td align="left"><%=MaterialCode%></td>
		<td align="left"><%=MaterialName%></td>
		<td align="left"><%=Quantity%></td>
		<td align="left"><%=UOM%></td>
		<td align="left"><%=Rate%></td>
		<td align="left"><%=BasicAmount%></td>
		<td align="left"><%=Taxvalue%></td>
		<td align="left"><%=TotalValue%></td>

		<td>
			<a data-target='#EDITSERVICE' data-id="<%=index%>" data-userid="<%=index%>" data-toggle="modal" href="#EDITSERVICE"><i class="fa fa-pencil" data-toggle="tooltip" title="Click here to view/Edit the  <%=ReqNo%> Requisition details"></i>&nbsp;&nbsp;&nbsp;</a> <a href='#' onclick="DeleteRow(<%=index%>)" class="link" data-id="<%=index%>" data-userid="<%=index%>" id="Del"><span class="ri-delete-bin-7-fill"></span></a>


		</td>
	</tr>
</script> -->
<script>
	$('#otherdescription').hide();
	var index = '1';
	var userid = '';


	$("#BudgetType").change(function() {

		var aa = $("#BudgetType option:selected").text();

		$('#Budget').val(aa);


	});





	$("#EDITSERVICE").on("shown.bs.modal", function(e) {

		console.log("Worng");
		userid = $(e.relatedTarget).data('userid');

		var tr = document.getElementById(userid);

		var cellval = tr.cells;
		//alert(userid)
		var id = $('#Reqnumber' + userid).val();

		$('#EditReqNo').val($('#Reqnumber' + userid).val());
		$('#EditdeptName').val($('#departmentName' + userid).val());
		$("#EditCostCenter").val($('#costCode' + userid).val());
		$('#EditAvlBudAmt').val($('#AvilBudget' + userid).val());

		$('#EditItemName').val($('#materialName' + userid).val());
		$('#EditUOM').val($('#uom' + userid).val());
		$('#EditPer').val($('#per' + userid).val());
		$('#EditQuantity').val($('#quantity' + userid).val());
		RequistQuantity = $('#quantity' + userid).val();
		$('#EditRate').val($('#itemRate' + userid).val());
		$('#txtEditBasicValue').val(cellval[7].innerHTML);
		$('#EditCgst').val($('#Cgst' + userid).val());
		$('#EditAfterCgst').val($('#AfterCgst' + userid).val());
		$('#EditSgst').val($('#Sgst' + userid).val());
		$('#EditAfterSgst').val($('#AfterSgst' + userid).val());
		$('#EditIgst').val($('#Igst' + userid).val());
		$('#EditAfterIgst').val($('#AfterIgst' + userid).val());

		if ($('#FrequencyValue' + userid).val() == 1) {
			$('#EditFrequency').val($('#Frequency' + userid).val());
			$("#EditFrequencyNo").val(1);
		} else {


			$('#EditFrequency').val($('#Frequency' + userid).val());
			$("#EditFrequencyNo").val($('#FrequencyValue' + userid).val());
		}

		$('#EditTotalOrderValue').val(cellval[9].innerHTML);
		$('#EditOtherAllowances').val($('#OtherAmt' + userid).val());

		$('#EditOtheritemDescription').val($('#OtherServiceDescription' + userid).val());


		var desval = $('#OtherServiceDescription' + userid).val();
		//alert(desval)
		if (desval == '') {
			$('#EditotherDescription').hide();
		} else {
			$('#EditotherDescription').show();
		}


		tinyMCE.get('EdittxtSpcialInstruction').setContent($('#ItemDescription' + userid).val());
		//$('#EdittxtSpcialInstruction').val($('#ItemDescription'+userid).val());

		$("#EditMaterialCode").empty();
		var Material = <?php echo json_encode($MaterialList, JSON_PRETTY_PRINT) ?>;
		// For Binding Material list center for the selected Requistion Number	
		$("#EditMaterialCode").append($('<option></option>').val($('#materialCode' + userid).val()).html($('#materialCode' + userid).val() + "-" + $('#materialName' + userid).val()));
		var isAdded = "0";
		for (i = 0; i < Material.length; i++) {
			$.each(Material[i], function(idx, obj) {

				if (obj.ReqNo === id) {

					$.each(SelectedMaterialList.Mat, function(idx1, el) {
						if (id == el.ReqNo) {

							if (el.materialCode == obj.MaterialCode) {

								isAdded = "1";
								return false;
							} else {
								isAdded = "0";
							}

						}


					});


					if (isAdded == "0") {

						$("#EditMaterialCode").append($('<option></option>').val(obj.MaterialCode).html(obj.MaterialCode + "-" + obj.MaterialName));
					}

				}


			});
		}

	});

	$('.AddService').click(function() {

		tinyMCE.triggerSave();
		if (validateServiceTax()) {
			// alert('inside Addservice');
			var temp = index;
			var Reqnumber = $('#ReqNo').val();
			var departmentName = $('#deptName').val();
			var AvilBudget = $('#AvlBudAmt').val();
			var costCode = $('#CostCenter').val();
			var materialCode = $('#MaterialCode').val();

			var materialName = $("#ItemName").val();
			var uom = $("#UOM").val();
			var addPer = '';
			if ($("#AddPer").val().trim() == '') {
				addPer = $("#UOM").val();
			} else {
				addPer = $("#AddPer").val();
			}
			var quantity = $("#Quantity").val();
			RequistQuantity = $('#quantity' + userid).val();
			var itemRate = parseFloat($("#Rate").val()).toFixed(2)
			var ServiceDescription = $('#txtSpcialInstruction').val();
			var OtherAmt = $('#OtherAllowances').val();
			var Cgst = $("#Cgst").val();
			var AfterCgst = $("#AfterCgst").val();
			var Sgst = $("#Sgst").val();
			var AfterSgst = $("#AfterSgst").val();
			var Igst = $("#Igst").val();
			var AfterIgst = $("#AfterIgst").val();
			var FrequencyValue = $("#FrequencyNo").val();

			var Frequency = $("#Frequency").val();

			var TotalOrderValue = $("#TotalOrderValue ").val();


			var basicval = $("#txtBasicValue").val();

			var otherdescription = $('#OtheritemDescription').val();



			var TotalTaxValue = calculateTaxValue();

			$('#MaterialCode option[value=' + materialCode + ']').remove();

			SelectedMaterialCode[CollIndex] = materialCode;
			CollIndex = CollIndex + 1;

			SelectedMaterialList.Mat.push({
				"materialCode": materialCode,
				"ReqNo": Reqnumber,

			});

			populateValueMainFormForServiceTax();


			index = parseInt(index) + 1;

			// var template = jQuery("#ServiceList").html();

			// $('#ServiceAppend').append(_.template(template, {
			// 	index: temp,
			// 	ReqNo: Reqnumber,
			// 	MaterialCode: materialCode,
			// 	MaterialName: materialName,
			// 	Quantity: quantity,
			// 	UOM: uom,
			// 	Rate: itemRate,
			// 	BasicAmount: basicval,
			// 	Taxvalue: TotalTaxValue,
			// 	TotalValue: TotalOrderValue
			// }));

			var rowHtml = `
				<tr id="${temp}">
					<td align="left">${temp}</td>
					<td align="left">${Reqnumber}</td>
					<td align="left">${materialCode}</td>
					<td align="left">${materialName}</td>
					<td align="left">${quantity}</td>
					<td align="left">${uom}</td>
					<td align="left">${itemRate}</td>
					<td align="left">${basicval}</td>
					<td align="left">${TotalTaxValue}</td>
					<td align="left">${TotalOrderValue}</td>
					<td>
						<a data-target='#EDITSERVICE' data-id="${temp}" data-userid="${temp}" data-toggle="modal" href="#EDITSERVICE">
							<i class="ri-pencil-fill" data-toggle="tooltip"></i>
						</a> 
						&nbsp;&nbsp;&nbsp;
						<a href='#' onclick="DeleteRow(${temp})" class="link" data-id="${temp}" data-userid="${temp}" id="Del">
							<span class="ri-delete-bin-7-fill"></span>
						</a>
					</td>
				</tr>
			`;

			// Append the generated HTML to your table body
			$('#ServiceAppend').append(rowHtml);




			var theForm = $(".ServicePO");

			addHidden(theForm, "Reqnumber" + temp, Reqnumber);
			addHidden(theForm, "departmentName" + temp, departmentName);
			addHidden(theForm, "AvilBudget" + temp, AvilBudget);
			addHidden(theForm, "costCode" + temp, costCode);
			addHidden(theForm, "materialCode" + temp, materialCode);
			addHidden(theForm, "materialName" + temp, materialName);
			addHidden(theForm, "uom" + temp, uom);
			addHidden(theForm, "per" + temp, addPer);
			addHidden(theForm, "quantity" + temp, quantity);
			addHidden(theForm, "itemRate" + temp, itemRate);

			addHidden(theForm, "Cgst" + temp, Cgst);
			addHidden(theForm, "AfterCgst" + temp, AfterCgst);
			addHidden(theForm, "Sgst" + temp, Sgst);
			addHidden(theForm, "AfterSgst" + temp, AfterSgst);
			addHidden(theForm, "Igst" + temp, Igst);
			addHidden(theForm, "AfterIgst" + temp, AfterIgst);
			addHidden(theForm, "Frequency" + temp, Frequency);
			addHidden(theForm, "FrequencyValue" + temp, FrequencyValue);
			addHidden(theForm, "TotalOrderValue" + temp, TotalOrderValue);
			addHidden(theForm, "ItemDescription" + temp, ServiceDescription);
			addHidden(theForm, "OtherAmt" + temp, OtherAmt);

			addHidden(theForm, "OtherServiceDescription" + temp, otherdescription);


			$('#txtRowCount').val(temp);
			clearServiceModalFields();

			$('#otherdescription').hide();
			$('#SERVICE').modal('hide');
		}

	});


	function addHidden(theForm, key, value) {
		// Create a hidden input element, and append it to the form:
		var input = document.createElement('input');
		input.type = 'hidden';
		input.name = key;
		'name-as-seen-at-the-server';
		input.id = key;
		'name-as-seen-at-the-server';
		input.value = value;
		theForm.append(input);
	}

	function populateValueMainFormForServiceTax() {
		var AfterCgst = $('#AfterCgst').val() == '' ? '0.00' : $('#AfterCgst').val();
		var AfterSgst = $('#AfterSgst').val() == '' ? '0.00' : $('#AfterSgst').val();
		var AfterIgst = $('#AfterIgst').val() == '' ? '0.00' : $('#AfterIgst').val();
		var OtherAmt = $('#OtherAllowances').val() == '' ? '0.00' : $('#OtherAllowances').val();
		var TotalVal = $('#TotalOrderValue ').val() == '' ? '0.00' : $('#TotalOrderValue').val();

		var BasicVal = $('#txtBasicValue').val() == '' ? '0.00' : $('#txtBasicValue').val();


		var TotalOrderValueSummary = $('#txtTotalOrderValueSummary').val() == '' ? '0.00' : $('#txtTotalOrderValueSummary').val();

		var totBasicAmt = $('#txtTotBasicAmount').val() == '' ? '0.00' : $('#txtTotBasicAmount').val();
		var TotalCgst = $('#txtTotCgst').val() == '' ? '0.00' : $('#txtTotCgst').val();
		var TotSgst = $('#txtTotSgst').val() == '' ? '0.00' : $('#txtTotSgst').val();
		var TotalIgst = $('#txtTotIgst').val() == '' ? '0.00' : $('#txtTotIgst').val();
		var TotalAllowance = $('#TotalOtherAllowances').val() == '' ? '0.00' : $('#TotalOtherAllowances').val();
		$('#txtTotBasicAmount').val((parseFloat(totBasicAmt) + parseFloat(BasicVal)).toFixed(2));
		$('#txtTotCgst').val((parseFloat(TotalCgst) + parseFloat(AfterCgst)).toFixed(2));
		$('#txtTotSgst').val((parseFloat(TotSgst) + parseFloat(AfterSgst)).toFixed(2));
		$('#txtTotIgst').val((parseFloat(TotalIgst) + parseFloat(AfterIgst)).toFixed(2));
		$('#TotalOtherAllowances').val((parseFloat(TotalAllowance) + parseFloat(OtherAmt)).toFixed(2));

		$('#txtTotalOrderValueSummary').val((parseFloat(TotalOrderValueSummary) + parseFloat(TotalVal)).toFixed(2));

	}

	function populateValueMainFormForEditServiceTax() {

		var rows = document.getElementById('serviceTax').rows.length;

		var TotCgst = 0;
		var TotSgst = 0;
		var TotIgst = 0;
		var TotOther = 0;
		var TotSummary = 0;
		var TotBasicAmout = 0;
		var i = 0;
		do {
			i += 1;
			var tr = document.getElementById(i);
			//alert(tr);
			if (tr != null) {
				cells = tr.getElementsByTagName('td');


				var rowid = cells[0].innerHTML;

				var AfterCgst = $('#AfterCgst' + rowid).val() == '' ? '0.00' : $('#AfterCgst' + rowid).val();
				var AfterSgst = $('#AfterSgst' + rowid).val() == '' ? '0.00' : $('#AfterSgst' + rowid).val();
				var AfterIgst = $('#AfterIgst' + rowid).val() == '' ? '0.00' : $('#AfterIgst' + rowid).val();
				var OtherAmt = $('#OtherAmt' + rowid).val() == '' ? '0.00' : $('#OtherAmt' + rowid).val();
				var TotalVal = $('#TotalOrderValue' + rowid).val() == '' ? '0.00' : $('#TotalOrderValue' + rowid).val();

				var Quantity = $('#quantity' + rowid).val() == '' ? '0.00' : $('#quantity' + rowid).val();
				var ItemRate = $('#itemRate' + rowid).val() == '' ? '0.00' : $('#itemRate' + rowid).val();
				var FrequencyValue = $('#FrequencyValue' + rowid).val() == '' ? '1.00' : $('#FrequencyValue' + rowid).val();
				var BasicVal = parseFloat(Quantity) * parseFloat(ItemRate) * parseFloat(FrequencyValue);

				TotCgst = parseFloat(TotCgst) + parseFloat(AfterCgst);
				TotSgst = parseFloat(TotSgst) + parseFloat(AfterSgst);
				TotIgst = parseFloat(TotIgst) + parseFloat(AfterIgst);
				TotOther = parseFloat(TotOther) + parseFloat(OtherAmt);
				TotSummary = parseFloat(TotSummary) + parseFloat(TotalVal);
				TotBasicAmout = parseFloat(TotBasicAmout) + parseFloat(BasicVal);

			}


		} while (i < rows);

		$('#txtTotBasicAmount').val(parseFloat(TotBasicAmout).toFixed(2));
		$('#txtTotCgst').val(parseFloat(TotCgst).toFixed(2));
		$('#txtTotSgst').val(parseFloat(TotSgst).toFixed(2));
		$('#txtTotIgst').val(parseFloat(TotIgst).toFixed(2));
		$('#TotalOtherAllowances').val(parseFloat(TotOther).toFixed(2));
		$('#txtTotalOrderValueSummary').val(parseFloat(TotSummary).toFixed(2));

	}

	function calculateEditTaxValue() {
		var Cgst = parseFloat($('#EditAfterCgst').val());
		var Sgst = parseFloat($('#EditAfterSgst').val());
		var Igst = parseFloat($('#EditAfterIgst').val());


		var TottaxAmt = Cgst + Sgst + Igst;
		return parseFloat(TottaxAmt).toFixed(2);
	}

	function clearServiceModalFields() {
		// To reset the Modal controls
		$('#ReqNo').val('0');
		$('#deptName').val('');
		$('#CostCenter').val("0");
		$('#AvlBudAmt').val('');
		$('#MaterialCode').val("0");
		$("#ItemName").val('');
		$('#UOM').val('');
		$('#AddPer').val('');
		$('#Quantity').val('');
		$("#Rate").val('');

		$("#txtBasicValue").val('');
		$("#AfterCgst").val(0);
		$("#AfterSgst").val(0);
		$("#AfterIgst").val(0);
		$("#Cgst").val(0);
		$("#Sgst").val(0);
		$("#Igst").val(0);
		$("#TotalOrderValue").val('');
		$("#OtherAllowances").val(0);
		tinyMCE.get('txtSpcialInstruction').setContent('');
		$("#Frequency").val('');
		$("#OtheritemDescription").val('');
	}

	function DeleteRow(rowid) {
		var DelRows = $('#txtDeletedRow').val();

		var answer = confirm(" Do you want to delete the Item from the List?")
		if (answer) {
			var td = document.getElementById(rowid);
			td.parentNode.removeChild(td);

			var removeItem = $('#materialCode' + rowid).val();



			SelectedMaterialCode.splice(SelectedMaterialCode.indexOf('removeItem'), 1);
			$.each(SelectedMaterialList.Mat, function(i, el) {

				if (this.materialCode == removeItem) { //Type = '';
					SelectedMaterialList.Mat.splice(i, 1);
				}
			});

			if (DelRows != '') {
				DelRows = DelRows + ":" + rowid;
			} else {
				DelRows = "0" + ":" + rowid;
			}
			$('#txtDeletedRow').val(DelRows);
			populateValueMainFormForDeleteItem(rowid);
		}

	}

	function populateValueMainFormForDeleteItem(rowid) {


		// alert(rows);
		var TotCgst = $('#txtTotCgst').val();
		var TotSgst = $('#txtTotSgst').val();
		var TotIgst = $('#txtTotIgst').val();
		var TotOtherAmt = $('#TotalOtherAllowances').val();
		var TotSummary = $('#txtTotalOrderValueSummary').val();
		var TotBasicAmout = $('#txtTotBasicAmount').val();



		var AfterCgst = $('#AfterCgst' + rowid).val() == '' ? '0.00' : $('#AfterCgst' + rowid).val();
		var AfterSgst = $('#AfterSgst' + rowid).val() == '' ? '0.00' : $('#AfterSgst' + rowid).val();
		var AfterIgst = $('#AfterIgst' + rowid).val() == '' ? '0.00' : $('#AfterIgst' + rowid).val();
		var OtherAmt = $('#OtherAmt' + rowid).val() == '' ? '0.00' : $('#OtherAmt' + rowid).val();
		var TotalVal = $('#TotalOrderValue' + rowid).val() == '' ? '0.00' : $('#TotalOrderValue' + rowid).val();

		var Quantity = $('#quantity' + rowid).val() == '' ? '0.00' : $('#quantity' + rowid).val();
		var ItemRate = $('#itemRate' + rowid).val() == '' ? '0.00' : $('#itemRate' + rowid).val();
		var FrequencyValue = $('#FrequencyValue' + rowid).val() == '' ? '1.00' : $('#FrequencyValue' + rowid).val();
		var BasicVal = parseFloat(Quantity) * parseFloat(ItemRate) * parseFloat(FrequencyValue);
		//alert(TotalVal);

		TotCgst = parseFloat(TotCgst) - parseFloat(AfterCgst);
		TotSgst = parseFloat(TotSgst) - parseFloat(AfterSgst);
		TotIgst = parseFloat(TotIgst) - parseFloat(AfterIgst);
		TotOtherAmt = parseFloat(TotOtherAmt) - parseFloat(OtherAmt);
		TotSummary = parseFloat(TotSummary) - parseFloat(TotalVal);
		TotBasicAmout = parseFloat(TotBasicAmout) - parseFloat(BasicVal);


		$('#txtTotBasicAmount').val(parseFloat(TotBasicAmout).toFixed(2));
		$('#txtTotCgst').val(parseFloat(TotCgst).toFixed(2));
		$('#txtTotSgst').val(parseFloat(TotSgst).toFixed(2));
		$('#txtTotIgst').val(parseFloat(TotIgst).toFixed(2));
		$('#TotalOtherAllowances').val(parseFloat(TotOtherAmt).toFixed(2));

		$('#txtTotalOrderValueSummary').val(parseFloat(TotSummary).toFixed(2));



	}

	function validateServiceTax() {

		if ($('#ReqNo').val() == "0") {
			alert('Please select the Requisition Number');
			$('#ReqNo').focus();
			return false;
		} else if ($('#CostCenter').val() == "0") {
			alert('Please select the Cost center');
			$('#CostCenter').focus();
			return false;
		} else if ($('#MaterialCode').val() == "0") {
			alert('Please select the Material Code');
			$('#MaterialCode').focus();
			return false;
		} else if ($('#Quantity').val() == '') {
			alert('Please Enter the Quantity value');
			$('#Quantity').focus();
			return false;
		} else if ($('#Quantity').val() == 0) {
			alert('Please Enter the Valid Quantity Value');
			$('#Quantity').focus();
			return false;
		} else if ($('#Rate').val() == '') {
			alert('Please Enter the Rate of the Item');
			$('#Rate').focus();
			return false;
		} else if ($('#Rate').val() == 0) {
			alert('Please Enter the Valid Rate of the Item');
			$('#Rate').focus();
			return false;
		} else if (ExceedQuantityCheck() == false) {
			return false;
		} else if (ExceedBudget($('#txtBasicValue').val(), $('#AvlBudAmt').val()) == false) {
			$('#Rate').focus();
			return false;
		} else {
			return true;
		}

	}

	function validateEditServiceTax() {

		if ($('#EditCostCenter').val() == "0") {
			alert('Please select the Cost center');
			$('#EditCostCenter').focus();
			return false;
		} else if ($('#EditMaterialCode').val() == "0") {
			alert('Please select the Material Code');
			$('#EditMaterialCode').focus();
			return false;
		} else if ($('#EditQuantity').val() == '') {
			alert('Please Enter the Quantity value');
			$('#EditQuantity').focus();
			return false;
		} else if ($('#EditQuantity').val() == 0) {
			alert('Please Enter the Valid Quantity value');
			$('#EditQuantity').focus();
			return false;
		} else if ($('#EditRate').val() == 0) {
			alert('Please Enter the Valid Rate of the Item');
			$('#EditRate').focus();
			return false;
		} else if ($('#EditRate').val() == '') {
			alert('Please Enter the Rate of the Item');
			$('#EditRate').focus();
			return false;
		} else if (EditExceedQuantityCheck() == false) {
			return false;
		} else if (ExceedBudget($('#txtEditBasicValue').val(), $('#EditAvlBudAmt').val()) == false) {
			$('#EditRate').focus();
			return false;
		} else {
			return true;
		}

	}
	// this function is used to clear data changing schedule option
	$('#Scheduleby').change(function() {

		// $("#Deliverydt").datepicker({
		// 	minDate: 'now',
		// 	dateFormat: 'mm/dd/yy',
		// });
		$("#Deliverydt").datepicker({
			format: 'dd-mm-yyyy',
			startDate: new Date(),
			yearRange: '0:+10',
			changeMonth: true,
			changeYear: true,
			clearBtn: true
		});

	});
	$('#Deliverydt').change(function() {


		$('#Scheduleby').val('');

	});
	//
</script>
<script>
	function Save(status) {
		if (status == '0') {
			stat = '<?php echo PO_DRAFT; ?>';
		} else {
			stat = '<?php echo PO_CREATED; ?>';
			// stat = '<?php echo PO_RELEASED; ?>';
		}
		tinyMCE.triggerSave();
		var splinstr = $('#ScopeOfWork').val();
		$('#ScopeOfWork').val(splinstr);
		var deladd = $('#DeliveryAddr').val();

		$('#txtDeliveryAddress').val(deladd);
		$('#txtStatus').val(stat);
		var AvlBudAmt = '<?php echo $AvlAmount ?>';
		var txtTotalOrderValueSummary = $('#txtTotBasicAmount').val();
		if (validate()) {
			if (document.getElementById('serviceTax').rows.length < 2) {
				alert('Please Select Line item to Create PO');
				$('#Deliverydt').focus();
				return false;
			}
			//          else if(parseInt(AvlBudAmt) < parseInt(txtTotalOrderValueSummary)) {
			// alert('Total Order Amount is exceeding the Budget Limit.Please adjust the product value.');

			//        return false;
			//     }
			else if ($('#Otherpayment').val() == '' && $('#PaymentTerms').val() == 'PT08') {
				alert('Please Enter Other Payable Terms Description');
				$('#Otherpayment').focus();
				return false;
			} else if ($('#descofpo').val().trim() == '') {
				alert('Please Enter Description Of Service');
				$('#descofpo').focus();
				return false;
			} else if ($('#PoTypeOptions').val() == "0") {
				alert('Please Select POType');
				$('#PoTypeOptions').focus();
				return false;

			} else {
				var formData = new FormData($('.ServicePO')[0]);

				console.log("inside add service purchase order view page");

				console.log(formData);

				$.ajax({
					// data: $('.ServicePO').serialize(),
					type: "POST",
					url: "<?php echo base_url() ?>servicepurchaseorder/addNewServicePurchaseOrder",
					data: formData,
					processData: false,
					contentType: false,
					success: function(data) {
						if (data) {
							alert(data);
							$('#txtRowCount').val('');
							$('#txtDeletedRow').val('');
							$('#SpcialInstruction').val('');
							$('#txtDeliveryAddress').val('');
							window.location = "purchaseorderListing";

						} else {
							alert("Error");
						}

					}

				});
			}

		}
	}


	var Detail = <?php echo json_encode($Payment, JSON_PRETTY_PRINT) ?>;
	//console.log(Detail);

	$.each(Detail, function(index, value) {
		// $("#PaymentTerms").append( $('<option></option>').val(value.ConfigValue).html(value.ConfigValue) );



	});


	function openModal() {
		if (vaildateBeforeOpenModal()) {
			$('#SERVICE').modal('show');
		}
	}

	function vaildateBeforeOpenModal() {
		var radioValue = $("input[name='DateRange']:checked").val();
		if ($('#PODate').val() == '') {
			alert('Please Enter the Purchase Order date');
			$('#PODate').focus();
			return false;
		} else if ($('#drpSupplier').val() == "0") {
			alert('Please Select the Supplier details');
			$('#drpSupplier').focus();
			return false;
		} else if ($('#DeliveryAddr').val() == '') {
			alert('Please Enter the Delivery Address');
			$('#DeliveryAddr').focus();
			return false;
		} else if (radioValue == 0 && $('#Deliverydate').val() == '') {
			alert('Please Select the Delivery Date');
			$('#Deliverydate').focus();
			return false;
		} else if (radioValue == 1 && $('#Scheduleby').val().trim() == '') {
			alert('Please Enter the Schedule By');
			$('#Deliverydate').focus();
			return false;
		} else if ($('#workstatus').val() == "0") {
			alert('Please Enter WorkStatus');
			$('#workstatus').focus();
			return false;

		} else if ($('#PoTypeOptions').val() == "0") {
			alert('Please Select POType');
			$('#PoTypeOptions').focus();
			return false;

		} else if ($('#Otherpayment').val() == '' && $('#PaymentTerms').val() == 'PT08') {
			alert('Please Enter Other Payable Terms Description');
			$('#Otherpayment').focus();
			return false;

		} else {
			return true;
		}
	}

	function calculateCgstTax(varBasicValue, Cgst) {

		var basicValue = parseFloat(varBasicValue);
		var Cgst = parseFloat(Cgst);
		var ServiceTaxValue = 0.0;

		ServiceTaxValue = <?php echo SERVICETAX_CGST; ?>;

		var TAXval = parseFloat(ServiceTaxValue).toFixed(2);

		return TAXval; //  $('#AfterServiceTax').val(TAXval); 

	}

	function calculateSgstTax(varBasicValue, Sgst) {

		var basicValue = parseFloat(varBasicValue);
		var Sgst = parseFloat(Sgst);
		var ServiceTaxValue = 0.0;

		ServiceTaxValue = <?php echo SERVICETAX_SGST; ?>;

		var TAXval = parseFloat(ServiceTaxValue).toFixed(2);

		return TAXval; //  $('#AfterServiceTax').val(TAXval); 

	}

	function calculateIgstTax(varBasicValue, Igst) {

		var basicValue = parseFloat(varBasicValue);
		var Igst = parseFloat(Igst);
		var ServiceTaxValue = 0.0;

		ServiceTaxValue = <?php echo SERVICETAX_IGST; ?>;

		var TAXval = parseFloat(ServiceTaxValue).toFixed(2);

		return TAXval; //  $('#AfterServiceTax').val(TAXval); 

	}


	function clearTotalItemValues() {
		$('#txtTotBasicAmount').val('');
		$('#txtTotCgst').val('');
		$('#txtTotSgst').val('');
		$('#txtTotIgst').val('');
		$('#TotalOtherAllowances').val('');
		$('#txtTotalOrderValueSummary').val('');

	}
	//If others is the payment terms to display mandatory field
	$(document).ready(function () {
    $("#PaymentTerms").change(function() {
        console.log("Payment terms changed."); // Check if event is triggered.
        var paymentValue = $('#PaymentTerms').val().trim();
        console.log("Selected value:", paymentValue); // Check the selected value.
        
        if (paymentValue === 'PT08') {
            $('#otheroptiondiv').show();
        } else {
            $('#otheroptiondiv').hide();
            $('#Otherpayment').val('');
        }
    });
});


	function Reset() {
		location.reload();

	}
	$('#insuranceTxtDiv').hide();
	$("#insuranceStatus").change(function() {

		if ($("#insuranceStatus").val() == "1") {
			$('#insuranceTxtDiv').show();
			$('#InsuranceNumber').val('Yes');

		} else {
			$('#insuranceTxtDiv').hide();
			$('#InsuranceNumber').val('');
		}
	});
</script>