@page
@using StudentHouseDashboard.Models;
@model WebApp.Pages.AnnouncementsModel
@{
    ViewData["Title"] = "Announcements";
    List<User> users = (List<User>)ViewData["users"];
}

@foreach (User user in users)
{
    <div class="card" style="display:inline-block; width: 18rem;">
        <div class="card-body">
            <h5 class="card-title">@user.Role.ToString()</h5>
            <h6 class="card-subtitle mb-2 text-muted">@user.Name</h6>
            <p class="card-text">@user.Password</p>
            <a href="./Announcement?id=@user.ID" class="btn btn-primary">More details</a>
        </div>
    </div>
}

<nav aria-label="Page navigation example">
    <ul class="pagination justify-content-center">
        <li class="page-item disabled">
            <a class="page-link" href="#" tabindex="-1">Previous</a>
        </li>
        <li class="page-item"><a class="page-link" href="#">1</a></li>
        <li class="page-item"><a class="page-link" href="#">2</a></li>
        <li class="page-item"><a class="page-link" href="#">3</a></li>
        <li class="page-item">
            <a class="page-link" href="#">Next</a>
        </li>
    </ul>
</nav>