source: KernelRecordsMVC.Web/Views/Artist/Details.cshtml

@model KernelRecordsMVC.Models.Artist

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

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

    <a asp-controller="Artist"
       asp-action="Index"
       class="artist-back-link">

        ← All Artists

    </a>


    <section class="artist-details-hero">

        <div class="artist-details-image">

            @if (!string.IsNullOrWhiteSpace(
                Model.ArtistPhoto))
            {
                <img src="@Model.ArtistPhoto"
                     alt="@Model.ArtistName" />
            }
            else
            {
                <div class="artist-photo-placeholder large">
                    ♪
                </div>
            }

        </div>


        <div class="artist-details-info">

            <span class="artist-eyebrow">
                ARTIST
            </span>

            <h1>
                @Model.ArtistName
            </h1>

            @if (!string.IsNullOrWhiteSpace(
                Model.ArtistDescription))
            {
                <p>
                    @Model.ArtistDescription
                </p>
            }

        </div>

    </section>


    <section class="artist-release-section">

        <div class="artist-section-header">

            <span class="artist-eyebrow">
                DISCOGRAPHY
            </span>

            <h2>Releases</h2>

        </div>


        @{
            var releases = Model.ReleaseArtists
                .OrderBy(ra => ra.Release.ReleaseDate)
                .Select(ra => ra.Release)
                .DistinctBy(r => r.ReleaseId)
                .ToList();
        }


        @if (!releases.Any())
        {
            <div class="artist-empty">
                No releases are currently linked to this artist.
            </div>
        }
        else
        {
            <div class="artist-release-grid">

                @foreach (var release in releases)
                {
                    <a asp-controller="Release"
                       asp-action="Details"
                       asp-route-id="@release.ReleaseId"
                       class="artist-release-card">

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

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

                        </div>


                        <div class="artist-release-body">

                            <h3>
                                @release.Title
                            </h3>

                            <p>
                                @release.ReleaseDate.Year
                                ·
                                @release.Genre
                            </p>

                            @if (release.Products.Any())
                            {
                                <span>
                                    @release.Products.Count
                                    product@(release.Products.Count == 1 ? "" : "s")
                                </span>
                            }

                        </div>

                    </a>
                }

            </div>
        }

    </section>

</div>