@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">
                    @php($export_excel_url = env('API_URL') . '/scoreboards/export-excel/coachees?' . ($_SERVER['QUERY_STRING'] ?? null ? $_SERVER['QUERY_STRING']  : '?group_id=' . ($parameters['group_id'] ?? null)) . '&year=' . $parameters['year'].  '&role_type=coachee')
                    <!-------- Filter Modal ------->
                    <a href="{{ $export_excel_url }}" class="coachee_scoreboard_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.scoreboard.coachee-scoreboard-filter')
                    <!----------------------------->
                    <div class="table-responsive mt-4">
                        <div class="processing_container">Processing...</div>
                        <table id="coachee-scoreboard-table" class="table table-striped table-bordered dt-responsive nowrap" width="100%">
                            <thead>
                                <th>ID</th>
                                <th>Name</th>
                                <th>Group</th>
                                <th>Division</th>
                                <th>Department</th>
                                <th class="text-center" width="10%">Action</th>
                            </thead>
                            @if($coachees_lists->responseCode == 800)
                                @if(!empty($coachees_lists->data))
                                    <tbody>
                                        @foreach($coachees_lists->data->data as $key => $value)
                                            <tr>
                                                <td>{{ $value->user->employee_id }}</td>
                                                <td>
                                                    <a href="#" id="filter_btn" onclick="generalUseFunctions.triggerFilter('coachee_user_id', '{{ $value->user_role_id }}');">
                                                        {{ $value->user->full_name }}
                                                    </a>
                                                </td>
                                                {{-- <td>{{ $value->full_name }}</td> --}}

                                                <td>
                                                    <a href="#" id="filter_btn" onclick="generalUseFunctions.selectFilter('group', '{{ $value->user->group->group_id }}', '{{ $value->user->division->division_id }}', '{{ $value->user->department->department_id }}');">
                                                        {{ $value->user->group->group_name }}
                                                    </a>
                                                </td>

                                                <td>
                                                    <a href="#" id="filter_btn" onclick="generalUseFunctions.selectFilter('division', '{{ $value->user->group->group_id }}', '{{ $value->user->division->division_id }}', '{{ $value->user->department->department_id }}');">
                                                        {{ $value->user->division->division_name }}
                                                    </a>
                                                </td>

                                                <td>
                                                    <a href="#" id="filter_btn" onclick="generalUseFunctions.selectFilter('department', '{{ $value->user->group->group_id }}', '{{ $value->user->division->division_id }}', '{{ $value->user->department->department_id }}');">
                                                        {{ $value->user->department->department_name }}
                                                    </a>
                                                </td>

                                                <td class="text-center d-contents">
                                                    <a href="{{ url('coachee_scoreboard').'/'.$year.'/'.$value->user_role_id }}">
                                                        <button class="btn btn-sm btn-primary m-1"><i class="fas fa-eye"></i> View</button>
                                                    </a>

                                                    <a href="{{ $export_excel_url . '&coachee_id=' . $value->user_role_id }}">
                                                        <button class="btn btn-sm btn-success m-1"><i class="fas fa-cloud-download-alt"></i> EXCEL</button>
                                                    </a>

                                                    {{-- <button class="btn btn-sm btn-success m-1" onclick="generalUseFunctions.exportToExcel('coachee-scoreboard-table', 'Coachee ScoreBoard({{ $year }})');"><i class="fas fa-cloud-download-alt"></i> EXCEL</button> --}}
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                @else
                                    <tbody></tbody>
                                @endif
                            @else
                                <tbody></tbody>
                            @endif
                        </table>
                        <ul id="coachee-scoreboard-table-pagination" class="pagination-sm"></ul>
                    </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 }}";

        if($.user_role_id != 0) {
            $('.grp_class').addClass('d-none');
            $('#group').trigger('onchange');
        }

        $('#coachee_scorebaord').trigger('click');
        $('#coachee-{{ $year }}-link').addClass('active');

        // scoreboardPageFunctions.initializeDataTable('coachee-scoreboard-table');
        generalUseFunctions.paginateTable('coachee-scoreboard-table-pagination', "{{ base64_encode(json_encode($coachees_lists))}}", "{{$currentPage}}");
    </script>
@endsection