@using ShopApp
@using ShopApp.Models
@using ShopApp.ViewComponents
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
@addTagHelper *, ShopApp

namespace ShopApp.Services;

public interface ICartService
{
    Task<int> GetItemCountAsync(string sessionId);
    Task<decimal> GetTotalPriceAsync(string sessionId);
    Task AddItemAsync(string sessionId, string productId, int quantity);
}

namespace ShopApp.Services;

// Проста in-memory реалізація для демо.
// У реальному проєкті тут буде робота з БД або зовнішнім кошиком.
public class SessionCartService : ICartService
{
    // Імітуємо сховище — стан заради демо зберігаємо статично
    private static readonly Dictionary<string, List<(string ProductId, int Qty, decimal Price)>> _store = [];

    public Task<int> GetItemCountAsync(string sessionId)
    {
        if (!_store.TryGetValue(sessionId, out var items))
            return Task.FromResult(0);

        return Task.FromResult(items.Sum(i => i.Qty));
    }

    public Task<decimal> GetTotalPriceAsync(string sessionId)
    {
        if (!_store.TryGetValue(sessionId, out var items))
            return Task.FromResult(0m);

        return Task.FromResult(items.Sum(i => i.Price * i.Qty));
    }

    public Task AddItemAsync(string sessionId, string productId, int quantity)
    {
        if (!_store.TryGetValue(sessionId, out var items))
        {
            items = [];
            _store[sessionId] = items;
        }

        // Для демо — ціна фіксована 100 грн за одиницю
        items.Add((productId, quantity, 100m));
        return Task.CompletedTask;
    }
}

using Microsoft.AspNetCore.Mvc;
using ShopApp.Services;

namespace ShopApp.ViewComponents;

public class ShoppingCartViewComponent : ViewComponent
{
    private readonly ICartService _cart;

    // DI — ін'єктуємо залежності через конструктор, як у звичайному сервісі
    public ShoppingCartViewComponent(ICartService cart)
    {
        _cart = cart;
    }

    // Параметрів немає — все що потрібно, зчитуємо самостійно
    public async Task<IViewComponentResult> InvokeAsync()
    {
        // HttpContext доступний через властивість HttpContext (від ViewComponent)
        var sessionId = HttpContext.Session.GetString("CartId") ?? "default";

        var itemCount = await _cart.GetItemCountAsync(sessionId);
        var totalPrice = await _cart.GetTotalPriceAsync(sessionId);

        var model = new CartSummary(itemCount, totalPrice);
        return View(model); // → Views/Shared/Components/ShoppingCart/Default.cshtml
    }
}

// Мінімальна модель для View
public record CartSummary(int ItemCount, decimal TotalPrice);

@model ShopApp.ViewComponents.CartSummary

<a href="/cart" class="nav-link position-relative">
    <i class="bi bi-cart3 fs-5"></i>

    @if (Model.ItemCount > 0)
    {
        @* Бейдж з кількістю товарів *@
        <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger">
            @(Model.ItemCount > 99 ? "99+" : Model.ItemCount.ToString())
            <span class="visually-hidden">товарів у кошику</span>
        </span>
    }
</a>

namespace ShopApp.Services;

public interface INotificationService
{
    Task<int> GetUnreadCountAsync(string userId);
    Task<IReadOnlyList<NotificationItem>> GetRecentAsync(string userId, int limit);
}

// Тут, а не у ViewComponent — щоб сервіс міг їх повертати безпосередньо
public record NotificationItem(string Message, DateTime CreatedAt, bool IsRead);

namespace ShopApp.Services;

// Заглушка для демо — повертає статичні дані
public class StubNotificationService : INotificationService
{
    private static readonly List<NotificationItem> _notifications =
    [
        new("Ваше замовлення #1042 відправлено", DateTime.Now.AddMinutes(-15), false),
        new("Акція: знижка 20% на електроніку до кінця дня!", DateTime.Now.AddHours(-2), false),
        new("Новий коментар до вашого відгуку", DateTime.Now.AddHours(-5), true),
        new("Замовлення #1041 доставлено", DateTime.Now.AddDays(-1), true),
        new("Вітаємо з реєстрацією!", DateTime.Now.AddDays(-7), true),
    ];

    public Task<int> GetUnreadCountAsync(string userId)
    {
        var count = _notifications.Count(n => !n.IsRead);
        return Task.FromResult(count);
    }

    public Task<IReadOnlyList<NotificationItem>> GetRecentAsync(string userId, int limit)
    {
        IReadOnlyList<NotificationItem> result = _notifications.Take(limit).ToList();
        return Task.FromResult(result);
    }
}

using Microsoft.AspNetCore.Mvc;
using ShopApp.Services;

namespace ShopApp.ViewComponents;

public class NotificationBellViewComponent : ViewComponent
{
    private readonly INotificationService _notifications;

    public NotificationBellViewComponent(INotificationService notifications)
    {
        _notifications = notifications;
    }

    // Параметр userId — передається при виклику з View
    public async Task<IViewComponentResult> InvokeAsync(string userId)
    {
        // Гість — сповіщень немає
        if (string.IsNullOrEmpty(userId) || userId == "guest")
        {
            return View(new NotificationSummary(0, []));
        }

        var unreadCount = await _notifications.GetUnreadCountAsync(userId);
        var recentNotifications = await _notifications.GetRecentAsync(userId, limit: 5);

        var model = new NotificationSummary(unreadCount, recentNotifications);
        return View(model);
    }
}

public record NotificationSummary(int UnreadCount, IReadOnlyList<NotificationItem> Recent);

@using ShopApp.Services
@model ShopApp.ViewComponents.NotificationSummary

<div class="dropdown">
    <button class="btn btn-link nav-link position-relative dropdown-toggle"
            data-bs-toggle="dropdown">
        <i class="bi bi-bell fs-5"></i>
        @if (Model.UnreadCount > 0)
        {
            <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-primary">
                @Model.UnreadCount
            </span>
        }
    </button>

    <div class="dropdown-menu dropdown-menu-end shadow" style="min-width: 300px;">
        <h6 class="dropdown-header">Сповіщення</h6>
        @if (!Model.Recent.Any())
        {
            <div class="dropdown-item-text text-muted small">Немає нових сповіщень</div>
        }
        else
        {
            @foreach (var n in Model.Recent)
            {
                <div class="dropdown-item @(n.IsRead ? "" : "fw-bold")">
                    <div class="small">@n.Message</div>
                    <div class="text-muted" style="font-size: 0.75rem;">
                        @n.CreatedAt.ToString("dd MMM, HH:mm")
                    </div>
                </div>
            }
            <div class="dropdown-divider"></div>
            <a href="/notifications" class="dropdown-item text-center small">
                Всі сповіщення →
            </a>
        }
    </div>
</div>

using Microsoft.AspNetCore.Mvc;

namespace ShopApp.ViewComponents;

public class BreadcrumbViewComponent : ViewComponent
{
    // Цей компонент не потребує DI-сервісів — лише рендер переданих даних
    // Але він все одно View Component (а не Partial View), бо може мати власну логіку
    public IViewComponentResult Invoke(IReadOnlyList<BreadcrumbItem> items)
    {
        // Додаємо «Головна» на початок, якщо не передано
        var allItems = items.Any() && items[0].Url == "/"
            ? items
            : new[] { new BreadcrumbItem("Головна", "/") }.Concat(items).ToList();

        return View(allItems);
    }
}

// Синхронний Invoke — можна використовувати якщо немає async операцій
public record BreadcrumbItem(string Label, string? Url = null);

@model IReadOnlyList<ShopApp.ViewComponents.BreadcrumbItem>

@if (Model.Count > 1) // Показуємо лише якщо є більше одного елементу
{
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            @for (int i = 0; i < Model.Count; i++)
            {
                var item = Model[i];
                bool isLast = i == Model.Count - 1;

                if (isLast)
                {
                    @* Поточна сторінка — без посилання *@
                    <li class="breadcrumb-item active" aria-current="page">@item.Label</li>
                }
                else
                {
                    <li class="breadcrumb-item">
                        <a href="@item.Url">@item.Label</a>
                    </li>
                }
            }
        </ol>
    </nav>
}

<!DOCTYPE html>
<html lang="uk">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>@ViewData["Title"] — ShopApp</title>
    <link rel="stylesheet"
          href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" />
    <link rel="stylesheet"
          href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" />
</head>
<body>
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
        <div class="container">
            <a class="navbar-brand" href="/">ShopApp</a>
            <div class="navbar-nav ms-auto align-items-center gap-2">
                @* View Component викликається без жодних параметрів з Controller'ів *@
                <vc:shopping-cart></vc:shopping-cart>
                <vc:notification-bell user-id="demo-user"></vc:notification-bell>
            </div>
        </div>
    </nav>

    <div class="container mt-3">
        @* Breadcrumb передається з конкретного View — тут лише місце для нього *@
        @RenderSection("Breadcrumb", required: false)
        <main role="main">
            @RenderBody()
        </main>
    </div>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>

@using ShopApp.ViewComponents
@{
    ViewData["Title"] = "Каталог товарів";

    var breadcrumbs = new List<BreadcrumbItem>
    {
        new("Каталог", "/catalog"),
        new("Електроніка", "/catalog/electronics"),
        new("Ноутбук ProBook 450") // остання — без URL (поточна сторінка)
    };
}

@section Breadcrumb {
    <vc:breadcrumb items="@breadcrumbs"></vc:breadcrumb>
}

<h1>Ноутбук ProBook 450</h1>
<p class="text-muted">Демонстрація трьох View Components у дії.</p>

<div class="alert alert-info">
    Подивіться на навбар: там працюють <strong>ShoppingCart</strong> та
    <strong>NotificationBell</strong> View Components.<br/>
    Вгорі — <strong>Breadcrumb</strong> View Component.
</div>

var builder = WebApplication.CreateBuilder(args);

builder.Services.AddControllersWithViews();

// Додаємо Session (потрібно для ShoppingCartViewComponent)
builder.Services.AddDistributedMemoryCache();
builder.Services.AddSession(options =>
{
    options.IdleTimeout = TimeSpan.FromHours(1);
    options.Cookie.HttpOnly = true;
    options.Cookie.IsEssential = true;
});

// Сервіси, що використовуються у View Components
builder.Services.AddScoped<ICartService, SessionCartService>();
builder.Services.AddScoped<INotificationService, StubNotificationService>();

var app = builder.Build();

app.UseSession(); // ← обов'язково перед UseRouting
app.UseStaticFiles();
app.UseRouting();
app.UseAuthorization();

app.MapDefaultControllerRoute();
app.Run();