<!DOCTYPE html>
<html lang="id">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?php echo e(config('app.name', 'Absensi')); ?> - Dashboard</title>
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700;800&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="<?php echo e(asset('mazer/assets/css/bootstrap.css')); ?>">
    <link rel="stylesheet" href="<?php echo e(asset('mazer/assets/vendors/iconly/bold.css')); ?>">
    <link rel="stylesheet" href="<?php echo e(asset('mazer/assets/vendors/perfect-scrollbar/perfect-scrollbar.css')); ?>">
    <link rel="stylesheet" href="<?php echo e(asset('mazer/assets/vendors/bootstrap-icons/bootstrap-icons.css')); ?>">
    <link rel="stylesheet" href="<?php echo e(asset('mazer/assets/css/app.css')); ?>">
    <link rel="shortcut icon" href="<?php echo e(asset('mazer/assets/images/favicon.svg')); ?>" type="image/x-icon">
</head>

<body>
    <div id="app">
        <div id="sidebar" class="active">
            <div class="sidebar-wrapper active">
                <div class="sidebar-header">
                    <div class="d-flex justify-content-between">
                        <div class="logo"><a href="<?php echo e(url('/')); ?>"><img src="<?php echo e(asset('mazer/assets/images/logo/logo.png')); ?>" alt="Absensi"></a></div>
                        <div class="toggler"><a href="#" class="sidebar-hide d-xl-none d-block"><i class="bi bi-x bi-middle"></i></a></div>
                    </div>
                </div>
                <div class="sidebar-menu">
                    <ul class="menu">
                        <li class="sidebar-title">Menu Utama</li>
                        <li class="sidebar-item active"><a href="<?php echo e(url('/')); ?>" class="sidebar-link"><i class="bi bi-grid-fill"></i><span>Dashboard</span></a></li>
                        <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="bi bi-calendar-check-fill"></i><span>Data Kehadiran</span></a></li>
                        <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="bi bi-people-fill"></i><span>Data Karyawan</span></a></li>
                        <li class="sidebar-title">Laporan</li>
                        <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="bi bi-file-earmark-bar-graph-fill"></i><span>Rekap Bulanan</span></a></li>
                        <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="bi bi-gear-fill"></i><span>Pengaturan</span></a></li>
                    </ul>
                </div>
                <button class="sidebar-toggler btn x"><i data-feather="x"></i></button>
            </div>
        </div>

        <div id="main">
            <header class="mb-3"><a href="#" class="burger-btn d-block d-xl-none"><i class="bi bi-justify fs-3"></i></a></header>
            <div class="page-heading"><h3>Dashboard Absensi</h3></div>
            <div class="page-content">
                <section class="row">
                    <div class="col-12 col-lg-9">
                        <div class="row">
                            <div class="col-6 col-lg-3 col-md-6"><div class="card"><div class="card-body px-3 py-4-5"><div class="row"><div class="col-md-4"><div class="stats-icon purple"><i class="iconly-boldProfile"></i></div></div><div class="col-md-8"><h6 class="text-muted font-semibold">Total Karyawan</h6><h6 class="font-extrabold mb-0">128</h6></div></div></div></div></div>
                            <div class="col-6 col-lg-3 col-md-6"><div class="card"><div class="card-body px-3 py-4-5"><div class="row"><div class="col-md-4"><div class="stats-icon green"><i class="iconly-boldShow"></i></div></div><div class="col-md-8"><h6 class="text-muted font-semibold">Hadir Hari Ini</h6><h6 class="font-extrabold mb-0">116</h6></div></div></div></div></div>
                            <div class="col-6 col-lg-3 col-md-6"><div class="card"><div class="card-body px-3 py-4-5"><div class="row"><div class="col-md-4"><div class="stats-icon blue"><i class="iconly-boldTime-Circle"></i></div></div><div class="col-md-8"><h6 class="text-muted font-semibold">Terlambat</h6><h6 class="font-extrabold mb-0">8</h6></div></div></div></div></div>
                            <div class="col-6 col-lg-3 col-md-6"><div class="card"><div class="card-body px-3 py-4-5"><div class="row"><div class="col-md-4"><div class="stats-icon red"><i class="iconly-boldClose-Square"></i></div></div><div class="col-md-8"><h6 class="text-muted font-semibold">Tidak Hadir</h6><h6 class="font-extrabold mb-0">4</h6></div></div></div></div></div>
                        </div>
                        <div class="card">
                            <div class="card-header d-flex justify-content-between align-items-center"><h4>Aktivitas Kehadiran</h4><span class="badge bg-light-primary">Hari ini</span></div>
                            <div class="card-body"><div class="table-responsive"><table class="table table-hover table-lg"><thead><tr><th>Nama</th><th>Jam Masuk</th><th>Status</th><th>Jam Pulang</th></tr></thead><tbody>
                                <tr><td><div class="d-flex align-items-center"><div class="avatar avatar-md"><img src="<?php echo e(asset('mazer/assets/images/faces/5.jpg')); ?>" alt="Avatar"></div><p class="font-bold ms-3 mb-0">Siti Rahma</p></div></td><td>07:48</td><td><span class="badge bg-light-success">Hadir</span></td><td>-</td></tr>
                                <tr><td><div class="d-flex align-items-center"><div class="avatar avatar-md"><img src="<?php echo e(asset('mazer/assets/images/faces/2.jpg')); ?>" alt="Avatar"></div><p class="font-bold ms-3 mb-0">Budi Santoso</p></div></td><td>08:17</td><td><span class="badge bg-light-warning">Terlambat</span></td><td>-</td></tr>
                                <tr><td><div class="d-flex align-items-center"><div class="avatar avatar-md"><img src="<?php echo e(asset('mazer/assets/images/faces/1.jpg')); ?>" alt="Avatar"></div><p class="font-bold ms-3 mb-0">Andi Wijaya</p></div></td><td>07:55</td><td><span class="badge bg-light-success">Hadir</span></td><td>-</td></tr>
                            </tbody></table></div></div>
                        </div>
                    </div>
                    <div class="col-12 col-lg-3">
                        <div class="card"><div class="card-body py-4 px-4"><h6 class="text-muted font-semibold">Tanggal Hari Ini</h6><h4 class="font-extrabold mb-1"><?php echo e(now()->translatedFormat('d F Y')); ?></h4><p class="text-muted mb-0">Pantau kehadiran tim secara real-time.</p></div></div>
                        <div class="card"><div class="card-header"><h4>Ringkasan</h4></div><div class="card-body"><div class="d-flex justify-content-between mb-2"><span>Hadir</span><strong class="text-success">90.6%</strong></div><div class="progress progress-primary mb-4"><div class="progress-bar" role="progressbar" style="width: 90.6%"></div></div><div class="d-flex justify-content-between mb-2"><span>Belum absen</span><strong class="text-danger">3.1%</strong></div><div class="progress progress-danger"><div class="progress-bar" role="progressbar" style="width: 3.1%"></div></div></div></div>
                    </div>
                </section>
            </div>
            <footer><div class="footer clearfix mb-0 text-muted"><div class="float-start"><p><?php echo e(config('app.name', 'Absensi')); ?> &copy; <?php echo e(date('Y')); ?></p></div><div class="float-end"><p>Dashboard Kehadiran</p></div></div></footer>
        </div>
    </div>
    <script src="<?php echo e(asset('mazer/assets/vendors/perfect-scrollbar/perfect-scrollbar.min.js')); ?>"></script>
    <script src="<?php echo e(asset('mazer/assets/js/bootstrap.bundle.min.js')); ?>"></script>
    <script src="<?php echo e(asset('mazer/assets/js/main.js')); ?>"></script>
</body>

</html><?php /**PATH C:\laragon\www\absensi\resources\views\dashboard.blade.php ENDPATH**/ ?>