<div id="panels">
    <div id="left_panel">
        Zde budou uživatelé.
    </div>
    <div id="right_panel">
	<div id="buttons">
            <button class="btn">Uložit Změny</button>
            <button onclick="remove_user()" class="btn">Odstranit Uživatele</button>
         </div>
    </div>
</div>
<script>
    var right_panel_buffer = null;
    var username = null;

    $.ajax
    ({
        url: "./res/forum/api/list_users.php",
        success: function(result)
        {
            let users = "";
            for (let i in result.users)
            {
                users += "<div class=\"output\">" + result.users[i] + "</div>";
            }

            $("#left_panel").html(users);
        }
    });

    $("#left_panel").on("click", ".output", function(event)
    {
        $("#buttons").show();
        if (right_panel_buffer == null) right_panel_buffer = document.getElementById("right_panel").innerHTML;

        username = event.target.innerHTML;

        $.ajax
        ({
            url: "./res/forum/api/user_info.php?username=" + event.target.innerHTML,
            success: function(result)
            {
                var sex_codes =
                {
                    0: "Nespecifikováno",
                    1: "Muž",
                    2: "Žena",
                    9: "Jiné",
                    default: "???"
                };

                let sex = sex_codes[result.sex] || sex_codes.default;
		        let admin = result.admin == 0 ? "Ne" : "Ano";

                let output =
                `Uživatelské jméno: ${result.username}<br>
                 Přezdívka: ${result.nickname}<br>
                 Admin: ${admin}<br>
                 Pohlaví: ${sex}<br>
                 Bio: ${result.bio}<br>`;

                $("#right_panel").html(output + right_panel_buffer);
            }
        });
    });

    function remove_user()
    {
        $.ajax
        ({
            url: "./res/forum/api/remove_user.php?username=" + username,
            success: function(result)
            {
                //location.reload();
                show("admin");
            }
        });
    }
</script>