@extends('layouts.app')

@section('page-css')

@endsection

@section('content')
    <div class="container-fluid d-block">
        <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">
                    <div class="col-md-4 pl-0 mt-3 veiw-coach-scoreboard">
                        <div class="year_container">{{ $year }}</div>
                        <div class="ytd_assessment_container">Yearly Assessment: <span>{{ ($coachee_statistics->responseCode == 800 ? strtoupper($coachee_statistics->data->$year->ytd_achievement_rating->ytd_assessment) : 'DOES NOT MEET') }}</span></div>

                        @if($coachee_statistics->responseCode == 800)
                                @if(!empty($coachee_statistics->data) && !empty($coachee_statistics->data->$year))
                                    <table class="table table-bordered table-striped table-hover" id="veiw-coach-scoreboard-table">
                                        <thead>
                                            <th width="20%">MONTH</th>
                                            <th width="80%">ACHIEVEMENT</th>
                                        </thead>

                                        <tbody>
                                            @foreach($coachee_statistics->data->$year as $statistics_key => $statistics_value)
                                                @if ($statistics_value != NULL && $statistics_key != 'ytd_achievement_rating')
                                                    <tr>
                                                        <td>{{ ucwords(date('F', strtotime('1-' . $statistics_key . '-2020'))) }}</td>
                                                        <td>{{ ucwords($statistics_value->assessment) }}</td>
                                                    </tr>
                                                @endif
                                            @endforeach
                                        </tbody>
                                    </table>
                                @else
                                    <p class="no_data">No Data Yet.</p>
                                @endif
                        @else
                            <p class="no_data">No Data Yet.</p>
                        @endif
                    </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') }}";

        $('#coachee_scorebaord').trigger('click');
        $('#coachee-{{ $year }}-link').addClass('active');
    </script>
@endsection