<?php
session_start();

class dash_items
{

    public function __construct()
    {
        ?>

        <head>
            <link rel="stylesheet" href="/styles/styles.css?V=<?php echo time(); ?>">
        </head>
        <?php
    }
    public function wifi_signal($signal)
    {   
        if ($signal < -1) {
            return "bad";
        } else if ($signal >= -1 && $signal < -50) {
            return "average";
        } else if ($signal >= -50 && $signal <= -100) {
            return "good";
        }
    }

    public function tank($tank_id, $link = "#")
    {?>
       <div class="tank_item_container" id="tank_<?php echo $tank_id; ?>" onclick="window.location.href = '<?php echo $link; ?>'">
        </div>
        <script>
            function updateTank(tankId) {
                var xhr = new XMLHttpRequest();
                xhr.onreadystatechange = function() {
                    if (xhr.readyState == 4 && xhr.status == 200) {
                        document.getElementById('tank_' + tankId).innerHTML = xhr.responseText;
                    }
                };
                xhr.open('GET', '../classes/tank_ajax.php?tank_id=' + tankId, true);
                xhr.send();
            }
            updateTank(<?php echo $tank_id; ?>);
            setInterval(function() {
                updateTank(<?php echo $tank_id; ?>);
            }, 5000);
        </script>
    <?php }

    function progress_bar($percentage)
    {
        ?>
        <div class="progress_bar_container">
            <div class="progress_bar" style="width: <?php echo $percentage; ?>%"></div>
        </div>
        <?php
    }


    function liters_bar($name = '', $liters = 0, $link = "#")
    {
        ?>
        <div class="tank_liters_container" onclick="window.location.href = '<?php echo $link; ?>'">
            <div class="tank_name_container"><?php echo $name; ?></div>
            <div class="tank_name_container">
                <?php echo number_format($liters, 2) . "L"; ?>
            </div>
        </div>
        <?php
    }
}

