source: KernelRecordsMVC.Web/Views/Admin/CreateProduct.cshtml

@model KernelRecordsMVC.Application.ViewModels.CreateProductViewModel

@{
    ViewData["Title"] = "New Product";
}

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

    <!-- HEADER -->

    <div class="admin-header">

        <div>

            <a asp-action="Products"
               class="admin-back-link">

                ← Products

            </a>

            <span class="admin-eyebrow">
                INVENTORY
            </span>

            <h1>New Product</h1>

            <p>
                Add a new physical format to an existing release.
            </p>

        </div>

    </div>


    <!-- =================================================
         FORM
         ================================================= -->

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

        @Html.AntiForgeryToken()


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


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

            <div class="admin-form-card-header">

                <span class="admin-eyebrow">
                    PRODUCT INFORMATION
                </span>

                <h2>Product Details</h2>

            </div>


            <!-- RELEASE -->

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

                <label asp-for="ReleaseId">
                    Release
                </label>

                <select asp-for="ReleaseId">

                    <option value="">
                        Select a release
                    </option>

                    @foreach (var release in ViewBag.Releases)
                    {
                        <option value="@release.ReleaseId">

                            @release.Title
                            (@release.ReleaseDate.ToString("yyyy"))

                        </option>
                    }

                </select>

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

                <small>
                    Select the release this physical
                    product belongs to.
                </small>

            </div>


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


                <!-- FORMAT -->

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

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

                    <select asp-for="Format"
                            asp-items="Html.GetEnumSelectList<KernelRecordsMVC.Domain.Enums.ProductFormat>()">

                        <option value="">
                            Select format
                        </option>

                    </select>

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

                </div>


                <!-- PRICE -->

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

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

                    <div class="admin-input-prefix">

                        <span>$</span>

                        <input asp-for="Price"
                               type="number"
                               min="0"
                               step="0.01"
                               placeholder="0.00" />

                    </div>

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

                </div>

            </div>


            <!-- STOCK -->

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

                <label asp-for="Stock">
                    Initial Stock
                </label>

                <input asp-for="Stock"
                       type="number"
                       min="0"
                       placeholder="0" />

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

            </div>


            <!-- DESCRIPTION -->

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

                <label asp-for="ProductDescription">
                    Product Description
                </label>

                <textarea asp-for="ProductDescription"
                          rows="5"
                          placeholder="Describe this physical edition..."></textarea>

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

            </div>


            <!-- ACTIONS -->

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

                <button type="submit"
                        class="admin-button primary">

                    Create Product

                </button>


                <a asp-action="Products"
                   class="admin-button secondary">

                    Cancel

                </a>

            </div>

        </section>

    </form>

</div>


@section Scripts
{
    <partial name="_ValidationScriptsPartial" />
}