@include('layouts.header')			
@include('layouts.sidebar')			
			<div class="page-wrapper">
				<div class="content">
					<div class="page-header">
						<div class="page-title">
							<h4>Settings</h4>
							<h6>Labour GST Configuration</h6>
						</div>
					</div>
					<!-- /product list -->
					<div class="card">
						<div class="card-body">
                            <form method="post" action="{{ route('update_labour_gst_setting')}}" id="updateLabourGstForm">
							@csrf
							<div class="row">
                                <input type="hidden" name="id" value="{{ $labourSetting->id ?? ''}}">
								<div class="col-lg-6 col-sm-12">
									<div class="input-blocks">
										<label class="form-label">LABOUR GST RATE (%)</label>
										<input type="text" class="form-control" id="gst_rate" name="gst_rate" value="{{ $labourSetting->gst_rate ?? '18'}}" oninput="this.value=this.value.replace(/[^0-9.]/g,'').replace(/(\..*)\./g,'$1')" pattern="^\d+(\.\d+)?$">
									</div>
								</div>
                                <div class="col-lg-6 col-sm-12">
									<div class="input-blocks">
										<label class="form-label">LABOUR HSN Code</label>
										<input type="text" id="labour_hsn_code" class="form-control" name="labour_hsn_code" value="{{ $labourSetting->labour_hsn_code ?? '222'}}" oninput="this.value=this.value.replace(/[^a-zA-Z0-9.]/g,'').replace(/(\..*)\./g,'$1')" pattern="^[a-zA-Z0-9]+(\.[a-zA-Z0-9]+)?$">
									</div>
								</div>
								
								
							
								<div class="col-12">
								<button type="submit" class="btn btn-submit me-2">Save</button>
									<!--<a href="javascript:void(0);" class="btn btn-submit me-2">Submit</a>-->
									<a href="{{ route('index')}}" class="btn btn-cancel">Cancel</a>
								</div>
								
							</div>
							</form>
						</div>
					</div>
					<!-- /product list -->
				</div>
			</div>
        </div>
	<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
	<script>
		$(document).ready(function(){
            $('#gst_rate').on('input', function () {
                let num = parseFloat($(this).val());
                if (num > 100) $(this).val(100);
                if (num < 0) $(this).val(0);            
            });
			$('#updateLabourGstForm').on('submit', function(e) {
				e.preventDefault(); 
				let form = $(this);
				$.ajax({
					url: form.attr('action'),
					method: form.attr('method'),
					data: form.serialize(),
					success: function(response) {
						successMessage("Labour Settings Are Updated Successfully.","");	
					},
					error: function(xhr) {
						errorMessage();
					}
				});
			});
		})
	</script>
		
		@include('layouts.footer')