@if (Item != null)
{
  <li @key="Item.Id">
    <div class="row mb-2">
      <div class="col-1" style="width: 30px;">
        <input type="checkbox" class="form-check-input" style="vertical-align: middle" @bind-value="Item.IsCompleted" checked="@Item.IsCompleted"/>
      </div>
      <div class="col">
        @if (Item.IsCompleted)
        {
          <input type="text" class="form-control border-0 text-decoration-line-through" style="vertical-align: middle" @bind-value="Item.Name" disabled/>
        }
        else
        {
          <input type="text" class="form-control border-0" style="vertical-align: middle" @bind-value="Item.Name"/>
        }
      </div>
      <div class="col">
        @if (Item.IsCompleted)
        {
          <text>Completed at: @Item.DateCompleted.ToLongDateString()</text>
        }
      </div>
    </div>
  </li>
}

@code {
  [Parameter]
  public ToDoItem? Item { get; set; }

}