@extends('Layouts.adminLayout')
@section('title')
    {{__('Insert Product')}}
@endsection

@section('breadcrumb')
                <div class="content-header-left col-md-9 col-12 mb-2">
                    <div class="row breadcrumbs-top">
                        <div class="col-12">
                            <div class="breadcrumb-wrapper col-12">
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item"><a href="#">{{__('Panel')}}</a></li>
                                    <li class="breadcrumb-item"><a href="#">{{__('Product')}}</a> </li>
                                    <li class="breadcrumb-item active"><a href="#">{{__('Insert Product')}}</a></li>
                                </ol>
                            </div>
                        </div>
                    </div>
                </div>
@endsection
@section('content')
<section class="input-validation">
                    <div class="row">
                        <div class=" col-md-12 col-12">
                            <div class="card">
                                

                                <div class="card-header">
                                    <h4 class="card-title">{{__('Insert Product')}}</h4>
                                </div>
                                <div class="card-content">
                                    <div class="card-body">
                                        <form class="needs-validation" method="POST"
                                              action="{{route('Admin.products.store')}}"
                                              enctype="multipart/form-data" novalidate>
                                            @CSRF
											   <ul class="nav nav-tabs nav-justified" id="myTab2" role="tablist">
                                                <li class="nav-item">
                                                    <a class="nav-link active" id="home-tab-justified" data-toggle="tab"
                                                       href="#home-just" role="tab" aria-controls="home-just"
                                                       aria-selected="false">{{__('Product')}}</a>
                                                </li>
                                                <li class="nav-item">
                                                    <a class="nav-link" id="profile-tab-justified" data-toggle="tab"
                                                       href="#profile-just" role="tab" aria-controls="profile-just"
                                                       aria-selected="false">{{__('Specification')}} </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a class="nav-link" id="messages-tab-justified" data-toggle="tab"
                                                       href="#messages-just" role="tab" aria-controls="messages-just"
                                                       aria-selected="false">{{__('Seo')}} </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a class="nav-link " id="settings-tab-justified" data-toggle="tab"
                                                       href="#settings-just" role="tab" aria-controls="settings-just"
                                                       aria-selected="true">{{__('Importan Texplanation')}}
                                                    </a>
                                                </li>
                                            </ul>
											 <div class="tab-content pt-1">
                                               <div class="tab-pane active" id="home-just" role="tabpanel"  aria-labelledby="home-tab-justified">
                                            <div class="row">
                                            <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label>{{__('Language')}}</label>
                                                        <div class="controls">
                                                            <div class="form-group">
                                                                <select class="select2 form-control {{ $errors->has('lang') ? ' is-invalid' : '' }}" id="lang" data-live-search="true" name="lang" required onchange="changeLanguage(this.value)" >
                                                                 <option value="">{{__('Select')}}</option>
                                                                 @foreach($data['Languages'] as $value)
                                                                 <option value="{{$value->slug}}" @if(old('lang') == $value->slug) selected @endif>{{$value->title}}</option>
                                                                  @endforeach
                                                                </select>
															   @if ($errors->has('lang'))
                                                                   <div class="invalid-feedback">{{ $errors->first('lang') }}</div>
                                                               @endif
															   
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label>{{__('Title')}}</label>
                                                        <div class="controls">
                                                          <input type="text" name="title" class="form-control {{ $errors->has('title') ? ' is-invalid' : '' }}"  placeholder="{{__('Title')}}"  id="title" value="{{ old('title') }}" required tabindex="2" >
														   @if ($errors->has('title'))
                                                            <div class="invalid-feedback">{{ $errors->first('title') }}</div>
                                                        @endif
                                                        </div>

                                                    </div>
							                        <div class="form-group permalink_label">
                                                       <label class="text-dark">{{__('Permalink')}} *
                                                           <span id="slug_show" class="display-inline"></span>
                                                           <span id="slug_edit" class="display-inline">
                                                                <button class="btn btn-warning btn-sm slug_edit_button"> <i class="feather icon-edit"></i> </button>
							                       
                                                               <input type="text" name="slug" class="form-control blog_slug mt-2 {{ $errors->has('slug') ? ' is-invalid' : '' }}" value="{{ old('slug') }}" style="display: none">
                                                                 <button class="btn btn-info btn-sm slug_update_button mt-2" style="display: none">{{__('Update')}}</button>
							                       		 @if ($errors->has('slug'))
                                                               <div class="invalid-feedback"> {{ $errors->first('slug') }}</div>
                                                           @endif
                                                           </span>
                                                       </label>
                                                   </div>
							
                                                    </div>
													<div class="col-md-6">
                                                    <div class="form-group">
                                                        <label>{{__('English Title')}}</label>
                                                        <div class="controls">
                                                            <input type="text" name="english_title" class="form-control {{ $errors->has('english_title') ? ' is-invalid' : '' }}" placeholder="{{__('English Title')}}"  value="{{ old('english_title') }}" required tabindex="3">
														 @if ($errors->has('english_title'))
                                                            <div class="invalid-feedback"> {{ $errors->first('english_title') }}</div>
                                                       @endif
                                                        </div>
                                                    </div>
                                                   </div>
 
												  <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label>{{__('Accounting Code')}}</label>
                                                        <div class="controls">
                                                            <input type="text" name="accounting_code" class="form-control {{ $errors->has('accounting_code') ? ' is-invalid' : '' }}" placeholder="{{__('Accounting Code')}}"  value="{{ old('accounting_code') }}"   tabindex="3">
														 @if ($errors->has('accounting_code'))
                                                            <div class="invalid-feedback"> {{ $errors->first('accounting_code') }}</div>
                                                       @endif
                                                        </div>
                                                    </div>
                                                   </div>

												   <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label>{{__('Refund')}}</label>
                                                        <div class="controls">
                                                            <input type="text" name="refund" class="form-control {{ $errors->has('refund') ? ' is-invalid' : '' }}" placeholder="{{__('Refund')}}"  value="{{ old('refund') }}"   tabindex="3">
														 @if ($errors->has('refund'))
                                                            <div class="invalid-feedback"> {{ $errors->first('refund') }}</div>
                                                       @endif
                                                        </div>
                                                    </div>
                                                   </div>
												   
												    <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label>{{__('Fast Sending')}}</label>
                                                        <div class="controls">
                                                            <input type="text" name="fast_sending" class="form-control {{ $errors->has('fast_sending') ? ' is-invalid' : '' }}" placeholder="{{__('Fast Sending')}}"  value="{{ old('fast_sending') }}"   tabindex="3">
														 @if ($errors->has('fast_sending'))
                                                            <div class="invalid-feedback"> {{ $errors->first('fast_sending') }}</div>
                                                       @endif
                                                        </div>
                                                    </div>
                                                   </div>
												   
												   
                                                 <div class="col-lg-6 col-md-6">
                                                    <fieldset class="form-group">
                                                        <label
                                                            for="basicInputFile">{{__('Image')}}</label>
                                                        <div class="custom-file">
                                                            <input type="file" class="custom-file-input {{ $errors->has('file') ? ' is-invalid' : '' }}"
                                                                   id="inputGroupFile01" name="file" required tabindex="5">
                                                            <label class="custom-file-label"
                                                                   for="inputGroupFile01">{{__('Image')}}</label>
																   
														     @if ($errors->has('file'))
                                                                 <div class="invalid-feedback"> {{ $errors->first('file') }}</div>
                                                             @endif
                                                        </div>
                                                    </fieldset>
                                                </div>
                                            </div>
											</div>
											 <div class="tab-pane" id="profile-just" role="tabpanel" aria-labelledby="profile-tab-justified">
											  <div class="row">
                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label>{{__('Category')}}</label>
                                                        <div class="controls">
                                                            <div class="form-group">
                                                                <select class="select2 form-control {{ $errors->has('category') ? ' is-invalid' : '' }}" data-live-search="true" id="category" name="category" onchange="getBrand(this.value)" >
                                                                 <option value="">{{__('Select')}}</option>
                                                                 @foreach($data['Categorys'] as $Category)
                                                                   <option value="{{$Category->id}}" @if(old('category') == $Category->id) selected @endif >{{$Category->title}}</option>
                                                                  @endforeach
                                                                </select>
															   @if ($errors->has('category'))
                                                                   <div class="invalid-feedback">{{ $errors->first('category') }}</div>
                                                               @endif
															   
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
 
						 
												    <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label>{{__('Brand')}}</label>
                                                        <div class="controls">
                                                            <div class="form-group">
                                                                <select class="select2 form-control {{ $errors->has('brand') ? ' is-invalid' : '' }}" data-live-search="true" id="brand" name="brand" required >
                                                                 <option value="">{{__('Select')}}</option>
 
                                                                </select>
													    @if ($errors->has('brand'))
                                                           <div class="invalid-feedback"> {{ $errors->first('brand') }}</div>
                                                        @endif
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
												
												  <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label>{{__('Weight')}} {{__('g')}}</label>
                                                        <div class="controls">
                                                            <input type="text" name="weight" class="form-control {{ $errors->has('weight') ? ' is-invalid' : '' }}" placeholder="{{__('Weight')}}"  value="{{ old('weight') }}"   tabindex="3">
														 @if ($errors->has('weight'))
                                                            <div class="invalid-feedback"> {{ $errors->first('weight') }}</div>
                                                       @endif
                                                        </div>
                                                    </div>
                                                   </div>
												    <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label>{{__('Length')}} {{__('cm')}}</label>
                                                        <div class="controls">
                                                            <input type="text" name="length" class="form-control {{ $errors->has('length') ? ' is-invalid' : '' }}" placeholder="{{__('Length')}}"  value="{{ old('length') }}"   tabindex="3">
														 @if ($errors->has('length'))
                                                            <div class="invalid-feedback"> {{ $errors->first('length') }}</div>
                                                       @endif
                                                        </div>
                                                    </div>
                                                   </div>
												   <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label>{{__('Width')}} {{__('cm')}}</label>
                                                        <div class="controls">
                                                            <input type="text" name="width" class="form-control {{ $errors->has('width') ? ' is-invalid' : '' }}" placeholder="{{__('Width')}}"  value="{{ old('width') }}"   tabindex="3">
														 @if ($errors->has('width'))
                                                            <div class="invalid-feedback"> {{ $errors->first('width') }}</div>
                                                       @endif
                                                        </div>
                                                    </div>
                                                   </div>
												   
												    <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label>{{__('Height')}} {{__('cm')}}</label>
                                                        <div class="controls">
                                                            <input type="text" name="height" class="form-control {{ $errors->has('height') ? ' is-invalid' : '' }}" placeholder="{{__('Height')}}"  value="{{ old('height') }}"   tabindex="3">
														 @if ($errors->has('height'))
                                                            <div class="invalid-feedback"> {{ $errors->first('height') }}</div>
                                                       @endif
                                                        </div>
                                                    </div>
                                                   </div>
												   
												 <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label>{{__('Product Type')}}</label>
                                                        <div class="controls">
                                                            <div class="form-group">
                                                                <select class="select2 form-control {{ $errors->has('type') ? ' is-invalid' : '' }}" data-live-search="true" id="type" name="type" required >
                                                                 <option value="">{{__('Select')}}</option>
                                                                      @foreach( Config::get('productType') as $productType)
                                                                      <option  value="{{$productType['id']}}" @if(old('type') == $productType['id']) selected @endif  >{{__($productType['title'])}}</option>
                                                                     @endforeach
                                                                </select>
													  @if ($errors->has('type'))
                                                           <div class="invalid-feedback"> {{ $errors->first('type') }}</div>
                                                        @endif
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
												
                                                </div>
												

												
 
                                            </div>
											 <div class="tab-pane" id="messages-just" role="tabpanel"  aria-labelledby="messages-tab-justified">
											     <div class="row">
											      <div class="col-md-12">
                                                    <label  for="basicInputFile">{{__('Seo')}}</label>
                                                    <div class="custom-file">
                                                       <textarea type="text" name="seo" class="form-control {{ $errors->has('seo') ? ' is-invalid' : '' }}" >{{ old('seo') }}</textarea>
										 	 @if ($errors->has('seo'))
                                                  <div class="invalid-feedback">{{ $errors->first('seo') }}</div>
                                              @endif
                                                    </div>
                                                </div>
                                                </div>
												
                                        <div class="card-body">
                                            <ul class="nav nav-tabs mb-3 nav-justified" role="tablist" id="myTab2">
                                                <li class="nav-item">
                                                    <a class="nav-link d-flex align-items-center active" id="account-tab" data-toggle="tab" href="#account" aria-controls="account" role="tab" aria-selected="true">
                                                        <span class="d-sm-block">{{__('Product Meta')}}</span>
                                                    </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a class="nav-link d-flex align-items-center" id="information-tab" data-toggle="tab" href="#information" aria-controls="information" role="tab" aria-selected="false">
                                                        <span class="d-sm-block">{{__('Facebook Meta')}}</span>
                                                    </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a class="nav-link d-flex align-items-center" id="social-tab" data-toggle="tab" href="#social" aria-controls="social" role="tab" aria-selected="false">
                                                        <span class="d-sm-block">{{__('Twitter Meta')}}</span>
                                                    </a>
                                                </li>
                                            </ul>
                                            <div class="tab-content">
                                                <div class="tab-pane active" id="account" aria-labelledby="account-tab" role="tabpanel">
                                                    <div class="row">
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <label>{{__('Meta Title')}}</label>
                                                                <div class="controls">
                                                                    <input type="text" name="meta_title" class="form-control {{ $errors->has('meta_title') ? ' is-invalid' : '' }}" value="{{ old('meta_title') }}" placeholder="{{__('Title')}}" tabindex="3"  />
														        @if ($errors->has('meta_title'))
                                                                     <div class="invalid-feedback"> {{ $errors->first('meta_title') }}</div>
                                                                  @endif
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <label>{{__('Meta Tags')}}</label>
                                                                <div class="controls">
                                                                    <input type="text" name="meta_tags" class="form-control {{ $errors->has('meta_tags') ? ' is-invalid' : '' }}" value="{{ old('meta_tags') }}"  placeholder="{{__('Meta Tags')}}" data-role="tagsinput" tabindex="4" />
														        @if ($errors->has('meta_tags'))
                                                                      <div class="invalid-feedback"> {{ $errors->first('meta_tags') }}</div>
                                                                   @endif
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-12">
                                                            <div class="form-group">
                                                                <label>{{__('Meta Description')}}</label>
                                                                <div class="controls">
                                                                    <textarea name="meta_description" class="form-control max-height-140 {{ $errors->has('meta_description') ? ' is-invalid' : '' }} " cols="20" rows="3" tabindex="5">{{ old('meta_description') }}</textarea>
                                                              
															  @if ($errors->has('meta_description'))
                                                                <div class="invalid-feedback"> {{ $errors->first('meta_description') }} </div>
                                                             @endif
                                                            </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="tab-pane" id="information" aria-labelledby="information-tab" role="tabpanel">
                                                    <div class="row">
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <label>{{__('Facebook Meta Tag')}}</label>
                                                                <div class="controls">
                                                                    <input type="text" name="facebook_meta_tags" class="form-control {{ $errors->has('facebook_meta_tags') ? ' is-invalid' : '' }}" value="{{ old('facebook_meta_tags') }}" data-role="tagsinput" tabindex="6" />
                                                                
															 @if ($errors->has('facebook_meta_tags'))
                                                                <div class="invalid-feedback"> {{ $errors->first('facebook_meta_tags') }}</div>
                                                             @endif
                                                            </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <fieldset class="form-group">
                                                                <label for="basicInputFile">{{__('Facebook Meta Image')}}</label>
                                                                <div class="custom-file">
                                                                    <input type="file" class="custom-file-input {{ $errors->has('facebook_meta_image') ? ' is-invalid' : '' }}"   id="inputGroupFile01" name="facebook_meta_image" tabindex="7" />
                                                                    <label class="custom-file-label" for="inputGroupFile01">{{__('Facebook Meta Image')}}</label>

														     @if ($errors->has('facebook_meta_image'))
                                                                <div class="invalid-feedback"> {{ $errors->first('facebook_meta_image') }}</div>
                                                             @endif
															  </div>
                                                            </fieldset>
                                                        </div>
                                                        <div class="col-md-12">
                                                            <div class="form-group">
                                                                <label>{{__('Facebook Meta Description')}}</label>
                                                                <div class="controls">
                                                                    <textarea name="facebook_meta_description" class="form-control max-height-140 {{ $errors->has('facebook_meta_description') ? ' is-invalid' : '' }}" cols="20" rows="3" tabindex="8"> {{ old('facebook_meta_description') }}</textarea>
                                                                
															 @if ($errors->has('facebook_meta_description'))
                                                                <div class="invalid-feedback"> {{ $errors->first('facebook_meta_description') }}</div>
                                                             @endif
                                                            </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="tab-pane" id="social" aria-labelledby="social-tab" role="tabpanel">

                                                    <div class="row">
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <label>{{__('Twitter Meta Tag')}}</label>
                                                                <div class="controls">
                                                                    <input type="text" name="twitter_meta_tags" class="form-control {{ $errors->has('twitter_meta_tags') ? ' is-invalid' : '' }}" value="{{ old('twitter_meta_tags') }}"   data-role="tagsinput" tabindex="9" />
                                                                
															 @if ($errors->has('twitter_meta_tags'))
                                                                <div class="invalid-feedback"> {{ $errors->first('twitter_meta_tags') }}</div>
                                                             @endif
                                                            </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <fieldset class="form-group">
                                                                <label for="basicInputFile">{{__('Twitter Meta Image')}}</label>
                                                                <div class="custom-file">
                                                                    <input type="file" class="custom-file-input {{ $errors->has('twitter_meta_image') ? ' is-invalid' : '' }}"  id="inputGroupFile01" name="twitter_meta_image" tabindex="10" />
                                                                    <label class="custom-file-label" for="inputGroupFile01">{{__('Twitter Meta Image')}}</label>
                                                               
														   @if ($errors->has('twitter_meta_image'))
                                                                <div class="invalid-feedback"> {{ $errors->first('twitter_meta_image') }}</div>
                                                             @endif
															  </div>
                                                            </fieldset>
                                                        </div>
                                                        <div class="col-md-12">
                                                            <div class="form-group">
                                                                <label>{{__('Twitter Meta Description')}}</label>
                                                                <div class="controls">
                                                                    <textarea name="twitter_meta_description" class="form-control max-height-140 {{ $errors->has('twitter_meta_description') ? ' is-invalid' : '' }}" cols="20" rows="3" tabindex="11">{{ old('twitter_meta_description') }}</textarea>
                                                                
															 @if ($errors->has('twitter_meta_description'))
                                                                <div class="invalid-feedback"> {{ $errors->first('twitter_meta_description') }}</div>
                                                             @endif
															 </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
											 </div>
											  <div class="tab-pane " id="settings-just" role="tabpanel" aria-labelledby="settings-tab-justified">
											   <div class="row">
											      <div class="col-md-12">

                                                    <div class="form-group">
                                                        <label>{{__('Keywords')}}</label>
                                                        <div class="controls">
                                                            <input type="text" name="keywords" class="form-control {{ $errors->has('keywords') ? ' is-invalid' : '' }}"
                                                                   placeholder="{{__('Keywords')}}"
                                                                   data-role="tagsinput"  value="{{ old('keywords') }}"  tabindex="6">
																   
														     @if ($errors->has('keywords'))
                                                                 <div class="invalid-feedback">  {{ $errors->first('keywords') }}</div>
                                                             @endif
                                                        </div>
                                                    </div>
                                                </div>

												
 
                                                </div>
											   <br>
                                            <hr>
                                            <div class="row mt-2">
                                                <div class="col-md-6 pull-right ">
                                                    <h4>{{__('Product Features')}}  </h4>
                                                </div>
                                                <div class="col-md-3 pull-left ">
                                                    <button class="btn btn-primary btn-sm" type="button"
                                                            onclick="addSocial()"
                                                            title="{{__('About List')}}"><i
                                                            class="feather icon-plus "></i>
                                                    </button>
                                                </div>
                                            </div>
											 <div class="mt-2 detailSocial">
											 </div>
											
											  <div class="row ">
											  
											  <label>{{__('Additional Product Description')}}</label>
                                                <div class="col-md-12">
                                       <textarea   type="text"    class="fullpremium {{ $errors->has('description') ? ' is-invalid' : '' }} "    name="description">{{ old('description') }}  </textarea>
									   	 @if ($errors->has('description'))
                                                  <div class="invalid-feedback">{{ $errors->first('description') }}</div>
                                              @endif
                                               </div>
                                                </div>
											    <div  class="col-12 d-flex flex-sm-row flex-column justify-content-end mt-1">
                                                    <button type="submit"  class="btn btn-primary glow mb-1 mb-sm-0 mr-0 mr-sm-1">{{__('Save')}}</button>
                                                </div>
											  </div>
											  </div>
													 
                                                 

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


@endsection
@section('script')
<script src="{{ asset('Admin/assets/js/bootstrap-tagsinput.js')}}"></script>
    <script>
    $('form').on('keyup keypress', function (e) {
        var keyCode = e.keyCode || e.which;
        if (keyCode === 13) {
            e.preventDefault();
            return false;
        }
    });
	        function getBrand(category_id) {

            var url = '/Admins/categorys/getCategoryBrand/' + category_id;
            $.ajax({
                'url': url,
                'type': 'GET',
                'data': {},
                async: false,
                'success': function (data) {
                    $('#brand').html('');
					$('#brand').append('<option value="">{!! __('Select') !!}</option>')
                    $.each(data, function (index, value) {
                        t = '<option value="' + value.id + '">' + value.title + '</option>';
                        $('#brand').append(t);
                    });
                    $('#brand').trigger('change');
                }
            })
        }
 
                function changeLanguage (selectedLang) {
                    $.ajax({
                    url: "{{route('Admin.products.language')}}",
                    type: "POST",
                    data: {
                        _token : "{{csrf_token()}}",
                        lang : selectedLang
                    },
                    success:function (data) {
                        $('#category').html('');
                      $('#category').append('<option value="">{!! __('Select') !!}</option>')
					   $.each(data.Category,function(index,value){
                            $('#category').append('<option value="'+value.id+'">'+value.title+'</option>')
                        });
						 $('#category').trigger('change');
                       
                    }
                });
    }

 
        (function ($) {
            "use strict";

            $(document).ready(function () {

                //Permalink Code
                $('.permalink_label').hide();
                $(document).on('keyup', '#title', function (e) {
                    var slug = $(this).val().trim().toLowerCase().split(' ').join('-');
                    var url = `{{url('/product/')}}/` + slug;
                    $('.permalink_label').show();
                    var data = $('#slug_show').text(url).css('color', 'blue');
                    $('.blog_slug').val(slug);

                });

                //Slug Edit Code
                $(document).on('click', '.slug_edit_button', function (e) {
                    e.preventDefault();
                    $('.blog_slug').show();
                    $(this).hide();
                    $('.slug_update_button').show();
                });

                //Slug Update Code
                $(document).on('click', '.slug_update_button', function (e) {
                    e.preventDefault();
                    $(this).hide();
                    $('.slug_edit_button').show();
                    var update_input = $('.blog_slug').val();
                    var slug = update_input.trim().toLowerCase().split(' ').join('-');
                    var url = `{{url('/product/')}}/` + slug;
                    $('#slug_show').text(url);
                    $('.blog_slug').hide();
                });


            });
        })(jQuery) 
	 
        function addSocial() {
            var tag = '\n' +
                '                                            <div class="row social">\n' +
                '                                                <div class="col-md-10 ">\n' +
                '                                                    <fieldset class="form-group">\n' +
                '                                                        <label for="short_description">{!! __('Product Features') !!}</label>\n' +
                '                                                        <input type="text" class="form-control" name="short_description[]"\n' +
                '                                                               id="short_description" required>\n' +
                '                                                    </fieldset>\n' +
                '                                                </div>\n' +
                '                                                <div class="col-md-2 col-12 pt-2" >\n' +
                '                                                    <button onclick="parentsDelete(this)" class="btn btn-warning btn-sm pr-1 pl-1" style="font-size: 20px;"><i\n' +
                '                                                            class="feather icon-trash " ></i></button>\n' +
                '                                                </div>\n' +
                '                                            </div>';
            $('.detailSocial').append(tag);
			
        }
        function parentsDelete(th) {
            $(th).parents('.social').remove();
        }
    </script>
@endsection