------ Code Snippet 1 ----- Items.

cshtml
@model List<HeartRateMeasurement>

@{
ViewData["Title"] = "All Heart rate measurements";
}

<a asp-controller="HeartRate" asp-action="GetAddMeasurementRequest">Add new heart

rate measurement</a>
<table class="table table-bordered table-striped">
<thead>
<tr>
<th>BPM</th>
<th>Date of Measurement</th>
<th>Action</th>
</tr>
</thead>
<tbody>
@foreach (HeartRateMeasurement msmt in Model)
{
<tr>
<td>@msmt.BPMValue</td>
<td>@msmt.MeasurementDate?.ToString("d")</td>
<td>
<a asp-controller="HeartRate" asp-action="GetMeasurementById"
asp-route-id="@msmt.HeartRateMeasurementId">Details</a>
<span class="mx-1">|</span>
<a asp-controller="HeartRate" asp-
action="GetEditMeasurementRequestById" asp-route-
id="@msmt.HeartRateMeasurementId">Edit</a>
</td>
</tr>
}
</tbody>
</table>

------ Code Snippet 2 ----- Add.cshtml

@model HeartRateMeasurement

@{
ViewData["Title"] = "Add heart rate measement";
}

<form asp-controller="HeartRate" asp-action="AddNewMeasurement" method="post"

enctype="application/x-www-form-urlencoded">
<div class="text-danger" asp-validation-summary="All"></div>

<div class="form-group">
<label asp-for="BPMValue">BPM</label>
<input type="text" asp-for="BPMValue" class="form-control" />
</div>

<div class="form-group">
<label asp-for="MeasurementDate">Date of Measurement</label>
<input type="datetime" asp-for="MeasurementDate" class="form-control"
value="@(Model.MeasurementDate?.ToString("d"))" />
</div>
 <div class="form-group">
<label asp-for="Position">Position</label>
<input type="text" asp-for="Position" class="form-control" />
</div>

<button type="submit" class="btn btn-primary">Add</button>

<a asp-controller="HeartRate" asp-action="GetAllMeasurements" class="btn btn-
primary">Cancel</a>
</form>

------ Code Snippet 3 ----- item.cshtml

@model HeartRateMeasurement

@{
ViewData["Title"] = "Detailed view";
}

<div>
<a asp-controller="HeartRate" asp-action="GetAllMeasurements">All
measurements</a>
<span class="mx-1">|</span>
<a asp-controller="HeartRate" asp-action="GetAddMeasurementRequest">Add a new
measurement</a>
<span class="mx-1">|</span>
<a asp-controller="HeartRate" asp-action="GetEditMeasurementRequestById" asp-
route-id="@Model.HeartRateMeasurementId">Edit this measurement</a>
<p class="mt-3">Value: @Model.BPMValue</p>
<p>Date taken: @Model.MeasurementDate?.ToString("d")</p>
@if (!string.IsNullOrEmpty(Model.Position))
{
<p>Position: @Model.Position</p>
}
</div>

------ Code Snippet 4 ----- edit.cshtml

@model HeartRateMeasurement

@{
ViewData["Title"] = "Edit heart rate measement";
}

<form asp-controller="HeartRate" asp-action="ProcessEditMeasurementRequest" asp-

route-id="@Model.HeartRateMeasurementId" method="post" enctype="application/x-www-
form-urlencoded">
<div class="text-danger" asp-validation-summary="All"></div>

<div class="form-group">
<label asp-for="BPMValue">BPM</label>
<input type="text" asp-for="BPMValue" class="form-control" />
</div>

<div class="form-group">
<label asp-for="MeasurementDate">Date of Measurement</label>
<input type="datetime" asp-for="MeasurementDate" class="form-control"
value="@(Model.MeasurementDate?.ToString("d"))" />
</div>

<div class="form-group">
<label asp-for="Position">Position</label>
<input type="text" asp-for="Position" class="form-control" />
</div>

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

<button type="submit" class="btn btn-primary">Edit</button>

<a asp-controller="HeartRate" asp-action="GetAllMeasurements" class="btn btn-
primary">Cancel</a>
</form>

------ Code Snippet 5 ----- _layout.cshtml

<h1 class="display-6">@ViewData["Title"]</h1>

@if (TempData.ContainsKey("LastActionMessage"))
{
<div class="alert alert-success alert-dismissible fade show" role="alert">
@TempData["LastActionMessage"]
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-
label="Close"></button>
</div>
}

------ Code Snippet 6 ----- site.js

$(document).ready(function () {
$('input[type=datetime]').datepicker({
dateFormat: 'm/d/yy',
changeMonth: true,
changeYear: true,
yearRange: '-60:+0'
});
});