@model KernelRecordsMVC.Models.Release

@{
    ViewData["Title"] = Model.Title;

    var isAlbum = Model.Album != null;
    var isSingle = Model.SingleRelease != null;

    var releaseType =
        isAlbum ? "ALBUM" :
        isSingle ? "SINGLE" :
        "RELEASE";

    var artists = string.Join(
        ", ",
        Model.ReleaseArtists
            .OrderBy(x => x.ReleaseOrdinal)
            .Select(x => x.Artist.ArtistName)
    );
}

<div class="release-details-page">

    <div class="release-hero">

        <div class="release-hero-cover">

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

        </div>


        <div class="release-hero-info">

            <span class="page-eyebrow">
                @releaseType
            </span>

            <h1>
                @Model.Title
            </h1>

            <p class="release-artists-main">
                @artists
            </p>


            <div class="release-facts">

                <div>

                    <span>Genre</span>

                    <strong>
                        @Model.Genre
                    </strong>

                </div>


                <div>

                    <span>Released</span>

                    <strong>
                        @Model.ReleaseDate.ToString("MMM dd, yyyy")
                    </strong>

                </div>


                <div>

                    <span>Label</span>

                    <strong>
                        @(string.IsNullOrWhiteSpace(Model.RecordLabel)
                            ? "Independent"
                            : Model.RecordLabel)
                    </strong>

                </div>

            </div>


            <div class="artist-section">

                <span class="section-label">
                    ARTISTS
                </span>

                <div class="release-artists">

                    @foreach (var artist in Model.ReleaseArtists
                        .OrderBy(x => x.ReleaseOrdinal))
                    {
                        <a asp-controller="Artist"
                           asp-action="Details"
                           asp-route-id="@artist.ArtistId"
                           class="artist-tag">

                            @artist.Artist.ArtistName

                            @if (artist.Type.ToString() == "FEATURE")
                            {
                                <span class="artist-role">
                                    Featured
                                </span>
                            }

                        </a>
                    }

                </div>

            </div>

        </div>

    </div>


    <!-- =====================================================
         PRODUCTS
         ===================================================== -->

    <section class="release-section">

        <div class="section-heading">

            <div>

                <span class="section-label">
                    AVAILABLE FORMATS
                </span>

                <h2>
                    Choose your format
                </h2>

            </div>

            <span class="track-count">
                @Model.Products.Count product(s)
            </span>

        </div>


        @if (!Model.Products.Any())
        {
            <div class="no-products">
                No physical products are currently available.
            </div>
        }
        else
        {
            <div class="product-grid">

                @foreach (var product in Model.Products
                    .OrderBy(x => x.Format))
                {
                    <div class="store-product-card">

                        <div class="product-card-top">

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


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

                        </div>


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


                        <p class="product-description">
                            @product.ProductDescription
                        </p>


                        @if (product.Stock > 0)
                        {
                            <div class="product-actions">

                                <!-- ADD TO CART -->

                                <a asp-controller="Order"
                                   asp-action="AddProduct"
                                   asp-route-id="@product.ProductId"
                                   class="store-button primary">

                                    Add to Cart

                                </a>


                                <!-- ADD TO WISHLIST -->

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

                                    @Html.AntiForgeryToken()

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

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

                                        ♡ Wishlist

                                    </button>

                                </form>

                            </div>
                        }
                        else
                        {
                            <div class="product-actions">

                                <!-- OUT OF STOCK: WISHLIST ONLY -->

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

                                    @Html.AntiForgeryToken()

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

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

                                        ♡ Add to Wishlist

                                    </button>

                                </form>

                            </div>
                        }

                    </div>
                }

            </div>
        }

    </section>


    <!-- =====================================================
         ALBUM
         ===================================================== -->

    @if (Model.Album != null)
    {
        <section class="release-section">

            <div class="section-heading">

                <div>

                    <span class="section-label">
                        ALBUM
                    </span>

                    <h2>
                        Track List
                    </h2>

                </div>

                <span class="track-count">
                    @Model.Album.AlbumSongs.Count tracks
                </span>

            </div>


            @if (!Model.Album.AlbumSongs.Any())
            {
                <div class="no-products">
                    No tracks have been added to this album.
                </div>
            }
            else
            {
                <ol class="track-list">

                    @{
                        var trackNumber = 1;
                    }


                    @foreach (var albumSong in Model.Album.AlbumSongs
                        .OrderBy(x => x.SongId))
                    {
                        <li class="track-row">

                            <span class="track-number">
                                @trackNumber.ToString("00")
                            </span>


                            <div class="track-main">

                                <strong>
                                    @albumSong.Song.SongName
                                </strong>


                                @if (albumSong.Song.SongArtists != null &&
                                     albumSong.Song.SongArtists.Any())
                                {
                                    <div class="song-artists">

                                        @string.Join(
                                            ", ",
                                            albumSong.Song.SongArtists
                                                .OrderBy(x => x.SongOrdinal)
                                                .Select(x =>
                                                    x.Artist.ArtistName)
                                        )

                                    </div>
                                }

                            </div>


                            <span class="track-duration">
                                @albumSong.Song.SongDuration
                            </span>

                        </li>

                        trackNumber++;
                    }

                </ol>
            }

        </section>
    }


    <!-- =====================================================
         SINGLE
         ===================================================== -->

    @if (Model.SingleRelease != null)
    {
        <section class="release-section">

            <div class="section-heading">

                <div>

                    <span class="section-label">
                        SINGLE
                    </span>

                    <h2>
                        Single Information
                    </h2>

                </div>

            </div>


            <div class="single-info-card">

                <div>

                    <span class="section-label">
                        RELEASE TYPE
                    </span>

                    <h2>
                        Single
                    </h2>

                </div>


                <div class="single-duration">

                    <span>
                        Duration
                    </span>

                    <strong>
                        @Model.SingleRelease.Duration
                    </strong>

                </div>

            </div>

        </section>
    }

</div>