@page "/photos/{pageNumber:int}"
@using LBPUnion.ProjectLighthouse.Localization.StringLists
@using LBPUnion.ProjectLighthouse.PlayerData
@using LBPUnion.ProjectLighthouse.Servers.Website.Extensions
@model LBPUnion.ProjectLighthouse.Servers.Website.Pages.PhotosPage

@{
    Layout = "Layouts/BaseLayout";
    Model.Title = Model.Translate(BaseLayoutStrings.HeaderPhotos);

    string language = Model.GetLanguage();
    string timeZone = Model.GetTimeZone();
}

<p>There are @Model.PhotoCount total photos!</p>

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

@foreach (Photo photo in Model.Photos)
{
    <div class="ui segment">
        @await photo.ToHtml(Html, ViewData, language, timeZone)
    </div>
}

@if (Model.PageNumber != 0)
{
    <a href="/photos/@(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="/photos/@(Model.PageNumber + 1)@(Model.SearchValue?.Length == 0 ? "" : "?name=" + Model.SearchValue)">Next Page</a>
}