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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title><?php echo e($title); ?></title>
    <link rel="stylesheet" href="/assets/compiled/css/app.css">
    
    <script src="https://cdnjs.cloudflare.com/ajax/libs/qrious/4.0.2/qrious.min.js"></script>

</head>

<body class="bg-white">
        <div class="row row-cols-6" id="qrcode_container">
            
            <?php $__currentLoopData = $siswas; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $i => $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <div class="d-flex my-3 justify-content-center align-items-center flex-column gap-2" id="canvas_container"
                    
                    >
                    <canvas id="qrcode-<?php echo e($i); ?>" class=""></canvas>
                    <code class="fs-3"><?php echo e($item->nis); ?></code>
                    <script>
                        generateQrCode(<?php echo json_encode($item->nis, 15, 512) ?>, <?php echo json_encode($i, 15, 512) ?>)

                        function generateQrCode(text, i) {
                            new QRious({
                                element: document.getElementById(`qrcode-${i}`),
                                background: '#ffffff',
                                backgroundAlpha: 0,
                                foreground: '#1c1c1c',
                                foregroundAlpha: 1,
                                level: 'H',
                                padding: 10,
                                size: 128,
                                value: text,
                            });
                        }
                    </script>
                </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </div>


    <script>
        window.onload = () => window.print()
    </script>
</body>

</html>
<?php /**PATH E:\laragon\www\pinjam_barang\resources\views/admin/master/data_siswa_cetak.blade.php ENDPATH**/ ?>