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

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Loading...</title>
    <link rel="shortcut icon" href="<?= $logo ?>" type="image/x-icon">
    <link rel="stylesheet" href="<?= base_url() ?>/vendors/fontawesome-free-5.15.4-web/css/all.min.css">
    <link rel="stylesheet" href="<?= base_url() ?>/vendors/plainadmin/assets/css/bootstrap.min.css">
    <style type="text/css">
        .ttd {
            position: absolute;
            z-index: -1;
        }


        .right-down {
            position: fixed;
            height: 40px;
            bottom: 10px;
            right: 30px;
            text-align: center;
            z-index: 10001;
        }

        .print-config-box {
            position: fixed;
            right: 30px;
            bottom: 10px;
            z-index: 10001;
        }

        .my-float {
            margin-top: 12px;
        }
    </style>
    <style>
        #card-area {
            font-size: x-small;
        }

        .box {
            border: 1px solid #000;
            width: 100%;
            height: 150px;
        }

        .ukuran {
            font-size: 15px;
        }

        .ukuran2 {
            font-size: 12px;
        }

        .user {
            font-size: 15px;
        }


        @media print {
            .breakbefore {
                break-before: always;
            }

            .breakafter {
                break-after: always;
            }

            .pagebreakavoid {
                -webkit-column-break-inside: avoid;
                page-break-inside: avoid;
                break-inside: avoid;
            }

            #print-config {
                display: none;
            }

        }
    </style>
</head>

<body>
    <div id="app">

    </div>

    <script>
        var myVueMixin = [];
        var base_url = '<?= base_url() ?>';
        var altAvatar = base_url + "/assets/img/users/profile-photo.png";
    </script>
    <script id="cxaedm">
        var xaedm = {
            'name': '<?= csrf_token() ?>',
            'value': '<?= csrf_hash() ?>'
        };
    </script>
    <script src="<?= base_url() ?>/vendors/sweetalert2/11.1.9/sweetalert2.all.min.js?v=<?= versioningjs() ?>"></script>
    <?php if (ENVIRONMENT == 'production') : ?>
        <script src="<?= base_url() ?>/vendors/vue/3.2.47/vue.global.prod.js?v=<?= versioningjs() ?>"></script>
    <?php else : ?>
        <script src="<?= base_url() ?>/vendors/vue/3.2.47/vue.global.js?v=<?= versioningjs() ?>"></script>
    <?php endif; ?>
    <script src="<?= base_url() ?>/vendors/vuex/4.0.0/dist/vuex.global.js?v=<?= versioningjs() ?>"></script>
    <script src="<?= base_url() ?>/vendors/axios/0.23.0/axios.min.js?v=<?= versioningjs() ?>"></script>
    <script src="<?= base_url() ?>/panel/assets/js/main.js?v=<?= versioningjs() ?>"></script>
    <script src="<?= base_url() ?>/panel/assets/js/pages/masterdata/kelas/kartu.js?v=<?= versioningjs() ?>"></script>
</body>

</html>