@model Project_Unite.Models.ApplicationUser
@{
    ViewBag.Title = Model.DisplayName;
    ViewBag.Banner = Model.BannerUrl;
}

<div class="row">
        <div class="col-xs-3">
        <img class="avatar" src="@Model.AvatarUrl" width="128" height="128" />
        @if (!string.IsNullOrWhiteSpace(Model.FullName))
        {
            <h4>@Model.FullName</h4>
        }
        <h5>@Model.DisplayName</h5>

<ul class="nav nav-pills">
    @if (Model.UserName != User.Identity.Name)
    {
        if (ACL.IsFollowed(User.Identity.Name, Model.Id))
        {
            <li><a href="@Url.Action("UnfollowUser", "Profiles", new { id = Model.Id })"><span class="glyphicon glyphicon-eye-close"></span> Unfollow</a></li>
        }
        else
        {
        <li><a href="@Url.Action("FollowUser", "Profiles", new { id = Model.Id })"><span class="glyphicon glyphicon-eye-open"></span> Follow</a></li>
        }
    }
</ul>

            <hr/>

            <strong>User stats</strong><br/>
            <ul>
                <li><strong>@Model.Codepoints</strong> Codepoints</li>
                <li><strong>Joined at: </strong>@Model.JoinedAt</li>
                <li><strong>Posts: </strong>@Model.PostCount</li>
                <li><strong>Topics: </strong>@Model.TopicCount</li>
            </ul>

            @if (Model.Followers.Count() > 0)
            {
            <h4>Followers</h4>
            <ul>
                @foreach (var f in Model.Followers)
                {
                    <li>@Html.UserLink(f.Follower)</li>
                }
            </ul>
            }

            @if (Model.Followed.Count() > 0)
            {
            <h4>Following</h4>
            <ul>
                @foreach (var f in Model.Followed)
                {
                    <li>@Html.UserLink(f.Followed)</li>
                }
            </ul>
            }

    </div>
    <div class="col-xs-9">
        @if(Model.UserName == User.Identity.Name)
        {
            Html.RenderPartial("~/Views/Profiles/_NewPost.cshtml", new Project_Unite.Models.UserPost());
        }
         @if(Model.Posts.Count() == 0)
         {
             <h3>Nothing to show here...</h3>

             <p>This user hasn't posted anything to their profile just yet. You can follow them to get notified when they do, or you can keep checking back!</p>
         }
        @foreach(var post in Model.Posts.OrderByDescending(x => x.PostedAt))
        {
            
            <div class="panel">
                <div class="panel-body">
                <p><strong>Posted on @post.PostedAt</strong>:</p>
                <p>@Html.Markdown(post.PostContents)</p>
                <ul class="nav nav-pills">
                    @{ 
                        string likeLink = "#";
                        string dislikeLink = "";
                        if(Model.UserName != User.Identity.Name)
                        {
                            likeLink = "/Profiles/LikePost/" + post.Id;
                            dislikeLink = likeLink.Replace("Like", "Dislike");
                        }
                    }
                    <li><a href="@likeLink"><span class="glyphicon glyphicon-thumbs-up"></span> @post.Likes.Length</a></li>
                    <li><a href="@dislikeLink"><span class="glyphicon glyphicon-thumbs-down"></span> @post.Dislikes.Length</a></li>

                </ul>
                </div>
            </div>
        }
    </div>
</div>