<template name="taskForm">
    <h4>Tasks</h4>
    <div class="row">
        <div class="col s12 m6 l4 input-field">
            <input type="text" class="taskName" id="taskName" />
            <label for="taskName">Task Name</label>
        </div>
        <div class="col s12 m6 l4 input-field">
            <select name="taskUser" id="taskUser" class="taskUser">
                <option value="" disabled selected>Assign to user...</option>
                {{#each taskUsers}}
                    <option value="{{username}}_{{usersId}}">{{username}}</option>
                {{/each}}
            </select>
        </div>
        <div class="col s12 m6 l4 input-field">
            <input type="text" class="datepicker" id="taskDate" />
            <label for="taskDate">Task Date</label>
        </div>
    </div>
    <div class="row">
        <div class="col s12 m6 l6">
            <p>
                <label>
                  <input type="checkbox" id="hideCompletedTasks" />
                  <span>Hide Completed</span>
                </label>
              </p>
        </div>
        <div class="col s12 m6 l6">
                <a class="waves-effect waves-light btn saveTaskMgmt green right">Add</a>
        </div>
    </div>
    {{> snackbar}}
</template>