@model IList<Pet>
@{
    ViewBag.Title = "Edit Pet Profile";
    Layout = "~/Views/Shared/_LayoutUserTwoBars.cshtml";
    Html.DoSelect("Sidebar", "Pet");
}
@section head {
    @* javascript ("~/Scripts/p4p.pet.js")" *@
}
<div id="mypets" class="wallSection">
    <div class="header">
        @if (ViewBag.IsMe)
        {
            <a href="@Url.Action("New")" class="tool" id="addPet">@Resources.Pet.AddPet</a> 
            @*<a href="#" id="buyPet" class="tool">buy a pet or puppy</a>*@
        }
        <h1>
            @(ViewBag.IsMe ? @Resources.Pet.MyPets : ViewBag.Target.FullName + "'s Pets")
        </h1>
    </div>
    <ul class="p myPets">
        @foreach (var pet in Model)
        {
            <li>
                <div class="profile" petId="@pet.Id">
                    <div class="ressume">
                        <div>
                            <a class="n" href="@Url.Action("Display", new { pet.Id })">
                                <img alt="Mark" src="@Url.Picture(pet, "?w=150&h=150")" />
                            </a>
                        </div>
                        <a class="n" href="@Url.Action("Display", new { pet.Id })">
                            <h2>
                                @Html.Display(pet.Name)</h2>
                        </a>
                        <ul class="ns">
                            <li><span>@Resources.Pet.Specie</span> @(pet.Specie != null ? pet.Specie.Name : @Resources.Pet.Unknown)</li>
                            <li><span>@Resources.Pet.Breed</span> @(pet.Race != null ? pet.Race.Name.Chop(16) : @Resources.Pet.Unknown)</li>
                            <li><span>@Resources.Pet.Born</span> @pet.BirthDate.ToString("MMM d, yyyy")</li>
                            <li>
                                <div>
                                    <a href="@Url.Action("Display", new { pet.Id })" class="tool">@Resources.Pet.ViewProfile</a>
                                    @if (ViewBag.IsMe)
                                    {
                                        <a href="#" class="tool remove">@Resources.Pet.RemovePet</a>
                                    }else
                                    {
                                        @Html.Action("LikeWidget","Likes", new{ resourceType = ResourceType.Pet, resourceId = pet.Id});
                                    }
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </li>
        }
    </ul>
</div>

@* This needs a design from Eduardo *@
<div id="confirm" style="background-color: white; top:-1000px; padding-bottom: 20px" class="post">
    Sei sicuro di voler eliminare questo animale?
    <div style="float:right" class="postTypeBar">
        <a id="deleteit" href="#" class="btn">Sì</a> <a id="cancelit" href="#" class="btn">No</a>        
    </div>
    <div class="clear"></div>
</div>


@section foot{
    <script type="text/javascript">
        ;(function ($) {
            $(function () {
                $.extend(globals, {
                    actionRemovePet: '@Url.Action("Remove","Pet")'
                });
                $(document).trigger("pet.ready-list");
            });
        })(jQuery);
    </script>
}