{{-- One month of days for one employee. $days and $month come from BuildsAttendanceReports; $monthRoute is the page to reload with another month. --}}
@use('App\Enums\PermissionName')
@use('App\Models\Attendance')

<div class="overflow-hidden rounded-2xl bg-white shadow-raised">
    <x-table-toolbar>
        <h3 class="text-base font-semibold text-gray-900">{{ __('History') }}</h3>

        <form method="GET" action="{{ $monthRoute }}" class="flex items-center gap-2 text-sm text-gray-600">
            <label for="month">{{ __('Month') }}</label>
            <input id="month" type="month" name="month" value="{{ $month->format('Y-m') }}" max="{{ now()->format('Y-m') }}" onchange="this.form.requestSubmit()" class="rounded-lg border-gray-300 py-2 text-sm text-gray-700 shadow-sm focus:border-brand-500 focus:ring-brand-500">
        </form>

        @isset($actions)
            <x-slot name="actions">{{ $actions }}</x-slot>
        @endisset
    </x-table-toolbar>

    @if (count($days) === 0)
        <div class="px-6 py-12 text-center text-sm text-gray-600">{{ __('This month has not started yet.') }}</div>
    @else
        <div class="overflow-x-auto">
            <table class="w-full border-collapse text-sm">
                <thead>
                    <tr class="border-y border-gray-200 bg-gray-50 text-xs font-semibold uppercase tracking-wider text-gray-500">
                        <th class="px-6 py-3 text-start">{{ __('Day') }}</th>
                        <th class="px-6 py-3 text-start">{{ __('Status') }}</th>
                        <th class="px-6 py-3 text-start">{{ __('In') }}</th>
                        <th class="px-6 py-3 text-start">{{ __('Out') }}</th>
                        <th class="px-6 py-3 text-start">{{ __('Hours') }}</th>
                        <th class="px-6 py-3 text-start">{{ __('Note') }}</th>
                        @can(PermissionName::ManageAttendance->value)
                            <th class="px-6 py-3 text-end">{{ __('Actions') }}</th>
                        @endcan
                    </tr>
                </thead>

                <tbody class="divide-y divide-gray-100">
                    @foreach ($days as $day)
                        @php $attendance = $day['attendance']; @endphp
                        <tr class="hover:bg-gray-50 {{ $day['derived'] === 'weekend' ? 'bg-gray-50/60 text-gray-400' : '' }}">
                            <td class="px-6 py-3">
                                <div class="font-semibold {{ $day['derived'] === 'weekend' ? 'text-gray-500' : 'text-gray-900' }}">{{ $day['date']->format('D, M j') }}</div>
                                @if ($day['derived'] === 'pending')
                                    <div class="text-xs text-gray-500">{{ __('Today') }}</div>
                                @endif
                            </td>
                            <td class="px-6 py-3">
                                @include('attendance.partials.status-badge', ['status' => $day['status'], 'derived' => $day['derived']])
                                @if ($attendance?->wasMarkedByHand())
                                    <span class="ms-1 text-xs text-gray-500" title="{{ __('Recorded by hand') }}">{{ __('by admin') }}</span>
                                @endif
                            </td>
                            <td class="px-6 py-3 text-gray-700">{{ $attendance?->localCheckIn()?->format('g:i A') ?? '—' }}</td>
                            <td class="px-6 py-3 text-gray-700">{{ $attendance?->localCheckOut()?->format('g:i A') ?? '—' }}</td>
                            <td class="px-6 py-3 text-gray-700">{{ Attendance::formatHours($attendance?->hoursWorked()) }}</td>
                            <td class="max-w-xs truncate px-6 py-3 text-gray-600" title="{{ $attendance?->note }}">{{ $attendance?->note ?? '' }}</td>
                            @can(PermissionName::ManageAttendance->value)
                                <td class="px-6 py-3">
                                    <div class="flex items-center justify-end gap-2">
                                        @if ($attendance)
                                            <x-table-action :href="route('attendance.edit', $attendance)">{{ __('Edit') }}</x-table-action>
                                        @elseif ($day['derived'] !== 'future')
                                            <x-table-action :href="route('attendance.create', ['employee' => $employee->id, 'date' => $day['date']->toDateString()])">{{ __('Mark') }}</x-table-action>
                                        @endif
                                    </div>
                                </td>
                            @endcan
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    @endif
</div>