@page "/moderation/reports/{pageNumber:int}"
@using LBPUnion.ProjectLighthouse.Administration.Reports
@using LBPUnion.ProjectLighthouse.Servers.Website.Extensions
@model LBPUnion.ProjectLighthouse.Servers.Website.Pages.Moderation.ReportsPage

@{
    Layout = "Layouts/BaseLayout";
    Model.Title = "Reports";
    string timeZone = Model.GetTimeZone();
}

<p>There are @Model.ReportCount total reports.</p>

<form action="/moderation/reports/0">
    <div class="ui icon input">
        <input type="text" autocomplete="off" name="name" placeholder="Search reports..." value="@Model.SearchValue">
        <i class="search icon"></i>
    </div>
</form>

<div class="ui divider"></div>

<script>
    let subjects = [];
    let bounds = [];
    let canvases = [];
    let ctx = [];
    let images = [];
</script>

@foreach (GriefReport report in Model.Reports)
{
    @await Html.PartialAsync("Partials/ReportPartial", report, ViewData.WithTime(timeZone))
}

@await Html.PartialAsync("Partials/RenderReportBoundsPartial")

@if (Model.PageNumber != 0)
{
    <a href="/moderation/reports/@(Model.PageNumber - 1)@(Model.SearchValue.Length == 0 ? "" : "?name=" + Model.SearchValue)">Previous Page</a>
}
@(Model.PageNumber + 1) / @(Model.PageAmount)
@if (Model.PageNumber < Model.PageAmount - 1)
{
    <a href="/moderation/reports/@(Model.PageNumber + 1)@(Model.SearchValue.Length == 0 ? "" : "?name=" + Model.SearchValue)">Next Page</a>
}