@extends('layouts.portal')
@section('title','My attendance')
@section('content')
<div class="mx-auto max-w-5xl p-6"><h1 class="text-2xl font-bold">My attendance</h1>@if(session('status'))<div class="mt-4 rounded bg-emerald-50 p-3 text-emerald-800">{{session('status')}}</div>@endif<div class="mt-5">@if($openRecord)<form method="POST" action="{{route('operations.self.employee.clock-out')}}">@csrf<button class="rounded bg-red-600 px-4 py-2 font-semibold text-white">Clock out</button></form>@else<form method="POST" action="{{route('operations.self.employee.clock-in')}}">@csrf<button class="rounded bg-indigo-600 px-4 py-2 font-semibold text-white">Clock in</button></form>@endif</div><div class="mt-6 rounded-xl border bg-white">@forelse($records as $record)<div class="grid grid-cols-3 border-b p-4 text-sm"><span>{{$record->date}}</span><span>In: {{$record->clock_in}}</span><span>Out: {{$record->clock_out}}</span></div>@empty<p class="p-5 text-slate-500">No attendance records.</p>@endforelse</div></div>
@endsection