98 lines
3.5 KiB
Plaintext
98 lines
3.5 KiB
Plaintext
@model WebVentaCoche.Models.CartViewModel
|
|
|
|
@{
|
|
ViewData["Title"] = "Carrito de Compras";
|
|
}
|
|
|
|
<div class="container mt-4">
|
|
<h1 class="mb-4">Carrito</h1>
|
|
|
|
@if (Model.Products == null || !Model.Products.Any())
|
|
{
|
|
<p>No hay productos en tu carrito.</p>
|
|
}
|
|
else
|
|
{
|
|
<p>Productos en el carrito: @Model.Products.Count</p>
|
|
<hr />
|
|
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<th>Imagen</th>
|
|
<th>Producto</th>
|
|
<th>Precio</th>
|
|
<th>Cantidad</th>
|
|
<th>Subtotal</th>
|
|
<th></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
@foreach (var cartItem in Model.Products)
|
|
{
|
|
<tr>
|
|
<td>
|
|
@if (!string.IsNullOrEmpty(cartItem.Product.ImagePath))
|
|
{
|
|
<img src="@cartItem.Product.ImagePath"
|
|
alt="@cartItem.Product.Name"
|
|
class="img-thumbnail"
|
|
style="max-height:100px;" />
|
|
}
|
|
else
|
|
{
|
|
<img src="/images/default.png"
|
|
alt="Imagen no disponible"
|
|
class="img-thumbnail"
|
|
style="max-height:100px;" />
|
|
}
|
|
</td>
|
|
|
|
<td>@cartItem.Product.Name</td>
|
|
|
|
<td>@cartItem.Product.Price €</td>
|
|
|
|
<td>
|
|
<form asp-action="UpdateQuantity" asp-controller="Cart" method="post">
|
|
<input type="hidden" name="productId" value="@cartItem.Product.Id" />
|
|
<input type="number" name="quantity" value="@cartItem.Amount"
|
|
min="1" class="form-control d-inline" style="width:70px;" />
|
|
<button type="submit" class="btn btn-sm btn-secondary ms-1">
|
|
Actualizar
|
|
</button>
|
|
</form>
|
|
</td>
|
|
|
|
<td>@cartItem.Subtotal €</td>
|
|
|
|
<td>
|
|
<form asp-action="Remove" asp-controller="Cart" method="post">
|
|
<input type="hidden" name="id" value="@cartItem.Product.Id" />
|
|
<button type="submit" class="btn btn-sm btn-danger">
|
|
Eliminar
|
|
</button>
|
|
</form>
|
|
</td>
|
|
</tr>
|
|
}
|
|
</tbody>
|
|
</table>
|
|
|
|
<div class="text-end">
|
|
<h4>Total: @Model.Total €</h4>
|
|
|
|
<div class="mt-3">
|
|
<form asp-action="Clear" asp-controller="Cart" method="post" class="d-inline">
|
|
<button type="submit" class="btn btn-warning">
|
|
Vaciar Carrito
|
|
</button>
|
|
</form>
|
|
|
|
<a class="btn btn-primary ms-2" href="#">
|
|
Proceder al Pago
|
|
</a>
|
|
</div>
|
|
</div>
|
|
}
|
|
</div>
|