@extends('layouts.app')

@section('page-css')

@endsection

@section('content')
    <div class="container-fluid d-block gs_ratings">
        <div id="all-items-page-container" class="py-4">
            <div class="card mb-4">
                <div class="card-header">
                    {{ $page_title }}
                </div>

                <div class="card-body">
                    @if($ratings != NULL)
                        @foreach ($ratings as $ratings_key => $ratings_value)
                            <div class="col-md-12 d-flex">
                                <div class="col-md-12">{{ $ratings_value->question }}</div>
                            </div>

                            <div class="col-md-12 d-flex">
                                <div class="col-md-12">
                                    <ul class="stars">
                                        @for ($i = 1; $i <= 5; $i++)
                                            @php($rating_score = ($ratings_value->rating_score >= $i ? ' active' : ''))
                                            <li><i class="fas fa-star{{ $rating_score }}" aria-hidden="true"></i></li>
                                        @endfor
                                    </ul>
                                </div>
                            </div>
                        @endforeach

                        <div class="col-md-12 d-flex">
                            <div class="col-md-12">
                                <span class="comment_text">Comment:</span>
                                <span class="comment_content">{{ $ratings[0]->remarks }}</span>
                            </div>
                        </div>
                    @else
                        <p>No Rating Available.</p>
                    @endif
                </div>
            </div>
        @include('pages.includes.footer')
    </div>
@endsection

@section('page-js')
    <script type="text/javascript">
        $.csrf_token    =   $('meta[name="csrf-token"]').attr('content');
        $.backoffice_url  =   "{{ env('BACKOFFICE_URL') }}";
        $('#growsheet-link').addClass('active');

        generalUseFunctions.initializeDataTable('options-table', false, false);
        growSheetsPageFunctions.onload();
        growSheetsPageFunctions.checkTextAreas();
    </script>
@endsection