<!-- import the webpage's stylesheet -->
<link rel="stylesheet" href="/style.css">
<!-- import the webpage's client-side javascript file -->
<script src="/script.js" defer></script>
<main>
<ul>
<%if(data) {%>
<% console.log(data)%>
<%for(let i of data) {%>
<li><%- i.name %>
<a href="/books/<%- i.id%>/delete">xoa</a>
<a href="/books/<%- i.id%>/update">update</a>
</li>
<% } %>
<% } %>
</ul>
<form method="GET">
<input type="text" name="q"/>
<button type="submit">
search
</button>
</form>
<form action="/users/create" method="POST" style="margin-top: 30px">
<label>name :</label>
<br/>
<input type="text" name="name"/>
<br />
<button type="submit">
Create
</button>
</form>
</main>
<footer>Made with <a href="https://glitch.com">Glitch</a>!</footer>
<!-- include the Glitch button to show what the webpage is about and
to make it easier for folks to view source and remix -->
<div class="glitchButton" style="position:fixed;top:2em;right:20px;"></div>
<script src="https://button.glitch.me/button.js"></script>