+
+
- midrandbooks.co.za
+
+ @Body
+
-
-
+
+ @if (ActiveReadingBook != null)
+ {
+
- @Body
-
+
+ @if (ActivePlayingBook != null)
+ {
+
-
+
+}
+
+@code {
+ [Parameter] public BookModel? Book { get; set; }
+ [Parameter] public bool IsPlaying { get; set; }
+ [Parameter] public EventCallback
+
+
+
+
+
+
+
+
+
+
+
+
+ @if (!IsMinimized)
+ {
+
+ }
+
+
+
+
+
+
+ @if (!string.IsNullOrEmpty(Book.CoverUrl))
+ {
+ 
+ }
+ else
+ {
+
+
+ AUDIO
+
+ }
+
+ Now Playing Audiobook
+
+ @Book.Title
+ By @Book.Author +
+
+
+
+
+
+
+
-
+@namespace MidrandBooks.Components
+@using Microsoft.AspNetCore.Components
+@using MidrandBooks.Models
-
-
- OnSelectBook { get; set; }
+
+ private async Task HandleSelect()
+ {
+ await OnSelectBook.InvokeAsync(Book);
+ }
+}
diff --git a/MidrandBookshop/Components/BookCard.razor.cs b/MidrandBookshop/Components/BookCard.razor.cs
deleted file mode 100644
index 587fff8..0000000
--- a/MidrandBookshop/Components/BookCard.razor.cs
+++ /dev/null
@@ -1,44 +0,0 @@
-using LiteCharms.Features.MidrandBooks.AuthorBooks;
-using LiteCharms.Features.MidrandBooks.Authors;
-using LiteCharms.Features.MidrandBooks.Payments;
-using LiteCharms.Features.MidrandBooks.Products;
-
-namespace MidrandBookshop.Components;
-
-public partial class BookCard
-{
- [Parameter] public long Id { get; set; }
- [Parameter] public string Title { get; set; } = string.Empty;
- [Parameter] public string Author { get; set; } = string.Empty;
- [Parameter] public decimal Price { get; set; }
- [Parameter] public string Category { get; set; } = string.Empty;
- [Parameter] public bool IsNew { get; set; }
- [Parameter] public string BookImageUrl { get; set; } = string.Empty;
-
- [Parameter] public EventCallback OnCardClick { get; set; }
-
- [Inject] private CartService CartService { get; set; } = default!;
- [Inject] private ProductService ProductService { get; set; } = default!;
- [Inject] private AuthorService AuthorService { get; set; } = default!;
- [Inject] private BooksService BooksService { get; set; } = default!;
- [Inject] private IToastService ToastService { get; set; } = default!;
- [Inject] private CancellationToken CancellationToken { get; set; } = default!;
-
- private async Task HandleAddToCart()
- {
- try
- {
- var bookFetch = await BooksService.GetBookByProductIdAsync(Id, CancellationToken);
- var authorFetch = await AuthorService.GetAuthorAsync(bookFetch.Value.AuthorId, CancellationToken);
- var productPriceFetch = await ProductService.GetProductPriceAsync(Id, CancellationToken);
-
- CartService.AddItem(productPriceFetch.Value, bookFetch.Value.Product!, authorFetch.Value);
-
- ToastService.ShowSuccess($"Added '{Title}' to your order.", "Cart Changed");
- }
- catch
- {
- ToastService.ShowError("Could not update cart. Please try again.");
- }
- }
-}
diff --git a/MidrandBookshop/Components/BookCard.razor.css b/MidrandBookshop/Components/BookCard.razor.css
deleted file mode 100644
index 49a2369..0000000
--- a/MidrandBookshop/Components/BookCard.razor.css
+++ /dev/null
@@ -1,9 +0,0 @@
-.book-shadow {
- filter: drop-shadow(5px 10px 15px rgba(0, 0, 0, 0.15)) drop-shadow(1px 2px 4px rgba(0, 0, 0, 0.1));
-}
-
-.sm-icon {
- width: 14px;
- height: 14px;
- vertical-align: middle;
-}
diff --git a/MidrandBookshop/Components/BookDetailModal.razor b/MidrandBookshop/Components/BookDetailModal.razor
new file mode 100644
index 0000000..d88fb22
--- /dev/null
+++ b/MidrandBookshop/Components/BookDetailModal.razor
@@ -0,0 +1,280 @@
+@namespace MidrandBooks.Components
+@using Microsoft.AspNetCore.Components
+@using MidrandBooks.Models
+
+ OnAddToCart { get; set; }
+ [Parameter] public EventCallback OnReadEbook { get; set; }
+ [Parameter] public EventCallback OnPlayAudiobook { get; set; }
+ [Parameter] public EventCallback OnRateBook { get; set; }
+
+ private int? hoverRating = null;
+
+ private void BuyBook(string format)
+ {
+ OnAddToCart.InvokeAsync(format);
+ }
+
+ private void ReadEbook()
+ {
+ OnReadEbook.InvokeAsync();
+ }
+
+ private void PlayAudiobook()
+ {
+ OnPlayAudiobook.InvokeAsync();
+ }
+
+ private void RateBook(int rating)
+ {
+ OnRateBook.InvokeAsync(rating);
+ }
+}
diff --git a/MidrandBookshop/Components/BookGrid.razor b/MidrandBookshop/Components/BookGrid.razor
new file mode 100644
index 0000000..405446e
--- /dev/null
+++ b/MidrandBookshop/Components/BookGrid.razor
@@ -0,0 +1,105 @@
+@namespace MidrandBooks.Components
+@using Microsoft.AspNetCore.Components
+@using MidrandBooks.Models
+
+ Books { get; set; } = new();
+ [Parameter] public List Categories { get; set; } = new();
+ [Parameter] public EventCallback OnSelectBook { get; set; }
+
+ private string SelectedCategory { get; set; } = "All";
+ private string SearchQuery { get; set; } = string.Empty;
+
+ private void SelectCategory(string category)
+ {
+ SelectedCategory = category;
+ }
+
+ private void HandleSearchInput(ChangeEventArgs e)
+ {
+ SearchQuery = e.Value?.ToString() ?? string.Empty;
+ }
+
+ private IEnumerable FilteredBooks()
+ {
+ var result = Books.Where(b => b.Status == "published");
+
+ if (SelectedCategory != "All")
+ {
+ result = result.Where(b => b.Category.Equals(SelectedCategory, StringComparison.OrdinalIgnoreCase));
+ }
+
+ if (!string.IsNullOrWhiteSpace(SearchQuery))
+ {
+ var query = SearchQuery.Trim().ToLower();
+ result = result.Where(b =>
+ b.Title.ToLower().Contains(query) ||
+ b.Author.ToLower().Contains(query) ||
+ b.Description.ToLower().Contains(query)
+ );
+ }
+
+ return result;
+ }
+}
diff --git a/MidrandBookshop/Components/CartAndCheckout.razor b/MidrandBookshop/Components/CartAndCheckout.razor
new file mode 100644
index 0000000..bfbb48e
--- /dev/null
+++ b/MidrandBookshop/Components/CartAndCheckout.razor
@@ -0,0 +1,370 @@
+@namespace MidrandBooks.Components
+@using Microsoft.AspNetCore.Components
+@using MidrandBooks.Models
+
+@if (IsOpen)
+{
+ CartItems { get; set; } = new();
+ [Parameter] public EventCallback> OnCheckoutSuccess { get; set; }
+ [Parameter] public EventCallback OnRemoveFromCart { get; set; }
+
+ private string CurrentStep { get; set; } = "cart"; // "cart", "details", "processing", "otp", "success"
+ private string PaymentMethod { get; set; } = "card"; // "card", "eft"
+
+ // Processing parameters
+ private string ProcessingStatus { get; set; } = string.Empty;
+ private int ProcessingProgress { get; set; } = 0;
+
+ // Form inputs
+ private string CardName { get; set; } = string.Empty;
+ private string CardNumber { get; set; } = string.Empty;
+ private string CardExpiry { get; set; } = string.Empty;
+ private string CardCvv { get; set; } = string.Empty;
+ private string SelectedBank { get; set; } = "Capitec";
+ private string EftUsername { get; set; } = string.Empty;
+ private string EftPassword { get; set; } = string.Empty;
+
+ // OTP Parameters
+ private string GeneratedOtp { get; set; } = "482903";
+ private string OtpInput { get; set; } = string.Empty;
+ private string OtpError { get; set; } = string.Empty;
+
+ private double Subtotal()
+ {
+ return CartItems.Sum(i => i.Price);
+ }
+
+ private double Vat()
+ {
+ return Subtotal() * 0.15;
+ }
+
+ private double Total()
+ {
+ return Subtotal(); // ZAR pricing includes VAT
+ }
+
+ private void ProceedToDetails()
+ {
+ CurrentStep = "details";
+ }
+
+ private void SetPaymentMethod(string method)
+ {
+ PaymentMethod = method;
+ }
+
+ private void RemoveItem(CartItem item)
+ {
+ OnRemoveFromCart.InvokeAsync(item);
+ }
+
+ private async Task ProcessSecureCheckout()
+ {
+ CurrentStep = "processing";
+ ProcessingProgress = 15;
+ ProcessingStatus = "Establishing secure proxy to South African gateway nodes...";
+
+ await Task.Delay(1000);
+ ProcessingProgress = 45;
+ ProcessingStatus = "Securing socket with SSL 256-bit encryption...";
+
+ await Task.Delay(1000);
+ ProcessingProgress = 75;
+ ProcessingStatus = "Contacting issuing merchant bank for authorization...";
+
+ await Task.Delay(1000);
+ ProcessingProgress = 90;
+ ProcessingStatus = "Spawning 3D Secure 2.0 dual-factor authentication challenge...";
+
+ await Task.Delay(800);
+ GeneratedOtp = new Random().Next(100000, 999999).ToString();
+ OtpError = string.Empty;
+ OtpInput = string.Empty;
+ CurrentStep = "otp";
+ }
+
+ private void VerifyOtp()
+ {
+ if (OtpInput.Trim() == GeneratedOtp)
+ {
+ CurrentStep = "success";
+ OnCheckoutSuccess.InvokeAsync(CartItems);
+ }
+ else
+ {
+ OtpError = "The authentication code is incorrect. Please check SMS dispatch.";
+ }
+ }
+
+ private void CloseAndFinish()
+ {
+ CurrentStep = "cart"; // reset step for next load
+ OnClose.InvokeAsync();
+ }
+}
diff --git a/MidrandBookshop/Components/EbookReader.razor b/MidrandBookshop/Components/EbookReader.razor
new file mode 100644
index 0000000..d4b139c
--- /dev/null
+++ b/MidrandBookshop/Components/EbookReader.razor
@@ -0,0 +1,210 @@
+@namespace MidrandBooks.Components
+@using Microsoft.AspNetCore.Components
+@using MidrandBooks.Models
+
+ OnPageChanged { get; set; }
+
+ private bool ShowSettings { get; set; } = false;
+ private string Theme { get; set; } = "sepia";
+ private string Font { get; set; } = "serif";
+ private int FontSize { get; set; } = 16;
+ private bool IsBookmarked { get; set; } = false;
+ private List Bookmarks { get; set; } = new();
+
+ private void ToggleSettings()
+ {
+ ShowSettings = !ShowSettings;
+ }
+
+ private void ToggleBookmark()
+ {
+ if (Bookmarks.Contains(CurrentPage))
+ {
+ Bookmarks.Remove(CurrentPage);
+ IsBookmarked = false;
+ }
+ else
+ {
+ Bookmarks.Add(CurrentPage);
+ IsBookmarked = true;
+ }
+ }
+
+ private int PagesCount()
+ {
+ return Book.FullText?.Count ?? 1;
+ }
+
+ private void NextPage()
+ {
+ if (Book.FullText != null && CurrentPage < Book.FullText.Count - 1)
+ {
+ CurrentPage++;
+ IsBookmarked = Bookmarks.Contains(CurrentPage);
+ OnPageChanged.InvokeAsync(CurrentPage);
+ }
+ }
+
+ private void PrevPage()
+ {
+ if (CurrentPage > 0)
+ {
+ CurrentPage--;
+ IsBookmarked = Bookmarks.Contains(CurrentPage);
+ OnPageChanged.InvokeAsync(CurrentPage);
+ }
+ }
+
+ private void SetTheme(string theme)
+ {
+ Theme = theme;
+ }
+
+ private void SetFont(string font)
+ {
+ Font = font;
+ }
+
+ private string ThemeBgClass()
+ {
+ return Theme switch
+ {
+ "sepia" => "bg-amber-50 text-amber-950",
+ "dark" => "bg-slate-950 text-slate-100",
+ _ => "bg-white text-slate-900"
+ };
+ }
+
+ private string HeaderBorderClass()
+ {
+ return Theme == "dark" ? "border-white/5 bg-slate-900/40" : "border-black/5 bg-slate-100/40";
+ }
+
+ private string FontClass()
+ {
+ return Font switch
+ {
+ "sans" => "font-sans",
+ "mono" => "font-mono",
+ _ => "font-serif"
+ };
+ }
+
+ private string TextContrastClass()
+ {
+ return Theme switch
+ {
+ "sepia" => "text-amber-900",
+ "dark" => "text-slate-200",
+ _ => "text-slate-800"
+ };
+ }
+}
diff --git a/MidrandBookshop/Components/FeaturedCarousel.razor b/MidrandBookshop/Components/FeaturedCarousel.razor
new file mode 100644
index 0000000..321311e
--- /dev/null
+++ b/MidrandBookshop/Components/FeaturedCarousel.razor
@@ -0,0 +1,240 @@
+@namespace MidrandBooks.Components
+@using Microsoft.AspNetCore.Components
+@using MidrandBooks.Models
+
+ FeaturedBooks { get; set; } = new();
+ [Parameter] public List Purchases { get; set; } = new();
+ [Parameter] public List Cart { get; set; } = new();
+
+ [Parameter] public EventCallback OnSelectBook { get; set; }
+ [Parameter] public EventCallback OnReadEbook { get; set; }
+ [Parameter] public EventCallback OnStreamAudiobook { get; set; }
+ [Parameter] public EventCallback<(BookModel Book, string Format)> OnAddToCart { get; set; }
+
+ private int ActiveIndex { get; set; } = 0;
+ private System.Threading.Timer? AutoRotationTimer { get; set; }
+
+ protected override void OnInitialized()
+ {
+ AutoRotationTimer = new System.Threading.Timer(_ =>
+ {
+ InvokeAsync(() =>
+ {
+ if (FeaturedBooks.Count > 0)
+ {
+ ActiveIndex = (ActiveIndex + 1) % FeaturedBooks.Count;
+ StateHasChanged();
+ }
+ });
+ }, null, 8000, 8000);
+ }
+
+ private void HandleNext()
+ {
+ ActiveIndex = (ActiveIndex + 1) % FeaturedBooks.Count;
+ }
+
+ private void HandlePrev()
+ {
+ ActiveIndex = (ActiveIndex - 1 + FeaturedBooks.Count) % FeaturedBooks.Count;
+ }
+
+ private void SetActive(int index)
+ {
+ ActiveIndex = index;
+ }
+
+ private void SelectBook(BookModel book)
+ {
+ OnSelectBook.InvokeAsync(book);
+ }
+
+ private void ReadEbook(BookModel book)
+ {
+ OnReadEbook.InvokeAsync(book);
+ }
+
+ private void StreamAudiobook(BookModel book)
+ {
+ OnStreamAudiobook.InvokeAsync(book);
+ }
+
+ private void AddToCart(BookModel book, string format)
+ {
+ OnAddToCart.InvokeAsync((book, format));
+ }
+
+ public void Dispose()
+ {
+ AutoRotationTimer?.Dispose();
+ }
+}
diff --git a/MidrandBookshop/Components/Layout/CookieBanner.razor b/MidrandBookshop/Components/Layout/CookieBanner.razor
new file mode 100644
index 0000000..f1d12f3
--- /dev/null
+++ b/MidrandBookshop/Components/Layout/CookieBanner.razor
@@ -0,0 +1,165 @@
+@namespace MidrandBooks.Components.Layout
+@using MidrandBooks.Components.Pages
+@inject IJSRuntime JSRuntime
+
+@if (ShowBanner || ShowPrivacyModal)
+{
+ @if (ShowBanner)
+ {
+
+ }
+
+ @if (ShowPrivacyModal)
+ {
+
+ }
+}
+
+@code {
+ private bool ShowBanner { get; set; } = false;
+ private bool ShowPrivacyModal { get; set; } = false;
+
+ protected override async Task OnAfterRenderAsync(bool firstRender)
+ {
+ if (firstRender)
+ {
+ try
+ {
+ var isAccepted = await JSRuntime.InvokeAsync("localStorage.getItem", "midrandbooks_cookie_accepted");
+ if (isAccepted != "true")
+ {
+ await Task.Delay(1500);
+ ShowBanner = true;
+ StateHasChanged();
+ }
+ }
+ catch
+ {
+ // Fail gracefully if localStorage is blocked
+ }
+ }
+ }
+
+ private async Task AcceptCookies()
+ {
+ try
+ {
+ await JSRuntime.InvokeVoidAsync("localStorage.setItem", "midrandbooks_cookie_accepted", "true");
+ }
+ catch
+ {
+ // Fail gracefully
+ }
+ ShowBanner = false;
+ }
+
+ private void DismissBanner()
+ {
+ ShowBanner = false;
+ }
+
+ private void OpenPrivacyModal()
+ {
+ ShowPrivacyModal = true;
+ }
+
+ private void ClosePrivacyModal()
+ {
+ ShowPrivacyModal = false;
+ }
+}
diff --git a/MidrandBookshop/Components/Layout/MainLayout.razor b/MidrandBookshop/Components/Layout/MainLayout.razor
index 77abab6..96fd2d2 100644
--- a/MidrandBookshop/Components/Layout/MainLayout.razor
+++ b/MidrandBookshop/Components/Layout/MainLayout.razor
@@ -1,53 +1,438 @@
-@inherits LayoutComponentBase
+@inherits LayoutComponentBase
+@namespace MidrandBooks.Components.Layout
+@using Microsoft.AspNetCore.Components
+@using MidrandBooks.Components
+@using MidrandBooks.Components.Pages
+@using MidrandBooks.Models
- Categories { get; set; } = new()
+ {
+ "Fiction", "Non-Fiction", "African Literature", "Poetry", "Academic & History", "Biography"
+ };
+
+ // Books and States
+ private List CatalogBooks { get; set; } = new();
+ private List FeaturedBooks { get; set; } = new();
+ private BookModel? SelectedBook { get; set; }
+ private List CartItems { get; set; } = new();
+ private List PurchasedRecords { get; set; } = new();
+ private List OfflineCachedBooks { get; set; } = new();
+ private Dictionary UserRatings { get; set; } = new();
+
+ // Active Reader/Player Overlays
+ private BookModel? ActiveReadingBook { get; set; }
+ private int ActiveReadingPage { get; set; } = 0;
+
+ private BookModel? ActivePlayingBook { get; set; }
+ private bool IsAudioPlaying { get; set; } = false;
+
+ protected override void OnInitialized()
+ {
+ // Load default premium seed publications
+ var random = new Random(2026);
+ var categoriesList = new[] { "Fiction", "African Literature", "Poetry", "Academic & History", "Biography", "Non-Fiction" };
+ var colors = new[] {
+ "from-indigo-900 to-purple-950",
+ "from-rose-950 to-orange-900",
+ "from-slate-900 to-teal-950",
+ "from-amber-950 to-emerald-950"
+ };
+
+ var titles = new[] {
+ "Whispers of the Highveld", "Gauteng Gold Rush Chronicles", "Soweto Symphony of Dreams",
+ "Limpopo Rain Queen", "The Karoo Echoes", "Table Mountain Sunrise",
+ "Durban Beachfront Rhythms", "Zululand Warriors"
+ };
+
+ var authors = new[] {
+ "N. Khumalo", "S. Ndlovu", "T. Mokoena", "K. Naidoo", "M. van der Merwe",
+ "L. Sibanda", "J. Govender", "Z. Zuma"
+ };
+
+ var descriptions = new[] {
+ "An epic South African saga highlighting historical transformations, personal sacrifices, and cultural richness in the Gauteng plains.",
+ "A comprehensive investigative review documenting the rich socio-economic changes driven by gold discoveries in early Johannesburg.",
+ "A beautifully written modern poetry collection exploring life, struggle, and celebratory musical triumphs in South Africa's heartland.",
+ "An enchanting fantasy drawing on classical folklore, rainmaking traditions, and political intrigue in the northern provinces.",
+ "A mystery novel detailing hidden family histories buried deep in the silent, expansive landscapes of the great Karoo desert."
+ };
+
+ for (int i = 0; i < titles.Length; i++)
+ {
+ var book = new BookModel
+ {
+ Id = $"book-seed-{i + 1}",
+ Title = titles[i],
+ Author = authors[i],
+ AuthorId = $"seed-auth-{i + 1}",
+ Description = descriptions[i % descriptions.Length],
+ Price = random.Next(95, 295),
+ Category = categoriesList[i % categoriesList.Length],
+ CoverColor = colors[i % colors.Length],
+ Rating = 4.0 + random.NextDouble(),
+ ReviewsCount = random.Next(5, 85),
+ PublishedYear = random.Next(2018, 2026),
+ PagesCount = random.Next(120, 480),
+ AudioDuration = $"{random.Next(4, 12)}h {random.Next(10, 59)}m",
+ Narrator = authors[(i + 2) % authors.Length],
+ Bestseller = i < 2,
+ Trending = i >= 2 && i < 4,
+ Status = "published"
+ };
+
+ // Populate some dummy chapters
+ book.FullText = new List
+ {
+ $"Chapter 1 of {book.Title}.\n\nThe morning sun breaks across the rolling hills of the Highveld, painting the Gauteng skies in shades of gold and amber. The dusty streets of Midrand begin to hum with the early morning life, as commuters fill the platforms and local merchants raise their shutters.\n\nIt was here that Khwezi first realized that the stories written in these lands had a rhythm of their own—a heartbeat that echoed the rich histories of those who walked before.",
+ "Chapter 2.\n\nAs the afternoon heat settles over the vast landscapes, a quiet stillness descends. Under the shade of an ancient thorn tree, old journals are opened, revealing handwritten accounts of early migrations, family secrets, and triumphant breakthroughs. The digital DRM safeguards preserve these fragile pages for generations to come."
+ };
+
+ CatalogBooks.Add(book);
+ }
+
+ FeaturedBooks = CatalogBooks.Where(b => b.Bestseller || b.Trending).Take(3).ToList();
+
+ // Pre-purchase one book to show active items in Library immediately
+ PurchasedRecords.Add(new PurchaseRecord
+ {
+ BookId = "book-seed-3",
+ Format = "ebook",
+ CurrentPage = 0,
+ Progress = 15
+ });
+ }
+
+ private void HandleActiveTabChanged(string tab)
+ {
+ ActiveTab = tab;
+ }
+
+ private void HandleOpenCart()
+ {
+ IsCartOpen = true;
+ }
+
+ private void HandleCloseCart()
+ {
+ IsCartOpen = false;
+ }
+
+ private void HandleOfflineToggle(bool value)
+ {
+ IsOfflineMode = value;
+ }
+
+ private void HandleSelectBook(BookModel book)
+ {
+ SelectedBook = book;
+ }
+
+ private void HandleCloseModal()
+ {
+ SelectedBook = null;
+ }
+
+ private void HandleAddToCart((BookModel Book, string Format) tuple)
+ {
+ if (!CartItems.Any(i => i.Book.Id == tuple.Book.Id && i.Format == tuple.Format))
+ {
+ CartItems.Add(new CartItem { Book = tuple.Book, Format = tuple.Format });
+ }
+ }
+
+ private void HandleAddToCartFromModal(string format)
+ {
+ if (SelectedBook != null)
+ {
+ HandleAddToCart((SelectedBook, format));
+ }
+ }
+
+ private void HandleRemoveFromCart(CartItem item)
+ {
+ CartItems.Remove(item);
+ }
+
+ private void HandleCheckoutSuccess(List items)
+ {
+ foreach (var item in items)
+ {
+ if (!PurchasedRecords.Any(p => p.BookId == item.Book.Id && p.Format == item.Format))
+ {
+ PurchasedRecords.Add(new PurchaseRecord
+ {
+ BookId = item.Book.Id,
+ Format = item.Format,
+ CurrentPage = 0,
+ Progress = 0
+ });
+ }
+ }
+ CartItems.Clear();
+ ActiveTab = "library";
+ }
+
+ private void HandleReadEbook(BookModel book)
+ {
+ ActiveReadingBook = book;
+ var purchase = PurchasedRecords.FirstOrDefault(p => p.BookId == book.Id && p.Format == "ebook");
+ ActiveReadingPage = purchase?.CurrentPage ?? 0;
+ SelectedBook = null; // Close detail modal if open
+ }
+
+ private void HandleCloseReader()
+ {
+ ActiveReadingBook = null;
+ }
+
+ private void HandlePageProgressChanged(int page)
+ {
+ ActiveReadingPage = page;
+ if (ActiveReadingBook != null)
+ {
+ var purchase = PurchasedRecords.FirstOrDefault(p => p.BookId == ActiveReadingBook.Id && p.Format == "ebook");
+ if (purchase != null)
+ {
+ purchase.CurrentPage = page;
+ }
+ }
+ }
+
+ private void HandlePlayAudiobook(BookModel book)
+ {
+ ActivePlayingBook = book;
+ IsAudioPlaying = true;
+ SelectedBook = null; // Close detail modal if open
+ }
+
+ private void HandleCloseAudioPlayer()
+ {
+ ActivePlayingBook = null;
+ IsAudioPlaying = false;
+ }
+
+ private void HandleAudioPlayToggle(bool isPlaying)
+ {
+ IsAudioPlaying = isPlaying;
+ }
+
+ private void HandleCacheBookOffline(string bookId)
+ {
+ if (!OfflineCachedBooks.Contains(bookId))
+ {
+ OfflineCachedBooks.Add(bookId);
+ }
+ }
+
+ private void HandleAddCategory(string category)
+ {
+ if (!Categories.Contains(category))
+ {
+ Categories.Add(category);
+ }
+ }
+
+ private void HandlePublishBook(BookModel book)
+ {
+ CatalogBooks.Insert(0, book);
+ }
+
+ private void HandleRateBook(string bookId, int rating)
+ {
+ int? oldRating = UserRatings.ContainsKey(bookId) ? UserRatings[bookId] : null;
+ UserRatings[bookId] = rating;
+
+ var book = CatalogBooks.FirstOrDefault(b => b.Id == bookId);
+ if (book != null)
+ {
+ double oldTotal = book.Rating * book.ReviewsCount;
+ if (oldRating.HasValue)
+ {
+ book.Rating = (oldTotal - oldRating.Value + rating) / Math.Max(1, book.ReviewsCount);
+ }
+ else
+ {
+ book.ReviewsCount += 1;
+ book.Rating = (oldTotal + rating) / book.ReviewsCount;
+ }
+ book.Rating = Math.Round(book.Rating * 10) / 10;
+ }
+ }
+}
diff --git a/MidrandBookshop/Components/Layout/MainLayout.razor.cs b/MidrandBookshop/Components/Layout/MainLayout.razor.cs
deleted file mode 100644
index 046b8a2..0000000
--- a/MidrandBookshop/Components/Layout/MainLayout.razor.cs
+++ /dev/null
@@ -1,171 +0,0 @@
-using LiteCharms.Features.MidrandBooks.Payments;
-using LiteCharms.Features.MidrandBooks.Payments.Models;
-
-namespace MidrandBookshop.Components.Layout;
-
-public partial class MainLayout(CartService cartService) : IDisposable
-{
- [Inject] public IToastService ToastService { get; set; } = default!;
- [Inject] private NavigationManager Navigation { get; set; } = default!;
-
- private Cart ShoppingCart => cartService.ShoppingCart;
-
- private string SearchInputBuffer { get; set; } = string.Empty;
- private string GlobalSearchQuery { get; set; } = string.Empty;
- private bool IsSearchActive { get; set; } = false;
- private bool IsCartOpen { get; set; } = false;
-
- protected override async Task OnInitializedAsync()
- {
- //Navigation.LocationChanged += OnLocationChanged;
- //cartService.OnCartChanged += CartService_OnCartChanged;
-
- //if (cartService.ShoppingCart.Items.Count == 0)
- // await cartService.LoadCartFromStorageAsync();
-
- //SyncSearchQueryFromUrl();
- }
-
- private async void CartService_OnCartChanged() => await InvokeAsync(StateHasChanged);
-
- private void OnLocationChanged(object? sender, LocationChangedEventArgs e)
- {
- SyncSearchQueryFromUrl();
- StateHasChanged();
- }
-
- private void SyncSearchQueryFromUrl()
- {
- var uri = Navigation.ToAbsoluteUri(Navigation.Uri);
- var queryParameters = QueryHelpers.ParseQuery(uri.Query);
-
- if (queryParameters.TryGetValue("q", out var queryVal) && !string.IsNullOrWhiteSpace(queryVal))
- {
- GlobalSearchQuery = queryVal.ToString();
- SearchInputBuffer = GlobalSearchQuery;
- IsSearchActive = true;
- }
- else
- {
- GlobalSearchQuery = string.Empty;
- SearchInputBuffer = string.Empty;
- IsSearchActive = false;
- }
- }
-
- private void ToggleGlobalSearch()
- {
- if (!IsSearchActive)
- IsSearchActive = true;
- else
- CommitSearchNavigation();
- }
-
- private void HandleSearchKeyDown(KeyboardEventArgs e)
- {
- if (e.Key == "Enter") CommitSearchNavigation();
- }
-
- private void CommitSearchNavigation()
- {
- var uri = Navigation.ToAbsoluteUri(Navigation.Uri);
- var queryParameters = QueryHelpers.ParseQuery(uri.Query);
-
- var newRouteParams = new Dictionary();
-
- foreach (var param in queryParameters)
- {
- if (param.Key != "q")
- {
- newRouteParams[param.Key] = param.Value.ToString();
- }
- }
-
- if (!string.IsNullOrWhiteSpace(SearchInputBuffer))
- newRouteParams["q"] = SearchInputBuffer.Trim();
- else
- newRouteParams["q"] = null;
-
- var baseRoute = uri.AbsolutePath.StartsWith("/product/", StringComparison.OrdinalIgnoreCase) ? "/" : uri.AbsolutePath;
- var updatedUri = Navigation.GetUriWithQueryParameters(baseRoute, newRouteParams);
-
- Navigation.NavigateTo(updatedUri);
- }
-
- private void ToggleCart() => IsCartOpen = !IsCartOpen;
-
- private async Task ChangeQuantity(CartItem item, int delta)
- {
- var peekQuantity = item.Quantity + delta;
-
- if (peekQuantity < 1) return;
-
- cartService.UpdateQuantity(item.Price!.Id, delta);
-
- await cartService.SaveCartToStorageAsync();
- }
-
- private async Task RemoveFromCart(CartItem item)
- {
- cartService.RemoveOneItem(item.Price!.Id);
-
- await cartService.SaveCartToStorageAsync();
-
- ToastService.ShowSuccess($"Removed {item.Product!.Name} from cart", "Cart Changed");
- }
-
- private decimal GetCartTotal() => ShoppingCart?.TotalAmount ?? 0.00m;
-
- private async Task RedirectToCart()
- {
- IsCartOpen = false;
-
- await cartService.SaveCartToStorageAsync();
-
- Navigation.NavigateTo("/cart");
- }
-
- private async Task RedirectToCheckout()
- {
- IsCartOpen = false;
-
- await cartService.SaveCartToStorageAsync();
-
- Navigation.NavigateTo("/checkout", forceLoad: true);
- }
-
- private async Task RedirectToAccount()
- {
- IsCartOpen = false;
-
- await cartService.SaveCartToStorageAsync();
-
- Navigation.NavigateTo("/account", forceLoad: true);
- }
-
- private async Task HandleLogin()
- {
- IsCartOpen = false;
-
- await cartService.SaveCartToStorageAsync();
-
- Navigation.NavigateTo("/login", forceLoad: true);
- }
-
- private async Task HandleLogout()
- {
- IsCartOpen = false;
-
- await cartService.SaveCartToStorageAsync();
-
- Navigation.NavigateTo("/logout", forceLoad: true);
- }
-
- public void Dispose()
- {
- Navigation.LocationChanged -= OnLocationChanged;
- cartService.OnCartChanged -= CartService_OnCartChanged;
-
- GC.SuppressFinalize(this);
- }
-}
\ No newline at end of file
diff --git a/MidrandBookshop/Components/Layout/MainLayout.razor.css b/MidrandBookshop/Components/Layout/MainLayout.razor.css
deleted file mode 100644
index 9f53a35..0000000
--- a/MidrandBookshop/Components/Layout/MainLayout.razor.css
+++ /dev/null
@@ -1,199 +0,0 @@
-/* MainLayout.razor.css */
-
-.water-background {
- height: 100vh;
- width: 100vw;
- overflow: hidden;
- position: relative;
- background-color: #1e2d4a; /* Base slate */
-}
-
-/* Base class for all floating organic shapes */
-.blotch {
- position: absolute;
- border-radius: 50%;
- filter: blur(80px);
- z-index: 0;
-}
-
-/* 1. Main Light Blotch - Now anchored Top-Left */
-.blotch-light-main {
- width: 60vw;
- height: 60vh;
- background: #8892b0;
- top: -10%;
- left: -10%;
- /* Sped up by ~0.9% from 25s to 24.7s */
- animation: driftLight 24.7s infinite ease-in-out alternate;
-}
-
-/* 2. Main Dark Blotch - Now anchored Bottom-Right */
-.blotch-dark-main {
- width: 70vw;
- height: 70vh;
- background: #0a192f;
- bottom: -10%;
- right: -10%;
- /* Sped up by ~0.9% from 20s to 19.8s */
- animation: driftDark 19.8s infinite ease-in-out alternate;
-}
-
-/* 3. New Accent Blotch - Mid-size, mid-navy */
-.blotch-accent-1 {
- width: 40vw;
- height: 40vh;
- background: #172a45;
- top: 30%;
- right: 20%;
- animation: driftAccentOne 22s infinite ease-in-out alternate;
-}
-
-/* 4. New Accent Blotch - Smaller, lighter shade for depth */
-.blotch-accent-2 {
- width: 30vw;
- height: 35vh;
- background: #2c3e50;
- bottom: 20%;
- left: 20%;
- animation: driftAccentTwo 28s infinite ease-in-out alternate;
-}
-
-/* Denser Pixel Packing (SVG Noise) */
-.noise-overlay {
- position: absolute;
- inset: 0;
- z-index: 1; /* Sits above the blotches, below the glass */
- opacity: 0.06; /* Keep this low; just enough to texture the gradient */
- /* An inline SVG generating fractal noise */
- background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
- pointer-events: none; /* Ensures clicks pass through to the UI */
-}
-
-/* The Glass Layer */
-.glass-panel {
- position: absolute;
- inset: 0;
- background: rgba(255, 255, 255, 0.03);
- box-shadow: inset 0 0 80px rgba(255, 255, 255, 0.05);
- backdrop-filter: blur(30px);
- -webkit-backdrop-filter: blur(30px);
- z-index: 2;
- display: flex;
- flex-direction: column;
-}
-
-.content-area {
- z-index: 3;
- flex-grow: 1;
- height: 100%;
- width: 100%;
- overflow-y: hidden;
- padding: 2rem;
-}
-
-/* --- Animations --- */
-@keyframes driftLight {
- 0% {
- transform: translate(0, 0) scale(1);
- }
-
- 100% {
- transform: translate(10%, 15%) scale(1.15);
- }
- /* Pushes down and right */
-}
-
-@keyframes driftDark {
- 0% {
- transform: translate(0, 0) scale(1);
- }
-
- 100% {
- transform: translate(-15%, -10%) scale(1.1);
- }
- /* Pushes up and left */
-}
-
-@keyframes driftAccentOne {
- 0% {
- transform: translate(0, 0) scale(0.9);
- }
-
- 100% {
- transform: translate(-20%, 20%) scale(1.2);
- }
-}
-
-@keyframes driftAccentTwo {
- 0% {
- transform: translate(0, 0) scale(1);
- }
-
- 100% {
- transform: translate(25%, -15%) scale(0.85);
- }
-}
-
-/* --- Floating Top Bar --- */
-.top-bar {
- display: flex;
- align-items: center;
- height: 60px;
- padding: 0 2rem;
- /* The Floating Magic */
- margin: 1rem 1rem 0 1rem; /* 1.5rem top gap, 2rem left/right gap, 0 bottom gap */
- border-radius: 10px; /* Smooth, rounded corners for the island effect */
- /* The Glass Effect */
- background: rgba(255, 255, 255, 0.04);
- box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2);
- /* A subtle frosted edge all the way around to define the shape */
- border: 1px solid rgba(255, 255, 255, 0.08);
- z-index: 10;
-}
-
-.brand-text {
- color: #f8f9fa;
- font-size: 1.25rem;
- font-weight: 600;
- letter-spacing: 0.5px;
- text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
-}
-
-/* --- Top Navigation Icons --- */
-.top-nav-icons {
- display: flex;
- align-items: center;
- gap: 1.5rem; /* Even spacing between icons */
- margin-left: auto; /* Pushes the nav block to the right */
-}
-
-/* The transparent button wrappers */
-.icon-btn {
- background: transparent;
- border: none;
- padding: 0.5rem;
- cursor: pointer;
- /* Set the icon color to a slightly muted off-white */
- color: rgba(255, 255, 255, 0.6);
- display: flex;
- align-items: center;
- justify-content: center;
- border-radius: 8px; /* For a subtle hover background if needed later */
- /* Smooth out the hover animations */
- transition: color 0.2s ease, transform 0.2s ease;
-}
-
- /* Hover interactions */
- .icon-btn:hover {
- /* Brightens to pure white and floats up slightly when moused over */
- color: #ffffff;
- transform: translateY(-2px);
- }
-
- /* Ensure the SVG scales neatly */
- .icon-btn svg {
- width: 22px;
- height: 22px;
- /* This ensures the stroke/fill matches the .icon-btn color */
- stroke: currentColor;
- }
\ No newline at end of file
diff --git a/MidrandBookshop/Components/Layout/Navbar.razor b/MidrandBookshop/Components/Layout/Navbar.razor
new file mode 100644
index 0000000..34fd001
--- /dev/null
+++ b/MidrandBookshop/Components/Layout/Navbar.razor
@@ -0,0 +1,240 @@
+@namespace MidrandBooks.Components.Layout
+@using Microsoft.AspNetCore.Components
+@using MidrandBooks.Models
+
+
+
+@code {
+ [Parameter] public string ActiveTab { get; set; } = "catalog";
+ [Parameter] public EventCallback OnActiveTabChanged { get; set; }
+ [Parameter] public EventCallback OnOpenCart { get; set; }
+ [Parameter] public EventCallback OnSelectBook { get; set; }
+ [Parameter] public List Books { get; set; } = new();
+ [Parameter] public int CartCount { get; set; }
+ [Parameter] public bool IsOfflineMode { get; set; }
+ [Parameter] public EventCallback OnOfflineModeToggle { get; set; }
+
+ private string SearchQuery { get; set; } = string.Empty;
+ private bool ShowResults { get; set; } = false;
+
+ private void SetTab(string tab)
+ {
+ OnActiveTabChanged.InvokeAsync(tab);
+ }
+
+ private void ToggleOfflineMode()
+ {
+ OnOfflineModeToggle.InvokeAsync(!IsOfflineMode);
+ }
+
+ private void HandleOpenCart()
+ {
+ OnOpenCart.InvokeAsync();
+ }
+
+ private void HandleSearchInput(ChangeEventArgs e)
+ {
+ SearchQuery = e.Value?.ToString() ?? string.Empty;
+ ShowResults = !string.IsNullOrWhiteSpace(SearchQuery);
+ }
+
+ private IEnumerable FilteredBooks()
+ {
+ if (string.IsNullOrWhiteSpace(SearchQuery)) return Enumerable.Empty();
+
+ var query = SearchQuery.Trim().ToLower();
+ return Books
+ .Where(b => b.Status == "published" &&
+ (b.Title.ToLower().Contains(query) ||
+ b.Author.ToLower().Contains(query) ||
+ b.Category.ToLower().Contains(query)))
+ .Take(5);
+ }
+
+ private void ClickSearchResult(BookModel book)
+ {
+ OnSelectBook.InvokeAsync(book);
+ SearchQuery = string.Empty;
+ ShowResults = false;
+ }
+
+ private async Task HandleFocusOut()
+ {
+ // Simple delay to allow click events on items to execute before drawer closes
+ await Task.Delay(200);
+ ShowResults = false;
+ }
+}
diff --git a/MidrandBookshop/Components/Layout/ReconnectModal.razor b/MidrandBookshop/Components/Layout/ReconnectModal.razor
index 5f172b6..38a6ef4 100644
--- a/MidrandBookshop/Components/Layout/ReconnectModal.razor
+++ b/MidrandBookshop/Components/Layout/ReconnectModal.razor
@@ -1,11 +1,15 @@
-
+@namespace MidrandBooks.Components.Layout
+@inject IJSRuntime JSRuntime
-
- @if (IsNew)
- {
- New
- }
- else
- {
-
- }
-
-
+
+@code {
+ [Parameter] public BookModel Book { get; set; } = new();
+ [Parameter] public EventCallback
-
-
-
-
+
+
+
+
\ No newline at end of file
+
+
+
+ @if (!string.IsNullOrEmpty(Book.CoverUrl))
+ {
+
+ }
+ else
+ {
+
-
+
+ @Book.Category
+ @Book.Title
+ By @Book.Author
+ }
-
- @if (!string.IsNullOrWhiteSpace(BookImageUrl))
- {
- 
- }
- else
- {
-
+
+
+
+
-
-
- }
-
+ @if (Book.Bestseller)
+ {
+
+ Bestseller
+
+ }
+ @if (Book.Trending)
+ {
+
+ Trending
+
+ }
-
-
-
-
- @Title
- by @Author
-
- R @Price.ToString("N0")
-
+
+
+ @Book.Category
+
+
+ + @Book.Title +
+ @Book.Author +
+
+
+ South African Price
+ R @Book.Price.ToString("F2")
+
+
+
+
+ ★ @Book.Rating.ToString("F1")
+
+ (@Book.ReviewsCount)
+
+
+
+
+@code {
+ [Parameter] public BookModel Book { get; set; } = new();
+ [Parameter] public bool IsEbookOwned { get; set; }
+ [Parameter] public bool IsEbookCached { get; set; }
+ [Parameter] public bool IsAudioOwned { get; set; }
+ [Parameter] public bool EbookInCart { get; set; }
+ [Parameter] public bool AudioInCart { get; set; }
+ [Parameter] public int? UserRating { get; set; }
+
+ [Parameter] public EventCallback OnClose { get; set; }
+ [Parameter] public EventCallback
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ @if (!string.IsNullOrEmpty(Book.CoverUrl))
+ {
+
+ }
+ else
+ {
+
+
+
+
+
+ @Book.Category
+ @Book.Title
+ By @Book.Author
+
+ }
+
+
+
+
+
+ PUBLISHED
+ @Book.PublishedYear
+
+
+
+ PAGES
+ @(Book.PagesCount?.ToString() ?? "N/A")
+
+
+
+ AUDIO TIME
+ @(Book.AudioDuration ?? "N/A")
+
+
+
+ NARRATOR
+
+ @(Book.Narrator ?? "None")
+
+
+
+
+
+
+
+ @Book.Category.ToUpper()
+
+
+
+ + @Book.Title +
+ ++ By @Book.Author +
+ +
+
+
+
+
+ @for (int i = 0; i < 5; i++)
+ {
+
+ }
+
+ @Book.Rating.ToString("F1") Rating
+ •
+ (@Book.ReviewsCount customer reviews)
+
+
+
+
+ Overview
++ @Book.Description +
+
+
+
+
+
+
+
+ Have you read or listened to this?
++ @if (UserRating.HasValue) + { + You rated this title @UserRating.Value star@(UserRating.Value > 1 ? "s" : ""). Thank you! + } + else + { + Tap a star to rate this title instantly. + } +
+
+ @for (int starValue = 1; starValue <= 5; starValue++)
+ {
+ var currentStar = starValue;
+ bool isHovered = hoverRating.HasValue && currentStar <= hoverRating.Value;
+ bool isSelected = UserRating.HasValue && currentStar <= UserRating.Value;
+ bool isActive = hoverRating.HasValue ? isHovered : isSelected;
+
+
+ }
+ @if (UserRating.HasValue)
+ {
+
+ @UserRating.Value/5
+
+ }
+
+
+
+
+ Purchase & Access Formats
+ +
+
+
+
+
+
+
+
+
+
+
+ PROPRIETARY EBOOK
+
+
+
+ Read on any device in our premium reader. Offline support.
+
+ @if (IsEbookOwned)
+ {
+
+
+
+ }
+ else
+ {
+ R @Book.Price.ToString("F2")
+
+ }
+
+
+ ✓ Owned
+
+ @if (IsEbookCached)
+ {
+
+ ✓ Cached
+
+ }
+
+
+
+
+
+
+
+
+
+
+ STUDIO AUDIOBOOK
+
+
+
+ High fidelity streaming or offline cached audio player.
+
+ @if (IsAudioOwned)
+ {
+
+ }
+ else
+ {
+ R @((Book.Price * 1.25).ToString("F2"))
+
+ }
+
+
+
+
+
+@code {
+ [Parameter] public List
+
+
+
+
+ @if (FilteredBooks().Any())
+ {
+
+
+
+
+
+
+
+
+
+
+ @foreach (var book in FilteredBooks())
+ {
+
+ }
+ else
+ {
+
+
+
+ }
+No active publications match your search
++ Try resetting your filters or browsing with different keywords. Direct self-published uploads require moderation prior to live activation. +
+
+
+
+
+}
+
+@code {
+ [Parameter] public bool IsOpen { get; set; }
+ [Parameter] public EventCallback OnClose { get; set; }
+ [Parameter] public List
+
+
+
+
+
+
+
+
+
+
+
+
+ Secure Checkout Gate
+
+
+ @if (CurrentStep == "cart")
+ {
+
+ @if (CartItems.Count > 0)
+ {
+
+
+
+
+
+
+ @foreach (var item in CartItems)
+ {
+
+ }
+ else
+ {
+
+
+ }
+
+ @if (!string.IsNullOrEmpty(item.Book.CoverUrl))
+ {
+ 
+ }
+ else
+ {
+
+
+ BOOK
+
+ }
+
+
+ @item.Book.Title
+By @item.Book.Author
+ + @item.Format + +
+
+ R @item.Price.ToString("F2")
+
+
+
+
+ }
+ }
+ else if (CurrentStep == "details")
+ {
+
+ Your shopping cart is empty
++ Browse our catalogs and add premium South African manuscripts or immersive studio audiobooks to check out. +
+
+
+ }
+ else if (CurrentStep == "processing")
+ {
+
+
+ Secure Payment Methods
+
+
+
+ Complete South African Settlement
+
+
+
+
+
+ @if (PaymentMethod == "card")
+ {
+
+
+
+ }
+ else
+ {
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ }
+ else if (CurrentStep == "otp")
+ {
+
+
+
+
+
+
+
+ Processing Secure Transaction
++ @ProcessingStatus +
+
+
+
+
+
+ }
+ else if (CurrentStep == "success")
+ {
+
+
+
+
+
+
+
+ Dual-Factor Verification Required
++ Enter the simulated SMS OTP code dispatched to secure checkout settlement: @GeneratedOtp +
+
+
+ @if (!string.IsNullOrEmpty(OtpError))
+ {
+ @OtpError
+ }
+
+
+
+ }
+
+
+
+
+
+
+ Authorization Passed
++ Thank you! Your PayFast checkout transaction was approved. Your newly acquired digital books have been unlocked and compiled into your Secure Library. +
+
+
+
+
+
+
+
+ @if (ShowSettings)
+ {
+
+ }
+
+
+
+
+@code {
+ [Parameter] public BookModel Book { get; set; } = new();
+ [Parameter] public EventCallback OnClose { get; set; }
+ [Parameter] public int CurrentPage { get; set; } = 0;
+ [Parameter] public EventCallback
+
+
+
+
+
+ @Book.Title
+By @Book.Author • Chapter Page @(CurrentPage + 1) of @PagesCount()
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ @if (Book.FullText != null && Book.FullText.Count > CurrentPage)
+ {
+
+ @Book.FullText[CurrentPage]
+ } + else + { ++ Digital copy protection sandbox active. Reflowable text formatting is loading. +
+ } +
+
+
+
+
+@code {
+ [Parameter] public List
+
+
+ @if (FeaturedBooks != null && FeaturedBooks.Count > 0)
+ {
+ var book = FeaturedBooks[ActiveIndex];
+ var isEbookOwned = Purchases.Any(p => p.BookId == book.Id && p.Format == "ebook");
+ var isAudioowned = Purchases.Any(p => p.BookId == book.Id && p.Format == "audiobook");
+ var ebookInCart = Cart.Any(i => i.Book.Id == book.Id && i.Format == "ebook");
+ var audioInCart = Cart.Any(i => i.Book.Id == book.Id && i.Format == "audiobook");
+
+
+
+
+
+
+ Bestsellers & Monthly Trending
+
+
+
+
+
+
+
+
+ }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ @if (!string.IsNullOrEmpty(book.CoverUrl))
+ {
+ 
+ }
+ else
+ {
+
+
+
+ @if (book.Bestseller)
+ {
+
+ @book.Category
+ @book.Title
+ By @book.Author
+
+ }
+
+
+
+
+
+ @book.Category
+
+
+
+ Bestseller
+
+ }
+
+
+
+
+
+
+
+
+ @for (int i = 0; i < 5; i++)
+ {
+
+ }
+
+ (@book.ReviewsCount reviews)
+ + @book.Title +
+ ++ By @book.Author • Published @book.PublishedYear +
+ ++ @book.Description +
+ + +
+
+ @if (isEbookOwned)
+ {
+
+ }
+ else
+ {
+
+ }
+
+ @if (isAudioowned)
+ {
+
+ }
+ else
+ {
+
+ }
+
+
+
+
+
+
+ @for (int idx = 0; idx < FeaturedBooks.Count; idx++)
+ {
+ var i = idx;
+
+ }
+
+
+
+
+
+@code {
+ private string ActiveTab { get; set; } = "catalog";
+ private bool IsCartOpen { get; set; } = false;
+ private bool IsOfflineMode { get; set; } = false;
+
+ // Master list of categories
+ private List
+
+
+
+ @if (ActiveTab == "catalog")
+ {
+
+
\ No newline at end of file
+
+
+
+
+