@extends('Layouts.sellerLayout')
@section('title')
    {{__('Product Price Change')}}
@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="#">{{__('Seller')}}</a></li>
                                    <li class="breadcrumb-item"><a href="#">{{__('Product')}}</a> </li>
                                    <li class="breadcrumb-item active"><a href="#">{{__('Product Price Change')}}</a></li>
                                </ol>
                            </div>
                        </div>
                    </div>
                </div>
@endsection
@section('content')
<section class="input-validation">
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="card overflow-hidden">
                                <div class="card-header">
                                    <h4 class="card-title">{{__('Product Price Change')}}</h4>
                                </div>
                                <div class="card-content">
                                    <div class="card-body">
                                       
                                        <form action="{{route('Seller.product.changePriceStore')}}"  method="POST" >
                                            @CSRF

                                            <div class="form-body">

                                                <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>{{__('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"   >
                                                                 <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-3 col-12">
                                                   <div class="card">
                                                     <div class="card-content">
                                                       <div class="card-body">
                                                         <ul class="list-unstyled mb-0">
                                                           <li class="d-inline-block mr-2">
                                                             <fieldset>
                                                               <div class="vs-radio-con vs-radio-primary">
                                                                 <input type="radio" name="status" value="0">
                                                                 <span class="vs-radio vs-radio-lg">
                                                                   <span class="vs-radio--border"></span>
                                                                   <span class="vs-radio--circle"></span>
                                                                 </span>
                                                                 <span class="">{{__('Price Increase')}}</span>
                                                               </div>
															   @if ($errors->has('status'))
                                                                   <div class="invalid-feedback">{{ $errors->first('status') }}</div>
                                                               @endif
															   
                                                             </fieldset>
                                                           </li>
                                                         </ul>
                                                       </div>
                                                     </div>
                                                   </div>
                                                 </div>
                                                 <div class="col-md-3 col-12">
                                                   <div class="card">
                                                     <div class="card-content">
                                                       <div class="card-body">
                                                         <ul class="list-unstyled mb-0">
                                                           <li class="d-inline-block mr-2">
                                                             <fieldset>
                                                               <div class="vs-radio-con vs-radio-primary">
                                                                 <input type="radio" name="status" value="1">
                                                                 <span class="vs-radio vs-radio-lg">
                                                                   <span class="vs-radio--border"></span>
                                                                   <span class="vs-radio--circle"></span>
                                                                 </span>
                                                                 <span class="">{{__('Price Reduction')}}</span>
                                                               </div>
															   @if ($errors->has('status'))
                                                                   <div class="invalid-feedback">{{ $errors->first('status') }}</div>
                                                               @endif
                                                             </fieldset>
                                                           </li>
                                                         </ul>
                                                       </div>
                                                     </div>
                                                   </div>
                                                 </div>
                                                 <div class="col-md-3 col-12">
                                                   <div class="card">
                                                     <div class="card-content">
                                                       <div class="card-body">
                                                         <ul class="list-unstyled mb-0">
                                                           <li class="d-inline-block mr-2">
                                                             <fieldset>
                                                               <div class="vs-radio-con vs-radio-primary">
                                                                 <input type="radio" name="price" value="1">
                                                                 <span class="vs-radio vs-radio-lg">
                                                                   <span class="vs-radio--border"></span>
                                                                   <span class="vs-radio--circle"></span>
                                                                 </span>
                                                                 <span class="">{{__('Fixed Amount')}}</span>
                                                               </div>
															    @if ($errors->has('price'))
                                                                   <div class="invalid-feedback">{{ $errors->first('price') }}</div>
                                                               @endif
                                                             </fieldset>
                                                           </li>
                                                         </ul>
                                                       </div>
                                                     </div>
                                                   </div>
                                                 </div>
                                                 <div class="col-md-3 col-12">
                                                   <div class="card">
                                                     <div class="card-content">
                                                       <div class="card-body">
                                                         <ul class="list-unstyled mb-0">
                                                           <li class="d-inline-block mr-2">
                                                             <fieldset>
                                                               <div class="vs-radio-con vs-radio-primary">
                                                                 <input type="radio" name="price" value="0">
                                                                 <span class="vs-radio vs-radio-lg">
                                                                   <span class="vs-radio--border"></span>
                                                                   <span class="vs-radio--circle"></span>
                                                                 </span>
                                                                 <span class="">{{__('Percentage Amount')}}</span>
                                                               </div>
															    @if ($errors->has('price'))
                                                                   <div class="invalid-feedback">{{ $errors->first('price') }}</div>
                                                               @endif
                                                             </fieldset>
                                                           </li>
                                                         </ul>
                                                       </div>
                                                     </div>
                                                   </div>
                                                 </div>
 
												   
                                                 <div class="col-md-6 col-12" id="amount" style="display: none;">
                                                   <div class="form-group">
                                                     <label>{{__('Amount')}}</label>
                                                     <div class="controls">
                                                       <input type="text" name="amount" class="form-control {{ $errors->has('amount') ? ' is-invalid' : '' }}" placeholder="{{__('Amount')}}"  value="{{ old('amount') ?? 0 }}"  >
													   @if ($errors->has('amount'))
                                                            <div class="invalid-feedback"> {{ $errors->first('amount') }}</div>
                                                       @endif
                                                     </div>
                                                   </div>
                                                 </div>
                                                 <div class="col-md-6 col-12" id="percentage" style="display: none;">
                                                   <div class="form-group">
                                                     <label>{{__('Percent')}}</label>
                                                     <div class="controls">
                                                       <input type="text" name="percentage" class="form-control {{ $errors->has('percentage') ? ' is-invalid' : '' }}" placeholder="{{__('Percent')}}" value="{{ old('percentage') ?? 0 }}">
													   @if ($errors->has('percentage'))
                                                            <div class="invalid-feedback"> {{ $errors->first('percentage') }}</div>
                                                       @endif
													   
                                                     </div>
                                                   </div>
                                                 </div>
															
													
                                                </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>

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

@endsection
@section('script')
    <script>
        $('input[type=radio][name=price]').change(function () {
            if (this.value == 1) {
                $('#amount').show();
                $('#percentage').hide();
            } else if (this.value == 0) {
                $('#amount').hide();
                $('#percentage').show();
            }
        });
                function changeLanguage (selectedLang) {
                    $.ajax({
                    url: "{{route('Seller.product.language')}}",
                    type: "POST",
                    data: {
                        _token : "{{csrf_token()}}",
                        lang : selectedLang
                    },
                    success:function (data) {
                        $('#category').html('');
                      
					   $.each(data.Category,function(index,value){
                            $('#category').append('<option value="'+value.id+'">'+value.title+'</option>')
                        });
						 $('#category').trigger('change');
                       
                    }
                });
    }
    </script>
@endsection