<div class="packaged-widget-placeholder--container">
    <h4 class="packaged-widget-placeholder--title who"><%= app.prefs.title.value %></h4>

    <div class="todo_form">
        <input type="hidden" id="event_uuid" name="event_uuid" class="event_uuid">
        <div class="element full">
            <div class="element">
                <label for="event_title"><%= app.prefs.eventTitle.value %>: </label>
                <input type="text" id="event_title" name="event_title" class="event_title input">
            </div>
            <div class="element">
                <label for="event_date"><%= app.prefs.eventDueDateTitle.value %>:</label>
                <input type="date" id="event_date" name="event_date" class="event_date input">
            </div>
        </div>
        <div class="element full">
            <div class="element">
                <label for="event_notes"><%= app.prefs.noteLabel.value %></label>
                <textarea id="event_notes" name="event_notes" class="event_notes input"></textarea>
            </div>
            <div class="element buttons">
                <div class="btn btn-primary hide add"><%= app.prefs.addLabel.value %></div>
                <div class="btn btn-success hide update"><%= app.prefs.updateLabel.value %></div>
                <div class="btn btn-danger cancel"><%= app._('widget.placeholder.cancel') %></div>
            </div>
        </div>
        <div class="float_clear"></div>
    </div>
    <hr>
    <div class="element">
        <div class="tab active list_tab_todo"><%= app.prefs.todoTab.value %></div>
        <div class="tab list_tab_done"><%= app.prefs.doneTab.value %></div>
    </div>
    <div class="element full">
        <div class="todo_list current_list"></div>
        <div class="todo_list done_list"></div>
    </div>
</div>
