diff --git a/views/pages/index.ejs b/views/pages/index.ejs index 2274d8dfab6dbd01d04c22de9301adf2a3f87ce0..359e89474222261a6807145f2b1333a14118a220 100644 --- a/views/pages/index.ejs +++ b/views/pages/index.ejs @@ -4,23 +4,27 @@ <div class="main-content"> <div class="d-flex justify-content-between align-items-center mb-4 flex-wrap"> <h1 class="h2 fw-bold text-primary">All Posts</h1> - + <div class="d-flex align-items-center gap-3"> - <label for="category" class="form-label mb-0 fw-semibold text-muted">Filter by Category:</label> - <form action="/index" method="GET" class="d-flex align-items-center gap-2"> - <select name="category" id="category" class="form-select form-select-sm w-auto" onchange="this.form.submit()"> - <option value="">All Categories</option> - <% categories.forEach(category => { %> - <option value="<%= category.id %>" <%= selectedCategory == category.id ? 'selected' : '' %>> - <%= category.name %> - </option> - <% }) %> - </select> - </form> - </div> + <!-- ส่วนของ Filter --> + <div class="d-flex align-items-center gap-3"> + <label for="category" class="form-label mb-0 fw-semibold text-muted">Filter by Category:</label> + <form action="/index" method="GET" class="d-flex align-items-center gap-2"> + <select name="category" id="category" class="form-select form-select-sm w-auto" onchange="this.form.submit()"> + <option value="">All Categories</option> + <% categories.forEach(category => { %> + <option value="<%= category.id %>" <%= selectedCategory == category.id ? 'selected' : '' %>> + <%= category.name %> + </option> + <% }) %> + </select> + </form> + </div> - <div class="badge bg-primary rounded-pill px-3 py-2"> - <%= posts.length %> posts + <!-- ส่วนของ Badge --> + <div class="badge bg-primary rounded-pill px-3 py-2"> + <%= posts.length %> posts + </div> </div> </div>