@extends('template.layoutAdmin')
@section('cabecera')
  <div class="row">
    <div class="col-12 text-right">
      <h1>
        <small>C
            {{  trans('template.calificacion.cali') }}
        </small>

      </h1>
    </div>
  </div>
@endsection
@section('title')
    Calificación
@endsection
@section('style')
<style>
.rate{
    color: orange;
    display: block;
    font-size: 60px;
}
</style>
@endsection
@section('contenido')
<div class="row ">
    <div class="col md-2">
        <div class="box">
            <div class="box-header">
                <h2>

                Calificación general

                </h2>

            </div>

            <div class="box-body text-center">
                  <div class="row">
                    <div class="col">
                    <h1>{{number_format($valoracion['generalRestaurante'], 1, ',', '.')}}</h1>

                    </div>
                    <div class="col">
                        <span class="ratingBarGeneral rate" />
                    </div>
                  </div>
            </div>
          </div>
    </div>



</div>
@if ($detalleRestaurante->ordenar==1)
<div class="row ">
    <div class="col md-2">
        <div class="box">
            <div class="box-body">
                <div class="col text-center">
                    <div class="row">
                        <div class="col">
                            <h1>{{number_format($valoracion['ordenarGeneral'], 1, ',', '.')}}</h1>

                        </div>
                        <div class="col">
                            <span class="ratingBarGeneralOrdenar rate" />

                        </div>

                        <div class="col">
                            <div class="col text-center"><h5>  {{  trans('template.calificacion.ordenar') }}<h5></div>
                                <div class="col text-center"><img src="{{asset('images/target_ordenar.png')}}" width="50px"  height="50px" ></div>
                        </div>
                    </div>

                </div>

            </div>
        </div>
    </div>

</div>
@endif

@if ($detalleRestaurante->domicilio==1)
<div class="row">
    <div class="col md-2">
        <div class="box">
            <div class="box-body">
                <div class="col text-center">
                    <div class="row">
                        <div class="col">
                            <h1>{{number_format($valoracion['domiciliosGeneral'], 1, ',', '.')}}</h1>

                        </div>
                        <div class="col">
                            <span class="ratingBarGeneralDomicilios rate" />

                        </div>

                        <div class="col">
                            <div class="col text-center"><h5>  {{  trans('template.calificacion.domicilio') }}<h5></div>
                                <div class="col text-center"><img src="{{asset('images/target_domicilios.png')}}" width="50px"  height="50px" ></div>
                        </div>
                    </div>

                </div>

            </div>
        </div>
    </div>
</div>

@endif

@if ($detalleRestaurante->para_llevar==1)
<div class="row">
    <div class="col md-2">
        <div class="box">
            <div class="box-body">
                <div class="col text-center">
                    <div class="row">
                        <div class="col">
                            <h1>{{number_format($valoracion['llevarGeneral'], 1, ',', '.')}}</h1>

                        </div>
                        <div class="col">
                            <span class="ratingBarGeneralLlevar rate" />

                        </div>

                        <div class="col">
                            <div class="col text-center"><h5>  {{  trans('template.calificacion.paraLlevar') }}	<h5></div>
                                <div class="col text-center"><img src="{{asset('images/target_llevar.png')}}" width="50px"  height="50px" ></div>
                        </div>
                    </div>

                </div>

            </div>
        </div>
    </div>
</div>
@endif


@endsection
@section('js')
    <script>
        var general="{{ $valoracion['generalRestaurante'] }}";

        var ordenarGeneral="{{$valoracion['ordenarGeneral']}}";



            var llevarGeneral="{{$valoracion['llevarGeneral']}}";


            var domiciliosGeneral="{{$valoracion['domiciliosGeneral']}}";



        var options = {
            max_value: 5,
            step_size:1,
            initial_value: general,
            cursor: 'default',
            readonly: true,
        }
        $(".ratingBarGeneral").rate(options);

        var optionsOrdenar = {
            max_value: 5,
            step_size:1,
            initial_value: ordenarGeneral,
            cursor: 'default',
            readonly: true,
        }
        $(".ratingBarGeneralOrdenar").rate(optionsOrdenar);

        var optionsParaLlevar= {
            max_value: 5,
            step_size:1,
            initial_value: llevarGeneral,
            cursor: 'default',
            readonly: true,
        }
        $(".ratingBarGeneralLlevar").rate(optionsParaLlevar);


        var optionsDomicilios= {
            max_value: 5,
            step_size:1,
            initial_value: domiciliosGeneral,
            cursor: 'default',
            readonly: true,
        }
        $(".ratingBarGeneralDomicilios").rate(optionsDomicilios);

    </script>
@endsection