<?php

include "../../classes/app.class.php";

$app = new app();

?>


<div class='container flex_container'>
    <h1>SEARCH USER BY:</h1>
    <div class="container flex_container" style='border: 1px solid black; width:80%;padding: 10px;border-radius: 10px;'>

        <div class='flex_container_content'>
            <input type='text' id='name' placeholder="Enter User's Name">
            <input type='text' id='username' placeholder='Enter Username'>

        <select id='status' style='font-size:1vw;'>
                <option>STATUS</option>
                <option value=1>ACTIVE</option>
                <option value=0>INACTIVE</option>
            </select>
            <select id='user_type' style='font-size:1vw;'>
                <option>USER TYPE</option>
                <option value=1>ADMIN</option>
                <option value=3>ARTISAN</option>
                <option value=2>STOCK</option>
            </select>

        </div>
        <button onclick="search_user()" class='font_size_2vw'>SEARCH</button>
    </div>
</div>

<div class='flex_container' id='content'>

</div>

<script>
    function search_user() {
        var name = document.getElementById('name').value;
        var username = document.getElementById('username').value;
        var status = document.getElementById('status').value;username
        var user_type = document.getElementById('user_type').value;

        var xhttp = new XMLHttpRequest();
        xhttp.onload = function() {
          
                document.getElementById('content').innerHTML = this.responseText;
            
        }
        xhttp.open("GET", '../../ajax/users/search_user.php?name=' + name + '&username=' + username + '&status=' + status + '&user_type=' + user_type);
        xhttp.send();

    }

    function edit_user($id){
        window.location.href='edit_user.php?record_id=' + $id;
    }
</script>