<?php
include "classes/html.class.php";
$html = new html("ASSETS");
$db = new db();
$asset_type_res = $db->exec_query('assets', ["*"]);
$qr_code = new qrcode();
$asset_type_list = '<option></option>';
while ($asset_type = $asset_type_res->fetch_assoc()) {
    $asset_type_list = $asset_type_list . "<option value='{$asset_type['record_id']}'>{$asset_type['description']} : {$asset_type['fleet_no']}</option>";
}
?>
<div class='form' style="padding-bottom:2vw;">
    <h2 style="font-size:2vw;">ADD ASSET:</h2>
    <hr><br>



    <div class="">
        <label>ASSET: </label><br>
        <select id='asset_id' class='form_input'>
            <?php echo $asset_type_list; ?>
        </select><br><br>
    </div>
    <div class="">
        <label>AMOUNT: </label><br>
        <input type='text' placeholder="AMOUNT" id='amount' class='form_input' /><br><br>
    </div>
    <div class="">
        <label>TANK: </label><br>
        <input type='text' placeholder="TANK" id='tank' class='form_input' />
    </div>
    <div class="">
        <label>TANK: </label><br>
        <input type='datetime-Local' id='date_time' class='form_input' />
    </div>
    <div class="">
        <label>STATUS: </label><br>
        <input type='text' placeholder="STATUS" id='status' class='form_input' value="DONE" /><br><br>

    </div>

    <div class="">
        <label>ODO: </label><br>
        <input type='text' placeholder="ODO" id='odo' class='form_input' /><br><br>
    </div>
    <div class="">

        <label>FLOW RATE: </label><br>
        <input type='text' placeholder="FLOW RATE" id='flow_rate' class='form_input' value="29" /><br><br>
    </div>





    <input type='submit' value='ADD' class='form_btn' onclick='ajax_func()' />

</div>

<br>
<br>

<script>
    function ajax_func() {
        asset_id = document.getElementById('asset_id').value;
        amount = document.getElementById('amount').value;
        tank = document.getElementById('tank').value;
        status = document.getElementById('status').value;
        odo = document.getElementById('odo').value;
        flow_rate = document.getElementById('flow_rate').value;
        date_time = document.getElementById('date_time').value;

        date_time =date_time.replace("T"," ");
        // 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 {
                document.getElementById('asset_id').value = '';
                document.getElementById('amount').value = '';
                document.getElementById('tank').value = '';
                document.getElementById('status').value = 'DONE';
                document.getElementById('odo').value = '';
                document.getElementById('flow_rate').value = '29';
                document.getElementById('date_time').value = '';
            }
        }

        xhttp.open("GET", "ajax/add_fuel_tran.ajax.php?asset_id=" + asset_id + "&amount=" + amount + "&tank=" + tank + "&status=" + status + "&odo=" + odo + "&flow_rate=" + flow_rate + "&date_time=" + date_time);
        xhttp.send();
    }
</script>


</body>

</html>