@extends('layouts.app')

@section('page-css')

@endsection

@section('content')
    <div class="container-fluid d-block">
        <div id="all-users-page-container" class="py-4">
            <div class="card">
                <div class="card-header">
                    {{ $page_title }}
                </div>
                <div class="card-body">
                    <!-------- Filter Modal ------->
                    @php($export_excel_url = env('API_URL') . '/feedbacks/export-excel?' . ($_SERVER['QUERY_STRING'] ?? null ? $_SERVER['QUERY_STRING']  : '?group_id=' . $parameters['group_id']) .'&type=all')

                    <a href="{{ $export_excel_url }}" class="ratings_dl_all" style="float: right;">
                        <button class="btn btn-sm btn-success m-1"><i class="fas fa-cloud-download-alt"></i> DOWNLOAD ALL</button>
                    </a>

                    {{-- @include('pages.includes.filter_forms.main_filter_form') --}}
                    @include('pages.ratings.filter')
                    <!----------------------------->
                    <div class="table-responsive mt-4">
                        <div class="processing_container">Processing...</div>
                        <table id="all-feedback-table" class="table table-striped table-bordered dt-responsive no-wrap" width="100%">
                            <thead>
                                <th>Coach Employee Id</th>
                                <th>Coach Name</th>
                                <th>Coachee Employee Id</th>
                                <th>Coachee Name</th>
                                <th width="20%">Ratings</th>
                                <th width="10%">Comments</th>
                                <th>Group</th>
                                <th>Division</th>
                                <th>Department</th>
                                <th width="10%">Created</th>
                                <th width="3%"></th>
                            </thead>
                            @if($ratings->responseCode == 800)
                                <tbody>
                                    @foreach($ratings->data->data as $gs_key => $gs_value)
                                        <tr>
                                            <td>{{ $gs_value->coach->user->employee_id }}</td>
                                            <td>{{ $gs_value->coach->user->full_name }}</td>
                                            <td>{{ $gs_value->coachee->user->employee_id }}</td>
                                            <td>{{ $gs_value->coachee->user->full_name }}</td>
                                            <td>
                                                @foreach($gs_value->rating as $ratings_key => $ratings_value)
                                                    <div class="col-md-12 d-flex">
                                                        <div class="col-md-6">{{ $ratings_value->question->question }}</div>
                                                        <div class="col-md-6">
                                                            <ul class="stars">
                                                                @for($i = 1; $i <= 5; $i++)
                                                                    <li><i class="fas fa-star{{ ($i <= $ratings_value->rating_score ? ' active' : '') }}"></i></li>
                                                                @endfor
                                                            </ul>
                                                        </div>
                                                    </div>
                                                @endforeach
                                            </td>
                                            <td>{{ isset($gs_value->rating[0]) ? $gs_value->rating[0]->remarks : '' }}</td>
                                            <td>{{ $gs_value->group->group_name }}</td>
                                            <td>{{ $gs_value->division->division_name }}</td>
                                            <td>{{ $gs_value->department->department_name }}</td>
                                            <td width="8%">
                                                {{ date('F d, Y h:i a', strtotime($gs_value->created_at)) }}

                                            </td>
                                            <td style="text-align:center; width:5% !important">
                                                <a href="{{ url('growsheet/view') }}/{{ $gs_value->grow_session_id }}" class="btn btn-sm btn-primary mt-2">View Grow Session</a>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            @else
                                <tbody></tbody>
                            @endif
                        </table>
                        <ul id="all-ratings-table-pagination" class="pagination-sm"></ul>
                    </div>
                </div>
            </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') }}";
        $.api_url = "{{ env('API_URL') }}";
        $.export_excel_url = "{{ $export_excel_url }}";

        // $('#feeback-link').addClass('active');

        // $('#all-feedback-table').DataTable({
        //     dom: 'Bfrtip',
        //     bInfo: false,
        //     bFilter: false,
        //     buttons : [{
		// 			extend: 'excelHtml5',
		// 			text: '<i class="fas fa-file-download"></i> Download All',
		// 			className: 'btn btn-success btn-sm',
		// 			exportOptions: {
		// 				columns: [ 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 ]
		// 			}
        //         }],
        //         columnDefs : [{
		// 			"targets": [0,2], //Comma separated values
		// 			"visible": false,
		// 			"searchable": false }
		// 		]
        // });

        // $('.buttons-excel.buttons-html5').removeClass('dt-button');
        // $('.buttons-excel.buttons-html5').removeClass('dt-button');
        generalUseFunctions.paginateTable('all-ratings-table-pagination', "{{ base64_encode(json_encode($ratings))}}", "{{$currentPage}}");

    </script>
@endsection