2025-04-28 21:42:35 +02:00

121 lines
5.7 KiB
Plaintext

@using WebVentaCoche.Helpers
@using WebVentaCoche.Models
@using System.Security.Claims
@inject IHttpContextAccessor HttpContextAccessor
@{
// Determina si es la página de gestión para ajustar la clase body
var isGestionPage = Context.Request.Path.ToString().StartsWith("/Products");
// Obtener lista de IDs de productos almacenados en sesión
var cartItemIds = CartSessionHelper.GetCartItems(HttpContextAccessor.HttpContext.Session);
int cartItemCount = cartItemIds.Count;
var userId = HttpContextAccessor.HttpContext?.User?.FindFirst(ClaimTypes.NameIdentifier)?.Value;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>@ViewData["Title"] - WebVentaCoche</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
<link rel="stylesheet" href="~/css/site.css" />
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
</head>
<body class="@(isGestionPage ? "no-background" : "")">
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container">
<div class="d-flex justify-content-center col-10">
<a class="navbar-brand" href="/">WebVentaCoche</a>
<ul class="navbar-nav text-center">
<li class="nav-item">
<a class="nav-link" href="/Productos">Productos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/Contacto">Contacto</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="gestionDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Gestión
</a>
<ul class="dropdown-menu" aria-labelledby="gestionDropdown">
<li><a class="dropdown-item" href="/Products">Productos</a></li>
<li><a class="dropdown-item" href="/Order">Pedidos</a></li>
</ul>
</li>
</ul>
</div>
<div class="collapse navbar-collapse justify-content-center" id="navbarNav">
<ul class="navbar-nav ms-auto">
@if (User.Identity.IsAuthenticated)
{
<li class="nav-item me-2 position-relative">
<a class="nav-link" href="@Url.Action("Index", "Cart")">
<i class="fa fa-shopping-cart" style="font-size: 1.5rem;"></i>
@* Si cartItemCount es 0, le metemos clase "d-none" *@
<span id="cartBadge" class="position-absolute top-0 start-100 translate-middle badge
rounded-pill bg-danger @(cartItemCount == 0 ? "d-none" : "")">
<span id="cartCountSpan">@cartItemCount</span>
</span>
</a>
</li>
<!-- Menú desplegable de usuario -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="userDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
<i class="fa fa-user" style="font-size: 1.5rem;"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="userDropdown">
<li> <a class="dropdown-item" asp-controller="Account" asp-action="Details" asp-route-id="@userId">Detalles Cuenta</a></li>
<li><a class="dropdown-item" asp-controller="Account" asp-action="Settings">Configuración</a></li>
<li><a class="dropdown-item" href="@Url.Action("Index", "Order")">Pedidos</a></li>
<li><hr class="dropdown-divider"></li>
<li>
<form method="post" asp-action="Logout" asp-controller="User" class="d-inline">
<button type="submit" class="dropdown-item text-danger">Cerrar Sesión</button>
</form>
</li>
</ul>
</li>
}
else
{
<li class="nav-item">
<a class="nav-link" href="@Url.Action("Login", "User")">Iniciar Sesión</a>
</li>
}
</ul>
</div>
</div>
</nav>
<div class="jumbotron jumbotron-fluid bg-image"
style="background-image: url('/images/captura.jpg');
background-size: cover;
background-position: center;
height: 300px;">
<div class="container text-white text-center">
<h1 class="display-4">Bienvenido a WebVentaCoche</h1>
<p class="lead">Tu tienda de confianza para productos de coches.</p>
</div>
</div>
<div class="container">
@RenderBody()
</div>
<footer class="bg-dark text-light text-center py-3 mt-4">
<p>&copy; 2024 WebVentaCoche. Todos los derechos reservados.</p>
</footer>
@RenderSection("Scripts", required: false)
</body>
</html>