{% extends 'base.html' %}

{% block css %}
tr.toplevel th { padding-right: 1em; }
tr.toplevel td, tr.toplevel th { padding-top: 1em; }
tr.lowlevel td, tr.lowlevel th { padding-top: 0em; }
{% endblock %}

{% block content %}
<h3>edit task</h3>

<form action="task" method="POST">
<input type="hidden" name="task_id" value="{{ task.id_ }}" />
<table>

<tr class="toplevel">
<th>add as todo</th>
<td><input name="add_as_todo" type="checkbox" /> to {{ selected_date }}</td>
<input name="selected_date" type="hidden" value="{{ selected_date }}" />
</tr>

<tr class="toplevel">
<th>title</th>
<td class="input">
<input name="title" type="text" value="{{ task.title.now|e }}" size=100 />
<details>
<summary>history</summary>
<ul>
{% for k,v in task.title.history.items() | sort(attribute='0', reverse=True) %}
<li>{{ k }}: {{ v|e }}
{% endfor %}
</ul>
</details>
</td>
</tr>

<tr class="toplevel">
<th>comment</th>
<td class="input">
<textarea name="comment" cols=100 rows=5>{{task.comment|e}}</textarea>
</td>
</tr>

<tr class="toplevel">
<th>default effort</th>
<td class="input">
{% if task.subtasks %}
{{ task.default_effort.now }}
{% else %}
<input type="number" name="default_effort" value="{{ task.default_effort.now }}" step=0.1 size=8 required />
<details>
<summary>history</summary>
<ul>
{% for k,v in task.default_effort.history.items() | sort(attribute='0', reverse=True) %}
<li>{{ k }}: {{ v|e }}
{% endfor %}
</ul>
</details>
{% endif %}
</td>
</tr>

<tr class="toplevel">
<th>tags</th>
<td>
add: {{ macros.tagselection(submit_name='tag', selected_tags=task.tags.now, all_tags=tags) }}
<details>
<summary>history</summary>
<ul>
{% for k,v in task.tags.history.items() | sort(attribute='0', reverse=True) %}
<li>{{ k }}: {{ v|e }}
{% endfor %}
</ul>
</details>
</td>
</tr>

{% if task.parents %}
<tr class="toplevel">
<th>parents</th>
<td>
<ul>
{% for parent in task.parents %}
<li><a href="task?id={{parent.id_}}">{{parent.title.now}}</a>
{% endfor %}
</ul>
</td>
</tr>
{% endif %}
    
<tr class="toplevel">
<th>children</th>
<td>
{% if task.subtasks %}
<table>
{% for subtask in task.subtasks %}
<tr class="lowlevel">
<td>
<input name="subtask" type="checkbox" value="{{subtask.id_}}" checked/>
</td>
<td>
<a href="task?id={{subtask.id_}}">{{subtask.title.now}}</a>
</td>
</tr>
{% endfor %}
</table>
{% endif %}
<br />
add: <input name="subtask" list="tasks" />
</td>
</tr>
<datalist id="tasks">
{% for subtask in filtered_tasks %}
<option value="{{subtask.id_}}">{{subtask.title.now}}</option>
{% endfor %}
</datalist>

</table>
<input id="update_button" class="update" type="submit" name="update" value="update" />
<div class="delete">
<input class="delete" type="submit" name="delete" value="delete" />
</div>
</form>
{% endblock %}