@extends('layouts.app')

@section('content')
<h1>{{ __('messages.dashboard') }}</h1>

<div class="grid stats">
    <div class="card"><small>{{ __('messages.today_present') }}</small><strong>{{ $stats['today_present'] }}</strong></div>
    <div class="card"><small>{{ __('messages.pending_approvals') }}</small><strong>{{ $stats['pending_approvals'] }}</strong></div>
    <div class="card"><small>{{ __('messages.active_employees') }}</small><strong>{{ $stats['active_employees'] }}</strong></div>
</div>

<div class="card">
    <h2>{{ __('messages.today_status') }}</h2>
    @if($myTodayLog)
        <p>{{ __('messages.clock_in') }}: {{ optional($myTodayLog->clock_in_time)->format('H:i') }}</p>
        <p>{{ __('messages.clock_out') }}: {{ optional($myTodayLog->clock_out_time)->format('H:i') ?? '-' }}</p>
        <p>{{ __('messages.approval_status') }}: <span class="badge">{{ $myTodayLog->approval_status }}</span></p>
    @else
        <p>{{ __('messages.no_attendance_today') }}</p>
    @endif
    <a href="{{ route('attendance.index') }}" class="btn btn-primary">{{ __('messages.go_to_clock') }}</a>
</div>
@endsection