@model IEnumerable<KernelRecordsMVC.Models.Artist>

@{
    ViewData["Title"] = "Manage Artists";
}

<div class="admin-page">

    <div class="admin-header">

        <div>

            <a asp-action="Index"
               class="admin-back-link">
                ← Dashboard
            </a>

            <span class="admin-eyebrow">
                CATALOG MANAGEMENT
            </span>

            <h1>Artists</h1>

            <p>
                Manage artists displayed in the store catalog.
            </p>

        </div>


        <div class="admin-header-actions">

            <a asp-action="CreateArtist"
               class="admin-button primary">
                ＋ New Artist
            </a>

        </div>

    </div>


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


    <div class="admin-table-wrapper">

        <table class="admin-table">

            <thead>
                <tr>
                    <th>Artist</th>
                    <th>Description</th>
                    <th></th>
                </tr>
            </thead>

            <tbody>

                @foreach (var artist in Model)
                {
                    <tr>

                        <td>

                            <div class="admin-artist-cell">

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

                                <strong>
                                    @artist.ArtistName
                                </strong>

                            </div>

                        </td>


                        <td>

                            @if (string.IsNullOrWhiteSpace(
                                artist.ArtistDescription))
                            {
                                <span class="admin-muted">
                                    No description
                                </span>
                            }
                            else
                            {
                                @artist.ArtistDescription
                            }

                        </td>


                        <td class="admin-table-actions">

                            <a asp-action="EditArtist"
                               asp-route-id="@artist.ArtistId"
                               class="admin-button secondary">
                                Edit
                            </a>

                            <a asp-controller="Artist"
                               asp-action="Details"
                               asp-route-id="@artist.ArtistId"
                               class="admin-button secondary">
                                View
                            </a>

                        </td>

                    </tr>
                }

            </tbody>

        </table>

    </div>

</div>