@*
    For more information on enabling MVC for empty projects, visit http://go.microsoft.com/fwlink/?LinkID=397860
*@
@using Microsoft.AspNetCore.Mvc.Localization
@using gehGassi.Web.Models
@using Microsoft.Extensions.Localization
@using gehGassi.Web.Helper
@using gehGassi.Core.Services
@using gehGassi.Web.Services
@model List<MessageCopyVm>
@inject IViewLocalizer Localizer
@inject ICountryService CountryService
@inject ICurrentTimeZoneService CurrentTimeZoneService

@{
    IStringLocalizer annotationsLocalizer = ViewBag.AnnotationsLocalizer;
    TimeSpan userOffset = await CurrentTimeZoneService.GetOffsetAsync();
}

<section id="conversationDetailsContainer">
    <div class="form">
        <div id="pageTitleAdd" style="display: none;">@ViewData["Title"]</div>

        <h5 class="text-center mb-5">Nachrichten der letzten 7 Tage</h5>

        @foreach (var message in Model.OrderBy(c => c.UpdatedAt))
        {
            <div class="card p-3 mb-2">
                <div class="text-left mb-3">
                    <div><strong>Gesendet:</strong> @message.UpdatedAt.ToOffset(userOffset).ToString("G")</div>
                    @if (message.ReadDate != null)
                    {
                        <div><strong>Gelesen:</strong> @message.ReadDate?.ToOffset(userOffset).ToString("G")</div>
                    }
                    else
                    {
                        <div><strong>Gelesen:</strong> nicht gelesen</div>
                    }
                </div>
                <div class="text-left mb-3"><strong>@message.SenderName</strong> --> <strong>@message.ReceiverName</strong></div>
                <div>@message.Content</div>
            </div>
        }

        <div class="row button-row">
            <div class="col-12">
                <div class="">
                    <button type="button" id="btnClose" class="btn btn-primary">@Localizer["Button_Close"]</button>
                </div>
            </div>
        </div>
    </div>

    <system-js url="~/scripts/Views/Conversations/details.js" fresh-import="true"></system-js>
</section>