@extends('layouts.app')
@section('content')
<div class="d-flex justify-content-between align-items-start mb-4"><div><div class="text-danger small fw-bold">DASHBOARD UTAMA</div><h1 class="page-title">Selamat pagi, Andi 👋</h1><p class="text-muted">Pantau aktivitas kehadiran cabang hari ini.</p></div><a href="{{ route('attendance.create') }}" class="btn btn-danger"><i class="bi bi-camera me-1"></i> Absen sekarang</a></div>
<div class="row g-3 mb-4"><div class="col-md-4"><div class="card stat p-4"><small class="text-muted">Total pegawai aktif</small><h2>{{ $stats['employees'] }}</h2></div></div><div class="col-md-4"><div class="card stat p-4"><small class="text-muted">Hadir hari ini</small><h2>{{ $stats['present'] }}</h2></div></div><div class="col-md-4"><div class="card stat p-4"><small class="text-muted">Izin menunggu</small><h2>{{ $stats['pending'] }}</h2></div></div></div>
<div class="card p-4"><h4 class="fw-bold">Aktivitas absensi terbaru</h4><p class="text-muted">Data real-time dari pegawai cabang.</p><div class="table-responsive"><table class="table align-middle"><thead><tr><th>Pegawai</th><th>Waktu</th><th>Lokasi</th><th>Status</th></tr></thead><tbody>@forelse($attendances as $attendance)<tr><td>{{ $attendance->employee->full_name }}</td><td>{{ optional($attendance->check_in)->format('d M Y H:i') }}</td><td>{{ $attendance->location_name }}</td><td><span class="badge {{ $attendance->status === 'late' ? 'bg-warning text-dark' : 'bg-success' }}">{{ $attendance->status }}</span></td></tr>@empty<tr><td colspan="4" class="text-center text-muted">Belum ada data absensi.</td></tr>@endforelse</tbody></table></div></div>
@endsection