.NET\10_02_MVC_EZShop\MVC\Views\Products\Create.cshtml

                
                    @model ProductModel

@* Generated from Custom Template. *@
@* Model namespace using directive should be added to _ViewImports.cshtml. *@

@{
    var containerDivClass = "container";
    var dateTimePickerClass = "datepicker";
}
@{
    ViewData["Title"] = "Product Create";
}

<div class="@containerDivClass">
    <h3>@ViewData["Title"]</h3>
    <hr />
</div>

<div class="@containerDivClass">
    @if (TempData["Message"] is not null)
    {
    <p class="text-danger">
        @TempData["Message"]
    </p>
    }
    <form asp-action="Create" autocomplete="off">
		@Html.AntiForgeryToken()
        <div asp-validation-summary="ModelOnly" class="text-danger"></div>
        <div class="row mb-3">
            <label asp-for="Name" class="col-2 col-form-label fw-bold"></label>
			<div class="col-10">
			    <input asp-for="Record.Name" class="form-control" />
				<span asp-validation-for="Record.Name" class="text-danger"></span>
			</div>
        </div>
        <div class="row mb-3">
            <label asp-for="UnitPrice" class="col-2 col-form-label fw-bold"></label>
			<div class="col-10">
			    <input asp-for="Record.UnitPrice" class="form-control" />
				<span asp-validation-for="Record.UnitPrice" class="text-danger"></span>
			</div>
        </div>
        <div class="row mb-3">
            <label asp-for="StockAmount" class="col-2 col-form-label fw-bold"></label>
			<div class="col-10">
			    <input asp-for="Record.StockAmount" class="form-control" />
				<span asp-validation-for="Record.StockAmount" class="text-danger"></span>
			</div>
        </div>
        <div class="row mb-3">
            <label asp-for="ExpirationDate" class="col-2 col-form-label fw-bold"></label>
			<div class="col-10">
				<input asp-for="Record.ExpirationDate" class="form-control @dateTimePickerClass" type="text" />
				<span asp-validation-for="Record.ExpirationDate" class="text-danger"></span>
			</div>
        </div>
        <div class="row mb-3">
            <label asp-for="Category" class="col-2 col-form-label fw-bold"></label>
			<div class="col-10">
				<select asp-for="Record.CategoryId" class="form-select" asp-items="ViewBag.CategoryId">
					<option value="">-- Select --</option>
				</select>
				<span asp-validation-for="Record.CategoryId" class="text-danger"></span>
			</div>
        </div>

@* Can be uncommented and used for many to many relationships. {Entity} may be replaced with the related entiy name in the controller and views. *@
        
        <div class="row mb-3">
            <label asp-for="StoreIds" class="col-2 col-form-label fw-bold"></label>
	        <div class="col-10">
		        <select multiple asp-for="StoreIds" class="form-select" asp-items="ViewBag.StoreIds"></select>
		        <span asp-validation-for="StoreIds" class="text-danger"></span>
	        </div>
        </div>
       

        <hr />  
        <div class="row mb-3">
			<div class="offset-2 col-10">
                <button type="submit" class="btn btn-primary">Save</button>
				&nbsp;&nbsp;
                <button type="reset" class="btn btn-outline-primary">Reset</button>
				&nbsp;&nbsp;
				<a asp-action="Index">Back to List</a>
			</div>
        </div>
    </form>
</div>  

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