@php
    $approvalCenterUrl = $approvalCenterRoute && \Illuminate\Support\Facades\Route::has($approvalCenterRoute)
        ? route($approvalCenterRoute) : null;
@endphp
<div class="card">
    <div class="card-header bg-white font-weight-bold">{{ __('Attendance') }}</div>
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-hover sur-table mb-0">
                <thead class="thead-light">
                <tr>
                    <th>{{ __('Date') }}</th>
                    <th>{{ __('In') }}</th>
                    <th>{{ __('Out') }}</th>
                    <th>{{ __('Status') }}</th>
                </tr>
                </thead>
                <tbody>
                @forelse($attendances as $att)
                    <tr>
                        <td class="sur-time font-weight-bold">{{ $att->date }}</td>
                        <td class="sur-time">{{ $att->signIn ? date('h:i A', strtotime($att->signIn)) : '—' }}</td>
                        <td class="sur-time">{{ $att->signOut ? date('h:i A', strtotime($att->signOut)) : '—' }}</td>
                        <td>{{ $att->status ?? '—' }}</td>
                    </tr>
                @empty
                    <tr><td colspan="4" class="text-center text-muted py-4">{{ __('No attendance found') }}</td></tr>
                @endforelse
                </tbody>
            </table>
        </div>
    </div>
    @if($attendances->hasPages())
        <div class="card-footer bg-white">{{ $attendances->links() }}</div>
    @endif
</div>