<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <th:block th:insert="~{fragments/head}"></th:block>
</head>
<body>
<th:block th:insert="~{fragments/header}"></th:block>
<main class="container grid" style="grid-template-columns: 1fr 6fr;">
    <th:block th:insert="~{fragments/aside}"></th:block>
    <div class="container-fluid">
        <h2 id="user_init_info" th:data-id="${user_id}" th:text="${user_name}"></h2>
        <form method="POST" action="/panel_inventory">
            <fieldset role="group">
                <input type="hidden" name="id" th:value="${user_id}">
                <input
                        type="number"
                        name="good_id"
                        placeholder="Enter good id"
                />
                <input type="submit" value="Add to inventory" />
            </fieldset>
        </form>
        <table id="inventory" aria-busy="true">
            <thead></thead>
            <tbody></tbody>
        </table>
    </div>
</main>
</body>
<script type="text/javascript" src="/file/_js/inventory.js"></script>
</html>