@extends('layouts.app', ['pageSlug' => 'rating'])

@section('content')
<div class="splynx_top_nav">
    <div style="float: left">
        <ul class="splynx_breadcrumbs">
            <li><span>Rating</span></li>
        </ul>
    </div>
    <div class="clearfix"></div>
    
</div>
<div class="spl-page-panel">   
    <div class="row">
        <div class="col-md-8 panel panel-default">
            <h3>Rate Us <small>(Out of 10)</small></h3>
            <h5><b>Service Last/Overall Rating :</b> {{$service != null ? $service->value : 0}} / {{$allservice}}</h5>
            <h5><b>Support Last/Overall Rating :</b> {{$support != null ? $support->value : 0}} / {{$allsupport}}</h5>
            <br>
            <form id="payments_form" class="form-horizontal" role="form" action="{{route('portal.store.rating')}}" method="POST" enctype="multipart/form-data">
                @csrf
                <fieldset>
                <input type="hidden" name="user" value="{{\Session::get('portal')->username}}">
                <div class="form-group{{ $errors->has('rating') ? ' has-error' : '' }} row">
                    <label class="col-md-4"></label>
                  <div class="col-md-6">
                    @for($i=1;$i<=10;$i++)
                        <!--echo '<input type="radio" name="'.$name.'" value="'.($i+1).'" />'.($i+1);-->
                        <span class="" style="margin-right: 14px;font-size:12.5px;"><b>{{$i}}</b></span>
                    @endfor
                </div>  
                <div class="form-group{{ $errors->has('rating') ? ' has-error' : '' }} row">
                    <label class="col-md-4">
                        Internet Service Rating
                    </label>
                  <div class="col-md-6">
                    @for($i=1;$i<=10;$i++)
                        <input type="radio" name="service_value" value="{{$i}}" style="margin-right: 8px;"/>
                    @endfor
                  <!--<div class="col-md-6" id="rateus"></div>-->
                  <!--<input type="hidden" name="service_value" value="">-->
                    </div> 
                </div>
                <div class="form-group{{ $errors->has('rating') ? ' has-error' : '' }} row">
                    <label class="col-md-4">
                        Customer Support Rating
                    </label>
                  <!--<div class="col-md-6" id="rateus1"></div>-->
                  <!--<input type="hidden" name="support_value" value="">-->
                  <div class="col-md-6">
                    @for($i=1;$i<=10;$i++)
                        <input type="radio" name="support_value" value="{{$i}}" style="margin-right: 8px;"/>
                    @endfor
                  </div>
                </div> 
                <div class="form-group">
                    <div class="col-lg-12 col-md-12">
                        <input type="submit" class="btn btn-primary btn-sm pull-right" >
                    </div>
                </div>

            </fieldset>

        </form>
    </div>
    <!--<div class="col-md-6 panel panel-default">-->
    <!--    <form id="payments_form1" class="form-horizontal" role="form" action="{{route('portal.store.rating')}}" method="POST" enctype="multipart/form-data">-->
    <!--        @csrf-->
    <!--        <fieldset>-->
    <!--            <input type="hidden" name="user" value="{{\Session::get('portal')->username}}">-->
    <!--            <input type="hidden" name="type" value="support">-->
    <!--            <div class="form-group{{ $errors->has('rating') ? ' has-error' : '' }}">-->
    <!--                <label class="control-label">-->
    <!--                    Customer Support Rating-->
    <!--                </label>-->
    <!--              <div id="rateus1" data-rateyo-rating="{{$support}}"></div>-->
    <!--              <input type="hidden" name="value" value="{{$support}}">-->
    <!--            </div> -->
    <!--            <div class="form-group">-->
    <!--                <div class="col-lg-12 col-md-12">-->
    <!--                    <input type="submit" class="btn btn-primary btn-sm pull-right">-->
    <!--                </div>-->
    <!--            </div>-->
    <!--        </fieldset>-->
    <!--    </form>-->
    <!--    </div>-->
    </div>
</div>

@endsection

@push('js')
<script>
  $(function () { 
    $("#rateus").rateYo({ 
      starWidth: "20px",
      spacing: "5.2px",
      normalFill: "#717983",
      ratedFill: "#FFAE00",
      numStars: 10,
      fullStar: true,
      onChange: function (rating, rateYoInstance) { 
        $(this).next().val(rating);
      }
    });
    $("#rateus1").rateYo({ 
      starWidth: "20px",
      spacing: "5.2px",
      normalFill: "#717983",
      ratedFill: "#FFAE00",
      numStars: 10,
      fullStar: true,
      onChange: function (rating, rateYoInstance) { 
        $(this).next().val(rating);
      }
    });
  });
</script>
    
@endpush