<?php

include 'db.class.php';
include 'qr.class.php';


session_start();



if (!isset($_SESSION['username'])) {
    header("location:login.php");
}



class html
{


    function __construct($title)
    {
?>
        <html>

        <head>
            <title><? echo strtoupper($title); ?></title>
            <link rel="stylesheet" type="text/css" href="styles/style.css">

        </head>

        <body>
            <div class='header'>
                <? if (strtoupper($title) == 'HOME') { ?>
                    <a href='index.php?logout'>
                        <div class='page'>
                            LOG OUT
                        </div>
                    </a>
                <? } else { ?>
                    <div class='page'>
                        <? echo strtoupper($title); ?>
                    </div>
                <? } ?>

                <div class='header_logo'><img src="../images/logo.svg" width='40%' onclick="window.location.href='home.php'" style='border-radius:1vw;' /></div>

                <div class='username'>
                    <?php echo $_SESSION['username']; ?>
                </div>

                <script>
                    function home() {
                        window.location.href = 'index.php';
                    }
                </script>
            </div>
        <?php
    }

    function loading($unique_id, $id_of_element)
    { ?>
            <script>
                function first_step_<? echo $unique_id; ?>() {
                    // console.log(document.getElementById('btn_{$jobcard_info['record_id']}').value.length);
                    if (document.getElementById('<? echo $id_of_element; ?>_<? echo $unique_id; ?>').value.length == 10) {
                        document.getElementById('<? echo $id_of_element; ?>_<? echo $unique_id; ?>').value = 'LOADING';
                    } else if (document.getElementById('<? echo $id_of_element; ?>_<? echo $unique_id; ?>').value.length == 7) {
                        document.getElementById('<? echo $id_of_element; ?>_<? echo $unique_id; ?>').value = 'LOADING.';
                    } else if (document.getElementById('<? echo $id_of_element; ?>_<? echo $unique_id; ?>').value.length == 8) {
                        document.getElementById('<? echo $id_of_element; ?>_<? echo $unique_id; ?>').value = 'LOADING..';
                    } else if (document.getElementById('<? echo $id_of_element; ?>_<? echo $unique_id; ?>').value.length == 9) {
                        document.getElementById('<? echo $id_of_element; ?>_<? echo $unique_id; ?>').value = 'LOADING...';
                    }
                }

                function LOADING_<? echo $unique_id; ?>() {
                    document.getElementById('<? echo $id_of_element; ?>_<? echo $unique_id; ?>').value = 'LOADING...';
                    setInterval(first_step_<? echo $unique_id; ?>, 500);
                }
            </script>
        <? }


    function block($redirect, $name)
    {
        ?>

            <a href='<?php echo $redirect; ?>'>
                <div class='icons'>
                    <?php echo strtoupper($name); ?> </div>
            </a>
    <?
    }
}
