<h2 class="page-header">Invitation List</h2>
<form action="/invitations" method="GET">
    <div class="form-row">
        <div class="form-item">
            <label>Invitation ID</label>
            <input type="text" name="invID" value="<%= searchOptions.invID %>">
        </div>
    </div>

    <div class="form-row form-row-end btn-row">
        <button class = "btn btn-primary"
        type="submit">Search</button>
    </div>
</form>
<br>
<% invitations.forEach(invitation => { %>
    <div class="author-row">
        <div class="author-name">
            <%= invitation.invID %>
        </div>
    </div>

    <div class="form-row form-row-end btn-row">
        <a class="btn btn-primary" 
        href="/invitations/<%= invitation.id %>">View</a>
        <a class="btn btn-primary" 
        href="/invitations/<%= invitation.id %>/edit">Edit</a>
    <%- include('../partials/deleteForm', { url: `/invitations/${invitation.id}` }) %>
    </div>    
    <% }) %>