@extends('portal.includes.layout')

@section('content')



    <div class="container container-up">
        <div class="row">
            <div class="col-xs-12"><img class="img-responsive center-block" src="/img/cabeceras/session-ratings.png"
                                        alt=""></div>
        </div>
    </div>
    <br>
    <div class="container">
        <div class="row margin-top-40">
            <div class="col-xs-12">
                <p class="texto-7 gris-2">
                    {{ trans('static.sessions_ratings.text_1') }}:
                </p>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12">
            @if(sizeof($plannings->sesiones) > 0)

                        <!-- valoraciones -->
                            <div class="row content-1 margin-top-40">

                                <div class="col-xs-12 col-sm-4">
                                <br><br>
                                    <p class="texto-8 gris-4 text-uppercase">{{ trans('generales.ratings') }}:</p>
                                </div>

                                <div class="col-xs-12 col-sm-4">
                                <br><br>
                                    <p class="texto-8 gris-4 text-uppercase">{{ trans('generales.comments') }}:</p>
                                </div>

                            </div>
                @foreach ($plannings->sesiones as $sesion)
                            @if(sizeof($sesion->valoraciones_sesiones) > 0)
                                @foreach ($sesion->valoraciones_sesiones as $valoracion)
                                <div class="row content-1">
                                    <div class="col-xs-12 col-sm-3 text-center">
                                                <br>
                                                <input class="rating" type="number"
                                                       data-min="0" data-max="4" data-step="0.5"
                                                       data-stars="4" data-show-clear="false" data-disabled="true"
                                                       data-show-caption="false"
                                                       data-size="sm"
                                                       value="{{$valoracion->valoracion}}">

                                    </div>
                                    <div class="col-xs-12 col-sm-8 col-sm-offset-1">
                                        <p class="texto-2">{{$valoracion->alumnos_nombre.' '.$valoracion->alumnos_apellido_1.' '.$valoracion->alumnos_apellido_2}}</p>
                                        <p>{{$valoracion->comentario}}</p>
                                    </div>
                                </div>
                                @endforeach

                            @endif
                @endforeach

            @endif

        </div>
    </div>
    </div>
    <script src="/js/vendor/star-rating/star-rating.min.js"></script>

@stop