@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>
                        @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))
                    {
                        <span class="artist-tag">

                            @artist.Artist.ArtistName

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

                        </span>
                    }

                </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">

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

                                    Add to Cart

                                </a>

                                <a asp-controller="Wishlist"
                                   asp-action="Add"
                                   asp-route-productId="@product.ProductId"
                                   class="store-button secondary">

                                    ♡ Wishlist

                                </a>

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

                                <a asp-controller="Wishlist"
                                   asp-action="Add"
                                   asp-route-productId="@product.ProductId"
                                   class="store-button secondary full">

                                    ♡ Add to Wishlist

                                </a>

                            </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>


            <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.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>