@using Petwork.Domain.Entities


@model IEnumerable<MessageRecipient>

@{
    ViewBag.Title = "Messages";
    Layout = "~/Views/Shared/_LayoutUserThreeBars.cshtml";
}

<div id="messages" class="messages wallSection">
    <div class="header">
        <a href="@Url.Action("Compose")"> @Resources.Message.Compose</a>
        <h1>
             @Resources.Message.Messages</h1>
    </div>
</div>

<div class="messagesContent">
    @if (ViewBag.UserNotGetMessageList != null)
    {int i=0;
        <div class="messagesendingfailed">
            Message sending failed to user
            @foreach (var user in ViewBag.UserNotGetMessageList)
            {
                <span> @user.FullName</span>
                if (i != 0)
                {
                    <span>,</span>
                }
            }
           as user don't want receive any message.
           
        </div>
    }
    <ul class="ns messagesList">
        
    </ul>
    <ul class="ns">
        <li>
            <div class="loadMore">
                <a id="load-more" href="#"> @Resources.Message.LoadMore</a>
            </div>
        </li>
    </ul>
</div>

@section foot{
@* javascript ("~/Scripts/jquery.tmpl.min.js") *@
@* javascript ("~/Scripts/p4p.widgets.load_more.js") *@

<script id="messageTemplate" type="text/x-jquery-tmpl">
    <li class="message ${unread_class}">
    <div class="">
        <div class="authorPict">
            <a href="${read_url}"><img alt="${full_name}" src="${icon_url}" /></a>
        </div>
        <div class="messageSummary">
            <div class="messageMetadata">
                <span class="date">
                ${time}
                </span> <a class="tool" href="#" onclick="deleteT(${thread_id}, this)"> @Resources.Message.Delete</a> 
                {{html mark_read}}
            </div>

            <a href="${read_url}">${full_name}</a>
            <p>
                ${short_text}
            </p>

            <div class="clear"></div>
        </div>
    </div>
</li>
</script>

<script type="text/javascript">
function deleteT(threadId, source){
    $.post("@Url.Action("Delete", "Message")", {threadId: threadId}, function(response){
        if(response){
            $(source).parents("div.messagesContent  li.message").remove();
        }
    }, "json");
}
function markRead(threadId, source){
    $.post("@Url.Action("MarkAsRead", "Message")", {threadId: threadId}, function(response){
        if(response){
            $(source).parents("div.messagesContent  li.message").removeClass("messageUnread");
            $(source).remove();
        }
    }, "json");
}

$(function() {
    $("#load-more").load_more({
                items_url: '@Url.Action("ThreadList")',
                how_many: @ViewBag.ItemsPerPage,
                items_container: "ul.messagesList",
                item_template: "#messageTemplate"
            }).click();
});
</script>

}