@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">
                <div class="card-header">
                    {{ $page_title }}
                    @if ($irr_wf_counts != 0)
                        <span class="badge badge-pill badge-danger irr_badge">IRR {{ $irr_wf_counts }}</span>
                    @endif
                </div>

                <div class="card-body">
                    <!-------- Filter Modal ------->
                    @php($export_excel_url = env('API_URL') . '/grow-sessions/export-excel?' . ($_SERVER['QUERY_STRING'] ?? null ? $_SERVER['QUERY_STRING']  : '?group_id=' . $parameters['group_id']) . '&is_skip_level=' . $user['is_skip_level'] .'&type=all')

                    <a href="{{ $export_excel_url }}" class="growsheet_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.grow-sheets.filter')
                    <!----------------------------->
                    {{-- All GROW Sheets --}}
                    <div class="table-responsive mt-4">
                        <div class="processing_container">Processing...</div>
                        <table id="all-growsheets-table" class="table table-striped table-bordered dt-responsive nowrap" width="100%">
                            <thead>
                                <th>Coach Name</th>
                                <th>Coachee Name</th>
                                <th>Goal</th>
                                <th>Group</th>
                                <th>Division</th>
                                <th>Department</th>
                                <th class="text-center">Created</th>
                                <th class="text-center">Action</th>
                            </thead>
                            <tbody>

                                @if (isset($growsheets->responseCode) && $growsheets->responseCode == 800)
                                    @foreach($growsheets->data->data as $key => $value)
                                        <tr>
                                            <td>
                                                <a href="#" id="filter_btn" onclick="generalUseFunctions.triggerFilter('coach_user_id', '{{ $value->coach_id }}');">
                                                    {{ucfirst($value->coach->user->first_name) . ' ' . ucfirst($value->coach->user->last_name)}}
                                                </a>
                                            </td>

                                            <td>
                                                <a href="#" id="filter_btn" onclick="generalUseFunctions.triggerFilter('coachee_user_id', '{{ $value->coachee_id }}');">
                                                    {{ucfirst($value->coachee->user->first_name) . ' ' . ucfirst($value->coachee->user->last_name)}}
                                                </a>
                                            </td>
                                            <td width="35%">
                                                {{ $value->goal }}
                                            </td>

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

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

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

                                            <td class="text-center">{{ date('F d, Y g:ia', strtotime($value->created_at)) }}</td>
                                            <td class="text-center d-grid">
                                                <a href="{{ url('growsheet/view') }}/{{ $value->grow_session_id }}" class="font-weight-bold m-1 text-primary"><i class="fa fa-folder"></i> View</a>
                                                <a href="{{ url('rating/view') }}/{{ $value->grow_session_id }}" class="font-weight-bold m-1 text-secondary"><i class="fas fa-star"></i> View Rating</a>
                                                <a href="{{ env('API_URL') . '/export_coachee_growsheets?type=grow_session_id&grow_session_id=' . $value->grow_session_id }}" class="font-weight-bold m-1 text-success"><i class="fas fa-file-download"></i> Download</a>
                                                <a href="#" class="font-weight-bold m-1 text-danger" data-id="2" data-toggle="modal" data-target="#delete_modal" onclick="generalUseFunctions.populateDeleteModal('delete_growsheet', {{ json_encode($value) }});">
                                                    <i class="fa fa-trash"></i> Delete
                                                </a>
                                                <p class="font-weight-bold m-1">Pending
                                                @if ($value->wf_pending_count != 0)
                                                    <span class="badge badge-pill badge-danger pending_badges">{{ $value->wf_pending_count }}</span>
                                                @endif
                                                </p>
                                            </td>
                                        </tr>
                                    @endforeach
                                @else
                                    <tr>
                                        <td class="text-center" colspan="8">No data yet.</td>
                                    </tr>
                                @endif
                            </tbody>
                        </table>
                        <ul id="all-growsheets-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') }}";
        $.export_excel_url = "{{ $export_excel_url }}";
        $('#growsheet-link').addClass('active');

        generalUseFunctions.paginateTable('all-growsheets-table-pagination', "{{ base64_encode(json_encode($growsheets))}}", "{{$currentPage}}");
    </script>
@endsection