@model KernelRecordsMVC.Application.ViewModels.EditArtistViewModel

@{
    ViewData["Title"] = "Edit Artist";
}

<div class="admin-page admin-form-page">

    <div class="admin-header">

        <div>

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

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

            <h1>Edit Artist</h1>

            <p>
                Update artist information shown in the catalog.
            </p>

        </div>

    </div>


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

        @Html.AntiForgeryToken()

        <input asp-for="ArtistId"
               type="hidden" />


        <div asp-validation-summary="ModelOnly"
             class="admin-validation">
        </div>


        <section class="admin-form-card">

            <div class="admin-form-field">

                <label asp-for="ArtistName"></label>

                <input asp-for="ArtistName" />

                <span asp-validation-for="ArtistName"
                      class="admin-field-error">
                </span>

            </div>


            <div class="admin-form-field">

                <label asp-for="ArtistDescription"></label>

                <textarea asp-for="ArtistDescription"
                          rows="6">
                </textarea>

                <span asp-validation-for="ArtistDescription"
                      class="admin-field-error">
                </span>

            </div>


            <div class="admin-form-field">

                <label asp-for="ArtistPhoto"></label>

                <input asp-for="ArtistPhoto" />

                <span asp-validation-for="ArtistPhoto"
                      class="admin-field-error">
                </span>

            </div>


            @if (!string.IsNullOrWhiteSpace(
                Model.ArtistPhoto))
            {
                <div class="admin-cover-preview">

                    <span class="admin-eyebrow">
                        CURRENT PHOTO
                    </span>

                    <div class="admin-cover-preview-image">

                        <img src="@Model.ArtistPhoto"
                             alt="@Model.ArtistName" />

                    </div>

                </div>
            }


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

                <a asp-action="Artists"
                   class="admin-button secondary">
                    Cancel
                </a>

                <button type="submit"
                        class="admin-button primary">
                    Save Changes
                </button>

            </div>

        </section>

    </form>

</div>