@extends('admin.layouts.sellermastersoyuz')
@section('title','Create New Artwork | ')
@section('body')

@component('seller.components.breadcumb',['thirdactive' => 'active'])
@slot('heading')
{{ __('staticwords.CreateNewArtwork') }}
@endslot
@slot('menu1')
{{ __('staticwords.artworks') }}
@endslot
@slot('menu1')
{{ __('staticwords.CreateNewArtwork') }}
@endslot

@slot('button')
<div class="col-md-6">
    <div class="widgetbar">
        <a href="{{ route('simple-products.index') }}" class="btn btn-primary-rgba"><i class="feather icon-arrow-left mr-2"></i>{{ __("staticwords.Back")}}</a>

    </div>
</div>
@endslot

@endcomponent

<div class="contentbar">
    @if ($errors->any())
    <div class="alert alert-danger" role="alert">
        @foreach($errors->all() as $error)
        <p>{{ $error}}<button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true" style="color:red;">&times;</span></button></p>
        @endforeach
    </div>
    @endif


    <div class="row">
        <div class="col-lg-12">
            <div class="card m-b-30">
                <div class="card-header">
                    <h5 class="card-title">{{ __('staticwords.CreateNewArtwork') }}</h5>
                </div>
                <div class="card-body">
                    <form id="form" action="{{ route('simple-products.store') }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        <div class="row">


                            <!-- <div class="col-md-6 form-group">
                        <label>Artwork Type: <span class="required">*</span></label>
                        <select required data-placeholder="{{ __("Please select artwork type") }}" name="type" id="product_type" class="select2 product_type form-control">
                            <option value="">{{ __("Please select artwork type") }}</option>
                            <option {{ old('type') == 'simple_product' ? "selected" : "" }} value="simple_product">{{ __("Artwork") }}</option>
                            <option {{ old('type') == 'd_product' ? "selected" : "" }} value="d_product">{{ __("Digital Product") }}</option>
                            <option {{ old('type') == 'ex_product' ? "selected" : "" }} value="ex_product">{{ __("External Product") }}</option>
                        </select>
                    </div> -->


                            <div class="col-md-6 form-group">
                                <label>{{ __('staticwords.ArtworkName') }}: <span class="required">*</span></label>
                                <input placeholder="{{ __('staticwords.Enter') }} {{ __('staticwords.ArtworkName') }}" type="text" value="{{ old('product_name') }}" class="form-control" name="product_name">
                            </div>


                            <div class="ex_pro_link d-none col-md-12 form-group">
                                <label>Artwork Link: <span class="required">*</span></label>
                                <input placeholder="{{ __('Enter artwork link: https:// ') }}" type="text" value="{{ old('external_product_link') }}" class="form-control" name="external_product_link">
                            </div>

                            <div class="col-md-6" style="display:none;">
                                <label>
                                    Artwork Brand: <span class="required">*</span>
                                </label>
                                <select data-placeholder="Please select brand" name="brand_id" class="select2 form-control">
                                    <!-- <option value="">Please Select</option> -->
                                    @if(!empty($brands_all))
                                    @foreach($brands_all as $brand)
                                    <option value="{{$brand->id}}" {{ $brand->id == old('brand_id') ? 'selected="selected"' : '' }}>
                                        {{$brand->name}}
                                    </option>
                                    @endforeach
                                    @endif
                                </select>
                            </div>

                            <div class="col-md-6 form-group">
                                <label>{{ __('staticwords.Artist/ArtGallery') }}
                                : <span class="required">*</span>
                                </label>
                                <select data-placeholder="Please select store" name="store_id" class="form-control select2">
                                    <option value="{{ $store->id }}">{{ $store->name }}</option>
                                </select>
                            </div>
                            

                        <div class="col-md-6">
                        <div class="form-group">
                            <label class="text-dark">Currency Code: <span class="text-danger">*</span></label>
                            <input readonly value="{{ $store->code }}" placeholder="eg. USD" value="{{ old('code') }}"  class="form-control"
                              type="text" name="code">
                            <small class="text-muted">
                              <i class="fa fa-question-circle"></i> Currency code must be a valid ISO-3 code.
                              Find your currency ISO3 code <a target="__blank"
                                href="https://www1.oanda.com/currency/help/currency-iso-code-country">here</a>
                            </small>
                        </div>
                          </div>
                            <div class="col-md-6">
                                <label>{{ __('staticwords.ArtworkSize') }}: <span class="required">*</span></label>
                                <input placeholder="{{ __('staticwords.Enter') }} {{ __('staticwords.ArtworkSize') }}" type="text" class="form-control" name="size" value="{{ old('size') }}">
                            </div>

                            <div class="col-md-6">
                                <label>{{ __('staticwords.ArtworkMaterial') }}: <span class="required">*</span></label>
                                <input placeholder="{{ __('staticwords.Enter') }} {{ __('staticwords.ArtworkMaterial') }}" type="text" class="form-control" name="material" value="{{ old('material') }}">
                            </div>
                            <!--  <div class="form-group col-md-12">
                        <label> Key Features :
                        </label>
                        <textarea class="form-control editor" name="key_features">{!! old('key_features') !!}</textarea>
                    </div> -->

                            <div class="form-group col-md-12">
                                <label>{{ __('staticwords.ArtworkDescription') }}: <span class="required">*</span></label>
                                <textarea placeholder="{{ __('staticwords.Enter') }} {{ __('staticwords.ArtworkDescription') }}" class="editor" name="product_detail" id="product_detail" cols="30" rows="10">{{ old('product_detail') }}</textarea>
                                <label id="product_detail-error" class="error" for="product_detail"></label>
                            </div>


                            <div class="col-md-3 form-group">
                                <label>{{ __('staticwords.ArtworkCategory') }}: <span class="required">*</span></label>
                                <select data-placeholder="{{ __('Please select category') }}" name="category_id" id="category_id" class="form-control select2">
                                    <option value="">{{ __("Please select category") }}</option>
                                    @foreach($categories as $category)
                                    <option value="{{ $category->id }}">{{ $category->title }}</option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="col-md-3 form-group">
                                <label>{{ __('staticwords.ArtworkSubategory') }}: <span class="required">*</span></label>
                                <select data-placeholder="Please select subcategory" name="subcategory_id" id="upload_id" class="form-control select2">
                                    <option value="">Please Select</option>
                                </select>
                            </div>

                            <div class="col-md-3 form-group">
                                <label>
                                    {{ __('staticwords.Childcategory') }}:
                                </label>
                                <select data-placeholder="Please select childcategory" name="child_id" id="grand" class="form-control select2">
                                    <option value="">Please choose</option>
                                </select>
                            </div>
                            <div class="col-md-3 form-group">
                                <label>
                                    {{ __("staticwords.ArtworkTag") }}  {{ __("staticwords.in") }} ({{ app()->getLocale() }}) :
                                    <!-- <i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="{{ __("It will show in front end in rounded circle with product thumbnail") }}"></i> -->
                                </label>
                                <input type="text" value="{{ old('sale_tag') }}" class="form-control" name="sale_tag" placeholder='{{ __("staticwords.Exclusive") }}'>
                            </div>

                            <!-- <div class="col-md-12 form-group">
                        <label>Artwork Tags:</label>
                        <input placeholder="{{ __("Enter product tags by comma") }}" type="text"
                            class="form-control" name="product_tags" value="{{ old('product_tags') }}">
                    </div> -->



                            <!-- <div class="col-md-4 form-group">
                        <label>
                            {{ __("Artwork tag") }} in ({{ app()->getLocale() }}) :
                            <i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="{{ __("It will show in front end in rounded circle with product thumbnail") }}"></i>
                        </label>
                        <input type="text" value="{{ old("sale_tag") }}" class="form-control" name="sale_tag" placeholder="Exclusive">
                    </div> -->






                            <!-- <div class="col-md-4 form-group">
                        <label>
                            {{ __("Artwork tag text color") }} :
                        </label>
                        <div class="input-group initial-color" title="Using input value">
                            <input type="text" class="form-control input-lg" value="#000000" name="sale_tag_text_color" placeholder="#000000"/>
                            <span class="input-group-append">
                              <span class="input-group-text colorpicker-input-addon"><i></i></span>
                            </span>
                        </div>
                      
                    </div> -->



                            <!-- <div class="col-md-4 form-group">
                        <label>
                            {{ __("Artwork tag background color") }} :
                        </label>
                        

                        <div class="input-group initial-color" title="Using input value">
                            <input type="text" class="form-control input-lg" value="#000000"  name="sale_tag_color" placeholder="#000000"/>
                            <span class="input-group-append">
                              <span class="input-group-text colorpicker-input-addon"><i></i></span>
                            </span>
                          </div>

                    </div> -->

                            <!-- <div class="col-md-4 form-group">
                       
                            <label>Model No:</label>
                            <input placeholder="{{ __("Enter artwork modal name or no.") }}" type="text"
                                class="form-control" name="model_no" value="{{ old('model_no') }}">
                       
                    </div>

                    <div class="col-md-4 form-group">
                      
                            <label>HSN/SAC : <span class="required">*</span></label>
                            <input required placeholder="{{ __("Enter artwork HSN/SAC code") }}" type="text"
                                class="form-control" name="hsin" value="{{ old('hsin') }}">
                        
                    </div>

                    <div class="col-md-4 form-group">
                        <label>SKU:</label>
                        <input placeholder="{{ __("Enter artwork SKU code") }}" type="text"
                        class="form-control" name="sku" value="{{ old('sku') }}">
                    </div>
                         -->

                            <div class="col-md-3 form-group">
                                <label>{{ __('staticwords.Price') }}: <span class="required">*</span></label>
                                <!--  <input min="0"  required type="text" placeholder="0"
                            class="form-control simpleproduct" name="actual_selling_price" step="0.01" value="{{ old('actual_selling_price') }}"> -->
                                <input min="0" type="text" placeholder="0" class="form-control" id="actual_selling_price" name="actual_selling_price" step="0.01" value="{{ old('actual_selling_price') }}">
                            </div>

                            <div class="col-md-3 form-group">
                                <label>{{ __('staticwords.OfferPrice') }}: </label>
                                <!-- <input min="0"  type="text" placeholder="0"
                            class="form-control simpleproduct" name="actual_offer_price" step="0.01"
                            value="{{ old('actual_offer_price') }}"> -->
                                <input min="0" type="text" placeholder="0" class="form-control" id="actual_offer_price" name="actual_offer_price" step="0.01" value="{{ old('actual_offer_price') }}">
                            </div>

                            <div class="col-md-3">
                                <label>{{ __('staticwords.Tax') }}: <span class="required"></span> </label>
                                <input min="0" placeholder="0" type="text" class="form-control" name="tax" step="0.01" value="{{ old('tax') }}">
                                <small>({{__("staticwords.This tax % will add in given price")}})</small>
                            </div>



                            <div class="col-md-3">
                                <label>{{ __('staticwords.Tax name') }}: <span class="required"></span></label>
                                <input placeholder="{{ __('staticwords.Enter') }} {{ __('staticwords.Tax name') }}" type="text" class="form-control" name="tax_name" value="{{ old('tax_name') }}">
                            </div>
                            
                            <div class="col-md-6">
                                <label>{{ __('staticwords.ArtworkThumbnailImage') }}: <span class="required">*</span></label>
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text" id="inputGroupFileAddon01">{{ __('staticwords.Upload') }}</span>
                                    </div>
                                    <div class="custom-file">
                                        <input multiple name="thumbnail" type="file" class="custom-file-input" id="inputGroupFile01" aria-describedby="inputGroupFileAddon01" title='{{__("staticwords.ChooseFile")}}'>
                                        <label class="custom-file-label">{{ __('staticwords.ChooseFile') }}</label>
                                    </div>
                                </div>

                                <!-- <small class="text-muted">
                            <i class="fa fa-question-circle"></i> {{__("Please select artwork thumbnail")}}
                        </small> -->
                                <small class="text-muted">
                                    <i class="fa fa-question-circle"></i> {{__("staticwords.Please select artwork thumbnail")}}
                                    <br>
                                    <i class="fa fa-question-circle"></i> {{ __('staticwords.MaxFileSize') }} : {{__("300 kb")}}
                                </small>
                                <div id="id-error">
                                    <label id="inputGroupFile01-error" class="error" for="inputGroupFile01"></label>
                                </div>
                            </div>
                            <div class="col-md-6">

                                <label>Artwork Hover Thumbnail Image: <span class="required">*</span></label>
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text" id="inputGroupFileAddon01">{{ __('staticwords.Upload') }}</span>
                                    </div>
                                    <div class="custom-file">
                                        <input multiple name="hover_thumbnail" type="file" class="custom-file-input" id="inputGroupFile02" aria-describedby="inputGroupFileAddon01" title='{{__("staticwords.ChooseFile")}}'>
                                        <label class="custom-file-label">{{ __('staticwords.ChooseFile') }}</label>
                                    </div>
                                </div>

                                <!-- <small class="text-muted">
                                <i class="fa fa-question-circle"></i>
                                {{__("Please select artwork hover thumbnail")}}
                            </small> -->
                                <small class="text-muted">
                                    <i class="fa fa-question-circle"></i> {{__("staticwords.Please select artwork hover thumbnail")}}
                                    <br>
                                    <i class="fa fa-question-circle"></i> {{ __('staticwords.MaxFileSize') }} : {{__("300 kb")}}
                                </small>
                                <div id="id-error">
                                    <label id="inputGroupFile02-error" class="error" for="inputGroupFile02"></label>
                                </div>
                            </div>

                            <!-- <div class="col-md-4">
                        <label>Other Artwork Images: <span class="required">*</span></label>
                        <div class="input-group">
                          <div class="input-group-prepend">
                            <span class="input-group-text" id="inputGroupFileAddon01">Upload</span>
                          </div>
                          <div class="custom-file">
                            <input  multiple required name="images[]"  type="file" class="custom-file-input" id="inputGroupFile01" aria-describedby="inputGroupFileAddon01">
                            <label class="custom-file-label" for="inputGroupFile01">Choose file</label>
                          </div>
                        </div>
                     
                        <small class="text-muted">
               <i class="fa fa-question-circle"></i> {{__("Multiple images can be choosen")}}
                <br>
                <i class="fa fa-question-circle"></i>  {{ __('staticwords.MaxFileSize') }} : {{__("300 kb")}}
              </small>
                    </div> -->
                            <!-- <div class="row"> -->
                            <div class="col-md-12">
                                <label>{{ __('staticwords.Artwork Gallery Images') }}: <span class="required">*</span></label>
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text" id="inputGroupFileAddon01">{{ __('staticwords.Upload') }}</span>
                                    </div>
                                    <div class="custom-file">
                                        <input multiple name="images[]" type="file" class="custom-file-input" id="inputGroupFile03" aria-describedby="inputGroupFileAddon01" title='{{__("staticwords.ChooseFile")}}'>
                                        <label class="custom-file-label">{{ __('staticwords.ChooseFile') }}</label>
                                    </div>
                                </div>

                                <!-- 
                        <small class="text-muted">
                            <i class="fa fa-question-circle"></i> {{__("Multiple images can be choosen")}}
                        </small> -->
                                <small class="text-muted">
                                    <i class="fa fa-question-circle"></i> {{__("staticwords.Multiple images can be choosen")}}
                                    <br>
                                    <i class="fa fa-question-circle"></i> {{ __('staticwords.MaxFileSize') }} : {{__("2 MB")}}
                                </small>
                                <div id="id-error">
                                    <label id="inputGroupFile03-error" class="error" for="inputGroupFile03"></label>
                                </div>
                            </div>
                            <!-- </div> -->


                            <div class="product_file d-none col-md-12">
                                <label>Downloadable Artwork File: <span class="text-red">*</span></label>
                                <input name="product_file" class="form-control" type="file">
                                <small class="text-muted">
                                    <i class="fa fa-question-circle"></i> {{__("Max file size is 50 MB")}}
                                </small>
                            </div>






                            <div class="col-md-3 form-group mt-md-1">
                                <label>{{ __("staticwords.Status")}} :</label>
                                <br>
                                <label class="switch">
                                    <input type="checkbox" name="status" {{ old('status') == '1' ? "checked" : "" }}>
                                    <span class="knob"></span>
                                </label>
                                <br>
                                <small class="text-muted"><i class="fa fa-question-circle"></i> {{ __("staticwords.ToggleArtworkStatus")}}</b></small>
                            </div>



                            <!-- <div class="col-md-3 form-group mt-md-1">
                                <label>Free Shipping :</label>
                                <br>
                                <label class="switch">
                                    <input type="checkbox" name="free_shipping" {{ old('free_shipping') == '1' ? "checked" : "" }}>
                                    <span class="knob"></span>
                                </label>
                                <br>
                                <small class="text-muted"><i class="fa fa-question-circle"></i> Toggle to allow free
                                    shipping on artwork.</b></small>
                            </div> -->


                            <div class="col-md-3 form-group mt-md-1">
                                <label>{{ __("staticwords.cancelAvailable")}} :</label>
                                <br>
                                <label class="switch">
                                    <input type="checkbox" name="cancel_avbl" {{ old('cancel_avbl') == '1' ? "checked" : "" }}>
                                    <span class="knob"></span>
                                </label>
                                <br>
                                <small class="text-muted"><i class="fa fa-question-circle"></i>{{ __("staticwords.ToggleArtworkCancellation")}}.</b></small>
                            </div>


                            <div class="col-md-3 form-group mt-md-1">
                                <label>{{ __("staticwords.CODAvailable")}} :</label>
                                <br>
                                <label class="switch">
                                    <input type="checkbox" name="cod_avbl" {{ old('cod_avbl') == '1' ? "checked" : "" }}>
                                    <span class="knob"></span>
                                </label>
                                <br>
                                <small class="text-muted"><i class="fa fa-question-circle"></i> {{ __("staticwords.ToggleAllowCODonArtwork")}}.</b></small>
                            </div>



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

                                <label for=""> {{ __("staticwords.ReturnAvailable")}} :<span class="required">*</span></label>
                                <select data-placeholder="Please choose an option" class="form-control select2" id="choose_policy" name="return_avbl">
                                    <option value="">Please choose an option</option>
                                    <option {{ old('return_avbl') =='1' ? "selected" : "" }} value="1">Return Available</option>
                                    <option {{ old('return_avbl') =='0' ? "selected" : "" }} value="0">Return Not Available</option>
                                </select>
                                <br>
                                <label id="choose_policy-error" class="error" for="choose_policy"> </label>


                            </div>

                            <div id="policy" class="{{ old('return_avbl') == 1 ? '' : 'display-none' }} form-group col-md-4">
                                <label>
                                  {{ __('staticwords.Select Return Policy') }} : <span class="required">*</span>
                                </label>
                                <select data-placeholder="Please select return policy" name="policy_id" class="form-control select2">
                                    <option value="">Please select return policy</option>

                                    @foreach(App\admin_return_product::where('status','1')->get() as $policy)
                                    <option {{ old('policy_id') == $policy->id ? "selected" : "" }} value="{{ $policy->id }}">{{ $policy->name }}</option>
                                    @endforeach
                                </select>
                                <label id="policy_id-error" class="error" for="policy_id"> </label>
                            </div>
                            <div class="col-md-12">
                            <div class="form-group">
                                <label class="text-dark">{{ __("staticwords.Choose Business Type") }}:<span class="text-danger">*</span></label><br>
                                @php 
                                    $all_bcat =  App\BusinessCategory::where('status','=','1')->orderBy('title','ASC')->get();
                                @endphp
                             
                                     @if(count($all_bcat)>0)
                       
                                     @foreach($all_bcat as $bcat)
                                    <input type="checkbox" name="business_category[]" value="{{$bcat->id }}">  &nbsp;  {{$bcat->title }} &nbsp; &nbsp; 

                                    @endforeach
                                    @endif
                                     <label id="business_category[]" class="error" for="business_category[]"> </label>
                            </div>
                        </div>

                        </div>
                </div>

                <div class="col-md-10 form-group">
                    <button type="reset" class="btn btn-danger mr-1"><i class="fa fa-ban"></i> {{ __("staticwords.reset")}}</button>
                    <button type="submit" name="submit" id="seller_form" class="btn btn-primary"><i class="fa fa-check-circle"></i>
                        {{ __("staticwords.Create")}}</button>
                </div>




                </form>
            </div>
        </div>
    </div>
</div>
</div>
</div>
@endsection
@section('custom-script')
<script>
    $('#seller_form').click(function(){

        tinyMCE.triggerSave();
    });
    //$(document).ready(function () {
    $('#form').validate({
        // errorClass: "error",
        //     errorElement: 'label',

        ignore: [],
        rules: {
            product_name: {
                required: true
            },
            size: {
                required: true
            },
            material: {
                required: true
            },
            product_detail: {
                required: true
            },
            category_id: {
                required: true
            },
            subcategory_id: {
                required: true
            },
            actual_selling_price: {
               
               required: true,
               check_offer: function() {   
                   console.log($('#actual_offer_price').val());                 
                   if ($('#actual_offer_price').val()!='') {
                       return true;
                   }
               },
           },   
            // actual_offer_price:{

            // },
            //  code: {
            //     required: true
            // },
            thumbnail: {
                required: true,
                extension: "jpeg|jpg|png|webp|gif|bmp",
              //  filesize:true               
            },
            hover_thumbnail: {
                required: true,
                extension: "jpeg|jpg|png|webp|gif|bmp",    
              //  filesize:true              
            },
            "images[]": {
                required: true,
                extension: "jpeg|jpg|png|webp|gif|bmp",  
               //filesize:true                
            },
            policy_id: {
                required: function(element) {
                    return $('select[name=return_avbl]').val() == '1';
                }
            },
            return_avbl: {
                required: true
            },
            "business_category[]":{
                required: true,
            }
        },
        messages: {
            product_name: {
                required: "{{ __('staticwords.Please enter the artwork name') }}"
                //required: "Please enter the artwork name"
            },
            size: {
                
                required: "{{ __('staticwords.Please enter the artwork size') }}"
                //required: "Please enter the artwork size"
            },
            material: {
                
                required: "{{ __('staticwords.Please enter the artwork material') }}"
                //required: "Please enter the artwork material"
            },
            product_detail: {
                
                required: "{{ __('staticwords.Please enter the artwork detail description') }}"
                //required: "Please enter the artwork detail description"
            },
            category_id: {
                 required: "{{ __('staticwords.Please select artwork category') }}"
                //required: "Please select artwork category"
            },
            subcategory_id: {
                 required: "{{ __('staticwords.Please select artwork sub category') }}"
                //required: "Please select artwork sub category"
            },
            actual_selling_price: {
                 required: "{{ __('staticwords.Please enter the artwork price') }}",
               // required: "Please enter the artwork price",
                check_offer: "{{ __('staticwords.Artwork original price is greater than offer price') }}"
            },
            // actual_offer_price:{

            // },
            //  code: {
            //      required: "{{ __('staticwords.Please enter currency code') }}"
            // },
            thumbnail: {
                required: "{{ __('staticwords.Please upload artwork thumbnail image') }}",
                extension: "{{ __('staticwords.Only file type jpeg,jpg,png,webp,gif,bmp is allowed') }}", 
                filesize: "{{ __('staticwords.Upload file size must be less than 300KB') }}"              
            },
            hover_thumbnail: {
                required: "{{ __('staticwords.Please upload artwork hover thumbnail image') }}",
                extension: "{{ __('staticwords.Only file type jpeg,jpg,png,webp,gif,bmp is allowed') }}", 
                filesize: "{{ __('staticwords.Upload file size must be less than 300KB') }}"                
            },
            "images[]": {
                required: "{{ __('staticwords.Please upload artwork image') }}",
                extension: "{{ __('staticwords.Only file type jpeg,jpg,png,webp,gif,bmp is allowed') }}",  
                filesize: "{{ __('staticwords.Upload file size must be less than 2MB') }}"              
            },
            policy_id: {
                 required: "{{ __('staticwords.Please select return policy') }}"
              //  required: "Please select return policy"
            },
            return_avbl: {
                 required: "{{ __('staticwords.Please choose an option that return will be available for this artwork or not') }}"
               // required: "Please choose an option that return will be available for this artwork or not "
            },
             "business_category[]": {
                required: "{{ __('staticwords.Please choose Business Type for artwork') }}"
            }
        },
        errorPlacement: function(error, element) {
            console.log(element);
            error.insertAfter(element);
        }
    });
  
    //  });
    $('[name^="actual_selling_price"]').on('keyup', function() {
        $(this).valid();
    });
    $('[name="actual_offer_price"]').on('change blur keyup', function() {
        $('[name="actual_selling_price"]').valid(); // <- trigger a validation test
    });
    $.validator.addMethod('check_offer', function(value, element, param) {
        
        return (parseInt($("#actual_selling_price").val()) > parseInt($("#actual_offer_price").val()));
    }, 'Invalid value');

    jQuery.validator.addMethod("filesize", function(value, element){
               // var fp = $("#file");
               var fp= $('#'+element.id);
               if(element.id=='inputGroupFile03')
               var limit=2097152;
                else
                var limit=300000;
              // alert(element.id);
               console.log(element);
              // var files    =   $('#'+elem.id)[0].files;
                var lg = fp[0].files.length; // get length
               
                var items = fp[0].files;
                var fileSize = 0;
           
           if (lg > 0) {
                for (var i = 0; i < lg; i++) {
                    fileSize = fileSize+items[i].size; // get file size
                }
                
               // alert(fileSize);
               if(fileSize > limit) {
                   return false;
                }else{
                    return true;
                }
            }
}, "Upload file size must be less than 2 MB.");

    $('body').css('overflow', 'visible');



    $('.product_type').on('change', function() {

        var type = $(this).val();

        if (type == 'd_product') {

            $('.ex_pro_link').addClass('display-none');
            $('.product_file').removeClass('display-none');
            $("input[product_file]").attr('required', 'required');
            $("input[external_product_link]").removeAttr('required', 'required');


        } else if (type == 'ex_product') {

            $('.ex_pro_link').removeClass('display-none');
            $('.product_file').addClass('display-none');
            $("input[product_file]").removeAttr('required', 'required');
            $("input[external_product_link]").attr('required', 'required');

        } else {

            $('.ex_pro_link').addClass('display-none');
            $('.product_file').addClass('display-none');
            $("input[product_file]").removeAttr('required', 'required');
            $("input[external_product_link]").removeAttr('required', 'required');
        }

    });
</script>
@endsection