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

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Sistem Absensi - Halaman Utama</title>

    <!-- Main Styles -->
    <link rel="stylesheet" href="assets/styles/style-horizontal.min.css">

    <!-- mCustomScrollbar -->
    <link rel="stylesheet" href="assets/plugin/mCustomScrollbar/jquery.mCustomScrollbar.min.css">

    <!-- Waves Effect -->
    <link rel="stylesheet" href="assets/plugin/waves/waves.min.css">

    <!-- Sweet Alert -->
    <link rel="stylesheet" href="assets/plugin/sweet-alert/sweetalert.css">

    <!-- Color Picker -->
    <link rel="stylesheet" href="assets/color-switcher/color-switcher.min.css">
</head>

<body>
    <header class="fixed-header">
        <div class="header-top">
            <div class="container">
                <div class="pull-left">
                    <a href="" class="logo">Sistem Absensi</a>
                </div>
                <!-- /.pull-left -->

                <!-- /.pull-right -->
            </div>
            <!-- /.container -->
        </div>
        <!-- /.header-top -->

        <!-- /.nav-horizontal -->
    </header>
    <!-- /.fixed-header -->



    <div id="wrapper">
        <div class="main-content container">
            <div class="row small-spacing">
                <div class="col-lg-4 col-md-4 col-xs-12">
                    <div class="box-content bg-warning text-white">
                        <h4 class="box-title">Loading...</h4>

                    </div>
                    <!-- /.box-content -->
                </div>

            </div>
            <!-- create a button on center of this -->



            <footer class="footer">
                <ul class="list-inline">
                    <li>2023 © Naufal.</li>
                    <!-- <li><a href="#">Privacy</a></li>
				<li><a href="#">Terms</a></li>
				<li><a href="#">Help</a></li> -->
                </ul>
            </footer>
        </div>
        <!-- /.main-content -->
    </div><!--/#wrapper -->
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
		<script src="assets/script/html5shiv.min.js"></script>
		<script src="assets/script/respond.min.js"></script>
	<![endif]-->
    <!-- 
	================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="assets/scripts/jquery.min.js"></script>
    <script src="assets/scripts/modernizr.min.js"></script>
    <script src="assets/plugin/bootstrap/js/bootstrap.min.js"></script>
    <script src="assets/plugin/mCustomScrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
    <script src="assets/plugin/nprogress/nprogress.js"></script>
    <script src="assets/plugin/sweet-alert/sweetalert.min.js"></script>
    <script src="assets/plugin/waves/waves.min.js"></script>
    <!-- Full Screen Plugin -->
    <script src="assets/plugin/fullscreen/jquery.fullscreen-min.js"></script>

    <script src="assets/scripts/main.min.js"></script>
    <script src="assets/block/jquery.blockUI.js"></script>
    <script>
        $.blockUI({
            message: "Sedang Proses Database",
            css: {
                border: 'none',
                padding: '15px',
                backgroundColor: '#000',
                '-webkit-border-radius': '10px',
                '-moz-border-radius': '10px',
                opacity: .5,
                color: '#fff'
            }
        });
        function checkScanStatus() {
            // Make an AJAX request to the /scan_status route
            $.ajax({
                url: "http://127.0.0.1:5000/scan_status",
                type: "GET",
                dataType: "json",
                success: function (data) {
                    // Handle the response data
                    console.log(data.scan_status);
                    // $("#result").text("Title: " + data.title);
                    if(data.scan_status == false){
                        window.location.href = "http://127.0.0.1:5000/";
                    }
                },
                error: function (xhr, status, error) {
                    // Handle errors
                    console.log("Error: " + error);
                }
            });
        }

        // Periodically check the scan status every 2 seconds
        setInterval(checkScanStatus, 2000);
    </script>

</body>

</html>