@inject CoursePlanner configurationManagement


@code {

  [Parameter, EditorRequired]
  public ulong ModuleId { get; set; }

  [Parameter]
  public EventCallback OnSubmit { get; set; }

  [Required]
  [StringLength(50, ErrorMessage = "Name too long (50 character limit).")]
  private string Name { get; set; } = "";

  private async Task submitHandler()
  {
    var newAssignment = new LocalAssignment
    {
      id = Guid.NewGuid().ToString(),
      name = Name,
      description = "testDescription",
      published = false,
      lock_at_due_date = true,
      rubric = new RubricItem[] { },
      lock_at = null,
      due_at = DateTime.Now,
      points_possible = 10,
      submission_types = new SubmissionType[] { SubmissionType.online_text_entry }
    };
    configurationManagement.Assignments = configurationManagement.Assignments.Append(newAssignment);
    await OnSubmit.InvokeAsync();
  }
}

<div class="modal">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-body">
        <form @onsubmit:preventDefault="true" @onsubmit="submitHandler">
          <label for="Assignment Name">Name</label>
          <input id="moduleName" class="form-control" @bind="Name" />
          <button class="btn btn-primary">Save</button>
        </form>
      </div>
    </div>
  </div>
</div>