<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><%=title%></title>
    <link rel="stylesheet" href="/css/bootstrap.min.css">
</head>
<body class="">
    <h1>The Farewell Party Project</h1>
    <p>The People below are attending Farewell on 11th June</p>
    <table class="table table-striped">
        <thead>
            <tr>
                <th scope="col">#</th>
                <th scope="col">Name</th>
                <th scope="col">Email</th>
                <th scope="col">Present</th>
                <th scope="col">Payment Done</th>
                <th scope="col">Mark Present</th>
            </tr>
        </thead>
        <tbody>
            <% for(var i=0;i<attendees.length;i++){ %>
            <tr>
                <th scope="row"><%=i+1%></th>
                <td><%=attendees[i].name%></td>
                <td><%=attendees[i].email%></td>
                <td><%=attendees[i].presentonDday%></td>
                <td><%=attendees[i].payment.status%></td>
                <td><a href=<%= "/markpresent/"+attendees[i]._id %> >
                    <button class="btn btn-success">Confirm</button></a></td>
                
            </tr>
            <% } %>
        </tbody>
    </table>
</body>
</html>