@extends('layouts.employee')
@section('title','Beranda')
@section('content')
<div class="employee-greeting"><h1>Selamat {{ now()->hour<11?'pagi':(now()->hour<15?'siang':(now()->hour<18?'sore':'malam')) }}, {{ Str::before($employee->full_name,' ') }}</h1><p>{{ now()->translatedFormat('l, j F Y') }}</p></div>
<div class="status-panel {{ $today?->check_out_time||!$canAttend?'done':'' }}"><span class="row-icon" style="background:{{ $today?->check_out_time||!$canAttend?'#dff5e7':'#ffe2e4' }};color:{{ $today?->check_out_time||!$canAttend?'var(--success)':'var(--danger)' }}"><i data-lucide="{{ !$canAttend?'calendar-off':($today?->check_out_time?'circle-check-big':'clock-3') }}"></i></span><div><strong>{{ !$canAttend?'Tidak Ada Kewajiban Absensi':(!$today?'Belum Check In':(!$today->check_out_time?'Sedang Bekerja':'Absensi Selesai')) }}</strong><div class="row-meta">{{ !$canAttend?'Hari libur perusahaan atau cuti Anda telah disetujui.':(!$today?'Silakan check in untuk memulai hari kerja.':(!$today->check_out_time?'Check in '.$today->check_in_time->format('H:i').' • Jangan lupa check out.':'Terima kasih, kehadiran hari ini lengkap.')) }}</div></div></div>
<div class="info-panel"><div class="info-row"><span class="row-icon"><i data-lucide="briefcase-business"></i></span><span class="row-main"><strong>{{ $assignment?->shift->name??'Jadwal belum tersedia' }}</strong><span class="row-meta">{{ $assignment?substr($assignment->shift->start_time,0,5).' - '.substr($assignment->shift->end_time,0,5):'Hubungi HRD' }}</span></span></div><div class="info-row"><span class="row-icon"><i data-lucide="map-pin"></i></span><span class="row-main"><strong>{{ $assignment?->workLocation->name??'Lokasi belum tersedia' }}</strong><span class="row-meta">Radius {{ number_format($assignment?->workLocation->radius_meter??0) }} meter</span></span></div></div>
<div class="gps-panel"><div class="gps-status"><span class="row-icon" style="background:#e4f6eb;color:var(--success)"><i data-lucide="locate-fixed"></i></span><span class="row-main"><strong>Lokasi siap diverifikasi</strong><span class="row-meta">GPS diperiksa saat proses absensi</span></span></div><div class="gps-requirements"><div class="requirement"><span class="stat-icon warning"><i data-lucide="camera"></i></span><span><strong>Kamera langsung</strong><br><span class="muted">Galeri dinonaktifkan</span></span></div><div class="requirement"><span class="stat-icon success"><i data-lucide="shield-check"></i></span><span><strong>Lokasi terverifikasi</strong><br><span class="muted">GPS aktif</span></span></div></div>
@if(!$canAttend)<button class="attendance-cta" disabled><i data-lucide="calendar-off"></i> Hari Libur / Cuti</button>@elseif(!$today)<a class="attendance-cta" href="{{ route('employee.attendance.checkin') }}"><i data-lucide="camera"></i> Check In Sekarang</a>@elseif(!$today->check_out_time)<a class="attendance-cta" href="{{ route('employee.attendance.checkout') }}"><i data-lucide="log-out"></i> Check Out Sekarang</a>@else<button class="attendance-cta" disabled><i data-lucide="circle-check-big"></i> Kehadiran Lengkap</button>@endif
<div style="text-align:center;margin-top:14px"><a href="{{ route('employee.history.index') }}" style="color:#1769c2;font-weight:700;font-size:.84rem">Lihat Riwayat <i data-lucide="chevron-right" style="display:inline;vertical-align:middle"></i></a></div></div>
<div class="history-panel"><div class="split"><strong>Riwayat Terakhir</strong><a class="tiny" style="color:#1769c2" href="{{ route('employee.history.index') }}">Lihat semua</a></div>@forelse($recent as $a)<div class="history-item"><span class="row-icon" style="background:#e8f7ee;color:var(--success)"><i data-lucide="circle-check"></i></span><span class="row-main"><strong class="tiny">{{ $a->attendance_date->translatedFormat('D, j M Y') }}</strong><span class="row-meta">Masuk {{ $a->check_in_time?->format('H:i')??'-' }} • Keluar {{ $a->check_out_time?->format('H:i')??'-' }}</span></span><span class="badge {{ $a->status }}">{{ str_replace('_',' ',$a->status) }}</span></div>@empty<div class="empty">Belum ada riwayat absensi.</div>@endforelse</div>
@endsection