<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.w3.org/1999/xhtml">
<head th:replace="_fragments :: head('Home Page')"></head>
<body>
<!-- sidebar starts -->
<aside class="col-sm-2" th:fragment="sidebar">
    <div class="page-filters-sidebar">
        <form th:action="@{${#strings.replace(#httpServletRequest.requestURI, #request.getContextPath(), '')}}">
            <h5 class="mb-4">Refine Your Search</h5>
            <div class="form-group">
                <label>PO Code</label>
                <input type="text" class="form-control" name="poName" th:value="${param['poName'] ?: poName}">
            </div>
            <div class="form-group">
                <label>Size</label>
                <select class="form-control" name="size">
                    <option value="">Please Select</option>
                    <option th:each="size: ${allSize}"
                            th:value="${size}"
                            th:text="${size}"
                            th:selected="${param['size'] == null ? false : #strings.equals(param['size'], size) }">
                    </option>
                </select>
            </div>
            <div class="form-group">
                <label>Color</label>
                <select class="form-control" name="color">
                    <option value="">Please Select</option>
                    <option th:each="color: ${allColor}"
                            th:value="${color}"
                            th:text="${color}"
                            th:selected="${param['color'] == null ? false : #strings.equals(param['color'], color) }">
                    </option>
                </select>
            </div>
            <div class="form-group">
                <label>Count</label>
                <input type="number" class="form-control" name="count" maxlength="100" min="0" th:value="${param['count'] ?: 100}">
            </div>
            <input type="submit" class="btn btn-secondary btn-block" value="Search">
            <a th:href="@{${#strings.replace(#httpServletRequest.requestURI, #request.getContextPath(), '')}}"
               class="btn btn-secondary btn-block">Reset</a>
        </form>
        <div th:replace="_fragments :: page-footer-scripts"></div>
    </div>
</aside>
</body>
</html>