@extends('Layouts.adminLayout')
@section('title')
   {{__('Insert Comment')}}
@endsection
@section('css')
    <link rel="stylesheet" type="text/css" href="{{ asset('Admin/app-assets/vendors/css/extensions/nouislider.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('Admin/app-assets/css-rtl/plugins/extensions/noui-slider.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('Admin/app-assets/css-rtl/core/colors/palette-noui.css') }}">
@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="#">{{__('Comment')}}</a> </li>
                                    <li class="breadcrumb-item active"><a href="#">{{__('Insert Comment')}}</a></li>
                                </ol>
                            </div>
                        </div>
                    </div>
                </div>
@endsection
@section('content')
 
<section class="input-validation">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="card">
                                <div class="card-header">
                                   {{__('Insert Comment')}}
                                </div>
                                <div class="card-content">
                                    <div class="card-body">
                                        <form  method="POST"
                                              action="{{route('Admin.comments.store')}}"
                                                enctype="multipart/form-data" class="needs-validation form-horizontal"  novalidate >
                                            @CSRF
                                            <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"  required tabindex="1"  name="lang" data-live-search="true" 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 col-12">
                                                    <fieldset class="form-group">
                                                        <label for="fullname"> {{__('Fullname')}}</label>
                                                        <input type="text" class="form-control {{ $errors->has('fullname') ? ' is-invalid' : '' }}" name="fullname"
                                                               id="fullname" value="{{ old('fullname') }}"  placeholder="{{__('Fullname')}}"  required tabindex="2" >
									                      @if ($errors->has('fullname'))
									                      	 <div class="invalid-feedback">{{ $errors->first('fullname') }}</div>
									                      @endif 
                                                    </fieldset>
                                                </div>
												  <div class="col-md-6 col-12">
                                                    <fieldset class="form-group">
                                                        <label for="title"> {{__('Title')}}</label>
                                                        <input type="text" class="form-control {{ $errors->has('title') ? ' is-invalid' : '' }}" name="title"
                                                               id="title" value="{{ old('title') }}"  placeholder="{{__('Title')}}"  required tabindex="2" >
									                      @if ($errors->has('title'))
									                      	 <div class="invalid-feedback">{{ $errors->first('title') }}</div>
									                      @endif 
                                                    </fieldset>
                                                </div>
												
                                                <div class="col-md-6 col-12">
                                                    <fieldset class="form-group">
                                                        <label for="email"> {{__('Email')}}</label>
                                                        <input type="text" class="form-control {{ $errors->has('email') ? ' is-invalid' : '' }}" name="email"
                                                               id="email" value="{{ old('email') }}"  placeholder="{{__('Email')}}"  required tabindex="3" >
									                      @if ($errors->has('email'))
									                      	 <div class="invalid-feedback">{{ $errors->first('email') }}</div>
									                      @endif 
                                                    </fieldset>
                                                </div>
 
 
                                                     <div class="col-md-6" style="margin-top:20px;">
													<ul class="list-unstyled mb-0">
 
                                                 <li class="d-inline-block mr-2">
                                                     <fieldset>
                                                         <div class="vs-radio-con {{ $errors->has('type') ? ' is-invalid' : '' }}">
                                                             <input type="radio" class="{{ $errors->has('type') ? ' is-invalid' : '' }}"  value="1" name="type" @if ((old('type') !== null && old('type') == 1))  checked @endif  tabindex="7" onchange="LoadType()" id="checkboxblog" >
                                                             <span class="vs-radio">
                                                                 <span class="vs-radio--border"></span>
                                                                 <span class="vs-radio--circle"></span>
                                                             </span>
                                                             <span class="">{{__('Blog')}}</span>
                                                         </div>
                                                     </fieldset>
                                                 </li>
											        <li class="d-inline-block mr-2">
                                                     <fieldset>
                                                         <div class="vs-radio-con {{ $errors->has('type') ? ' is-invalid' : '' }}">
                                                             <input type="radio" class="{{ $errors->has('type') ? ' is-invalid' : '' }}"  value="2" name="type" @if ((old('type') !== null && old('type') == 2))  checked @endif  tabindex="8" onchange="LoadType()"  id="checkboxtour" >
                                                             <span class="vs-radio">
                                                                 <span class="vs-radio--border"></span>
                                                                 <span class="vs-radio--circle"></span>
                                                             </span>
                                                             <span class=""> {{__('Product')}} </span>
                                                         </div>
                                                     </fieldset>
                                                 </li>
											
										       @if ($errors->has('type'))
                                                      <div class="invalid-feedback">  {{ $errors->first('type') }} </div>
                                                 @endif
                                            </ul>

                                                </div>
												
   
                                                   <div class="col-6 col-sm-6" style="display:none" id="blogtype">
                                                    <div class="form-group" >
                                                        <label> {{__('List Blog')}}</label>
                                                        <div class="controls">
                                                            <div class="form-group">
														        <select class="select2 form-control {{ $errors->has('blog') ? ' is-invalid' : '' }}" id="blog"  name="blog"  data-live-search="true" >
                                                                 <option value="">{{__('Select')}}</option>
                                                                 @foreach($data['Blogs'] as $blog)
                                                                  <option value="{{$blog->id}}" @if(old('blog') == $blog->id) selected @endif >{{$blog->title}}</option>
                                                                  @endforeach
                                                                </select>
			                                                   @if ($errors->has('blog'))
                                                                    <div class="invalid-feedback"> {{ $errors->first('blog') }}  </div>
                                                                @endif
                                                            </div>
                                                        </div>
                                                    </div>
                                                    </div>

													<div class="col-6 col-sm-6" style="display:none" id="producttype">
                                                         <div class="form-group" >
                                                        <label> {{__('List Product')}}</label>
                                                        <div class="controls">
                                                            <div class="form-group">
												                 <select class="select2 form-control {{ $errors->has('product') ? ' is-invalid' : '' }}" id="product"  name="product" data-live-search="true"  >
                                                                 <option value="">{{__('Select')}}</option>
                                                                 @foreach($data['Products'] as $product)
                                                                  <option value="{{$product->id}}" @if(old('product') == $product->id) selected @endif >{{$product->title}}</option>
                                                                  @endforeach
                                                                </select>
			                                                   @if ($errors->has('product'))
                                                                    <div class="invalid-feedback"> {{ $errors->first('product') }}  </div>
                                                                @endif
                                                            </div>
                                                        </div>
                                                    </div>
                                                    </div>

													  <div class="col-md-6" style="display:none"  id="producttypeRecommended" >
                                                    <div class="form-group">
                                                        <label>{{__('Recommended')}}</label>
                                                        <div class="controls">
                                                            <div class="form-group">
                                                                <select class="select2 form-control {{ $errors->has('recommend') ? ' is-invalid' : '' }}" id="recommend"    tabindex="1"  name="recommend" data-live-search="true"   >
                                                                 <option value="">{{__('Select')}}</option>
                                                                 
                                                                  <option value="0" @if(old('recommend') == 0) selected @endif >{{__('Recommended')}}</option>
                                                                  <option value="1" @if(old('recommend') == 1) selected @endif >{{__('No Idea')}}</option>
                                                                  <option value="2" @if(old('recommend') == 2) selected @endif >{{__('Not Recommended')}}</option>
                                                                 
                                                                </select>
			                                                   @if ($errors->has('recommend'))
                                                                    <div class="invalid-feedback"> {{ $errors->first('recommend') }}  </div>
                                                                @endif
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
												 	<div class="col-6 col-sm-6" style="display:none" id="producttyperating">
													 <div class="form-group" >
                                                        <label> {{__('Product Rating')}}</label>
                                                        <div class="controls">
                                                          <div class="form-group">
														   <div id="hover" class="my-1"></div>
														   <input type="hidden"   name="rating"  id="rating"  value="0" >
                                                         </div>
                                                         </div>
                                                       </div>
													</div>
													</div>
										    <hr>
                                            <div class="row mt-2" style="display:none" id="producttypeAdvantage" >
											 
                                                <div class="col-md-3 pull-right ">
                                                    <h4>{{__('Advantage')}}  </h4>
                                                </div>
                                                <div class="col-md-3 pull-left ">
                                                    <button class="btn btn-primary btn-sm" type="button"
                                                            onclick="addAdvantage()"
                                                            title="{{__('About List')}}"><i
                                                            class="feather icon-plus "></i>
                                                    </button>
                                                </div>
 
												
                                            </div>
											 <div class="mt-2 detailAdvantage">
											 </div>
 										    <hr>
                                            <div class="row mt-2" style="display:none" id="producttypeDisadvantage" >
 
												
											  <div class="col-md-3 pull-right ">
                                                    <h4>{{__('Disadvantage')}}  </h4>
                                                </div>
                                                <div class="col-md-3 pull-left ">
                                                    <button class="btn btn-primary btn-sm" type="button"
                                                            onclick="addDisadvantage()"
                                                            title="{{__('About List')}}"><i
                                                            class="feather icon-plus "></i>
                                                    </button>
                                                </div>
												
                                            </div>
											 <div class="mt-2 detailDisadvantage">
											 </div>
                                                <div class="row">
                                                <div class="col-md-12">
                                                    <label
                                                        for="basicInputFile">{{__('Text')}}</label>
                                                    <div class="custom-file">
                                                        <textarea type="text" name="text" class="form-control {{ $errors->has('text') ? ' is-invalid' : '' }} " tabindex="9" required >{{ old('text') }}</textarea>
														 @if ($errors->has('text'))
                                                                 <div class="invalid-feedback">{{ $errors->first('text') }}</div>
                                                        @endif
                                                    </div>
                                                </div>
												
                                            </div>
                                            <div class="col-12 d-flex flex-sm-row flex-column justify-content-end mt-1">
                                                    <button type="submit"  tabindex="10" class="btn btn-primary glow mb-1 mb-sm-0 mr-0 mr-sm-1">{{__('Save')}}</button>
                                                </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
			  </div>
			</section>
@endsection

@section('script')
    <script src="{{ asset('Admin/app-assets/vendors/js/extensions/wNumb.js')}}"></script>
    <script src="{{ asset('Admin/app-assets/vendors/js/extensions/nouislider.min.js')}}"></script>
 
    <script>
	$(document).ready(function () {
  var direction = 'ltr';
  if($('html').data('textdirection') == 'rtl'){
    direction = 'rtl';
  }

  var hoverSlider = document.getElementById('hover');

  noUiSlider.create(hoverSlider, {
    start: 1,
    direction: direction,
    behaviour: 'hover-snap',
    range: {
      'min': 1,
      'max': 6
    }
  });

  hoverSlider.noUiSlider.on('change', function (value) {
	 $('#rating').val(value);
  });
  

});
    function LoadType () {
		var valType =$("input[name=type]:checked").val();

		 if(valType==1)
		 {
			  var blogtype = document.getElementById("blogtype");
                 blogtype.style.display = "block";
				 var producttype = document.getElementById("producttype");
				   producttype.style.display = "none";
				 var producttyperating = document.getElementById("producttyperating");
				 producttyperating.style.display = "none";
				 var producttypeRecommended = document.getElementById("producttypeRecommended");
				 producttypeRecommended.style.display = "none";
				 var producttypeAdvantage = document.getElementById("producttypeAdvantage");
                   producttypeAdvantage.style.display = "none";
                   
                     var producttypeDisadvantage = document.getElementById("producttypeDisadvantage");
                   producttypeDisadvantage.style.display = "none";
               
		 }
		 else if(valType==2)
		 {
			     var blogtype = document.getElementById("blogtype");
                 blogtype.style.display = "none";
				  var producttype = document.getElementById("producttype");
				  producttype.style.display = "block";
				  var producttyperating = document.getElementById("producttyperating");
				   producttyperating.style.display = "block";
				  var producttypeRecommended = document.getElementById("producttypeRecommended");
                 producttypeRecommended.style.display = "block";
				 var producttypeAdvantage = document.getElementById("producttypeAdvantage");
                   producttypeAdvantage.style.display = "flex";
				     var producttypeDisadvantage = document.getElementById("producttypeDisadvantage");
                   producttypeDisadvantage.style.display = "flex";
                 
		 }
		 else
		 {
			 	  var blogtype = document.getElementById("blogtype");
                 blogtype.style.display = "none";
				  var producttype = document.getElementById("producttype");
				  producttype.style.display = "none";
				  var producttyperating = document.getElementById("producttyperating");
				   producttyperating.style.display = "none";
				  var producttypeRecommended = document.getElementById("producttypeRecommended");
                   producttypeRecommended.style.display = "none";
				  var producttypeAdvantage = document.getElementById("producttypeAdvantage");
                   producttypeAdvantage.style.display = "none";
				    var producttypeDisadvantage = document.getElementById("producttypeDisadvantage");
                   producttypeDisadvantage.style.display = "none";
                
                 
		 }
	}
	
    function changeLanguage (selectedLang) {
      $.ajax({
                    url: "{{route('Admin.comments.language')}}",
                    type: "POST",
                    data: {
                        _token : "{{csrf_token()}}",
                        lang : selectedLang
                    },
                    success:function (data) {
                        $('#blog').html('');
                        $('#product').html('');
					    $.each(data.Blog,function(index,value){
                            $('#blog').append('<option value="'+value.id+'">'+value.title+'</option>')
                        });
                        $.each(data.Product,function(index,value){
                            $('#product').append('<option value="'+value.id+'">'+value.title+'</option>')
                        });
		               $('#blog').trigger('change');
		               $('#product').trigger('change');
                         
                    }
                });
    }
	
	        function addAdvantage() {
            var tag = '\n' +
                '                                            <div class="row Advantages">\n' +
                '                                                <div class="col-md-6 ">\n' +
                '                                                    <fieldset class="form-group">\n' +
                '                                                        <label for="advantage">{!! __('Advantage') !!}</label>\n' +
                '                                                        <input type="text" class="form-control" name="advantage[]"\n' +
                '                                                               id="advantage" 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>';
            $('.detailAdvantage').append(tag);
			
        }
		
		  function addDisadvantage() {
            var tag = '\n' +
                '                                            <div class="row Disadvantage">\n' +
                '                                                <div class="col-md-6 ">\n' +
                '                                                    <fieldset class="form-group">\n' +
                '                                                        <label for="disadvantage">{!! __('Disadvantage') !!}</label>\n' +
                '                                                        <input type="text" class="form-control" name="disadvantage[]"\n' +
                '                                                               id="disadvantage" required>\n' +
                '                                                    </fieldset>\n' +
                '                                                </div>\n' +
                '                                                <div class="col-md-2 col-12 pt-2" >\n' +
                '                                                    <button onclick="parentsDeleteDisadvantage(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>';
            $('.detailDisadvantage').append(tag);
			
        }
		
        function parentsDeleteDisadvantage(th) {
			$(th).parents('.Disadvantage').remove();
		}
        function parentsDelete(th) {
            $(th).parents('.Advantages').remove();
        }
    </script>
@endsection