@extends('layouts.school')
@section('title', 'Attendance History')
@section('header', 'Staff Management')
@section('content')
    @php $sid = request()->route('schoolId'); @endphp

    <div class="mb-4"><a href="{{ route('school.staff.attendance', $sid) }}" class="text-sm text-gray-500 hover:text-primary-600">&larr; Back to attendance marking</a></div>

    <div class="card overflow-x-auto p-0">
        <table class="table-modern">
            <thead>
                <tr><th>Date</th><th>Marked</th><th>Present</th><th>Absent</th><th>Late</th><th>Excused</th></tr>
            </thead>
            <tbody>
                @forelse ($history as $day)
                    <tr class="hover:bg-gray-50">
                        <td class="font-medium text-gray-900">{{ \Illuminate\Support\Carbon::parse($day->date)->format('D, d M Y') }}</td>
                        <td>{{ $day->marked }}</td>
                        <td><span class="badge badge-green">{{ $day->present }}</span></td>
                        <td><span class="badge badge-red">{{ $day->absent }}</span></td>
                        <td><span class="badge badge-amber">{{ $day->late }}</span></td>
                        <td><span class="badge badge-blue">{{ $day->excused }}</span></td>
                    </tr>
                @empty
                    <tr><td colspan="6"><div class="empty-state">No staff attendance recorded in the last 30 days.</div></td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
@endsection