<!doctype html> <html lang="en"> <head> <title>EatQ</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <%- include('../../template/header') %> </head> <body class="font-kanit-sm"> <%- include('../../template/navbar') %> <div class="container px-3"> <div class="d-flex justify-content-between"> <a href="/table" class="text-dark text-decoration-none"> <div class="d-flex align-items-center"> <i class="fa-solid fa-arrow-left me-2"></i> <p class="mb-0">ย้อนกลับ</p> </div> </a> </div> <div class="container mx-2 my-3"> <div class="d-flex"> <h5>เพิ่มโต๊ะ</h5> </div> <form method="POST" action="/table/create"> <div class="form-group"> <label for="table_number">หมายเลขโต๊ะ</label> <input type="number" class="form-control" name="table_number" id="table_number" placeholder="หมายเลขของโต๊ะ"> </div> <div class="form-group"> <label for="table_type">ประเภทโต๊ะ</label> <select id="table_type" name="table_type" class="form-control"> <% tableTypeData.forEach(element=> { %> <option value="<%= element.id %>"><%= element.description %> | <%= element.capacity_min %> - <%= element.capacity_max %> คน</option> <% }) %> </select> </div> <button type="submit" class="my-2 btn btn-success">เพิ่ม</button> </form> </div> </div> <%- include('../../template/bottom_nav') %> <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js" integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy" crossorigin="anonymous"></script> </body> </html>