How do I pass an item's ID into a Bootstrap modal? - node.js

Question

I'm trying to use bootstrap modal for a confirmation on deleting an item. I use a loop to display all the items in a database however, I'm not sure how to pass the data's ID onto the modal. If I place the modal inside the loop, and click a delete button, it would only show the first item in the database.
<div class="container" id="page-container">
<% if(data.length > 0) { data.forEach(function(data) { %>
<div class="card w-100">
<div class="card-body">
<h5 class="card-title">
<%= data.title %>
</h5>
<p class="card-text">
<%= data.itemdesc %>
</p>
<a class="btn btn-primary" id="delete" data-bs-toggle="modal" data-bs-target="#exampleModal">Delete</a>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="exampleModalLabel">Delete</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">Are you sure you want to delete this book?</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
Confirm?
</div>
</div>
</div>
</div>
<% }); } %>
</div>
router.get('/delete/:id', function(req, res) {
var user_id = req.user;
var book_id = req.params.id;
var bookQuery = "SELECT * FROM books WHERE id = ?";
var delQuery = "DELETE FROM books WHERE id = ?";
conn.query(bookQuery, [book_id], (err, result) => {
if (err) throw err;
if (result[0].user_id === user_id) {
conn.query(delQuery, [book_id], (err, result) => {
res.redirect('/profile');
});
} else {
res.redirect('/');
console.log("Can't delete book that isn't yours");
}
});
});