@extends('layouts.app')
@section('content')
<div class="bg-white p-4 rounded shadow">
  <h2 class="font-semibold text-lg">Attendance — {{ $attendance->date ?? now()->toDateString() }}</h2>
  <p>Check-in: {{ $attendance->check_in ?? 'Not yet' }}</p>
  <p>Check-out: {{ $attendance->check_out ?? 'Not yet' }}</p>
  <p>Status: {{ $attendance->status }}</p>
  <div class="mt-4 space-x-2">
    <form method="POST" action="/attendance/checkin">@csrf<button class="px-4 py-2 bg-green-500 text-white rounded">Check In</button></form>
    <form method="POST" action="/attendance/checkout">@csrf<button class="px-4 py-2 bg-yellow-500 text-white rounded">Check Out</button></form>
  </div>
</div>
@endsection