@extends('backEnd.master')
@section('styles')

<link rel="stylesheet" href="{{asset(asset_path('modules/marketing/css/new_user_zone_create.css'))}}" />

@endsection
@section('mainContent')
    <section class="admin-visitor-area up_st_admin_visitor">
        <div class="row">
            <div class="col-lg-4">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="main-title">
                            <h3 class="mb-30">
                                {{ __('common.update') }} {{__('marketing.new_user_zone')}}</h3>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-8">
                <ul class="nav nav-tabs justify-content-end mt-sm-md-20 mb-30 grid_gap_5" role="tablist">

                    <li class="nav-item">
                        <a class="nav-link active show" href="#GeneralSeting" role="tab" data-toggle="tab" id="1"
                            aria-selected="true">{{__('marketing.general_setting')}}</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link show" href="#productSetup" role="tab" data-toggle="tab" id="2"
                            aria-selected="false">{{__('marketing.product_section')}}</a>
                    </li>

                    <li class="nav-item">
                        <a class="nav-link show" href="#priceSetup" role="tab" data-toggle="tab" id="3"
                            aria-selected="false">{{__('marketing.exclusive_price_section')}}</a>
                    </li>

                    <li class="nav-item">
                        <a class="nav-link show" href="#couponSetup" role="tab" data-toggle="tab" id="4"
                            aria-selected="false">{{__('marketing.coupon_section')}}</a>
                    </li>

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



        <div class="container-fluid p-0">

            <form action="{{route('marketing.new-user-zone.update',encrypt($new_user_zone->id))}}" enctype="multipart/form-data" method="POST">
                @csrf
            <div class="tab-content">
                <div role="tabpanel" class="tab-pane fade active show" id="GeneralSeting">
                    <div class="row">

                        <div class="col-lg-8 offset-lg-2">
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="no-gutters">
                                        <div class="main-title">
                                            <h3 class="mb-30">{{ __('marketing.general_setting') }}</h3>
                                        </div>
                                    </div>
                                </div>
                                <div id="formHtml" class="col-lg-12">
                                    <div class="white-box">

                                        <div class="add-visitor">
                                            <div class="row">

                                                <div class="col-lg-12">
                                                    <div class="primary_input mb-25">
                                                        <label class="primary_input_label" for="title">{{ __('common.title') }}
                                                            <span class="text-danger">*</span></label>
                                                        <input class="primary_input_field" type="text" id="title"
                                                            name="title" autocomplete="off" value="{{$new_user_zone->title?$new_user_zone->title:old('title')}}"
                                                            placeholder="{{ __('common.title') }}">
                                                    </div>
                                                    @error('title')
                                                        <span class="text-danger" id="error_title">{{ $message }}</span>
                                                    @enderror
                                                </div>
                                                <div class="col-lg-12">
                                                    <div class="primary_input mb-25">
                                                        <label class="primary_input_label" for="sub_title">{{ __('common.sub_title') }}
                                                            <span class="text-danger">*</span></label>
                                                        <input class="primary_input_field" type="text" id="sub_title"
                                                            name="sub_title" autocomplete="off" value="{{$new_user_zone->sub_title?$new_user_zone->sub_title:old('sub_title')}}"
                                                            placeholder="{{ __('common.sub_title') }}">
                                                    </div>
                                                    @error('sub_title')
                                                        <span class="text-danger" id="error_sub_title">{{ $message }}</span>
                                                    @enderror
                                                </div>
                                                <div class="col-lg-12">
                                                    <div class="primary_input mb-25">
                                                        <label class="primary_input_label"
                                                            for="background_color">{{ __('marketing.background_color') }} </label>
                                                        <input class="primary_input_field" type="text" id="background_color"
                                                            class="form-control" name="background_color" autocomplete="off"
                                                            value="{{$new_user_zone->background_color?$new_user_zone->background_color:old('background_color')}}" placeholder="{{ __('#000000') }}">
                                                    </div>
                                                    @error('background_color')
                                                        <span class="text-danger"
                                                            id="error_background_color">{{ $message }}</span>
                                                    @enderror
                                                </div>
                                                <div class="col-lg-8">
                                                    <div class="primary_input mb-25">
                                                        <label class="primary_input_label" for="">{{ __('common.banner') }} {{__('common.image')}} (1920 x 500) </label>
                                                        <div class="primary_file_uploader">
                                                            <input class="primary-input" type="text" id="banner_image_file"
                                                                placeholder="{{__('common.browse')}} {{__('common.image')}}" readonly="">
                                                            <button class="" type="button">
                                                                <label class="primary-btn small fix-gr-bg"
                                                                    for="banner_image">{{ __('common.browse') }} </label>
                                                                <input type="file" class="d-none" name="banner_image" id="banner_image">
                                                            </button>
                                                        </div>
                                                    </div>
                                                    @error('banner_image')
                                                    <span class="text-danger" id="error_banner_image">{{$message}}</span>
                                                    @enderror
                                                </div>
                                                <div class="col-lg-4">

                                                    <div class="banner_img_div">
                                                        <img id="MetaImgDiv"
                                                             src="{{$new_user_zone->banner_image?showImage($new_user_zone->banner_image):'backend/img/default.png' }}" alt="">
                                                    </div>
                                                </div>

                                                <div class="col-lg-12">
                                                    <div class="primary_input mb-25">
                                                        <label class="primary_input_label"
                                                            for="title_show">{{ __('common.show') }} {{ __('common.title') }} </label>
                                                            <label class="switch_toggle" for="checkbox">
                                                                <input type="checkbox" id="checkbox"
                                                                {{ $new_user_zone->title_show == 1 ? 'checked':0 }}
                                                                value="1" name='title_show' class="product_status_change" >
                                                                <div class="slider round"></div>
                                                            </label>
                                                    </div>
                                                    @error('title_show')
                                                        <span class="text-danger"
                                                            id="error_title_show">{{ $message }}</span>
                                                    @enderror
                                                </div>


                                            </div>
                                        </div>

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

                <div role="tabpanel" class="tab-pane fade" id="productSetup">
                    <div class="row">

                        <div class="col-lg-5">
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="main-title">
                                        <h3 class="mb-30">
                                            {{ __('marketing.setup_products') }} </h3>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div id="formHtmlProduct" class="col-lg-12">
                                    <div class="white-box">

                                        <div class="add-visitor">
                                            <div class="row">
                                                <div class="col-lg-12">
                                                    <div class="primary_input mb-25">
                                                        <label class="primary_input_label" for="product_navigation_label">{{ __('marketing.navigation_label') }}
                                                            <span class="text-danger">*</span></label>
                                                        <input class="primary_input_field" type="text" id="product_navigation_label"
                                                            name="product_navigation_label" autocomplete="off" value="{{$new_user_zone->product_navigation_label?$new_user_zone->product_navigation_label:old('product_navigation_label')}}"
                                                            placeholder="{{ __('marketing.navigation_label') }}">
                                                    </div>
                                                    @error('product_navigation_label')
                                                        <span class="text-danger">{{ $message }}</span>
                                                    @enderror
                                                </div>

                                                <div class="col-lg-12">
                                                    <div class="primary_input mb-25">
                                                        <label class="primary_input_label" for="product_slogan">{{ __('marketing.slogan') }}
                                                            </label>
                                                        <input class="primary_input_field" type="text" id="product_slogan"
                                                            name="product_slogan" autocomplete="off" value="{{$new_user_zone->product_slogan?$new_user_zone->product_slogan:old('product_slogan')}}"
                                                            placeholder="{{ __('marketing.slogan') }}">
                                                    </div>
                                                    @error('product_slogan')
                                                        <span class="text-danger">{{ $message }}</span>
                                                    @enderror
                                                </div>

                                                <div class="col-lg-12">
                                                    <div class="primary_input mb-15">
                                                        <label class="primary_input_label"
                                                            for="">{{ __('common.products') }} <span class="text-danger">*</span></label>
                                                        <select id="product" class="mb-15">
                                                            <option disabled selected value="">{{ __('marketing.select_products') }}</option>
                                                        </select>
                                                    </div>
                                                    @error('products')
                                                        <span class="text-danger">{{ $message }}</span>
                                                    @enderror
                                                </div>


                                            </div>

                                        </div>

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

                        <div class="col-lg-7">

                            <div class="row ">
                                <div class="col-lg-12">
                                    <div class="row">
                                        <div class="col-lg-4 no-gutters">
                                            <div class="main-title">
                                                <h3 class="mb-30">{{ __('marketing.selected_product_list') }}</h3>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-12">
                                    <div class="white-box overflow-auto">
                                        <div id="item_table">
                                            <table class="table table-bordered">
                                                <thead>
                                                    <tr>
                                                        <th width="35%" class="text-center">{{__('common.product')}}</th>
                                                        @if(isModuleActive('MultiVendor'))
                                                        <th width="25%" class="text-center">{{__('common.seller')}}</th>
                                                        @endif
                                                        <th width="30%" class="text-center">{{__('common.price')}}</th>
                                                        <th width="10%" class="text-center">{{__('common.delete')}}</th>
                                                    </tr>
                                                </thead>
                                                <tbody id="sku_tbody">
                                                    @foreach($new_user_zone->products as $key => $product)
                                                    <tr>
                                                        <td>
                                                            <div class="product_info">
                                                                <div class="product_img_div">
                                                                    <img class="productImg" src="{{ showImage(@$product->product->product->thumbnail_image_source) }}" alt="">
                                                                </div>
                                                                <div class="product_name_div">
                                                                    <p class="text-nowrap">{{substr(@$product->product->product->product_name, 0, 30)}}</p>
                                                                    <input type="hidden" name="product[]" value="{{$product->product->id}}">
                                                                </div>
                                                            </div>
                                                        </td>
                                                        @if(isModuleActive('MultiVendor'))
                                                        <td class="text-center">
                                                            <div class="price_div">
                                                                <p class="text-nowrap">@if($product->product->seller->role->type == 'seller'){{@$product->product->seller->first_name}} @else Inhouse @endif</p>
                                                                <input type="hidden" id="product_check_{{$product->id}}">
                                                            </div>
                                                        </td>
                                                        @endif
                                                        <td class="text-center">
                                                            <div class="price_div">
                                                                <p class="text-nowrap">
                                                                    @if(@$product->product->hasDeal)
                                                                        @if (@$product->product->product->product_type == 1)
                                                                        {{single_price(selling_price(@$product->product->skus->first()->selling_price,@$product->product->hasDeal->discount_type,@$product->product->hasDeal->discount))}}
                                                                        @else
                                                                            @if (selling_price(@$product->product->skus->min('selling_price'),@$product->product->hasDeal->discount_type,@$product->product->hasDeal->discount) === selling_price(@$product->product->skus->max('selling_price'),@$product->product->hasDeal->discount_type,@$product->product->hasDeal->discount))
                                                                                {{single_price(selling_price(@$product->product->skus->min('selling_price'),@$product->product->hasDeal->discount_type,@$product->product->hasDeal->discount))}}
                                                                            @else
                                                                                {{single_price(selling_price(@$product->product->skus->min('selling_price'),@$product->product->hasDeal->discount_type,@$product->product->hasDeal->discount))}} - {{single_price(selling_price(@$product->product->skus->max('selling_price'),@$product->product->hasDeal->discount_type,@$product->product->hasDeal->discount))}}
                                                                            @endif
                                                                        @endif
                                                                    @else
                                                                        @if (@$product->product->product->product_type == 1)
                                                                        {{single_price(selling_price(@$product->product->skus->first()->selling_price,$product->product->discount_type,$product->product->discount))}}
                                                                        @else

                                                                            @if (selling_price(@$product->product->skus->min('selling_price'),$product->product->discount_type,$product->product->discount) === selling_price(@$product->product->skus->max('selling_price'),$product->product->discount_type,$product->product->discount))
                                                                                {{single_price(selling_price(@$product->product->skus->min('selling_price'),$product->product->discount_type,$product->product->discount))}}
                                                                            @else
                                                                                {{single_price(selling_price(@$product->product->skus->min('selling_price'),$product->product->discount_type,$product->product->discount))}} - {{single_price(selling_price(@$product->product->skus->max('selling_price'),$product->product->discount_type,$product->product->discount))}}
                                                                            @endif
                                                                        @endif
                                                                    @endif
                                                                </p>
                                                            </div>
                                                        </td>
                                                        <td class="text-center pl-16">
                                                            <div class="price_div">
                                                                <a class="product_delete_btn"><i class="ti-close"></i></a>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

                <div role="tabpanel" class="tab-pane fade" id="priceSetup">
                    <div class="row">
                        <div class="col-lg-5">
                            <div class="col-lg-12">
                                <div class="no-gutters">
                                    <div class="main-title">
                                        <h3 class="mb-30">{{ __('common.category') }} {{__('common.setup')}}</h3>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="white_box_50px box_shadow_white mb-40 minh-430">
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="primary_input mb-25">
                                                <label class="primary_input_label" for="category_navigation_label">{{ __('marketing.navigation_label') }}
                                                    <span class="text-danger">*</span></label>
                                                <input class="primary_input_field" type="text" id="category_navigation_label"
                                                    name="category_navigation_label" autocomplete="off" value="{{$new_user_zone->category_navigation_label?$new_user_zone->category_navigation_label:old('category_navigation_label')}}"
                                                    placeholder="{{ __('marketing.navigation_label') }}">
                                            </div>
                                            @error('category_navigation_label')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>

                                        <div class="col-lg-12">
                                            <div class="primary_input mb-25">
                                                <label class="primary_input_label" for="category_slogan">{{ __('marketing.slogan') }}
                                                   </label>
                                                <input class="primary_input_field" type="text" id="category_slogan"
                                                    name="category_slogan" autocomplete="off" value="{{$new_user_zone->category_slogan?$new_user_zone->category_slogan:old('category_slogan')}}"
                                                    placeholder="{{ __('marketing.slogan') }}">
                                            </div>
                                            @error('category_slogan')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>

                                        <div class="col-lg-12">
                                            <div class="primary_input mb-25">
                                                <label class="primary_input_label" for="">{{ __('common.category_list') }} <span class="text-danger">*</span></label>
                                                <select id="category" class="mb-15">
                                                    <option value="" selected disabled>{{__('marketing.select_category')}}</option>

                                                </select>
                                                <span class="text-danger"></span>
                                            </div>
                                         </div>

                                    </div>

                                </div>
                            </div>
                        </div>
                        <div class="col-lg-7">
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="no-gutters">
                                        <div class="main-title">
                                            <h3 class="mb-30">{{ __('marketing.selected_category_list') }}</h3>
                                        </div>
                                    </div>
                                </div>


                                <div class="col-lg-12">
                                    <div class="white-box ">
                                        <div id="categoryDiv" class="minh-250">

                                            @foreach($new_user_zone->categories as $key => $category)
                                                @if($category->category->status == 1)
                                                    <div class="col-lg-12 single_item">
                                                        <div class="mb-10">
                                                            <div class="card" >
                                                                <div class="card-header card_header_element">
                                                                    <p class="d-inline">
                                                                        {{$category->category->name}}
                                                                        <input type="hidden" id="catego_{{$category->id}}">
                                                                    </p>
                                                                    <input type="hidden" name="category[]" value="{{$category->category->id}}">

                                                                    <div class="pull-right category_delete_div">
                                                                        <a class=" d-inline primary-btn category_delete_btn cat_btn"><i class="ti-close"></i></a>
                                                                    </div>

                                                                </div>


                                                            </div>
                                                        </div>
                                                    </div>
                                                @endif
                                            @endforeach

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

                            </div>

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

                <div role="tabpanel" class="tab-pane fade" id="couponSetup">
                    <div class="row">
                        <div class="col-lg-5">
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="no-gutters">
                                        <div class="main-title">
                                            <h3 class="mb-30">{{ __('marketing.coupon_section_setup') }}</h3>
                                        </div>
                                    </div>
                                </div>
                                <div id="formHtmlCoupon" class="col-lg-12">
                                    <div class="white-box">

                                        <div class="add-visitor">
                                            <div class="row">

                                                <div class="col-lg-12">
                                                    <div class="primary_input mb-25">
                                                        <label class="primary_input_label"
                                                            for="coupon_navigation_label">{{ __('marketing.navigation_label') }}
                                                            <span class="text-danger">*</span></label>
                                                        <input class="primary_input_field" type="text"
                                                            id="coupon_navigation_label" name="coupon_navigation_label"
                                                            autocomplete="off"
                                                            value="{{ $new_user_zone->coupon_navigation_label?$new_user_zone->coupon_navigation_label:old('coupon_navigation_label') }}"
                                                            placeholder="{{ __('marketing.navigation_label') }}" required>
                                                    </div>
                                                    @error('coupon_navigation_label')
                                                        <span class="text-danger">{{ $message }}</span>
                                                    @enderror
                                                </div>

                                                <div class="col-lg-12">
                                                    <div class="primary_input mb-25">
                                                        <label class="primary_input_label" for="coupon_slogan">{{ __('marketing.slogan') }}
                                                           </label>
                                                        <input class="primary_input_field" type="text" id="coupon_slogan"
                                                            name="coupon_slogan" autocomplete="off" value="{{$new_user_zone->coupon_slogan?$new_user_zone->coupon_slogan:old('coupon_slogan')}}"
                                                            placeholder="{{ __('marketing.slogan') }}">
                                                    </div>
                                                    @error('coupon_slogan')
                                                        <span class="text-danger">{{ $message }}</span>
                                                    @enderror
                                                </div>
                                                <div class="col-lg-12">
                                                    <div class="primary_input mb-25">
                                                        <label class="primary_input_label"
                                                            for="">{{ __('marketing.coupon_list') }} </label>
                                                        <select name="coupon" id="coupon" class="primary_select mb-15">
                                                            <option value="" selected disabled> {{__('common.select')}}</option>
                                                            @foreach($coupons as $key => $coupon)
                                                            <option {{@$new_user_zone->coupon->coupon_id == $coupon->id?'selected':''}} value="{{$coupon->id}}">{{$coupon->title}}</option>
                                                            @endforeach
                                                        </select>
                                                        <span class="text-danger"></span>
                                                    </div>
                                                </div>

                                                <div class="col-lg-12">
                                                    <div class="primary_input mb-25">
                                                        <label class="primary_input_label"
                                                            for="">{{ __('common.category_list') }} <span class="text-danger">*</span></label>
                                                        <select id="coupon_category"
                                                            class="mb-15">
                                                            <option value="" selected disabled>{{__('marketing.select_category')}}</option>

                                                        </select>
                                                        <span class="text-danger"></span>
                                                    </div>
                                                </div>


                                                <div class="col-lg-12 mt-40 text-center">
                                                    <button id="submit_btn" type="submit" class="primary-btn fix-gr-bg"
                                                        data-toggle="tooltip" title="" data-original-title="">
                                                        <span class="ti-check"></span>
                                                        {{ __('common.update') }} </button>


                                                </div>
                                            </div>

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

                            </div>


                        </div>
                        <div class="col-lg-7">
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="no-gutters">
                                        <div class="main-title">
                                            <h3 class="mb-30">{{ __('marketing.selected_category_list') }}</h3>
                                        </div>
                                    </div>
                                </div>


                                <div class="col-lg-12">
                                    <div class="white-box ">
                                        <div id="CouponCategoryDiv" class="minh-250">

                                            @foreach($new_user_zone->couponCategories as $key => $category)

                                                @if($category->category->status == 1)
                                                    <div class="col-lg-12 single_item">
                                                        <div class="mb-10">
                                                            <div class="card" >
                                                                <div class="card-header card_header_element">
                                                                    <p class="d-inline">
                                                                        {{$category->category->name}}
                                                                        <input type="hidden" id="coupon_catego_{{$category->id}}">
                                                                    </p>
                                                                    <input type="hidden" name="coupon_category[]" value="{{$category->category->id}}">

                                                                    <div class="pull-right category_delete_div">
                                                                        <a class=" d-inline primary-btn category_delete_btn coupon_category_delete_btn"><i class="ti-close"></i></a>
                                                                    </div>

                                                                </div>


                                                            </div>
                                                        </div>
                                                    </div>
                                                @endif
                                            @endforeach

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

                            </div>

                        </div>
                        </div>

                    </div>

                </div>
            </div>



            </form>
        </div>
    </section>
@endsection
@push('scripts')
    <script>

        (function($){
            "use strict";
            $(document).ready(function() {
                $("#background_color").spectrum();
                $("#text_color").spectrum();

                $(document).on('change', '#product', function(event) {

                    $('#submit_btn').prop('disabled',true);
                    $('#pre-loader').removeClass('d-none');
                    get_selected_product();
                });

                function get_selected_product(){
                    let product_id = $('#product').val();
                    if(product_id != null){
                        $.post('{{ route('marketing.new-user-zone.product-list') }}', {_token:'{{ csrf_token() }}', product_id:product_id}, function(data){
                            let exsists = $('#product_check_'+product_id).length;
                            if(exsists < 1){
                                $('#sku_tbody').append(data);
                                $('#submit_btn').prop('disabled',false);
                                $('#product').val('');
                                $('#product').niceSelect('update');
                                $('#pre-loader').addClass('d-none');
                            }else{
                                toastr.error("{{__('marketing.this_item_already_added_to_list')}}");
                                $('#submit_btn').prop('disabled', false);
                                $('#pre-loader').addClass('d-none');
                            }
                        });
                    }
                    else{

                        $('#submit_btn').prop('disabled',false);
                    }
                }



                $(document).on('change','#category', function(event){

                    $('#submit_btn').prop('disabled', true);
                    $('#pre-loader').removeClass('d-none');
                    get_selected_category();

                });

                function get_selected_category(){
                    let category_id = $('#category').val();
                    if(category_id != null){
                        let data = {
                            '_token': '{{ csrf_token() }}',
                            'category_id': category_id
                        }

                        $.post("{{ route('marketing.new-user-zone.category-list') }}", data, function(data) {
                            let exsists = $('#catego_'+category_id).length;
                            if(exsists < 1){
                                $('#categoryDiv').append(data);
                                $('#submit_btn').prop('disabled', false);
                                $('#category').val('');
                                $('#category').niceSelect('update');
                                $('#pre-loader').addClass('d-none');
                            }else{
                                toastr.error("{{__('marketing.this_item_already_added_to_list')}}");
                                $('#submit_btn').prop('disabled', false);
                                $('#pre-loader').addClass('d-none');
                            }

                        });
                    }else{
                        $('#submit_btn').prop('disabled', false);
                    }
                }

                $(document).on('change','#coupon_category', function(event){
                    $('#submit_btn').prop('disabled', true);
                    $('#pre-loader').removeClass('d-none');
                    get_selected_coupon_category();

                });

                function get_selected_coupon_category(){
                    let category_id = $('#coupon_category').val();
                    if(category_id != null){
                        let data = {
                            '_token': '{{ csrf_token() }}',
                            'category_id': category_id
                        }

                        $.post("{{ route('marketing.new-user-zone.coupon-category-list') }}", data, function(data) {
                            let exsists = $('#coupon_catego_'+category_id).length;
                            if(exsists < 1){
                                $('#CouponCategoryDiv').append(data);
                                $('#submit_btn').prop('disabled', false);
                                $('#coupon_category').val('');
                                $('#coupon_category').niceSelect('update');
                                $('#pre-loader').addClass('d-none');
                            }else{
                                toastr.error("{{__('marketing.this_item_already_added_to_list')}}");
                                $('#submit_btn').prop('disabled', false);
                                $('#pre-loader').addClass('d-none');
                            }

                        });
                    }else{
                        $('#submit_btn').prop('disabled', false);
                    }
                }

                $(document).on('mouseover','body',function(){
                    $('#categoryDiv').sortable({
                        cursor:"move"

                    }).disableSelection();

                    $('#CouponCategoryDiv').sortable({
                        cursor:"move"

                    }).disableSelection();

                });
                $(document).on('change', '#banner_image', function(){
                    getFileName($(this).val(),'#banner_image_file');
                    imageChangeWithFile($(this)[0],'#MetaImgDiv');
                });

                $(document).on('click', '.product_delete_btn', function(event){
                    event.preventDefault();
                    delete_product_row($(this)[0]);
                });

                $(document).on('click', '.cat_btn', function(event){
                    event.preventDefault();
                    categoryDelete($(this)[0]);
                });
                $(document).on('click', '.coupon_category_delete_btn', function(event){
                    event.preventDefault();
                    couponCategoryDelete($(this)[0]);
                });

                function delete_product_row(this_data){
                    let row = this_data.parentNode.parentNode.parentNode;
                    row.parentNode.removeChild(row);
                }

                function categoryDelete(this_data){
                    let row = this_data.parentNode.parentNode.parentNode.parentNode.parentNode;
                    row.parentNode.removeChild(row);
                }

                function couponCategoryDelete(this_data){
                    let row = this_data.parentNode.parentNode.parentNode.parentNode.parentNode;
                    row.parentNode.removeChild(row);
                }
                dynamicSelect2WithAjax("#product", "{{url('/products/seller-products/get-by-ajax')}}", "GET");
                dynamicSelect2WithAjax("#category", "{{url('/products/get-category-data')}}", "GET");
                dynamicSelect2WithAjax("#coupon_category", "{{url('/products/get-category-data')}}", "GET");
            });
        })(jQuery);

    </script>
@endpush