@include('layouts.header')
<meta name="csrf-token" content="{{ csrf_token() }}">

<style>
.select2-container--default .select2-selection--single {
    
    border: 1px solid #e9edf6 !important;
    height:40px !important; 
   
}
.select2-container .select2-selection--single .select2-selection__arrow {
    height: 100% !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 20px !important; 
    background-color: transparent !important;
    border-left: 1px solid #aaa !important; 
}

.select2-container .select2-selection__arrow b {
  
    border-width: 5px 5px 0 5px !important; 
    border-style: solid !important;
    display: inline-block !important;
    margin-top: 5px !important;
    vertical-align: middle !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow 
{
	display: none !important;
}
.select2-selection__clear{
    display: none !important;
    /* color:#aaa; */
}

</style>


		<!-- /Header -->
		@include('layouts.sidebar')

		<div class="page-wrapper">
			<div class="content">
				<div class="page-header">
					<div class="add-item d-flex">
						<div class="page-title">
							<h4>New Inward</h4>
						
						</div>
					</div>
					<ul class="table-top-head">
						<li>
							<div class="page-btn">
								<a href="{{ route('inwards')}}" class="btn btn-secondary"><i data-feather="arrow-left" class="me-2"></i>Back To Inwards</a>
							</div>
						</li>
						<li>
							<a data-bs-toggle="tooltip" data-bs-placement="top" title="Collapse" id="collapse-header"><i data-feather="chevron-up" class="feather-chevron-up"></i></a>
						</li>
					</ul>
					
				</div>
				<!-- /add -->
				@if(session()->has('success'))
                    <div class="alert alert-success">
                        {{ session()->get('success') }}
                    </div>
					@endif
					@if(session()->has('error'))
					<div class="alert alert-danger">
						{{ session()->get('error') }}
					</div>
				    @endif
				<form action="{{ route('update_inward')}}" method="post" enctype="multipart/form-data" style="margin-bottom:100px;">
					@csrf
					<input type="hidden"  name="id" value="{{ $inward->id }}">
					<div class="card">
						<div class="card-body add-product pb-0">
							<div class="accordion-card-one accordion" id="accordionExample">
								<div class="accordion-item">
									<div class="accordion-header" id="headingOne">
										<div class="accordion-button" data-bs-toggle="collapse" data-bs-target="#collapseOne"  aria-controls="collapseOne">
											<div class="addproduct-icon">
												<h5><i data-feather="info" class="add-info"></i><span>Inward Information</span></h5>
												<a href="javascript:void(0);"><i data-feather="chevron-down" class="chevron-down-add"></i></a>
											</div>
										</div>
									</div>
									<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
									<div class="accordion-body">
										<div class="row">
                                            <div class="col-lg-1 col-sm-6 col-12">
												<div class="mb-3 add-product">
													<label class="form-label">Roll No</label>
													<input type="text"  name="roll_no"  id="roll_no" value="{{ $roll ? $roll->roll_no + 1 : 1}}" class="form-control" required  readonly onkeypress="return event.charCode >= 48 && event.charCode <= 57">
												</div>
											</div>
                                            <div class="col-lg-3 col-sm-6 col-12">
                                                <div class="mb-3 add-product">
                                                    <label class="form-label">Inward No</label>
                                                    <input type="text"  name="inward_no" id="inward_no" class="form-control" required  value="{{$inward->inward_no}}" readonly>
                                                </div>
                                            </div>
                                            <div class="col-lg-2 col-sm-6 col-12">
                                                <div class="mb-3 add-product">
                                                    <label class="form-label">Inward Date</label>
                                                    <input type="date"  name="inward_date" id="inward_date" class="form-control" required value="{{$inward->inward_date}}">
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-sm-6 col-12">
                                                <div class="mb-3 add-product">
                                                    <label class="form-label">PO No</label>
                                                    {{-- <input type="text"  name="po_no"  class="form-control" required  placeholder="Enter PO No" onkeypress="return event.charCode >= 48 && event.charCode <= 57"> --}}
                                                    <select class="form-control" name="po_no"  id="po_no" required>
														<option>Select PO No</option>
														@foreach($purchase_orders as $row)
														<option value="{{ route('view-purchase-order-details', ['id' => $row->id]) }}">{{ $row->po_number}}</option>
														@endforeach
													</select>
                                                </div>
                                            </div>
											<div class="col-lg-3 col-sm-6 col-12">
												<div class="mb-3 add-product">
													<label class="form-label">Buyer Company </label>
													<select class="form-control" name="company_id"  id="company_id" required>
														<option>Select Company</option>
														@foreach($companies as $row)
                                                        <option value="{{ $row->id}}" {{ $inward->company_id == $row->id ? 'selected' : '' }}>{{ $row->company_name}}</option>

														@endforeach
													</select>
												</div>
											</div>
                                            
                                           
										</div>
										<div class="row">
                                            <div class="col-lg-2 col-sm-6 col-12">
												<div class="mb-3 add-product">
													<label class="form-label">Category </label>
													<select class="form-control" name="category_id"  id="categorySelect" required>
														<option>Select Category</option>
														@foreach($categories as $row)
                                                        <option value="{{ $row->id}}" {{ $inward->category_id == $row->id ? 'selected' : '' }}>{{ $row->category_name}}</option>
														@endforeach
													</select>
												</div>
											</div>
                                            <div class="col-lg-2 col-sm-6 col-12">
												<div class="mb-3 add-product">
													
                                                    <div class="add-newplus">
                                                        <label class="form-label">Sub Category</label>
                                                        <!--<a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#add-category"><i data-feather="plus-circle" class="plus-down-add"></i><span>Add New</span></a>-->
                                                    </div>
                                                    <select class="form-control" name="subcategory" id="subcategory">
                                                       
                                                         @foreach($subcategories as $row)
                                                        <option value="{{ $row->id }}" {{ $inward->subcategory == $row->id ? 'selected' : '' }}>
                                                            {{ $row->sub_category_name }}
                                                        </option>
                                                    @endforeach
                                                    </select>										
                                                </div>
											</div>
                                            <div class="col-lg-2 col-sm-6 col-12">
												<div class="mb-3 add-product">
														<div class="add-newplus">
															<label class="form-label">Brand</label>
															{{-- <a href="{{ route('add_product')}}" ><i data-feather="plus-circle" class="plus-down-add"></i><span>Add New</span></a> --}}
														</div>
														<select class="form-control" name="brand_id" id="brand">
															<option value="">Select</option>	
															@foreach($brands as $row)
                                                            <option value="{{ $row->id}}" {{ $inward->brand_id == $row->id ? 'selected' : '' }}>{{ $row->brand_name}}</option>
															@endforeach
														</select>
													</div>
											</div>
                                            <div class="col-lg-3 col-sm-6 col-12">
												<div class="mb-3 add-product">
														<div class="add-newplus">
															<label class="form-label">Product</label>
															{{-- <a href="{{ route('add_product')}}" ><i data-feather="plus-circle" class="plus-down-add"></i><span>Add New</span></a> --}}
														</div>
														<select class="form-control" name="product_id" id="productSelect">
															<option>Select</option>	
                                                              @foreach($products as $row)
                                                            <option value="{{ $row->id}}" {{ $inward->product_id == $row->id ? 'selected' : '' }}>{{ $row->product_name}}</option>

															@endforeach
														</select>
													</div>
											</div>
                                            <div class="col-lg-3 col-sm-6 col-12">
                                                <div class="mb-3 add-product">
                                                    <div class="add-newplus">
                                                        <label class="form-label">Varient</label>
                                                        <!--<a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#add-product-varient"><i data-feather="plus-circle" class="plus-down-add"></i><span>Add New</span></a>-->
                                                    </div>
                                                   
                                                    <select class="form-control" name="product_varient" id="productVarient">
                                                     @foreach($product_variant as $variant)
                                                        <option value="{{ $variant->id }}" {{ $inward->product_varient == $variant->id ? 'selected' : '' }}>
                                                            {{ $variant->varient_name }}
                                                        </option>
                                                    @endforeach
                                                        {{-- <option>Select</option>	 --}}
                                                       
                                                    </select>
                                                </div>
                                            </div>
                                          

                                           

                                           

										</div>
										
											
										
										<!-- Editor -->
										<div class="row">
                                            <div class="col-lg-2 col-sm-6 col-12">
												<div class="mb-3 add-product">
													<label class="form-label">HSN Code</label>
													<input type="text"  name="hsn_code"  class="form-control" value="{{ $inward->hsn_code}}" required   >
												</div>
											</div>  
                                            <div class="col-lg-2 col-sm-6 col-12">
                                                <div class="mb-3 add-product">
                                                    
                                                    <label class="form-label">Unit</label>
                                                    <select class="form-control" name="unit_id" id="unit-select">
                                                        <option value="">Select</option>	
                                                        @foreach($units as $row)
                                                        <option value="{{ $row->id}}" {{ $inward->unit_id == $row->id ? 'selected' : '' }}>{{ $row->unit_name}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-lg-2 col-sm-6 col-12">
												<div class="mb-3 add-product">
													<label class="form-label">Storage place</label>
                                                    <select class="form-control" name="warehouse_id" id="warehouse_id">
                                                        @foreach($warehouses as $row)
                                                    <option value="{{ $row->id}}" {{ $inward->warehouse_id == $row->id ? 'selected' : '' }}>{{ $row->warehouse_name}}</option>
                                                    @endforeach	
                                                       
                                                    </select>												
                                                </div>
											</div>

                                            <div class="col-lg-3 col-sm-6 col-12">
												<div class="mb-3 add-product">
													<label class="form-label">Quantity /Roll</label>
													<input type="text"  name="qunatity" id="qty" class="form-control" required  value="{{ $inward->quantity}}" onkeypress="return event.charCode >= 48 && event.charCode <= 57">
												</div>
											</div>

                                            <div class="col-lg-3 col-sm-6 col-12">
												<div class="mb-3 add-product">
													<label class="form-label">No of rolls/Box Recieved</label>
													<input type="text"  name="no_of_rolls" id="no_of_rolls" class="form-control" required  value="{{ $inward->no_of_rolls}}" onkeypress="return event.charCode >= 48 && event.charCode <= 57">
												</div>
											</div>
                                           

                                            
									</div>

                                    <div class="row">
                                        <div class="col-lg-3 col-sm-6 col-12">
                                            <div class="mb-3 add-product">
                                                <label class="form-label">Qunatity On Hand</label>
                                                <input type="text"  name="qunatity_on_hand"  id="quantity_on_hand" class="form-control" required  readonly  value="{{ $inward->qunatity_on_hand}}"  onkeypress="return event.charCode >= 48 && event.charCode <= 57">
                                            </div>
                                        </div>

                                        <div class="col-lg-2 col-sm-6 col-12">
                                            <div class="mb-3 add-product">
                                                <label class="form-label">Display</label>
                                                <input type="text"  name="display" id="display"  class="form-control" required  value="{{ $inward->display}}" onkeypress="return event.charCode >= 48 && event.charCode <= 57">
                                            </div>
                                        </div>

                                        <div class="col-lg-2 col-sm-6 col-12">
                                            <div class="mb-3 add-product">
                                                <label class="form-label">Stock</label>
                                                <input type="text"  name="stock"  readonly value="0.0" class="form-control" id="stock" required  value="{{ $inward->stock}}" onkeypress="return event.charCode >= 48 && event.charCode <= 57">
                                            </div>
                                        </div>


                                         <div class="col-lg-2 col-sm-6 col-12">
                                            <div class="mb-3 add-product">
                                                <label class="form-label">Available Rolls</label>
                                                <input type="text"  name="available_rolls"  class="form-control" required  value="{{ $inward->available_rolls}}" onkeypress="return event.charCode >= 48 && event.charCode <= 57">
                                            </div>
                                        </div>
                                        

                                        <div class="col-lg-3 col-sm-6 col-12">
                                            <div class="mb-3 add-product">
                                                <label class="form-label">Supplier</label>
                                                <select class="form-control" name="supplier_id" id="supplier">
                                                    <option value="">Select</option>	
                                                    @foreach($suppliers as $row)
                                                    <option value="{{ $row->id}}" {{ $inward->supplier_id == $row->id ? 'selected' : '' }}>{{ $row->supplier_name}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>

                                      

                                       

                                    </div>


                                        <!-- /Editor -->
									</div>
									</div>
								</div>
							</div>

							
							
						</div>
						
					</div>

					

                    <div class="card">
						<div class="card-body add-product pb-0">
							<div class="accordion-card-one accordion" id="pricing">
								<div class="accordion-item">
									<div class="accordion-header" id="headingOne">
										<div class="accordion-button" data-bs-toggle="collapse" data-bs-target="#collapseTwo"  aria-controls="collapseTwo">
											<div class="addproduct-icon">
												<h5><i data-feather="info" class="add-info"></i><span>Product Pricing Details</span></h5>
												<a href="javascript:void(0);"><i data-feather="chevron-down" class="chevron-down-add"></i></a>
											</div>
										</div>
									</div>
								<div id="collapseTwo" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#pricing">
									<div class="accordion-body">
										<div class="row">
										
											
                                            <div class=" col-lg-4 col-sm-6">
												<div class="mb-3 add-product">
													<label class="form-label">Basic Cost</label>
													<input type="text"  name="basic_cost" id="basic_cost" class="form-control" required value="{{ $inward->basic_cost}}"  onkeypress="return event.charCode >= 48 && event.charCode <= 57" readonly>
												</div>
											</div>  
											<div class=" col-lg-4 col-sm-6">
												<div class="mb-3 add-product">
													<label class="form-label">% GST</label>
													<input type="text"  name="gst_rate" id="gst_rate"  class="form-control" required value="{{ $inward->gst_rate}}" readonly onkeypress="return event.charCode >= 48 && event.charCode <= 57">
												</div>
											</div>  
										
											<div class=" col-lg-4 col-sm-6">
												<div class="mb-3 add-product">
													<label class="form-label">Purchase Cost (Including GST)</label>
													<input type="text"  name="purchase_cost" id="purchase_cost"  class="form-control" required value="{{ $inward->purchase_cost}}" onkeypress="return event.charCode >= 48 && event.charCode <= 57" readonly>
												</div>
											</div> 
											
											
										</div>
										<div class="row">
											<div class=" col-lg-4 col-sm-6">
												<div class="mb-3 add-product">
													<label class="form-label">% Retail Profit Margin</label>
													<input type="text"  name="profit_margin"  class="form-control" id="profit_margin" required  value="{{ $inward->retail_profit_margin}}" onkeypress="return event.charCode >= 48 && event.charCode <= 57"readonly >
												</div>
											</div> 
											<div class=" col-lg-4 col-sm-6">
												<div class="mb-3 add-product">
													<label class="form-label">Retail Price</label>
													<input type="text"  name="retail_price"  class="form-control" id="retail_price" required value="{{ $inward->retail_price}}"    readonly onkeypress="return event.charCode >= 48 && event.charCode <= 57" >
												</div>
											</div>  
											
											<div class=" col-lg-4 col-sm-6">
												<div class="mb-3 add-product">
													<label class="form-label">Effective Date</label>
													<input type="date"  name="effective_date" id="effective_date" class="form-control" required value="{{ $inward->effective_date}}"  onkeypress="return event.charCode >= 48 && event.charCode <= 57" readonly>
												</div>
											</div>  
										</div>	
											
										
                                        <!-- /Editor -->
									</div>
								</div>
								</div>
							</div>
						</div>
					</div>	



					<div class="col-lg-12">
						<div class="btn-addproduct mb-4">
							<button type="button" class="btn btn-cancel me-2">Cancel</button>
							<button type="submit" class="btn btn-submit">Update Inward</button>
						</div>
					</div>
				</form>

               
                
			<!-- /add -->
          


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

   
                   
                

    </div>


	<!-- /Main Wrapper -->


   




	

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {


        function calculateGST() {
        var cutRate = parseFloat($('#cut_rate').val()) || 0;
        var gstRate = parseFloat($('#gst_rate').val()) || 0;
        var gst = cutRate * gstRate;
        $('#gst').val(gst.toFixed(2)); 
        }

       
        $('#cut_rate, #gst_rate').on('input', function() {
            calculateGST();
        });

        function calculateValue() {
        var roleRate = parseFloat($('#role_rate').val()) || 0;
        var qty = parseFloat($('#qty').val()) || 0;
        var value = roleRate * qty;
        $('#value').val(value.toFixed(2)); 
        }

       
        $('#role_rate, #qty').on('input', function() {
            calculateValue();
        });


        $('#add-product').on('show.bs.modal', function (e) {
            var selectedProductType = $('#categorySelect').val();
            $('#category').val(selectedProductType);
        });

        $('#category').on('change', function() {
            var categoryId = $(this).val();
            $('#categorySelect').val(categoryId);
        });


        $('#add-product-varient').on('show.bs.modal', function (e) {
            var selectedProductvarType = $('#productSelect').val();
            $('#pro_var_id').val(selectedProductvarType);
        });
        
        $('#pro_var_id').on('change', function() {
            var productId = $(this).val();
            $('#productSelect').val(productId);
        });

        


        

        $('#addCategoryForm').submit(function(e) {
            e.preventDefault(); 
            var formData = new FormData(this);

            $.ajax({
            url: "{{ route('store_category_ajax') }}", 
            method: 'POST',
            data: formData,
            processData: false, 
            contentType: false, 
            success: function(response) {
                if (response.success) {
                   
                    $('#add-category').modal('hide');

                   
                    $('#addCategoryForm')[0].reset();

                    
                    $('select[name="category_id"]').append('<option value="' + response.category_id + '" selected>' + response.category_name + '</option>');

                    
                } else {
                    alert('Failed to add the category!');
                }
            },
            error: function(xhr) {
                
                var errors = xhr.responseJSON.errors;
                var errorMsg = '';
                $.each(errors, function(key, value) {
                    errorMsg += value + '\n';
                });
                alert('Error: \n' + errorMsg);
            }
        });


        });

        $('#addProductForm').submit(function(e) {
        e.preventDefault(); 
        var categoryId = $('#category').val();
       
        var formData = new FormData(this);

        formData.append('category_id', categoryId);


        $.ajax({
            url: "{{ route('store_product_ajax') }}", 
            method: 'POST',
            data: formData,
            processData: false, 
            contentType: false, 
            success: function(response) {
                if (response.success) {
                   
                    $('#add-product').modal('hide');

                   
                    $('#addProductForm')[0].reset();

                    
                    $('select[name="product_id"]').append('<option value="' + response.product_id + '" selected>' + response.product_name + '</option>');

                    //alert('Product added successfully!');
                } else {
                    alert('Failed to add the product!');
                }
            },
            error: function(xhr) {
                
                var errors = xhr.responseJSON.errors;
                var errorMsg = '';
                $.each(errors, function(key, value) {
                    errorMsg += value + '\n';
                });
                alert('Error: \n' + errorMsg);
            }
        });
     });


     $('#addProductvarientForm').submit(function(e) {
        e.preventDefault(); 
       // var categoryId = $('#category').val();
       
        var formData = new FormData(this);

     //  formData.append('category_id', categoryId);


        $.ajax({
            url: "{{ route('store_product_varient_ajax') }}", 
            method: 'POST',
            data: formData,
            processData: false, 
            contentType: false, 
            success: function(response) {
                if (response.success) {
                   
                    $('#add-product-varient').modal('hide');

                   
                    $('#addProductvarientForm')[0].reset();

                    
                    $('select[name="product_varient"]').append('<option value="' + response.product_id + '" selected>' + response.product_name + '</option>');

                    alert('Product varient added successfully!');
                } else {
                    alert('Failed to add the product!');
                }
            },
            error: function(xhr) {
                
                var errors = xhr.responseJSON.errors;
                var errorMsg = '';
                $.each(errors, function(key, value) {
                    errorMsg += value + '\n';
                });
                alert('Error: \n' + errorMsg);
            }
        });
     });




    });
</script>
	

<!-- JS for vanillaSelectBox -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script> 
<script>




    $(document).ready(function() {
      
        $('#po_no').on('change', function () {
    var selectedUrl = $(this).val();
    if (selectedUrl) {
        // Retrieve the values from the input fields
        var rollNo = $('#roll_no').val();
        var inwardNo = $('#inward_no').val();
        var inwardDate = $('#inward_date').val();

        // Append the parameters to the URL
        var urlWithParams = selectedUrl + 
            '?roll_no=' + encodeURIComponent(rollNo) +
            '&inward_no=' + encodeURIComponent(inwardNo) +
            '&inward_date=' + encodeURIComponent(inwardDate);

        // Redirect to the new URL
        window.location.href = urlWithParams;
    }
});


  

        $('#categorySelect').on('change', function() {
            var categoryId = $(this).val();

            if(categoryId) {
                $.ajax({
                    url: '/get-products/' + categoryId,
                    type: 'GET',
                    dataType: 'json',
                    success: function(data) {
                        // $('#productSelect').empty();
                        $('#productSelect').append('<option>Select</option>');
                        $.each(data, function(key, value) {
                            $('#productSelect').append('<option value="'+ value.id +'">'+ value.product_name +'</option>');
                        });
                    }
                });
            } else {
                $('#productSelect').empty();
                $('#productSelect').append('<option>Select</option>');
            }
        });

        $('#productSelect').on('change', function() {
            var productid = $(this).val();
           
            if(productid) {
                $.ajax({
                    url: '/get-product-varient/' + productid,
                    type: 'GET',
                    dataType: 'json',
                    success: function(data) {
                        $('#productVarient').empty();
                        // $('#productVarient').append('<option>Select</option>');
                        $.each(data, function(key, value) {
                            $('#productVarient').append('<option value="'+ value.id +'">'+ value.varient_name +'</option>');
                        });
                    }
                });
            } else {
                 $('#productVarient').empty();
                 $('#productVarient').append('<option>Select</option>');
            }
        });

        $('#company_id').on('change', function() {
            var companyId = $(this).val();
           alert(companyId);
            if(companyId) {
                $.ajax({
                    url: '/get-warehouse/' + companyId,
                    type: 'GET',
                    dataType: 'json',
                    success: function(data) {
                        $('#warehouse_id').empty();
                        $('#warehouse_id').append('<option>Select</option>');
                        $.each(data, function(key, value) {
                            $('#warehouse_id').append('<option value="'+ value.id +'">'+ value.warehouse_name +'</option>');
                        });
                    }
                });
            } else {
                $('#warehouse_id').empty();
                $('#warehouse_id').append('<option>Select</option>');
            }
        });


        $('#category').on('change', function() {
            var category_id = $(this).val();
			
            if (category_id) {
                $.ajax({
                    url: '/get-subcategories/' + category_id,
                    type: 'GET',
                    dataType: 'json',
                    success: function(data) {
                        $('#subcategory').empty();
                        $('#subcategory').append('<option value="">Select Subcategory</option>');
                        $.each(data, function(key, value) {
                            $('#subcategory').append('<option value="' + value.id + '">' + value.sub_category_name + '</option>');
                        });
                    }
                });
            } else {
                $('#subcategory').empty();
                $('#subcategory').append('<option value="">Select Subcategory</option>');
            }
        });
       
        $('#company_id').select2({
        placeholder: "Select Company",   
        allowClear: true,
		search:true,
		width:'100%',
		height:'500px'                
    });
	 $('#categorySelect').select2({
        placeholder: "Select Product Type",   
        allowClear: true,
		search:true,
		width:'100%',
		height:'500px'                
    });

    $('#productSelect').select2({
        placeholder: "Select Collection",   
        allowClear: true,
		search:true,
		width:'100%',
		height:'500px'                
    });

    $('#unit-select').select2({
        placeholder: "Select Unit",   
        allowClear: true,
		search:true,
		width:'100%',
		height:'500px'                
    });

    $('#productVarient').select2({
        placeholder: "Select Design",   
        allowClear: true,
		search:true,
		width:'100%',
		height:'500px'                
    });

    $('#po_no').select2({
        placeholder: "Select PO ",   
        allowClear: true,
		search:true,
		width:'100%',
		height:'500px'                
    });
    

    $('#supplier').select2({
        placeholder: "Select Supplier",   
        allowClear: true,
		search:true,
		width:'100%',
		height:'500px'                
    });
    
    $('#categorySelect').on('change', function() {
            var category_id = $(this).val();
			
            if (category_id) {
                $.ajax({
                    url: '/get-subcategories/' + category_id,
                    type: 'GET',
                    dataType: 'json',
                    success: function(data) {
                        $('#subcategory').empty();
                        // $('#subcategory').append('<option value="">Select Subcategory</option>');
                        $.each(data, function(key, value) {
                            $('#subcategory').append('<option value="' + value.id + '">' + value.sub_category_name + '</option>');
                        });
                    }
                });
            } else {
                $('#subcategory').empty();
                $('#subcategory').append('<option value="">Select Subcategory</option>');
            }
        });

       

        $('#qty, #no_of_rolls').on('input', function() {
            var quantity = parseFloat($('#qty').val()) || 0;  // Default to 0 if invalid input
            var noOfRolls = parseFloat($('#no_of_rolls').val()) || 0;  // Default to 0 if invalid input

            var quantityOnHand = quantity * noOfRolls;  // Multiply the values

            // Update the Quantity On Hand field
            $('#quantity_on_hand').val(quantityOnHand);
        });


        $('#quantity_on_hand, #display').on('input', function() {
            var quantityOnHand = parseFloat($('#quantity_on_hand').val()) || 0;  // Default to 0 if invalid input
            var display = parseFloat($('#display').val()) || 0;  // Default to 0 if invalid input

            var stock = quantityOnHand - display;  // Subtract display from quantity_on_hand

            // Update the Stock field
            $('#stock').val(stock);
        });


    });


   


    


</script>

@include('layouts.footer')