<?php
include "classes/html.class.php";
session_start();
$db = new db();
$html = new html("Silos");

$batch_id = $db->exec_query('batch', ['*'], '', '', '', '', "batch_id = {$_GET['batch_id']}", '', false);
$batch = $batch_id->fetch_assoc();

$stilos_res = $db->exec_query('silos', ['*'], '', '', '', '', "variety_id = {$batch['variety_id']} OR variety_id = 0", '', false);

$stilos_list = $stilos_list . "<option></option>";

while ($silo = $stilos_res->fetch_assoc()) {
    $stilos_list = $stilos_list . "<option value='{$silo['record_id']}'>{$silo['name']}</option>";
}

?>

<div class='form'>
    <br>
    <input type="text" name="user_id" id="user_id" value="<?php echo $_SESSION['user_id']; ?>" class="form_input"
        hidden>

    <label style="font-size:1.5vw">Batch ID: </label><br>
    <input type="text" name="batch_id" readonly id="batch_id" value="<?php echo $batch['batch_id']; ?> "
        class="form_input"><br><br>

    <input type="text" name="variety_id" required id="variety_id" value="<?php echo $batch['variety_id']; ?>"
        class="form_input" hidden>


    <input type="text" name="bins" id="bins" required value="<?php echo $batch['drying_bin_id']; ?>" class="form_input"
        hidden>

    <label style="font-size:1.5vw">Amount: </label><br>
    <input type="number" name="amount" placeholder="<?php echo $batch['weight']; ?>" required step="0.01" id="amount"
        class="form_input">
    <br><br>

    <label style="font-size:1.5vw">Silo: </label><br>
    <select name="silo_id" id="silo_id" required class="form_input">
        <?php echo $stilos_list; ?>
    </select>
    <br><br>

    <input type='submit' value='SUBMIT' class='form_btn' onclick='ajax_func()' />
    <br><br>
</div>
<br><br>

<script>

    function ajax_func() {
        var batch_id = document.getElementById('batch_id').value;
        var amount = parseFloat(document.getElementById('amount').value);
        var silo_id = document.getElementById('silo_id').value;
        var variety_id = document.getElementById('variety_id').value;
        var user_id = document.getElementById('user_id').value;
        var bins = document.getElementById('bins').value;

        var requiredInputs = document.querySelectorAll(".form input[required]");
        var isAllFilled = true;
        requiredInputs.forEach(function (input) {
            if (input.value == "") {
                isAllFilled = false;
                input.style.backgroundColor = "red";
                input.focus();
            } else {
                input.style.backgroundColor = "";
            }
        });
        if (!isAllFilled) {
            return;
        }


        // Create an XMLHttpRequest object
        const xhttp = new XMLHttpRequest();
        // Define a callback function
        xhttp.onload = function () {
            // alert(this.responseText);

            // Here you can use the Data
            if (this.responseText != 1) {

                console.log(this.responseText);

            } else {
                alert('NUTS STORED SUCCESSFULLY');
                window.location.href = "drying_bins.php";
            }
        }

        xhttp.open("GET", "ajax/silo.ajax.php?batch_id=" + batch_id + '&amount=' + amount + '&variety_id=' + variety_id + '&silo_id=' + silo_id + '&user_id=' + user_id + '&bins=' + bins);
        xhttp.send();
    }


</script>