@extends('layouts.app')

@section('title', 'Dashboard Admin — Presensi')
@section('page-title', 'Dashboard')

@section('content')

    <div class="stat-grid">
        <div class="stat-card tone-primary">
            <span class="stat-tab"></span>
            <div class="stat-label">Total Pegawai</div>
            <div class="stat-value">{{ $statistics['users'] }}</div>
        </div>
        <div class="stat-card tone-success">
            <span class="stat-tab"></span>
            <div class="stat-label">Presensi Hari Ini</div>
            <div class="stat-value">{{ $statistics['attendances_today'] }}</div>
        </div>
        <div class="stat-card tone-warning">
            <span class="stat-tab"></span>
            <div class="stat-label">Terlambat Hari Ini</div>
            <div class="stat-value">{{ $statistics['late_today'] }}</div>
        </div>
        <div class="stat-card tone-danger">
            <span class="stat-tab"></span>
            <div class="stat-label">Belum Presensi</div>
            <div class="stat-value">{{ $statistics['not_attended'] }}</div>
        </div>
    </div>

    <div class="stat-grid" style="grid-template-columns:1fr;">
        <div class="stat-card tone-warning">
            <span class="stat-tab"></span>
            <div class="stat-label">Pulang Cepat Hari Ini</div>
            <div class="stat-value">{{ $statistics['early_leave_today'] }}</div>
        </div>
    </div>

    <div class="card">
        <div class="card-head">
            <h2>Ringkasan</h2>
        </div>
        <p class="text-soft">
            Gunakan menu <strong>Riwayat Presensi</strong> di sidebar untuk melihat detail kehadiran per tanggal,
            per pegawai, atau per status, dan menu <strong>Kelola User</strong> untuk mengatur akun pegawai.
        </p>
        <div style="display:flex; gap:10px; flex-wrap:wrap; margin-top:12px;">
            <a href="{{ route('admin.history') }}" class="btn btn-outline btn-sm">Lihat Riwayat Presensi</a>
            <a href="{{ route('admin.users.index') }}" class="btn btn-outline btn-sm">Kelola User</a>
            <a href="{{ route('admin.attendance-settings.edit') }}" class="btn btn-outline btn-sm">Pengaturan Presensi</a>
        </div>
    </div>

@endsection