@extends('Layouts.adminLayout')
@section('title')
   {{__('Sales Percentage')}}
@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="#">{{__('Seller')}}</a> </li>
                                    <li class="breadcrumb-item active"><a href="#">{{__('Sales Percentage')}}</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-content">
                                    <div class="card-body">
                                        <div class="card-text">
                                            <dl class="row">
                                                <dt class="col-sm-6">{{__('Store Name')}}  :  {{$data['seller']->store_name}} </dt>
                                            </dl>
                                        </div>
                                    </div>
                                </div>
                            </div>
                  </div>
              </div>
 </section>
  <section >
                    <div class="row">
                        <div class=" col-md-12 col-12">
                            <div class="card">
                                <div class="card-header">
                                    {{__('Sales Percentage')}}
                                </div>
                                <div class="card-content">
                                    <div class="card-body">
                                       <form  class="form-horizontal error" novalidate method="POST" action="{{route('Admin.sellers.updateSellerSalesPercentage',$data['seller_id'])}}" enctype="multipart/form-data"    >
                                            @CSRF
                                            <div class="row">
  
                                             <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_sales_percentage') ? ' is-invalid' : '' }}">
                                                             <input type="radio" class="{{ $errors->has('type_sales_percentage') ? ' is-invalid' : '' }}"  value="0" name="type_sales_percentage" @if ((old('type_sales_percentage') !== null && old('type_sales_percentage') == 0))  checked @endif  tabindex="7" onchange="LoadTypeSeller()" id="category" >
                                                             <span class="vs-radio">
                                                                 <span class="vs-radio--border"></span>
                                                                 <span class="vs-radio--circle"></span>
                                                             </span>
                                                             <span class="">{{__('Category')}}</span>
                                                         </div>
                                                     </fieldset>
                                                 </li>
											   <li class="d-inline-block mr-2">
                                                     <fieldset>
                                                         <div class="vs-radio-con {{ $errors->has('type_sales_percentage') ? ' is-invalid' : '' }}">
                                                             <input type="radio" class="{{ $errors->has('type_sales_percentage') ? ' is-invalid' : '' }}"  value="1" name="type_sales_percentage" @if ((old('type_sales_percentage') !== null && old('type_sales_percentage') == 1))  checked @endif  tabindex="8" onchange="LoadTypeSeller()"  id="free" >
                                                             <span class="vs-radio">
                                                                 <span class="vs-radio--border"></span>
                                                                 <span class="vs-radio--circle"></span>
                                                             </span>
                                                             <span class=""> {{__('Free')}} </span>
                                                         </div>
                                                     </fieldset>
                                                 </li>
												 <li class="d-inline-block mr-2">
                                                     <fieldset>
                                                         <div class="vs-radio-con {{ $errors->has('type_sales_percentage') ? ' is-invalid' : '' }}">
                                                             <input type="radio" class="{{ $errors->has('type_sales_percentage') ? ' is-invalid' : '' }}"  value="2" name="type_sales_percentage" @if ((old('type_sales_percentage') !== null && old('type_sales_percentage') == 2))  checked @endif  tabindex="8" onchange="LoadTypeSeller()"  id="percentage" >
                                                             <span class="vs-radio">
                                                                 <span class="vs-radio--border"></span>
                                                                 <span class="vs-radio--circle"></span>
                                                             </span>
                                                             <span class=""> {{__('Percentage Of sales By Seller')}} </span>
                                                         </div>
                                                     </fieldset>
                                                 </li>
												 
										       @if ($errors->has('type_sales_percentage'))
                                                      <div class="invalid-feedback">  {{ $errors->first('type_sales_percentage') }} </div>
                                                 @endif
                                            </ul>

                                                </div>
                                                <div class="col-md-6 col-12" style="display:none" id="type_sales_percentages">
                                                    <fieldset class="form-group">
                                                        <label for="sales_percentage"> {{__('Sales Percentage')}}</label>
                                                        <input type="text" class="form-control {{ $errors->has('sales_percentage') ? ' is-invalid' : '' }}" name="sales_percentage"
                                                               id="sales_percentage" value="{{ old('sales_percentage') ?? $data['seller']->sales_percentage }}" required placeholder="{{__('Sales Percentage')}}" tabindex="1" >
									                      @if ($errors->has('sales_percentage'))
									                      	 <div class="invalid-feedback">{{ $errors->first('sales_percentage') }}</div>
									                      @endif 
                                                    </fieldset>
                                                </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">{{__('Update')}}</button>
                                                </div>

                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                        </div>
 </section>
@endsection
@section('script')
    <script>
	
	 @isset($data['seller']->type_sales_percentage )
        var val ={!! $data['seller']->type_sales_percentage !!};
        if (val == 0) {
            $('#category').attr('checked', 'checked');
            $('#type_sales_percentages').css('display', 'none');
        }
        else if (val == 1)
        {
            $('#free').attr('checked', 'checked');
            $('#type_sales_percentages').css('display', 'none');
        }
		else
		{
			 $('#percentage').attr('checked', 'checked');
            $('#type_sales_percentages').css('display', 'block');
		}

        @endisset
	    function LoadTypeSeller () {
		var valType =$("input[name=type_sales_percentage]:checked").val();
		 if(valType==0)
		 {
               $('#type_sales_percentages').css('display', 'none');
		 }
		 else if(valType==1)
		 {
			 $('#type_sales_percentages').css('display', 'none');
		 }
		else if(valType==2)
		 {
			  $('#type_sales_percentages').css('display', 'block');
		 }
	}
    </script>
	@endsection