@model List<EnVisage.Models.NoteModel>

<table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-bordered no-margin">
    <thead>
        <tr>
            <th>Date</th>
            <th>Author</th>
            <th>Title</th>
            <th></th>
        </tr>
    </thead>
    <tbody>
        @if (Model != null && Model.Count > 0)
        {
            foreach (var note in Model)
            {
                <tr>
                    <td>@((note.DateAdded == null) ? "N/A" : note.DateAdded.ToString("d"))</td>
                    <td>@note.Author.UserName</td>
                    <td>@note.Title</td>
                    <td>
                        <a href="javascript:void(0)" onclick="editNote('@note.Id');" class="btn btn-primary lockable"><i class="fa fa-edit"></i> Edit</a>
                        <a href="javascript:void(0)" onclick="deleteNote('@note.Id');" class="btn btn-danger lockable"><i class="fa fa-trash-o"></i> Delete</a>
                    </td>
                </tr>
            }
        }
        else
        {
            <tr>
                <td colspan="4">
                    There are no notes for this scenario.
                </td>
            </tr>
        }
    </tbody>
</table>