<?php $imgPath = config('app')->imgPath; ?>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Candy APP NAME">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="theme-color" content="#0134d4">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <!-- The above 4 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <!-- Title -->
    <title><?= $page_title ?></title>
    <!-- Fonts -->
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&amp;display=swap" rel="stylesheet">
    <!-- Favicon -->
    <link rel="icon" href="<?= favicon() ?>">
    <link rel="apple-touch-icon" href="<?= base_url($imgPath) ?>/app/icon-96x96.png">
    <link rel="apple-touch-icon" sizes="152x152" href="<?= base_url($imgPath) ?>/app/icon-152x152.png">
    <link rel="apple-touch-icon" sizes="167x167" href="<?= base_url($imgPath) ?>/app/icon-167x167.png">
    <link rel="apple-touch-icon" sizes="180x180" href="<?= base_url($imgPath) ?>/app/icon-180x180.png">
    <!-- CSS Libraries -->
    <link rel="stylesheet" href="<?= base_url('mobile') ?>/css/bootstrap.min.css">
    <link rel="stylesheet" href="<?= base_url('mobile') ?>/css/bootstrap-icons.css">
    <link rel="stylesheet" href="<?= base_url('mobile') ?>/css/tiny-slider.css">
    <link rel="stylesheet" href="<?= base_url('mobile') ?>/css/baguetteBox.min.css">
    <link rel="stylesheet" href="<?= base_url('mobile') ?>/css/rangeslider.css">
    <link rel="stylesheet" href="<?= base_url('mobile') ?>/css/vanilla-dataTables.min.css">
    <link rel="stylesheet" href="<?= base_url('mobile') ?>/css/apexcharts.css">
    <!-- Core Stylesheet -->
    <link rel="stylesheet" href="<?= base_url('mobile') ?>/style.css?v=<?= versioningjs() ?>">
    <!-- Web App Manifest -->
    <link rel="manifest" href="<?= base_url() ?>/manifest.json?v=<?= versioningjs() ?>">
</head>

<body>
    <!-- Preloader -->
    <div id="preloader">
        <div class="spinner-grow text-primary" role="status"><span class="visually-hidden">Loading...</span></div>
    </div>
    <!-- Internet Connection Status -->
    <!-- # This code for showing internet connection status -->
    <div class="internet-connection-status" id="internetStatus"></div>
    <!-- Static Backdrop Modal -->
    <div class="cs-newsletter-form modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-body">
                    <button class="btn btn-close p-1 ms-auto" type="button" data-bs-dismiss="modal" aria-label="Close"></button>
                    <h6 class="mb-3">Subscribe our newsletter.</h6>
                    <form action="#">
                        <input class="form-control mb-3" type="email" placeholder="Enter your email">
                        <button class="btn btn-primary w-100" type="submit">Subscribe</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!-- Page Content Wrapper -->
    <div class="coming-soon-wrapper bg-white text-center bg-overlay">
        <div class="container">
            <div class="cs-logo"><a href="page-home.html"><img src="img/core-img/logo-dark.png" alt=""></a></div>
            <h2 class="text-white display-3">Lagi Main Tenis</h2>
            <p class="text-white">Namanya juga UJIAN banyak masalah, Kalo banyak pakaian namanya CUCIAN.</p>
            <div class="countdown2 justify-content-center" id="countdown2" data-date="<?= date('d-m-Y') ?>" data-time="23:24">
                <div class="day"><span class="num"></span><span class="word"></span></div>
                <div class="hour"><span class="num"></span><span class="word"></span></div>
                <div class="min"><span class="num"></span><span class="word"></span></div>
                <div class="sec"><span class="num"></span><span class="word"></span></div>
            </div>
            <!-- <div class="notify-email mt-5">
                <button class="btn btn-warning" type="button" data-bs-toggle="modal" data-bs-target="#staticBackdrop">Notify via Email</button>
            </div> -->
        </div>
    </div>
    <!-- All JavaScript Files -->
    <script src="<?= base_url('mobile') ?>/js/bootstrap.bundle.min.js?v=<?= versioningjs() ?>"></script>
    <script src="<?= base_url('mobile') ?>/js/slideToggle.min.js?v=<?= versioningjs() ?>"></script>
    <script src="<?= base_url('mobile') ?>/js/internet-status.js?v=<?= versioningjs() ?>"></script>
    <script src="<?= base_url('mobile') ?>/js/tiny-slider.js?v=<?= versioningjs() ?>"></script>
    <script src="<?= base_url('mobile') ?>/js/baguetteBox.min.js?v=<?= versioningjs() ?>"></script>
    <script src="<?= base_url('mobile') ?>/js/countdown.js?v=<?= versioningjs() ?>"></script>
    <script src="<?= base_url('mobile') ?>/js/rangeslider.min.js?v=<?= versioningjs() ?>"></script>
    <script src="<?= base_url('mobile') ?>/js/vanilla-dataTables.min.js?v=<?= versioningjs() ?>"></script>
    <script src="<?= base_url('mobile') ?>/js/index.js?v=<?= versioningjs() ?>"></script>
    <script src="<?= base_url('mobile') ?>/js/magic-grid.min.js?v=<?= versioningjs() ?>"></script>
    <script src="<?= base_url('mobile') ?>/js/dark-rtl.js?v=<?= versioningjs() ?>"></script>
    <script src="<?= base_url('mobile') ?>/js/active.js?v=<?= versioningjs() ?>"></script>
    <!-- PWA -->
    <script src="<?= base_url('mobile') ?>/js/pwa.js?v=<?= versioningjs() ?>"></script>
</body>

</html>