source: KernelRecordsMVC.Web/Views/Wishlist/Index.cshtml

@model KernelRecordsMVC.Models.Wishlist

@{
    ViewData["Title"] = "My Wishlist";
}

<div class="wishlist-page">

    <div class="page-header">

        <div>

            <span class="page-eyebrow">
                YOUR COLLECTION
            </span>

            <h1>My Wishlist</h1>

            <p>
                Save releases and physical formats you want to get later.
            </p>

        </div>

    </div>


    @if (TempData["Success"] != null)
    {
        <div class="alert success">
            @TempData["Success"]
        </div>
    }

    @if (TempData["Info"] != null)
    {
        <div class="alert info">
            @TempData["Info"]
        </div>
    }

    @if (TempData["Error"] != null)
    {
        <div class="alert error">
            @TempData["Error"]
        </div>
    }


    @if (Model.WishlistProducts == null ||
         !Model.WishlistProducts.Any())
    {
        <div class="empty-wishlist">

            <div class="empty-icon">
                ♡
            </div>

            <h2>
                Your wishlist is empty
            </h2>

            <p>
                Browse our releases and save products
                you want to purchase later.
            </p>

            <a asp-controller="Release"
               asp-action="Index"
               class="store-button primary">

                Browse Releases

            </a>

        </div>
    }
    else
    {
        <div class="wishlist-grid">

            @foreach (var item in Model.WishlistProducts)
            {
                var product = item.Product;
                var release = product.Release;


                <div class="wishlist-card">

                    <!-- COVER -->

                    <a asp-controller="Release"
                       asp-action="Details"
                       asp-route-id="@release.ReleaseId"
                       class="wishlist-cover">

                        @if (!string.IsNullOrWhiteSpace(
                            release.CoverPhoto))
                        {
                            <img src="@release.CoverPhoto"
                                 alt="@release.Title" />
                        }
                        else
                        {
                            <div class="release-no-cover">
                                <span>♪</span>
                            </div>
                        }

                    </a>


                    <!-- CONTENT -->

                    <div class="wishlist-info">

                        <span class="wishlist-format">
                            @product.Format
                        </span>


                        <h2>

                            <a asp-controller="Release"
                               asp-action="Details"
                               asp-route-id="@release.ReleaseId">

                                @release.Title

                            </a>

                        </h2>


                        <p class="wishlist-genre">
                            @release.Genre
                        </p>


                        <!-- PRICE + BUTTONS -->

                        <div class="wishlist-bottom">

                            <div class="wishlist-price-area">

                                <div class="wishlist-price">
                                    @product.Price.ToString("C")
                                </div>


                                @if (product.Stock > 0)
                                {
                                    <span class="stock available">
                                        In stock
                                    </span>
                                }
                                else
                                {
                                    <span class="stock unavailable">
                                        Out of stock
                                    </span>
                                }

                            </div>


                            <div class="wishlist-actions">

                                @if (product.Stock > 0)
                                {
                                    <form asp-controller="Wishlist"
                                          asp-action="AddToCart"
                                          method="post">

                                        @Html.AntiForgeryToken()

                                        <input type="hidden"
                                               name="productId"
                                               value="@product.ProductId" />

                                        <button type="submit"
                                                class="store-button">

                                            Add to Cart

                                        </button>

                                    </form>
                                }


                                <form asp-controller="Wishlist"
                                      asp-action="Remove"
                                      method="post">

                                    @Html.AntiForgeryToken()

                                    <input type="hidden"
                                           name="productId"
                                           value="@product.ProductId" />

                                    <button type="submit"
                                            class="btn-remove">

                                        Remove

                                    </button>

                                </form>

                            </div>

                        </div>

                    </div>

                </div>
            }

        </div>
    }

</div>