<?php
session_start();

include "classes/html.class.php";
$db = new db();

$qr = new qrcode();

$get_last_odo_res = $db->exec_query('asset_odo', ['*'], '', '', '', '', "asset_record_id = {$_POST['asset_record_id']}", "ORDER BY record_id DESC");
$get_last_odo = $get_last_odo_res->fetch_assoc();
$html = new html("FUEL");

?>




<form action='fuel_step_b.php' method='POST' id='form_1'>

    <div class='form'>
        <h2>ODO</h2>
        <input type='number' step=".01" placeholder="<?php echo $get_last_odo['odo']; ?>" name='odo' id='odo'
            onchange="odo_change()" class='form_input' />
        <input type='number' step=".01" id='old_odo' name='old_odo' hidden
            value='<?php echo $get_last_odo['odo']; ?>' />
        <br><br>
        <br>
        <input type='text' readonly name='asset_record_id' value='<? echo $_POST['asset_record_id']; ?>'
            id='asset_record_id' class='form_input'>
        <br><br>

        <input type='test' hidden required name='pump_id' id='qr_code' class='form_input' />

</form>
<br>

<h2>SCAN PUMP</h2>
<?
// $qr->scanner('qr_code', 'submit_form');
$html->QRrender('qr_code', 'submit_form'); ?>

</div>



</body>

</html>

<script>
    function submit_form() {

        document.getElementById("form_1").submit();

    }

    function odo_change() {
        var odo = document.getElementById('odo').value;
        var old_odo = document.getElementById('old_odo').value;
        test = old_odo - odo;
        if (test < 0) {

            // alert("Test");
            asset_record_id = document.getElementById('asset_record_id').value;


            // Create an XMLHttpRequest object
            const xhttp = new XMLHttpRequest();
            // Define a callback function
            xhttp.onload = function () {
                // Here you can use the Data
                if (this.responseText != 1) {

                    // alert(this.responseText);

                } else {
                    alert("Something Went Wrong");

                }
            }

            xhttp.open("GET", "ajax/update_jobcard.ajax.php?odo=" + odo + "&asset_record_id=" + asset_record_id);
            xhttp.send();

        } else {
            document.getElementById('odo').value = '';
            alert("ODO cant be less than last reported");
        }
    }
</script>