@extends('dashboard.layouts.app')

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

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


        <table class="mt-3 table table-bordered table-sm table bordered-table sm-table mb-0 text-center">
            <thead>
                <tr>
                    <th class="text-center">Photo</th>
                    <th class="text-center">Employee Name</th>
                    <th class="text-center">Date of Exit</th>
                    <th class="text-center">Direct Manager</th>
                    <th class="text-center">IT</th>
                    <th class="text-center">Finance</th>
                    <th class="text-center">HR</th>
                </tr>
            </thead>
            <tbody>
                @foreach($resignations as $item)
                    {{-- {{ dd($item)}}; --}}
                    <tr>
                        <td><img src="{{ $item['staff']->staff_photo ?? '' }}" alt="photo" width="40" height="40"
                                class="rounded-circle object-fit-cover"></td>
                        <td>{{ $item['staff']->first_name ?? '' }} {{ $item['staff']->last_name ?? '' }}
                        </td>
                        <td>{{ \Carbon\Carbon::parse($item['resignation_date'])->format('d M, Y') }}</td>

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

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

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