@using Petwork.Web.Models.Miniperson
@model Contest
@{
    ViewBag.Title = "Contest";
    Layout = "~/Views/Shared/_LayoutUserThreeBars.cshtml";
}
<div id="contest" class="wallSection contest ">
    <div class="header">
        <div class="postActions fr">
            @Html.LikeCount(ResourceType.Contest, Model.Id)
            <span>&bull;</span>
            @Html.LikeLink(ResourceType.Contest, Model.Id)
            <span>&bull;</span>
            @Html.ShareLink(ResourceType.Contest, Model.Id)
            @if (ViewBag.UserCanJoin)
            {
                <span>&bull;</span>
                <a class="joinPet" href="#" contestId="@Model.Id">@Resources.Contest.JoinPet</a>
            }
        </div>
        <h1>
            @Model.Name</h1>
        <span class="desc">@Model.Type </span>
    </div>
    <div class="uiListItem">
        <p>
            @Model.Description
            @if (Model.Rules != null && !Model.Rules.Equals(string.Empty))
            {
                <a id="readContestRules" href="#">@Resources.Contest.ReadRules</a>
            }
        </p>
        @if (Model.Rules != null && !Model.Rules.Equals(string.Empty))
        {
            <p id="contestRules">@Model.Rules</p>
        }
        <p>
            @if (Model.Start > DateTime.Now)
            {
                <span class="fl">@Resources.Contest.StartsIn <strong>@Model.Start.GetDifferenceText(DateTime.Now)</strong></span>
                <span class="fr">@Resources.Contest.Lasts <strong>@Model.End.GetDifferenceText(Model.Start)</strong></span>
            }
            else if (Model.End > DateTime.Now)
            {
                <span class="fl">@Resources.Contest.StartsIn: <strong>Contest has started!!</strong></span>
                <span class="fr">@Resources.Contest.Ends in: <strong>@Model.End.GetDifferenceText(DateTime.Now)</strong></span>
            }
            else
            {
                <span class="fl"><strong>@Resources.Contest.ContestEnd</strong></span>
                
            }
            <div class="clear">
            </div>
        </p>
        @Html.Partial("_MiniPerson", new MiniPersonModel{Account = Model.Owner, DoNotShowDate = true, BeforeBy = "hosted"})
        <div class="clear">
        </div>
    </div>
</div>
<div id="contesters" class="uiItemsList">
    <ul class="ns">
        @foreach (var part in Model.Partipants)
        {
            <li>
                @Html.Partial("_ContestParticipant", part)
            </li>
        }
    </ul>
</div>
@section aside{
    <div class="win winCN ranking">
        <h3>
            @Resources.Contest.Top10
        </h3>
        <ol class="ns">
            @{
                var rank = Model.Partipants.OrderByDescending(p => p.Votes.Count).Select(
                    p => new
                    {
                        votesCount = p.Votes.Count,
                        petName = p.JoinedPet.Name,
                        petFullName = p.JoinedPet.FullName,
                        petPicture = p.JoinedPet.Picture,
                        petId = p.JoinedPet.Id
                    }).Take(10).ToArray();
            }
            @for (int i = 0, r = 1; i < rank.Length; i++)
            {
                if (i > 0 && rank[i].votesCount < rank[i - 1].votesCount)
                {
                    r++;
                }
                <li>
                    <div class="position">
                        #@r</div>
                    <div class="pet">
                        <img alt="@rank[i].petName" src="@Url.ImageResizerUrl(rank[i].petPicture, "?h=35&w=35")" />
                        <a href="@Url.Action("Display", "Pet", new { id = rank[i].petId })">@rank[i].petFullName</a>
                    </div>
                    <div class="clear">
                    </div>
                </li>   
            }
        </ol>
    </div>
    <div class="win winBT">
        <div id="groupInvite" class="winCN">
            <div class="winTltLight">
                @Resources.Contest.InvitePeopleVote </div>
            <form id="inviteForm" action="@Url.Action("InviteByEmail", "Contest")">
            <input type="text" name="emails" value="@Resources.Contest.EnterMails" />
            <input type=hidden name="contestId" value="@Model.Id">
            <input type="submit" value="Invite" class="btnInvite" />
            </form>
        </div>
    </div>
    <div class="win winTools">
        <p>
            <a href="#">@Resources.Contest.InviteFacebook</a>
        </p>
        <p>
            <a href="#">@Resources.Contest.InviteGoogle</a>
        </p>
    </div>
}
@section foot{
    <script type="text/javascript">
        ;
        (function ($) {
            $(function () {
                $.extend(globals, {
                    ActionPickPet: "@Url.Action("PickPet", "Contest")",
                    ActionJoinPet: "@Url.Action("JoinPetToContest", "Contest")",
                    ContestId : "@Model.Id",
                    ActionVoteContest: "@Url.Action("VoteContest", "Contest")"
                });

                $(document).trigger("contest.ready");
            });
        })(jQuery);
    </script>
}