<!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" />
    <link rel="shortcut icon" href="<?= logo() ?>" type="image/x-icon" />
    <title><?= $page_title ?? "APP NAME" ?></title>
    <meta name="google" content="notranslate" />

    <?= $this->renderSection('fcss') ?>
    <!-- ========== All CSS files linkup ========= -->
    <!-- <link rel="stylesheet" href="<?= base_url() ?>/vendors/intro.js/minified/introjs.min.css"> -->
    <link rel="stylesheet" href="<?= base_url() ?>/vendors/plainadmin/assets/css/bootstrap.min.css" />
    <link rel="stylesheet" href="<?= base_url() ?>/vendors/plainadmin/assets/css/lineicons.css" />
    <link rel="stylesheet" href="<?= base_url() ?>/vendors/plainadmin/assets/css/materialdesignicons.min.css" />
    <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/fullcalendar.css" />
    <link rel="stylesheet" href="<?= base_url() ?>/vendors/plainadmin/assets/css/main.css" />
    <link rel="stylesheet" href="<?= base_url() ?>/panel/assets/css/main.css" />
    <?= $this->renderSection('css') ?>
    <script>
        function gaem(err, errMsg = "Ada masalah saat menghubungi server") {
            if (!err) return errMsg;
            try {
                if (typeof err.response.data.messages.message == 'string') errMsg = err.response.data.messages.message;
            } catch (error) {

            }
            try {
                if (typeof err.response.data.messages.error == 'string') errMsg = err.response.data.messages.error;
            } catch (error) {

            }
            try {
                if (typeof err.response.data.message == 'string') errMsg = err.response.data.message;
                if (typeof err.response.data.file == 'string') errMsg += " | " + err.response.data.file;
                if (typeof err.response.data.line == 'number') errMsg += " | " + err.response.data.line;
            } catch (error) {

            }
            return errMsg;
        }
        var base_url = '<?= base_url() ?>';
        var altAvatar = base_url + "/assets/img/users/profile-photo.png";
    </script>
    <style>
        .imgdisplay .image {

            width: 80px;
            height: 80px;

            margin-left: 16px;
            margin-right: 16px;
            position: relative;
        }

        .imgdisplay .image img {
            width: 100%;

        }

        .h_iframe iframe {
            width: 100%;
            height: 100%;
        }

        .h_iframe {
            height: 100%;
            width: 100%;
        }
    </style>

</head>

<body>
    <div id="app">

        <!-- ======== main-wrapper start =========== -->
        <main class="main-wrapper active">
            <!-- ========== header start ========== -->
            <?php if (!isset($no_header)) : ?>
                <header id="header" class="header" style="padding: 2px;">
                    <?= $this->include('Panel/Layouts/Header_display') ?>
                </header>
            <?php endif; ?>
            <!-- ========== header end ========== -->

            <!-- ========== signin-section start ========== -->
            <section class="section">
                <div class="row m-1">
                    <!-- <div class="col-6">
                    </div> -->

                    <?php if (!(strpos(current_url(), "install") !== false)) : ?>
                        <?php if (!(options('licensekey') ?? "")) : ?>
                            <div class="alert-box danger-alert ">
                                <div class="alert">
                                    <p class="text-medium">
                                        Kode Lisensi Tidak Valid
                                    </p>
                                </div>
                            </div>
                        <?php elseif ((options('eat') ?? 0) < time()) : ?>
                            <div class="alert-box danger-alert ">
                                <div class="alert">
                                    <p class="text-medium">
                                        Kode Lisensi Kedaluwarsa
                                    </p>
                                </div>
                            </div>
                        <?php endif ?>
                    <?php endif ?>
                </div>
                <?= $this->renderSection('content') ?>
            </section>
            <!-- ========== signin-section end ========== -->

            <!-- ========== footer start =========== -->
            <footer class="footer" style="padding: 0px;background:#000;color:white">
                <div class="container-fluid">
                    <div class="row">
                        <div class="order-last order-md-first">
                            <div style="font-size: 30px;" class="copyright text-center text-md-start" id="display-news">

                            </div>
                        </div>
                        <!-- end col-->
                        <!-- <div class="col-md-6">
                            <div class="terms d-flex justify-content-center justify-content-md-end">
                                <a href="javascript:void(0)" class="text-sm"><?= 'PHP version: ' . phpversion(); ?></a>
                                <a href="javascript:void(0)" class="text-sm ml-15">App Version : 0.0.0</a>
                            </div>
                        </div> -->
                    </div>
                    <!-- end row -->
                </div>
                <!-- end container -->
            </footer>
            <!-- ========== footer end =========== -->
        </main>
    </div>
    <!-- ======== main-wrapper end =========== -->

    <script>
        var myVueMixin = [];
        var base_url = '<?= base_url() ?>';
    </script>
    <script id="cxaedm">
        var xaedm = {
            'name': '<?= csrf_token() ?>',
            'value': '<?= csrf_hash() ?>'
        };
    </script>
    <?= $this->renderSection('fjs') ?>

    <!-- ========= All Javascript files linkup ======== -->
    <!-- <script src="<?= base_url() ?>/vendors/intro.js/minified/intro.min.js"></script> -->
    <script src="<?= base_url() ?>/vendors/plainadmin/assets/js/bootstrap.bundle.min.js?v=<?= versioningjs() ?>"></script>
    <script src="<?= base_url() ?>/vendors/plainadmin/assets/js/moment-with-locales.min.js?v=<?= versioningjs() ?>"></script>
    <script src="<?= base_url() ?>/vendors/plainadmin/assets/js/moment-timezone-with-data.min.js?v=<?= versioningjs() ?>"></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>
    <?= $this->renderSection('cjs') ?>
    <script src="<?= base_url() ?>/panel/assets/js/main.js?v=<?= versioningjs() ?>"></script>
    <script src="<?= base_url() ?>/panel/assets/js/init.js?v=<?= versioningjs() ?>"></script>
    <script src="<?= base_url() ?>/panel/assets/js/components/utils/sidebar.js?v=<?= versioningjs() ?>"></script>
    <?= $this->renderSection('js') ?>
    <script>
        VAPP.use(store)
        VAPP.component(VSidebar.name, VSidebar)
        VAPP.mount("#app");
    </script>
    <?= $this->renderSection('ljs') ?>

</body>

</html>