@extends('dashboard.layouts.app')

@section('content')
    <div class="">
        <div class="mb-3 fw-bold">Onboarding Progress</div>

        <x-table-controls action="{{ route('tasks.onboarding') }}" />


        <table class="mt-3 table table-bordered table-sm text-center align-middle">
            <thead>
                <tr>
                    <th>Photo</th>
                    <th>Employee Name</th>
                    <th>Date of Entry</th>
                    <th>Direct Manager</th>
                    <th>HR</th>
                    <th>IT</th>
                </tr>
            </thead>
            <tbody>
                @foreach($tasks as $item)
                    <tr>
                        {{-- Photo --}}
                        <td>
                            <img src="{{ $item['staff']->photo_url ?? asset('images/default-user.png') }}" width="40"
                                class="rounded-circle" alt="photo">
                        </td>

                        {{-- Name --}}
                        <td>
                            {{ $item['staff']->first_name }} {{ $item['staff']->last_name }}
                        </td>

                        {{-- Date --}}
                        <td>
                            {{ \Carbon\Carbon::parse($item['created_at'])->format('d M, Y') }}
                        </td>

                        {{-- Manager --}}
                        <td>
                            <span class="badge {{ $item['steps']['manager'] ? 'bg-success' : ($item['steps']['hr'] ? 'bg-success' : 'bg-secondary') }}">
                                {{ $item['steps']['manager'] ? 'Done' : ($item['steps']['hr'] ? 'Done' : 'Pending')}}
                            </span>
                        </td>

                        {{-- HR --}}
                        <td>
                            <span class="badge {{ $item['steps']['hr'] ? 'bg-success' : 'bg-secondary' }}">
                                {{ $item['steps']['hr'] ? 'Done' : 'Pending' }}
                            </span>
                        </td>

                        {{-- IT --}}
                        <td>
                            <span class="badge {{ $item['steps']['it'] ? 'bg-success' : 'bg-secondary' }}">
                                {{ $item['steps']['it'] ? 'Done' : 'Pending' }}
                            </span>
                        </td>


                    </tr>
                @endforeach
            </tbody>
        </table>

        <div class="m-2">
            <div>
                {{ $tasks->appends(request()->except('page'))->links('pagination::bootstrap-5') }}
            </div>
        </div>
    </div>
@endsection