@using System.ComponentModel.DataAnnotations
@using ImageBoardServerApp.Data

<div class="threadHeader">
    <span>[</span>
    <a class="toggleOpened" onclick="@ToggleOpened">@toggleText</a>
    <span>]</span>
    <span class="name">@comment.Username</span>
    <span class="date">@getTimeFromUnix(comment.CreatedAt)</span>
    <span class="post-id">No.@comment.CommentID</span>
</div>
@if (opened) 
{
    <div class="threadContent">
        <div class="threadImage">
            @if (@comment.Image != null)
            {
                <img src="@($"data:image/jpeg;base64,{Convert.ToBase64String(@comment.Image.Image)}")" alt="No Image found" />
            }
            else
            {
                <span>[No Image]</span>
            }
        </div>
        <div class="threadTextContainer">
            @foreach (string s in @comment.Content.Split("\n"))
            {
                <span class='threadText'>@s</span>
            }
        </div>
    </div>
    <div class="threadFooter">
        <span>[</span>
        <a class="report" href="/report/@comment.Board/@comment.CommentID" target="_blank">Report</a>
        <span>]</span>
    </div>
}



@code {
    private static DateTime getTimeFromUnix(double javaTimeStamp)
    {
        var dateTime = new DateTime(1970, 1, 1, 0, 0, 0, 0, DateTimeKind.Utc);
        dateTime = dateTime.AddMilliseconds( javaTimeStamp ).ToLocalTime();
        return dateTime;
    }
    
    private bool opened = true;

    private string toggleText = "-";

    private void ToggleOpened()
    {
        opened = !opened;
        toggleText = opened ? "-" : "+";
    }

    [Parameter]
    [Required]
    public CommentData comment { get; set; }
}