<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style>
            /* Custom CSS for full height and center alignment of span */
            .vertical-divider {
                display: flex;
                justify-content: center; /* Center horizontally */
                align-items: center;     /* Center vertically */
            }
            .vertical-divider span {
                display: inline-block;
                width: 1px;
                background-color: #dee2e6;
                height: 100%; /* Take full height of the parent div */
            }
        </style>
    </head>
    <body>
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <table class="table table-bordered" th:if="${#lists.size(summaries) > 0}" >
                        <thead>
                            <tr>
                                <th>Item ID</th>
                                <th>SKU</th>
                                <th>Artifact</th>
                                <th>Type</th>
                                <th>Balance</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr th:each="summary : ${summaries}" th:object="${summary}">
                                <td th:text="*{itemId}"></td>
                                <td th:text="*{sku}"></td>
                                <td th:text="*{parentDocumentType}"></td>
                                <td th:text="*{pieceType}"></td>
                                <td th:text="*{balance}"></td>
                            </tr>
                            <!-- More rows as needed -->
                        </tbody>
                    </table>
                    <h5 th:if="${#lists.size(summaries) == 0}" class="mt-2">No Inventory Summary found.</h5>
                </div>
            </div>
        </div>
        <div th:replace="_fragments :: page-footer-scripts"></div>
    </body>
</html>