Untitled

 <div class="col-md-10">
                    <div class="add-search-feature">
                        <div class="row add-search-control">
                            <div class="col-md-8 d-flex">
                                <button class="mb-1" style="border-radius: 10px;"> Add New+</button>
                                <div class=" show-proper mt-2">
                                    <p class="show-proper-p">Show</p>
                                    <div class="show-proper-select">
                                        <select id="quantity" style="border-radius: 10px; border: 2px solid black;">
                                            <option value="1">1</option>
                                            <option value="2">2</option>
                                            <option value="3">3</option>
                                            <option value="4">4</option>
                                            <option value="5">5</option>
                                            <option value="6">6</option>
                                            <option value="7">7</option>
                                            <option value="8">8</option>
                                            <option value="9">9</option>
                                            <option value="10">10</option>
                                        </select>
                                    </div>
                                    <p class="show-proper-p">Order</p>
                                </div>
                            </div>
                            <div class="col-md-4 search-box">
                                <div class="text-right">
                                    <input style="border-radius: 10px; border: 2px solid black;" type="text"
                                           class="form-search" id="tableSearch" placeholder="Search" />
                                    <!--<input type="text" id="" placeholder="Tìm kiếm...">-->
                                    <button id="search-button" style="border-radius: 10px;"><span><i
                                                class="fa-solid fa-magnifying-glass"></i></span></button>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="table-content">
                        <table class="table" id="product-table">
                            <!-- Header của bảng -->
                            <thead>
                                <tr>
                                    <th></th>
                                    <th>ID</th>
                                    <th>Date</th>
                                    <th>Address</th>
                                    <th>Phone</th>
                                    <th>Product</th>
                                    <th>Price</th>                      
                                    <th>DeliveryDate</th>
                                    <th>Status</th>
                                    <th>Active</th>
                                </tr>
                            </thead>
                            <tbody id="table-body">
                                <!-- Bảng dữ liệu sẽ được thêm vào đây -->
                                <!-- tr gốc -->
                                <%
                                    AdminDAOs dao = new AdminDAOs();
                                    ResultSet rs = dao.GetAllOrder();
                                    while (rs.next()) {
                                %>
                                <tr>

                                    <td>
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
                                        </div>
                                    </td> <!-- Ô trống -->
                                    <td><%= rs.getInt("ID")%></td>
                                    <td><%= rs.getDate("Date")%></td>
                                    <td><%= rs.getString("Address")%></td>
                                    <td><%= rs.getString("Phone")%></td>
                                    <td><%= rs.getString("Product")%></td>
                                    <td><%= rs.getString("Price")%></td>
                                    <td><%= rs.getString("DeliveryDate")%></td>
                                    <td>
                                        <div class="custom" style="width:200px;">
                                            <select>
                                                <option value="0">Select Status:</option>
                                                <option value="1">Wait</option>
                                                <option value="2">Complete</option>
                                            </select>
                                        </div>
                                    </td>
                                    <td class="d-flex">
                                        <i class="fa-solid fa-trash fa-xl mr-2 mt-2" id="xoaSapXep"
                                           alt="Xóa Sản Phẩm Đã Chọn"></i>
                                        <i class="fa-solid fa-pen-to-square fa-xl mt-2" alt="Chỉnh Sửa"></i>
                                    </td>

                                    <!-- Ô trống -->
                                </tr>
                                <%
                                    }
                                %>
                            </tbody>
                        </table>

                    </div>
                    <footer>
                        <div class="pagination" style="display: flex; justify-content: center; align-items: center;">
                            <button id="prevPage" style="margin-right: 10px; border-radius: 8px; border: 1px solid black;">Previous</button>
                            <div class="page-numbers" style="display: flex; align-items: center;">
                                <button class="page-number">1</button>
                                <button class="page-number">2</button>
                                <button class="page-number">3</button>
                            </div>
                            <button id="nextPage" style="margin-left: 10px; border-radius: 8px; border: 1px solid black;">Next</button>
                        </div>
                    </footer>
                </div>