{% extends '_base.html' %}
{% import '_macros.html' as macros %}



{% block css %}
td, th, tr, table {
  padding: 0;
  margin: 0;
}
table {
  border-collapse: collapse;
}
th {
  border: 1px solid black;
}
td.cond_line_0 {
  border-top: 1px solid white;
  background-color: #bfbfbf;
}
td.cond_line_1 {
  border-top: 1px solid white;
  background-color: #dfdfdf;
}
td.cond_line_2 {
  border-top: 1px solid white;
  background-color: #fffff;
}
td.cond_line_corner {
  max-width: 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
}
td.todo_line {
  border-bottom: 1px solid #bfbfbf;
  height: 1.7em;
}
tr.inactive td.todo_line {
  background-color: #bfbfbf;
}
tr.hidden_undone td, tr.hidden_undone a {
  color: #9f9f9f;
}
td.left_border {
  border-left: 1px solid black;
}
td.right_border {
  border-right: 1px solid black;
}
input[type="text"] {
  width: 98%;
}
input[name="day_comment"] {
  width: 100em;
}
{% endblock %}



{% macro show_node_undone(node, indent) %}
{% if not node.todo.is_done %}
<tr {% if node.seen or not node.todo.is_doable %}class="inactive"{% endif %}>
{% if not node.seen %}
<input type="hidden" name="todo_id" value="{{node.todo.id_}}" />
{% endif %}

{% for condition in conditions_present %}
<td class="cond_line_{{loop.index0 % 3}}">
{% if condition in node.todo.conditions and not condition.is_active %}
O&nbsp;
{% elif condition in node.todo.blockers and condition.is_active %}
!&nbsp;
{% endif %}
</td>
{% endfor %}

{% if node.seen %}
<td class="todo_line left_border"></td>
<td class="todo_line">{% if node.todo.effort %}{{ node.todo.effort }}{% endif %}</td>
{% else %}
<td class="todo_line left_border"><input name="done" type="checkbox" value="{{node.todo.id_}}" {% if not node.todo.is_doable %}disabled{% endif %}/></td>
<td class="todo_line"><input name="effort" type="number" step=0.1 size=5 placeholder={{node.todo.effort_then}} value={{node.todo.effort}} /></td>
{% endif %}
<td class="todo_line right_border">
{% for i in range(indent) %}&nbsp; &nbsp; {% endfor %} +
{% if node.seen %}({% endif %}<a href="todo?id={{node.todo.id_}}">{{node.todo.title_then|e}}</a>{% if node.seen %}){% endif %}
</td>

{% for condition in conditions_present|reverse %}
<td class="cond_line_{{(conditions_present|length - loop.index) % 3}}">{% if condition in node.todo.enables %}&nbsp;+{% elif condition in node.todo.disables %}&nbsp;!{% endif %}</td>
{% endfor %}

<td colspan=2>
{% if node.seen %}
{{node.todo.comment|e}}
{% else %}
<input name="comment" type="text" value="{{node.todo.comment|e}}" />
{% endif %}
</td>

</tr>
{% endif %}

{% if not node.seen %}
{% for child in node.children %}
{{ show_node_undone(child, indent+1) }}
{% endfor %}
{% endif %}

{% endmacro %}



{% macro show_node_done(node, indent, path) %}
{% if node.todo.has_doneness_in_path %}
<tr{% if not node.todo.is_done %} class="hidden_undone"{% endif %}>
<td>
{% for i in range(indent) %}&nbsp; &nbsp; {% endfor %} +
{% if not node.todo.is_done %}({% endif %}<a href="todo?id={{node.todo.id_}}">{{node.todo.title_then|e}}</a>{% if not node.todo.is_done %}){% endif %}
</td>
<td>{{node.todo.comment|e}}</td>
</tr>

{% if not node.seen %}
{% for child in node.children %}
{{ show_node_done(child, indent+1) }}
{% endfor %}
{% endif %}
{% endif %}
{% endmacro %}



{% block content %}
<h3>{{day.date}} / {{day.weekday}}</h3>
<p>
<a href="day?date={{day.prev_date}}">prev</a> | <a href="day?date={{day.next_date}}">next</a>
</p>
<form action="day?date={{day.date}}" method="POST">

<p>
comment:
<input name="day_comment" value="{{day.comment|e}}" />
<input type="submit" value="OK" /></td>
</p>

<h4>to do</h4>

<table>

<tr>
<th colspan={{ conditions_present|length + 3 + conditions_present|length }}>conditions</th>
<th>add enabler</th>
<th>add disabler</th>
</tr>

{% for condition in conditions_present %}
{% set outer_loop = loop %}
<tr>

{% for _ in conditions_present %}
{% if outer_loop.index > loop.index %}
<td class="cond_line_{{loop.index0 % 3}}">
{% elif outer_loop.index < loop.index %}
<td class="cond_line_{{outer_loop.index0 % 3}}">
{% else %}
<td class="cond_line_{{outer_loop.index0 % 3}} cond_line_corner">×
{% endif %}
</td>
{% endfor %}

<td class="cond_line_{{loop.index0 % 3}}"><input type="checkbox" disabled{% if condition.is_active %} checked{% endif %}></td>
<td colspan=2 class="cond_line_{{loop.index0 % 3}}"><a href="condition?id={{condition.id_}}">{{condition.title.at(day.date)|e}}</a></td>

{% for _ in conditions_present %}
{% if outer_loop.index0 + loop.index < conditions_present|length %}
<td class="cond_line_{{outer_loop.index0 % 3}}">
{% elif outer_loop.index0 + loop.index > conditions_present|length %}
<td class="cond_line_{{(conditions_present|length - loop.index) % 3}}">
{% else %}
<td class="cond_line_{{outer_loop.index0 % 3}} cond_line_corner">&nbsp;×
{% endif %}
{% endfor %}

{% set list_name = "todos_for_%s"|format(condition.id_) %}
<td><input name="new_todo" list="{{list_name}}" autocomplete="off" /></td>
{{ macros.datalist_of_titles(list_name, enablers_for[condition.id_]) }}
</td>
{% set list_name = "todos_against_%s"|format(condition.id_) %}
<td><input name="new_todo" list="{{list_name}}" autocomplete="off" /></td>
{{ macros.datalist_of_titles(list_name, disablers_for[condition.id_]) }}
</td>
</tr>
{% endfor %}

<tr>
{% for condition in conditions_present %}
<td class="cond_line_{{loop.index0 % 3}}"></td>
{% endfor %}
<th colspan=3>doables</th>
{% for condition in conditions_present %}
<td class="cond_line_{{(conditions_present|length - loop.index) % 3}}"></td>
{% endfor %}
<td colspan=2></td>
</tr>
<tr>
{% for condition in conditions_present %}
<td class="cond_line_{{loop.index0 % 3}}"></td>
{% endfor %}
<td class="left_border"></td>
<td>add:</td>
<td class="right_border" ><input type="text" name="new_todo" list="processes"></td>
{% for condition in conditions_present %}
<td class="cond_line_{{(conditions_present|length - loop.index) % 3}}"></td>
{% endfor %}
<th colspan=2>comments</th>
</tr>
{% for node in top_nodes %}
{{ show_node_undone(node, 0) }}
{% endfor %}

</table>

<h4>done</h4>

<table>
{% for node in top_nodes %}
{{ show_node_done(node, 0, []) }}
{% endfor %}
</table>

</form>

{{ macros.datalist_of_titles("processes", processes) }}
{% endblock %}