@model KernelRecordsMVC.Application.ViewModels.CartViewModel

@{
    ViewData["Title"] = "Cart";
}

<div class="cart-page">

    <div class="cart-header">

        <div>

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

            <h1>Your Cart</h1>

            <p>
                Review your selected physical releases.
            </p>

        </div>

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

            Continue Shopping

        </a>

    </div>


    @if (TempData["Error"] != null)
    {
        <div class="profile-alert"
             style="background:#f9e8e8;color:#a33;">
            @TempData["Error"]
        </div>
    }


    @if (!Model.Items.Any())
    {
        <div class="empty-store">

            <div class="empty-store-icon">
                🛒
            </div>

            <h2>Your cart is empty</h2>

            <p>
                Browse our releases and add something to your order.
            </p>

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

                Browse Releases

            </a>

        </div>
    }
    else
    {
        <div class="cart-layout">

            <div class="cart-items">

                <div class="cart-items-header">
                    @Model.Items.Count item(s) in your cart
                </div>


                @foreach (var item in Model.Items)
                {
                    <div class="cart-item">

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

                            @if (!string.IsNullOrWhiteSpace(item.CoverPhoto))
                            {
                                <img src="@item.CoverPhoto"
                                     alt="@item.ReleaseTitle" />
                            }
                            else
                            {
                                <div class="cart-cover-placeholder">
                                    ♪
                                </div>
                            }

                        </a>


                        <div class="cart-item-info">

                            <span class="cart-item-type">
                                @item.Format
                            </span>

                            <h2>

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

                                    @item.ReleaseTitle

                                </a>

                            </h2>

                            <div class="cart-item-price">

                                @item.Price.ToString("C")
                                each

                            </div>

                        </div>


                        <div class="cart-item-quantity">

                            <form asp-action="UpdateQuantity"
                                  method="post">

                                @Html.AntiForgeryToken()

                                <input type="hidden"
                                       name="id"
                                       value="@item.ProductId" />

                                <input type="number"
                                       name="quantity"
                                       value="@item.Quantity"
                                       min="1"
                                       max="@item.Stock" />

                                <button type="submit">
                                    Update
                                </button>

                            </form>

                        </div>


                        <div class="cart-item-total">

                            @item.Total.ToString("C")

                        </div>


                        <form asp-action="RemoveProduct"
                              method="post">

                            @Html.AntiForgeryToken()

                            <input type="hidden"
                                   name="id"
                                   value="@item.ProductId" />

                            <button type="submit"
                                    class="cart-remove"
                                    title="Remove">

                                ×

                            </button>

                        </form>

                    </div>
                }

            </div>


            <aside class="cart-summary">

                <span class="section-label">
                    ORDER SUMMARY
                </span>

                <h2>
                    Your Order
                </h2>


                <div class="summary-line">

                    <span>
                        Items
                    </span>

                    <strong>
                        @Model.Items.Sum(x => x.Quantity)
                    </strong>

                </div>


                <div class="summary-line total">

                    <span>
                        Total
                    </span>

                    <strong>
                        @Model.Total.ToString("C")
                    </strong>

                </div>


                <a asp-action="Checkout"
                   class="store-button primary full">

                    Proceed to Checkout

                </a>

            </aside>

        </div>
    }

</div>