@using TimeSpanExtensions = Petwork.Web.Utils.TimeSpanExtensions

@using Petwork.Domain.Entities
@model Petwork.Web.Models.Petpedia.HomeModel
@{
    ViewBag.Title = "PetpediaHome";
    Layout = this.ViewBag.IsAuthenticated ? "~/Views/Shared/_LayoutThreeBars.cshtml" : "~/Views/Shared/_LayoutTwoBarsText.cshtml";
    Html.DoSelect("TopToolbar", "Petpedia");
    Html.DoSelect("Sidebar", "Home");
}

<div class="wallSection">
    <div class="navPath">
        <a href="#">Petpedia</a> <a href="#">Home</a> @*<a href="#">Popular Articles</a>*@
    </div>
    <div class="header">
        @*<a href="#" id="submitArticle">read random article</a>*@
        <h1>
            @Resources.PetPedia.WelcomePetpedia</h1>
    </div>
</div>
<div id="petpediaHome" class="uiItemsList articleList">
    <ul class="ns">
    @for (int i = 0; i < Math.Min(2, Model.FeaturedArticles.Count); i++)
    {
        <li>
            @Html.Partial("_ArticlePreview", Model.FeaturedArticles.ElementAt(i))
        </li>
    }
    <li>
        <div class="petpediaHomeArticles">
            <div class="fl hs">
                @Html.Partial("_HomeMostRead", Model.MostRead)
            </div>
            <div class="fr hs">
                @Html.Partial("_HomeMostPopular", Model.MostPopular)
            </div>
            <div class="clear">
            </div>
        </div>
    </li>
    @for (int i = 2; i < Math.Min(5, Model.FeaturedArticles.Count); i++)
    {
        <li>
            @Html.Partial("_ArticlePreview", Model.FeaturedArticles.ElementAt(i))
        </li>
    }

    <li>
        <div class="petpediaHomeArticles">
		
            <div class="fl hs">
                @Html.Partial("_HomeForMyPets", Model.ForMyPets)
            </div>
		
            <div class="fr hs">
                @Html.Partial("_HomeRecommended", Model.Recommended)
            </div>
            <div class="clear">
            </div>
        </div>
    </li>
    
    @for (int i = 5; i < Model.FeaturedArticles.Count; i++)
    {
        <li>
            @Html.Partial("_ArticlePreview", Model.FeaturedArticles.ElementAt(i))
        </li>
    }

    </ul>
</div>

@section sidebar
{
    @Html.Partial("_SidebarPetpedia")
}