@page "/todo"
@rendermode InteractiveServer
<h3> Todo (@todos.Count(todo => !todo.IsDone))</h3>

<ul>
	@foreach (var todo in todos) {
		<li> 
			<input type="checkbox" @bind-="todo.IsDone" />
			<input @bind ="todo.Title" />
		</li>
	}
</ul>
<input @bind="newTodo"/>
<button @onclick="AddTodo">Add todo</button>
@code {
	private List<TodoItem> todos = new();
	string newTodo = "";

	void AddTodo() {
		if (!string.IsNullOrEmpty(newTodo)) {
			todos.Add(new TodoItem { Title = newTodo });
			newTodo = string.Empty;
		}
	}
}
