MVC Subitem list

Question

I am trying to create an entity that has subitems and am having issues with passing the model back and forth.

I have an entity RiskAssessnent that contains a list of Risk entities.

public class RiskAssessment
{
    public int Id { get; set; }

    public DateTime Date { get; set; }

    public ICollection<Risk> Risks { get; set; }

    public int ResidentId { get; set; }

    public Resident Resident { get; set; }

    public int EmployeeId { get; set; }

    public Employee Employee { get; set; }
}

public class Risk
{
    public int Id { get; set; }

    public string Description { get; set; }

    public int RiskAssessmentId { get; set; }

    public RiskAssessment RiskAssessment { get; set; }
}

here is my view for creating a RiskAssessment:

@model CareHomeMvc6.Models.RiskAssessmentViewModels.RiskAssessmentViewModel

@{
    ViewData["Title"] = "Create";
}

<a class="btn btn-default" asp-action="Index" asp-route-residentId="@Model.ResidentId">Back to List</a>

<div class="page-header">
    <h1>Create a Risk Assessment</h1>
</div>

<form asp-action="Create">
<div class="form-horizontal">
    <div asp-validation-summary="ModelOnly" class="text-danger"></div>
    @Html.HiddenFor(m => m.EmployeeId)
    @Html.HiddenFor(m => m.ResidentId)
    <div class="form-group">
        <label asp-for="Date" class="col-md-2 control-label"></label>
        <div class="col-md-10">
            @Html.EditorFor(m => m.Date, new { @class = "form-control" })
            <span asp-validation-for="Date" class="text-danger" />
        </div>
    </div>

    @foreach(var risk in Model.Risks)
    {
        <h3>@risk.Description</h3>
    }

    <p>
        <a class="btn btn-success" asp-action="CreateRisk">Create</a>
    </p>

    <div class="form-group">
        <div class="col-md-offset-2 col-md-10">
            <input type="submit" value="Create" class="btn btn-default" />
        </div>
    </div>
</div>
</form>

@section Scripts {
@{await Html.RenderPartialAsync("_ValidationScriptsPartial");}
}

and here is the controller:

    public IActionResult CreateRisk(RiskAssessmentViewModel riskAssessmentViewModel)
    {
        var vm = new CreateRiskViewModel
        {
            RiskAssessment = riskAssessmentViewModel,
            Risk = new Risk()
        };

        return View(vm);
    }

and the ViewModel:

public class RiskAssessmentViewModel
{
    public RiskAssessmentViewModel()
    {
        this.Risks = new List<Risk>();

        this.Risks.Add(new Risk
        {
            Id = 1,
            Description = "blah",
            PotentialRisk = "blah"
        });
    }

    public int Id { get; set; }

    [Display(Name = "Date")]
    [DataType(DataType.Date)]
    [Required]
    [DisplayFormat(DataFormatString = "{0:yyyy-MM-dd}", ApplyFormatInEditMode = true)]
    public DateTime Date { get; set; }

    public ICollection<Risk> Risks { get; set; }

    public int ResidentId { get; set; }

    public int EmployeeId { get; set; }
}

Sorry for all the code so far!

I was attempting to keep passing the ViewModel back and forth until all items have been created but within the CreateRisk action the ResidentId and EmployeeId are 0 therefore not being set, although I do get the collection of risks. If I click submit on the form which encapsulates everything then they are set. Is there any reason the hidden items are being sent to the form submit but not the link action?

I realise there are JS solutions to doing dynamic lists but I wanted to stay away from it as the page navigation is acceptable, the form will when finished require a lot of data entry for a Risk.

Any help with this would be greatly appreciated.

Thanks