{% extends 'base.html' %}

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

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

<form action="todo" method="POST">
<input type="hidden" name="todo_id" value="{{todo.id_}}" />
<input type="hidden" name="importance" step=0.1 size=8 value="{{ todo.importance }}" />
<table>

<tr class="toplevel">
<th>task</th>
<td colspan=2>
<a href="task?id={{ todo.task.id_ }}">{{ todo.task.title.then|e }}</a>
{% if todo.task.comment %}
<pre>{{ todo.task.comment|e }}</pre>
{% else %}
<br />&nbsp;
{% endif %}
</td>
</tr>

<tr class="toplevel">
<th>work</th>
<td>
{% if todo.children %}
[{% if todo.done %}✓{% else %} {% endif %}]
{% else %}
<input type="checkbox" name="done" {% if todo.done %}checked{% endif %}/>
{% endif %}
done<br />
(sum: {{todo.all_days_effort}})
</td>
<td>
<table>
<tr class="lowlevel">
<th>date</th>
<th>effort</th>
<th>delete</th>
</tr>
{% for date, effort in todo.efforts.items() %}
<tr class="lowlevel">
<td>
<input name="effort_date" type="hidden" value="{{date}}">{{date}}
</td>
<td>
<input type="number" name="effort" step=0.1 size=8 value="{{effort}}" placeholder="{{todo.default_effort}}" {% if todo.children and effort %}disabled{% endif %} />
</td>
<td>
{% if not (todo.children and effort) %}<input type="checkbox" name="delete_effort" value="{{date}}" />{% endif %}
</td>
</tr>
{% endfor %}
<tr class="lowlevel">
<td>
<input name="effort_date" size=10 value="">
</td>
<td>
<input type="number" name="effort" step=0.1 size=8 value="" {% if todo.children %} disabled {% else %} placeholder="{{todo.default_effort}}" {% endif %} />
</td>
</tr>
</table>
</td>
</tr>

<tr class="toplevel">
<th>comment</th>
<td class="input" colspan=2>
<input name="comment" size=100 value="{{todo.comment|e}}" />
</td>
</tr>

<tr class="toplevel">
<th>tags</th>
<td colspan=2>
new: <input name="tag" value="" size=15 >
{% for tag in todo.task.tags.now | sort %}<select disabled><option>{{ tag }}</option></select>{% endfor %}
{{ macros.tagselection(submit_name='tag', selected_tags=todo.day_tags, all_tags=tags) }}
<br />
</td>
</tr>

{% if todo.parents %}
<tr class="toplevel">
<th>parents</th>
<td colspan=2>
<ul>
{% for parent in todo.parents %}
<li><a href="todo?id={{parent.id_}}">{{parent.title}}</a>
{% endfor %}
</ul>
</td>
</tr>
{% endif %}

<tr class="toplevel">
<th>children</th>
<td colspan=2>
{% if todo.children %}
<table>
<tr class="lowlevel">
<th>adopted</th><th>effort</th><th>title</th><th>comments</th>
</tr>
{% for todo in child_todos %}
<tr class="lowlevel">
<td class="center"><input name="adopt_child" type="checkbox" value="{{todo.id_}}" checked/></td>
<td class="number">{{ '{:2.1f}'.format(todo.all_days_effort) }} {% if todo.done %}✓{% else %}&nbsp;{% endif %}</td>
<td><a href="todo?id={{todo.id_}}">{{todo.day.date}} {{todo.title}}</a></td>
<td>{{todo.comment}}</td>
</tr>
{% endfor %}
</table>
{% endif %}
<br />
make from task:<br />
<input name="birth_child" list="tasks" size=100><br />
adopt (from <input name="start" {% if start_date %}value="{{ start_date }}"{% endif %} placeholder="yesterday" /> to <input name="end" {% if end_date %}value="{{ end_date }}"{% endif %} placeholder="2030-12-31" />):<br />
<input name="adopt_child" list="todos" size=100>
<datalist id="todos">
{% for todo in filtered_todos %}<option value="{{todo.id_}}">{{ '{:2.1f}'.format(todo.all_days_effort) }} {% if todo.done %}✓{% else %}&nbsp;&nbsp;{% endif %} {{todo.day.date}} {{todo.title}}</option>
{% endfor %}
</datalist>
<datalist id="tasks">
{% for task in filtered_tasks %}<option value="{{task.id_}}">{{task.title.now}}</option>
{% endfor %}
</datalist>
</td>
</tr>

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