<?php

include "../../classes/app.class.php";
$app = new app();
$db = new DBMain();
?>
<div class='container flex_container'>
    <!-- <h1>SEARCH QUOTES BY:</h1> -->
    <div class="container flex_container" style='border: 1px solid black; width:80%;padding: 10px;border-radius: 10px; display:none;'>

        <div class='flex_container_content'>
            <select id='client_id' style='font-size:1vw;'>
                <option>Client ID</option>
                <?php echo $db->get_clients_in_dropdown() ?>
            </select>
            <input type='text' id='quote_description' placeholder='Description'>
            <input type='text' id='quote_number' placeholder='Quote Number'>
        </div>
        <br>
        <div class='flex_container_content'>
            <label>START DATE</label>
            <input type='date' id='start_date' placeholder='Start Date'>
            <label>END DATE</label>
            <input type='date' id='end_date' placeholder='End Date'>
        </div>
    </div>
    <br>
    <!-- <button onclick="search_quote()" class='font_size_2vw'>SEARCH</button> -->
</div>

<div class='flex_container' id='quote_content'>

</div>

<script>
    search_quote();
    function search_quote() {

        client_id = document.getElementById('client_id').value;
        quote_number = document.getElementById('quote_number').value;
        description = document.getElementById('quote_description').value;
        start_date = document.getElementById('start_date').value;
        end_date = document.getElementById('end_date').value;

        var xhttp = new XMLHttpRequest();
        xhttp.onload = function() {
            console.log(this.responseText);
            document.getElementById('quote_content').innerHTML = this.responseText;
        }
        xhttp.open("GET", '../../ajax/quote/search_quote.php?stock_verified=Yes');
        xhttp.send();
    }

    function edit_quote($id) {
        window.location.href = 'stock_edit_quote.php?record_id=' + $id;
    }
</script>