@model IEnumerable<Ebuy.Website.Models.Auction>

@{
    ViewBag.Title = "Auctions";
}

<h2>Auctions</h2>


<ul>
    @foreach (var item in Model)
    {

        <li class="auction" data-key="@item.Id">
            <a href="#">
                <span>@item.Title</span>
            </a>
        </li>

    }
</ul>


<section id="auction-details">
    @* Render the first Auction using the Partial View on the server *@
    @Html.Partial("Auction", Model.FirstOrDefault())
</section>


@* Скрипт, содержащий шаблон клиентской стороны *@
@*text/x-template- приводит к тому что данный шаблон не отображается сразу же после выполнения данного скрипта*@
<script id="auction-template" type="text/x-template">
    <div class="title">{{Title}}</div>
    <div class="currentPrice">{{CurrentPrice}}</div>
    <div class="description">{{Description}}</div>
</script>

@section scripts {

    @*Добавляем на страницу js библиотеку*@
    <script src="~/Scripts/mustache.js"></script>

    <script>
        $(function() {
            var template = $('#auction-template').html(); //получение разметки шаблона
            Mustache.parse(template); //компилируем шаблон в js-функцию

            //Обработчик щелчка по гиперссылке:
            $('.auction').click(function() {
                var auctionId = $(this).data("key"); //получаем Id аукционного товара

                //выполняем ajax запрос:
                $.ajax({
                    url: '@Url.Action("JsonAuction", "Auctions")/' + auctionId,-
                    sucess: function(auction) { //значение auction - json
                        var html = Mustache.render(template, auction);
                        $('#auction-details').html(html);
                    }
                });

            });
        })
    </script>

}

 //[HttpPost]
        public ActionResult JsonAuction(long id)
        {
            var auction = DataBaseService.GetBaseService().AuctionRepository.Get(id);

            //JsonRequestBehavior.AllowGet - в ответ на HTTP-запрос GET разрешено возращать данные JSON.
            //Правда в этой ситуации, данные JSON станут уезвимы, т.е. возможна потеря их конфидициальности.
            //Для устранения этой ситуации: нужно удалить этот параметр, а у действия контроллера установить атрибут HttpPost.
            return Json(auction, JsonRequestBehavior.AllowGet);
        }