<?php $__env->startSection('content_admin'); ?>
    <link rel="stylesheet" href="/assets/compiled/css/iconly.css">
    <link rel="stylesheet" href="assets/extensions/datatables.net-bs5/css/dataTables.bootstrap5.min.css">
    <link rel="stylesheet" href="./assets/compiled/css/table-datatable-jquery.css">
    <style>
        .linear-card-bg{
            background: linear-gradient(to top left,#093028, #237A57);
        }
    </style>

    <?php echo $__env->make('alert', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
    <section class="row">
        <div class="row">
            <div class="col-12 col-md-6" id="total_terlambat_pending">
                <div class="card linear-card-bg">
                    <div class="card-body px-4 py-4-5">
                        <div class="row">
                            <div class="col-md-3 col-lg-12 col-xl-12 col-xxl-2 d-flex justify-content-start ">
                                <div class="stats-icon green border-light border border-4 mb-2">
                                    <i class="iconly-boldNotification"></i>
                                </div>
                            </div>
                            <div class="col-md-8 col-lg-12 col-xl-12 col-xxl-7">
                                <h6 class="font-extrabold text-white fs-3"><?php echo e($telats_pending); ?></h6>
                                <div class="font-regular mb-2 text-white">Menunggu Persetujuan Surat Keterlambatan</div>
                                <a href="<?php echo e(url('data-terlambat?status=pending')); ?>" class="btn btn-lg btn-light-success w-100">
                                    <span class="fw-semibold fs-6">Lihat Data Pending</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-12 col-md-6" id="total_ijin_pending">
                <div class="card linear-card-bg">
                    <div class="card-body px-4 py-4-5">
                        <div class="row">
                            <div class="col-md-3 col-lg-12 col-xl-12 col-xxl-2 d-flex justify-content-start ">
                                <div class="stats-icon border-light border border-4 red mb-2">
                                    <i class="iconly-boldNotification"></i>
                                </div>
                            </div>
                            <div class="col-md-8 col-lg-12 col-xl-12 col-xxl-7">
                                <h6 class="font-extrabold text-white fs-3"><?php echo e($ijins_pending); ?></h6>
                                <div class="text-white mb-2 font-regular">Menunggu Persetujuan Surat Izin Keluar</div>
                                <a href="<?php echo e(url('data-ijin?status=pending')); ?>" class="btn btn-lg btn-light-success w-100">
                                    <span class="fw-semibold fs-6">Lihat Data Pending</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-12 col-md-6" id="total_terlambat">
                <div class="card">
                    <div class="card-body px-4 py-4-5">
                        <div class="row">
                            <div class="col-md-3 col-lg-12 col-xl-12 col-xxl-2 d-flex justify-content-start ">
                                <div class="stats-icon green mb-2">
                                    <i class="iconly-boldDocument"></i>
                                </div>
                            </div>
                            <div class="col-md-8 col-lg-12 col-xl-12 col-xxl-7">
                                <h6 class="font-extrabold fs-3"><?php echo e($telats); ?></h6>
                                <h6 class="text-muted font-semibold">Total Seluruh Terlambat</h6>
                                <a href="<?php echo e(url('data-terlambat')); ?>" class="btn btn-lg btn-light-success w-100">
                                    <span class="fw-semibold fs-6">Lihat Data Terlambat</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-12 col-md-6" id="total_ijin">
                <div class="card">
                    <div class="card-body px-4 py-4-5">
                        <div class="row">
                            <div class="col-md-3 col-lg-12 col-xl-12 col-xxl-2 d-flex justify-content-start ">
                                <div class="stats-icon red mb-2">
                                    <i class="iconly-boldPaper"></i>
                                </div>
                            </div>
                            <div class="col-md-8 col-lg-12 col-xl-12 col-xxl-7">
                                <h6 class="font-extrabold fs-3"><?php echo e($ijins); ?></h6>
                                <h6 class="text-muted font-semibold">Total Seluruh Surat Ijin</h6>
                                <a href="<?php echo e(url('data-ijin')); ?>" class="btn btn-lg btn-light-success w-100">
                                    <span class="fw-semibold fs-6">Lihat Data Perizinan</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-12 col-md-6" id="total_siswa">
                <div class="card">
                    <div class="card-body px-4 py-4-5">
                        <div class="row">
                            <div class="col-md-3 col-lg-12 col-xl-12 col-xxl-2 d-flex justify-content-start ">
                                <div class="stats-icon blue mb-2">
                                    <i class="iconly-boldUser"></i>
                                </div>
                            </div>
                            <div class="col-md-8 col-lg-12 col-xl-12 col-xxl-7">
                                <h6 class="font-extrabold fs-3"><?php echo e($users); ?></h6>
                                <h6 class="text-muted font-semibold">Total Siswa</h6>
                                <a href="<?php echo e(url('data-siswa')); ?>" class="btn btn-lg btn-light-primary w-100">
                                    <span class="fw-semibold fs-6">Lihat Data Siswa</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-12 col-md-6" id="my_approved">
                <div class="card">
                    <div class="card-body px-4 py-4-5">
                        <div class="row">
                            <div class="col-md-3 col-lg-12 col-xl-12 col-xxl-2 d-flex justify-content-start ">
                                <div class="stats-icon blue mb-2">
                                    <i class="iconly-boldScan"></i>
                                </div>
                            </div>
                            <div class="col-md-8 col-lg-12 col-xl-12 col-xxl-7">
                                <h6 class="font-extrabold fs-3"><?php echo e($my_approved_count['izin'] + $my_approved_count['terlambat']); ?></h6>
                                <h6 class="text-muted font-semibold">Total Surat Keterlambatan dan Izin Keluar Yang Anda Setujui</h6>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    
    <script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.2/anime.min.js"
        integrity="sha512-aNMyYYxdIxIaot0Y1/PLuEu3eipGCmsEUBrUq+7aVyPGMFH8z0eTP0tkqAvv34fzN6z+201d3T8HPb1svWSKHQ=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>

    <script>
        anime({
            targets: ['#total_terlambat', '#total_siswa', '#total_ijin', '#total_terlambat_pending', '#total_ijin_pending', '#my_approved'],
            scaleY: 0,
            duration: 0,
        });
        setTimeout(() => {
            anime({
                targets: '#total_terlambat_pending',
                scaleY: 1,
                duration: 500,
                easing: 'easeInOutExpo',
                delay: 150
            });
            anime({
                targets: '#total_ijin_pending',
                scaleY: 1,
                duration: 500,
                easing: 'easeInOutExpo',
                delay: 300
            });
            anime({
                targets: '#total_terlambat',
                scaleY: 1,
                duration: 500,
                easing: 'easeInOutExpo',
                delay: 450
            });
            anime({
                targets: '#total_ijin',
                scaleY: 1,
                duration: 500,
                easing: 'easeInOutExpo',
                delay: 600
            });
            anime({
                targets: '#total_siswa',
                scaleY: 1,
                duration: 500,
                easing: 'easeInOutExpo',
                delay: 750
            });
            anime({
                targets: '#my_approved',
                scaleY: 1,
                duration: 500,
                easing: 'easeInOutExpo',
                delay: 900
            });
        }, 500);
    </script>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('admin.template', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/zona4001/public_html/sobat_telat/resources/views/admin/index.blade.php ENDPATH**/ ?>