@extends('layouts.app')
@section('page_title','My Attendance')
@section('page_subtitle','Clock in and clock out daily. HR can correct records where needed.')
@section('content')
<div class="card"><h3>Today</h3>@if($todayAttendance)<p>Clock in: <strong>{{ $todayAttendance->clock_in_at?->format('h:i A') ?? '-' }}</strong></p><p>Clock out: <strong>{{ $todayAttendance->clock_out_at?->format('h:i A') ?? '-' }}</strong></p>@else<p class="muted">You have not clocked in today.</p>@endif<div class="actions"><form method="POST" action="{{ route('user.attendance.clock-in') }}">@csrf<button class="btn">Clock In</button></form><form method="POST" action="{{ route('user.attendance.clock-out') }}">@csrf<button class="btn secondary">Clock Out</button></form></div></div>
<div class="card"><h3>Attendance History</h3><table class="table"><tr><th>Date</th><th>Clock In</th><th>Clock Out</th><th>Status</th><th>Notes</th></tr>@forelse($records as $record)<tr><td>{{ $record->work_date?->format('d M Y') }}</td><td>{{ $record->clock_in_at?->format('h:i A') ?? '-' }}</td><td>{{ $record->clock_out_at?->format('h:i A') ?? '-' }}</td><td><span class="badge green">{{ ucfirst($record->status) }}</span></td><td>{{ $record->notes }}</td></tr>@empty<tr><td colspan="5"><div class="empty">No attendance records yet.</div></td></tr>@endforelse</table><div class="pagination">{{ $records->links() }}</div></div>
@endsection