

<?php $__env->startSection('content'); ?>

<div class="card shadow-sm border-0">

    <div class="card-header bg-white">

        <div class="d-flex justify-content-between align-items-center">

            <h4 class="mb-0">
                <i class="fas fa-chart-line text-primary"></i>
                Rekap Kehadiran Guru
            </h4>

            <form method="GET" class="form-inline">

                <input
                    type="month"
                    name="bulan"
                    value="<?php echo e($bulan); ?>"
                    class="form-control mr-2"
                >

                <button class="btn btn-primary">
                    <i class="fas fa-search"></i>
                    Filter
                </button>

            </form>

        </div>

    </div>

    <div class="card-body">

        <div class="row">

            <div class="col-md-3">

                <div class="small-box bg-success">

                    <div class="inner">
                        <h3><?php echo e($hadir); ?></h3>
                        <p>Hadir</p>
                    </div>

                    <div class="icon">
                        <i class="fas fa-check-circle"></i>
                    </div>

                </div>

            </div>

            <div class="col-md-3">

                <div class="small-box bg-warning">

                    <div class="inner">
                        <h3><?php echo e($izin); ?></h3>
                        <p>Izin</p>
                    </div>

                    <div class="icon">
                        <i class="fas fa-file-signature"></i>
                    </div>

                </div>

            </div>

            <div class="col-md-3">

                <div class="small-box bg-info">

                    <div class="inner">
                        <h3><?php echo e($sakit); ?></h3>
                        <p>Sakit</p>
                    </div>

                    <div class="icon">
                        <i class="fas fa-notes-medical"></i>
                    </div>

                </div>

            </div>

            <div class="col-md-3">

                <div class="small-box bg-danger">

                    <div class="inner">
                        <h3><?php echo e($alpha); ?></h3>
                        <p>Alpha</p>
                    </div>

                    <div class="icon">
                        <i class="fas fa-times-circle"></i>
                    </div>

                </div>

            </div>

        </div>

        <div class="row mt-4">

            <div class="col-md-6">

                <div class="card border-0 shadow-sm">

                    <div class="card-body text-center">

                        <h5 class="text-muted">
                            Total Jam Kerja
                        </h5>

                        <h1 class="text-primary font-weight-bold">
                            <?php echo e($totalJamKerja); ?>

                        </h1>

                        <p class="mb-0">
                            Jam Mengajar
                        </p>

                    </div>

                </div>

            </div>

            <div class="col-md-6">

                <div class="card border-0 shadow-sm">

                    <div class="card-body">

                        <h5>
                            Persentase Kehadiran
                        </h5>

                        <h2 class="font-weight-bold">
                            <?php echo e($persentase); ?>%
                        </h2>

                        <div class="progress mt-3">

                            <div
                                class="progress-bar bg-success"
                                role="progressbar"
                                style="width: <?php echo e($persentase); ?>%;"
                            >
                                <?php echo e($persentase); ?>%
                            </div>

                        </div>

                    </div>

                </div>

            </div>

        </div>

    </div>

</div>

<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH C:\laragon\www\sistem-gaji-sekolah\resources\views/absensi/rekap.blade.php ENDPATH**/ ?>