@{
ViewData["Title"] = "Carrinho";
}
@model CasaDoCodigo.Models.ViewModels.CarrinhoViewModel
<h3>Meu Carrinho</h3>
<div class="panel panel-default">
<div class="panel-heading">
<div class="row">
<div class="col-md-6">Item</div>
<div class="col-md-2 text-center">Preço Unitário</div>
<div class="col-md-2 text-center">Quantidade</div>
<div class="col-md-2">
<span class="pull-right">
Subtotal
</span>
</div>
</div>
</div>
<div class="panel-body">
@foreach (var item in Model.Itens)
{
<div class="row row-center">
<div class="col-md-3">
<img src="~/images/produtos/small_@(item.Id).jpg" />
</div>
<div class="col-md-3">@item.Produto.Nome</div>
<div class="col-md-2 text-center">R$ @item.PrecoUnitario</div>
<div class="col-md-2 text-center">
<div class="input-group">
<span class="input-group-btn">
<!--BOTÃO MENOS-->
<button class="btn btn-default">
<span class="glyphicon-minus"></span>
</button>
</span>
<input type="text" value="@item.Quantidade" class="form-control text-center" />
<span class="input-group-btn">
<!--BOTÃO MAIS-->
<button class="btn btn-default" onclick="clickIncremento">
<span class="glyphicon-plus"></span>
</button>
</span>
</div>
</div>
<div class="col-md-2">
<span class="pull-right">
R$ @item.Subtotal
</span>
</div>
</div>
}
</div>
<div class="panel-footer">
<div class="row">
<div class="col-md-10">
@{
if (Model.Itens.Count() < 2)
{
<span>Total: @Model.Itens.Count() item;</span>
}
else
{
<span>Total: @Model.Itens.Count() itens;</span>
}
}
</div>
<div class="col-md-2">
<span class="pull-right">
Valor Total R$ @Model.Total
</span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
@*@Html.ActionLink("Finalizar Pedido",
"resumo",
"pedido",
null, //valor da rota, que nesse momento é nula.
new { @class="btn btn-success pull-right" }
)*@
<a asp-controller="pedido"
asp-action="resumo" class="btn btn-success pull-right">Finalizar Pedido</a>
</div>
</div>
@section Scripts
{
<script type="text/javascript">
function clickIncremento() {
alert('Mais!');
}
</script>
}