@extends('admin.layouts.app')
@push('style-include')

   <link href="{{asset('assets/backend/css/summnernote.css')}}" rel="stylesheet" type="text/css" />

@endpush

@section('main_content')
<div class="page-content">
    <div class="container-fluid">

        <div class="page-title-box d-sm-flex align-items-center justify-content-between">
            <h4 class="mb-sm-0">
                {{translate($title)}}
            </h4>

            <div class="page-title-right">
                <ol class="breadcrumb m-0">
                    <li class="breadcrumb-item"><a href="{{route('admin.dashboard')}}">
                            {{translate("Home")}}
                    </a></li>
                    <li class="breadcrumb-item">
                        <a href="{{route('admin.item.product.inhouse.index')}}">
                            {{translate("Products")}}
                        </a>
                    </li>
                    <li class="breadcrumb-item active">

                        {{translate("Update Product")}}
                    </li>
                </ol>
            </div>

        </div>

        <form  id="updateproduct-form" autocomplete="off" class="needs-validation"  action="{{route('admin.item.product.inhouse.update', $product->id)}}" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="row">
				<input hidden  name="id" id="id" type="text" class="form-control"  value="{{$product->id}}">
                <div class="col-lg-8">
                    <div class="card">
                        <div class="card-header border-bottom-dashed">
                            <div class="row g-4 align-items-center">
                                <div class="col-sm">
                                    <h5 class="card-title mb-0">
                                        {{translate('Product Basic Information')}}
                                    </h5>
                                </div>
                            </div>
                        </div>

                        <div class="card-body">
                            <div class="row">
                                <div class="col-xl-6">
                                    <div class="mb-3">
                                        <label class="form-label" for="name">
                                            {{translate("Product Title")}} <span class="text-danger" >*</span>
                                        </label>

                                        <input  name="name" id="name" type="text" class="form-control"  value="{{$product->name}}"
                                             required>

                                    </div>
                                </div>


                                <div class="col-xl-6">
                                    <div>
                                        <label class="form-label" for="slug">
                                            {{translate("Slug")}} <span class="text-danger" >*</span>
                                        </label>

                                        <input  name="slug" id="slug" type="text" class="form-control"  value="{{$product->slug}}"
                                            placeholder="{{translate('Enter slug')}}" required>

                                    </div>
                                </div>

                                <div class="col-xl-6 col-md-6">
                                    <div class="mb-3">
                                        <label class="form-label" for="price">
                                            {{translate("Regular price")}} <span class="text-danger" >*</span>
                                        </label>

                                        <input step="any" type="number" class="form-control" id="price" name="price"
                                            value="{{round($product->price,site_settings('digit_after_decimal',2))}}" placeholder="{{translate('Product price')}}">

                                    </div>
                                </div>


                                <div class="col-xl-6 col-md-6">
                                    <div class="mb-3">
                                        <label class="form-label" for="discount_percentage">
                                            {{translate("Discount
                                            Percentage(%)")}} <span class="text-danger" >*</span>
                                        </label>

                                        <input type="number" class="form-control discount_percentage"
                                        id="discount_percentage" name="discount_percentage"
                                        value="{{round($product->discount_percentage)}}"
                                        placeholder="{{translate('Discount Percentage')}}" >

                                        <div class="text-danger" id="dicountAmount">
                                        </div>

                                    </div>
                                </div>

                                <div class="col-xl-6 col-md-6">
                                    <div class="mb-3">
                                        <label for="minimum_purchase_qty" class="form-label">{{translate('Purchase
                                            Quantity (Min)')}} <span class="text-danger">*</span></label>
                                        <input type="number" class="form-control" name="minimum_purchase_qty"
                                            id="minimum_purchase_qty" value="{{$product->minimum_purchase_qty}}"
                                            placeholder="{{translate('Min qty should be 1')}}" required>
                                    </div>
                                </div>

                                <div class="col-xl-6 col-md-6">
                                    <div class="mb-3">
                                        <label for="maximum_purchase_qty" class="form-label">{{translate('Purchase
                                            Quantity (Max)')}} <span class="text-danger">*</span></label>
                                        <input type="number" class="form-control" name="maximum_purchase_qty"
                                            id="maximum_purchase_qty" value="{{$product->maximum_purchase_qty}}"
                                            placeholder="{{translate('Max qty unlimited number')}}" required>
                                    </div>
                                </div>

                                <div class="col-xl-12 col-lg-12">
                                    <div>
                                        <label for="club_point" class="form-label">{{translate('Club point')}} <span class="text-danger">*</span></label>
                                        <input type="number" class="form-control" name="point"
                                            id="club_point" value="{{$product->point}}"
                                            placeholder="{{translate('Enter club point')}}" required>
                                    </div>
                                </div>


                            </div>

                            <div class="row mt-2">
                                <div class="col-12 text-editor-area">
                                    <label for="short_description">
                                        {{translate("Product Short Description")}} <span class="text-danger" >*</span>

                                    </label>

                                    <textarea id="short_description" name="short_description" class="form-control text-editor"
                                    rows="3">{{$product->short_description}}</textarea>

                                    @if( $openAi->status == 1)
                                        <button type="button" class="ai-generator-btn mt-3 ai-modal-btn" >
                                            <span class="ai-icon btn-success waves ripple-light">
                                                    <span class="spinner-border d-none" aria-hidden="true"></span>

                                                    <i class="ri-robot-line"></i>
                                            </span>

                                            <span class="ai-text">
                                                {{translate('Generate With AI')}}
                                            </span>
                                        </button>
                                    @endif

                                </div>

                            </div>

                            <div class="row mt-3">
                                <div class="col-12 text-editor-area">
                                    <label for="p-description">
                                        {{translate("Product Description")}} <span class="text-danger" >*</span>
                                    </label>

                                    <textarea id="p-description" class="form-control div_editor1 text-editor" name="description" rows="5"
                                    placeholder="Enter Description" required>{{$product->description}}</textarea>


                                    @if( $openAi->status == 1)
                                        <button type="button" class="ai-generator-btn mt-3 ai-modal-btn" >
                                            <span class="ai-icon btn-success waves ripple-light">
                                                    <span class="spinner-border d-none" aria-hidden="true"></span>

                                                    <i class="ri-robot-line"></i>
                                            </span>

                                            <span class="ai-text">
                                                {{translate('Generate With AI')}}
                                            </span>
                                        </button>
                                    @endif
                                </div>
                            </div>

                        </div>
                    </div>

                    <div class="card pb-4">
                        <div class="card-header border-bottom-dashed">
                            <h5 class="card-title mb-0">
                                {{translate("Product Gallery")}}
                            </h5>
                        </div>

                        <div class="card-body ">
                            <div class="row">
                                <div class="col-xl-6 mb-2">
                                    <div>
                                        <label for="featured_image" class="form-label">{{translate('Thumbnail Image')}} <span class="text-danger" >*</span></label>
                                        <input type="file" name="featured_image" id="featured_image"
                                            class="form-control" aria-describedby="emailHelp" >
                                        <div  class="text-danger">{{translate('Image Size Should Be')}}
                                            {{file_path()['product']['featured']['size']}}
                                        </div>
                                    </div>
                                    <div class="featured_img mt-2">
										<img  src="{{show_image(file_path()['product']['featured']['path'].'/'.$product->featured_image,file_path()['product']['featured']['size'])}}" alt="{{$product->name}}">

                                    </div>
                                </div>

                                <div class="col-xl-6 mb-2">
                                    <div>
                                        <label for="product_gallery_image" class="form-label">{{translate('Gallery Image')}} <span class="text-danger" >*</span></label>
                                        <input type="file" name="gallery_image[]" id="product_gallery_image"
                                            class="form-control" multiple >
                                        <div class="text-danger">{{translate('Image Size Should Be')}}
                                            {{file_path()['product']['gallery']['size']}}
                                        </div>

                                        <div class="d-flex flex-wrap gap-2 mt-2 gallery_img">
											@foreach($product->gallery as $key => $value)
												<div class="gallery_img-item">
													<img src="{{show_image(file_path()['product']['gallery']['path'].'/'.$value->image,file_path()['product']['gallery']['size'])}}" alt="{{$product->name}}">
													<div class="gallery_img-item_icon">
														<a href="{{route('admin.item.product.inhouse.gallery.image.delete', $value->id)}}"><i class="las la-times-circle"></i></a>
													</div>
												</div>
										    @endforeach
										</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="card">
                        <div class="card-header border-bottom-dashed">
                            <h5 class="card-title mb-0">
                              {{translate("Product Stock")}}
                            </h5>
                        </div>

                        <div class="card-body pb-3">
                                <div class="form-group row">
                                    <div class="col-md-3">
                                        <input type="text" class="form-control" value="{{translate('Attributes')}}" disabled>
                                    </div>
                                    <div class="col-md-9">
                                        <select name="choice_attributes[]" id="select_attributes" class="form-control" multiple >
                                            @foreach (\App\Models\Attribute::all() as $key => $attribute)
                                            <option
                                            @if($product->attributes != null && in_array($attribute->id, json_decode($product->attributes, true))) selected @endif

                                            value="{{ $attribute->id }}">{{ $attribute->name}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>

                                <div class="mt-3">
                                    <p>{{ translate('Choose the attributes') }}</p>
                                </div>

                                <div class="mb-3 attribute_options" id="attribute_options">

                                    @foreach (json_decode($product->attributes_value) as $key => $value)
                                    <div class="form-group row mb-2">
                                        <div class="col-lg-3">
                                            <input type="hidden" name="choice_no[]" value="{{ $value->attribute_id }}">
                                            <input type="text" class="form-control" name="choice[]" value="{{ optional(\App\Models\Attribute::find($value->attribute_id))->name}}" placeholder="{{ translate('Choice Title') }}" disabled>
                                        </div>
                                        <div class="col-lg-9">
                                            <select class="form-control  attribute_value"  name="choice_options_{{ $value->attribute_id }}[]" multiple>
                                                @foreach (\App\Models\AttributeValue::where('attribute_id', $value->attribute_id)->get() as $row)
                                                    <option value="{{ $row->name }}" @if( in_array($row->name, $value->values) || in_array($row->display_name, $value->values)  ) selected @endif>
                                                        {{ $row->display_name ? $row->display_name : $row->name  }}
                                                    </option>
                                                @endforeach
                                            </select>

                                        </div>
                                    </div>
                                    @endforeach

                                </div>

                                <div class="varient_combination" id="varient_combination">
                                </div>

                        </div>

                    </div>


                    <div class="card">
                        <div class="card-header border-bottom-dashed">
                            <h5 class="card-title mb-0">
                              {{translate("Product Taxes")}}
                            </h5>
                        </div>

                        <div class="card-body pb-3">

                            <div>
                                <div class="row g-3">
                                    @foreach ($taxes as $tax)

                                        @php
                                            $productTax = $tax->products->first()?->pivot;

                                        @endphp

                                        <div class="col-md-4">
                                            <input type="text" class="form-control" value="{{ $tax->name }}" disabled>
                                            <input type="hidden" name="tax_id[]" class="form-control" value="{{ $tax->id }}">
                                        </div>

                                        <div class="col-md-4">
                                            <input step="any" name="tax_amount[]" type="number" class="form-control" value="{{ @$productTax->amount??0}}" placeholder="{{translate('Amount')}}" >
                                        </div>

                                        <div class="col-md-4">

                                            <select name="tax_type[]" class="form-select">
                                                <option {{ @$productTax->type == 1 ? "selected" :""}}  value="1">
                                                    {{translate("Flat")}}
                                                </option>
                                                <option {{ @$productTax->type == 0 ? "selected" :""}} value="0">
                                                    {{translate("Percentage")}}
                                                </option>
                                            </select>

                                        </div>

                                    @endforeach

                                </div>


                            </div>
                        </div>

                    </div>

                    <div class="card">
                        <div class="card-header border-bottom-dashed">
                            <h5 class="card-title mb-0">
                              {{translate("Meta Data")}}
                            </h5>
                        </div>

                        <div class="card-body">
                            <div class="row">
                                <div class="col-12">
                                    <div class="mb-3">
                                        <label class="form-label" for="meta_title">
                                            {{translate("Meta
                                            title")}}
                                        </label>
                                        <input type="text" name="meta_title" id="meta_title"  class="form-control"
                                        value="{{$product->meta_title}}" placeholder="Enter meta title" >
                                    </div>
                                </div>

                                <div class="col-12">
                                    <div class="mb-3">
                                        <label for="meta_keyword" class="form-label">{{translate('Meta Keywords')}}</label>
                                        <select
                                            name="meta_keywords[]" id="meta_keyword" class="form-control keywords"
                                            multiple=multiple>
											@if($product->meta_keywords)
												@foreach($product->meta_keywords as $option)
													<option value="{{$option}}" selected>{{($option) }}</option>
												@endforeach
										    @endif

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

                                <div class="col-12">
                                    <div class="mb-3">
                                        <label for="meta_description" class="form-label">{{translate('Meta Description')}}</label>
                                        <textarea class="form-control" rows="3" name="meta_description" id="meta_description" placeholder="{{translate('Enter meta description')}}">{{$product->meta_description}}</textarea>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>

                    <div class="text-start mb-3">
                        <button type="submit" class="btn btn-success w-sm waves ripple-light">
                            {{translate("Submit")}}
                        </button>
                    </div>
                </div>

                <div class="col-lg-4">
                    <div class="card">
                        <div class="card-header border-bottom-dashed">
                            <h5 class="card-title mb-0">
                                {{translate("Publish")}}
                            </h5>
                        </div>
                        <div class="card-body">
                            <div class="mb-3">
                                <label for="status" class="form-label">{{translate('Product Status')}} <span
                                    class="text-danger">*</span></label>
                                <select class="form-select" id="status" name="status" required>
                                    <option  value="">{{translate('--Select One--')}}</option>
                                    <option  {{$product->status == 0? 'selected': ''}}    value="0">{{translate('New')}}</option>
                                    <option {{$product->status == 1? 'selected': ''}}     value="1">{{translate('Published')}}</option>
                                    <option {{$product->status == 2? 'selected': ''}}    value="2">{{translate('Inactive')}}</option>
                                </select>
                            </div>
                        </div>

                    </div>

                    <div class="card">
                        <div class="card-header border-bottom-dashed">
                            <h5 class="card-title mb-0">
                                {{translate("Product Categories")}}
                            </h5>
                        </div>

                        <div class="card-body">

                            <div>
                                <label for="category_id" class="form-label">{{translate('Category')}} <span
                                        class="text-danger">*</span></label>
                                <select name="category_id" id="category_id" class="form-select w-100" required>
                                    <option value="">{{translate('--Select One--')}}</option>
									@foreach($categories as $category)
									<option value="{{$category->id}}" data-subcategory="{{$category->parent}}" @if($product->category_id == $category->id) selected @endif>{{(get_translation($category->name))}}</option>
								    @endforeach
                                </select>
                            </div>

                            @php
                              $sub_category =  App\Models\Category::where('id',$product->sub_category_id)->first();
                            @endphp

                            <div class="mt-2">
                                <label for="subcategory_id" class="form-label">{{translate('Sub Category')}}</label>
                                <select name="subcategory_id" id="subcategory_id" class="form-select" >

                                    @if( $sub_category)
                                    <option value="{{$product->sub_category_id}}">
                                        {{(get_translation($sub_category->name))}}
                                    </option>
                                    @else
                                      <option value="">{{translate('--Select One--')}}</option>
                                    @endif
                                </select>
                            </div>
                        </div>

                    </div>

                    <div class="card">
                        <div class="card-header border-bottom-dashed">
                            <h5 class="card-title mb-0">
                                {{translate("Product Brand")}}
                            </h5>
                        </div>
                        <div class="card-body">
                            <div>

                                <label for="brand_id" class="form-label">{{translate('Brand')}} <span
                                        class="text-danger">*</span></label>
                                <select name="brand_id" id="brand_id" class="form-select" >

                                    <option value="">{{translate('--Select One--')}}</option>
                                    @foreach($brands as $brand)
                                      <option  {{$product->brand_id == $brand->id ? "selected" : ''}} value="{{$brand->id}}">{{get_translation($brand->name)}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                    </div>

                    <div class="card">
                        <div class="card-header border-bottom-dashed">
                            <h5 class="card-title mb-0">
                                {{translate("Product Warrenty Policy")}}
                            </h5>
                        </div>
                        <div class="card-body">
                            <p class="text-muted mb-2">
                                {{translate("Add Warrenty Policy Of Product")}}
                            </p>

                            <textarea  class="form-control " name="warranty_policy" rows="5"
                            id="warranty_policy" placeholder="Enter Description" >{{$product->warranty_policy}}</textarea>

                        </div>

                    </div>

                    <div class="card">
                        <div class="card-header border-bottom-dashed">
                            <h5 class="card-title mb-0">
                                {{translate("Product Shipping Configuration")}}
                            </h5>
                        </div>

                        <div class="card-body">

                            <div class="mb-3">
                                <label class="form-label" for="weight">
                                    {{translate("Weight")}}<span class="text-danger" > ({{translate('IN KG')}})</span>
                                </label>

                                <input step="any" type="number" class="form-control" id="weight" name="weight"
                                 value="{{round($product->weight,site_settings('digit_after_decimal',2))}}" placeholder="{{translate('Product Weight')}}">

                            </div>

                            <div class="mb-3">
                                <label for="shipping_delivery_id" class="form-label">{{translate('Shipping Carrier/Delivery')}}

                                </label>

                                <select id='shipping_delivery_id' class="form-select"
                                multiple name="shipping_delivery_id[]">
                                    <option value="0">{{translate('All')}}</option>
                                    @foreach($shippingDeliveries as $shipping)
                                    <option @if(in_array($shipping->id,$product->shippingDelivery->pluck('shipping_delivery_id')->toArray())) selected @endif   value="{{$shipping->id}}">{{($shipping->name)}}</option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="mb-3">

                                <label class="form-label" for="shipping_fee">
                                    {{translate("Flat shipping fees")}} <span class="text-danger" >*</span>
                                </label>

                                <input step="any" placeholder="{{translate("Enter shipping fees")}}"  name="shipping_fee" id="shipping_fee" type="number" class="form-control"  value="{{round($product->shipping_fee,site_settings('digit_after_decimal',2))}}"
                                     required>

                            </div>

                            <div class="mb-3">

                                <div class="form-check form-switch">
                                    <input {{ $product->shipping_fee_multiply == 1 ? 'checked' : ''}} type="checkbox" class="form-check-input"
                                        name="shipping_fee_multiply"
                                        value="1"
                                    id="status-switch" >
                                    <label class="form-check-label" for="status-switch"> {{ translate('Shipping fees multiply by product QTY') }}</label>
                                </div>
                            </div>

                        </div>

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

</div>

@include('admin.partials.ai_modal',[
    "modal_title" => "Genarate Product Description",
])
@endsection

@push('script-include')
	<script src="{{asset('assets/backend/js/summnernote.js')}}"></script>
	<script src="{{asset('assets/backend/js/editor.init.js')}}"></script>

@endpush



@push('script-push')
<script>
	"use strict";
    $(".select2").select2({
		placeholder:"{{translate('Select Keywords')}}",
	})
	combinations();
	selectInit()
    $('select[name=category_id]').on('change', function() {
        $('select[name=subcategory_id]').html('<option value="" selected="" disabled="">{{translate("--Select One--")}}</option>');
        var subcategorys = $('select[name=category_id] :selected').data('subcategory');
        var html = '';
        var lang_code = "{{session()->get('locale')}}"
        subcategorys.forEach(function myFunction(item, index) {

            const x =  `{{old('subcategory_id')}}`;
            html += `<option   value="${item.id}">${JSON.parse(item.name)[lang_code]}</option>`
        });
        $('select[name=subcategory_id]').append(html);
    });

    $('#meta_keyword').select2({
        tags: true,
        tokenSeparators: [','],
        placeholder:"{{translate('Type keywords')}}",
    });

    $('#shipping_delivery_id').select2({
        placeholder:"{{translate('Select Item')}}",
    });

    $('#brand_id').select2({
        placeholder:"{{translate('Select Brand Id')}}",
    });

    $('#category_id').select2({
        placeholder:"{{translate('Select Category Id')}}",
    });

    $('#subcategory_id').select2({
        placeholder:"{{translate('Select Subcategory Id')}}",
    });

    $('#select_attributes').select2({
        placeholder:"{{translate('Choose Value')}}",
    });

    $('.discount_percentage').on('keyup', function() {
        var discount = $(this).val();
        var original_price = $("#price").val();
        if (discount > 100) {
            $(this).val('');
            $("#dicountAmount").text('');
            toaster( "{{translate('Discount Can Not Be Greater Than Original Price')}}", 'danger');
        } else {
            var discounted_price = original_price - (original_price * discount / 100);

            if(discount!=0){
                $("#dicountAmount").text(`Discount Price {{default_currency()->symbol}}`+discounted_price);
            }else{
                $("#dicountAmount").text('');
            }

        }
    });

    $('#price').on('keyup', function() {
        var price = $(this).val();
        var discount = $("#discount_percentage").val();
        if(price!=0 && discount!=0){
            var discounted_price = price - (price * discount / 100);
            $("#dicountAmount").text(`Discount Price{{default_currency()->symbol}}`+discounted_price);
        }else{
            $("#dicountAmount").text('');
        }
    });

    if (window.File && window.FileList && window.FileReader) {
        $("#product_gallery_image").on("change", function(e) {
            var files = e.target.files,
                filesLength = files.length;
                $(".gallery_img").html('')
            for (var i = 0; i < filesLength; i++) {
                var f = files[i];
                var fileReader = new FileReader();
                fileReader.onload = (function(e) {
                    var file = e.target;
                    var galleryHtml = $(`<div class=" gallery_img-item">
								<img  src="${e.target.result}" alt="${file.name}">
								<div class="gallery_img-item_icon remove">
									<i class="las la-times-circle"></i>
								</div>
							</div>`)
                    $(".gallery_img").append(galleryHtml);
                    $(".remove").click(function() {
                        $(this).parent(".gallery_img-item").remove();
                        window.filesToUpload.splice(i, 1);
                    });
                });
                fileReader.readAsDataURL(f);
            }
        });
    }

    if(window.File && window.FileList && window.FileReader) {
        $("#featured_image").on("change", function(e) {
            let file = e.target.files[0];
            $(`.featured_img`).html('')
            $(`.featured_img`).append(
                `<img alt='${file.type}'class='mt-2' src='${URL.createObjectURL(file)}'>`
            );
        });
    }

    function selectInit(){
        $('.attribute_value').select2({
          placeholder:"{{translate('Select Value')}}",
        });
    }


	$('#select_attributes').on('change', function() {
        $.each($("#select_attributes option:selected"), function(j, attribute){
            var flag = false;
            $('input[name="choice_no[]"]').each(function(i, choice_no) {
                if($(attribute).val() == $(choice_no).val()){
                    flag = true;
                }
            });

            if(!flag){
				attrVal($(attribute).val(), $(attribute).text());
            }
        });

        var options = @php echo $product->attributes @endphp;

        $.each(options, function(index, value){
            var is_attr = false;
            $.each($("#select_attributes option:selected"), function(j, attribute){
                if(value == $(attribute).val()){
                    is_attr = true;
                }
            });
            if(!is_attr){
                $('input[name="choice_no[]"][value="'+value+'"]').parent().parent().remove();
            }
        });

        combinations();
    });

    function attrVal(i, name){
        $.ajax({

            type:"POST",
            url:'{{ route('admin.product.attribute.value') }}',
            data:{
               attribute_id: i,
               "_token" :"{{csrf_token()}}",
            },
            success: function(data) {
                var html = JSON.parse(data);
                $('#attribute_options').append('\
                <div class="form-group row mb-2">\
                    <div class="col-md-3">\
                        <input type="hidden" name="choice_no[]" value="'+i+'">\
                        <input type="text" class="form-control" name="choice[]" value="'+name+'" placeholder="{{ translate('Choice Title') }}" readonly>\
                    </div>\
                    <div class="col-md-9">\
                        <select class="form-select  attribute_value" required name="choice_options_'+ i +'[]" multiple>\
                            '+html+'\
                        </select>\
                    </div>\
                </div>');
                selectInit()

           }
       });
    }

    $(document).on("change", ".attribute_value",function() {

        combinations();
    });

    function combinations(){
        $.ajax({
           type:"POST",
           url:'{{ route('admin.product.attribute.edit') }}',
           data:$('#updateproduct-form').serialize(),
           success: function(data) {

                $('#varient_combination').html(data);
           }
       });

    }

</script>
@endpush