{% extends "core/base.html" %}{% load fmt %}
{% block title %}Compare scenarios{% endblock %}
{% block content %}
<h1>Scenario comparison</h1>
<form method="get" class="card checks"><strong>Include:</strong>
{% for s in scenarios %}<label><input type="checkbox" name="ids" value="{{ s.id }}" {% if s.id in selected %}checked{% endif %}> {{ s.name }}</label>{% endfor %}
<button class="btn small">Compare</button></form>
<section class="card"><h2>Closing cash</h2>
<svg class="chart" viewBox="0 0 {{ chart.w }} {{ chart.h }}">
{% for t in chart.yticks %}<line class="grid" x1="{{ chart.plot_left }}" x2="{{ chart.plot_right }}" y1="{{ t.y }}" y2="{{ t.y }}"/><text class="ax" x="{{ chart.plot_left|add:-8 }}" y="{{ t.y }}" text-anchor="end" dy="4">{{ t.label }}</text>{% endfor %}
{% for t in chart.xticks %}<text class="ax" x="{{ t.x }}" y="{{ chart.plot_bottom|add:20 }}" text-anchor="middle">{{ t.label }}</text>{% endfor %}
<line class="minline" x1="{{ chart.plot_left }}" x2="{{ chart.plot_right }}" y1="{{ chart.min_y }}" y2="{{ chart.min_y }}"/>
{% for l in chart.lines %}<polyline fill="none" stroke="{{ l.color }}" stroke-width="2.5" points="{{ l.points }}"/>{% endfor %}
</svg>
<p class="legend">{% for l in chart.lines %}<i class="sw" style="background:{{ l.color }}"></i> {{ l.name }} {% endfor %}</p></section>
<section class="card"><h2>Summary</h2>
<table class="t"><thead><tr><th>Scenario</th><th class="r">Lowest closing</th><th class="r">Low point</th><th class="r">First breach</th><th class="r">Weeks in breach</th><th class="r">Week 13 closing</th></tr></thead><tbody>
{% for r in rows %}<tr><td>{{ r.name }}</td><td class="r {% if r.breach %}neg{% endif %}">{{ r.low.closing|inr }}</td><td class="r">week {{ r.low.index|add:1 }}</td>
<td class="r">{% if r.breach %}<span class="pill bad">week {{ r.breach.index|add:1 }}</span>{% else %}none{% endif %}</td><td class="r">{{ r.breach_weeks }}</td><td class="r">{{ r.end|inr }}</td></tr>{% endfor %}
</tbody></table></section>
<section class="card"><h2>Weekly closing cash side by side</h2><div class="scroll">
<table class="t grid-table"><thead><tr><th class="lbl">Scenario</th>{% for w in weeks %}<th class="r">{{ w.index|add:1 }}<small>{{ w.start|date:"j M" }}</small></th>{% endfor %}</tr></thead><tbody>
{% for r in rows %}<tr><td class="lbl">{{ r.name }}</td>{% for w in r.fc.weeks %}<td class="r {% if w.breach %}breach-cell{% endif %}">{{ w.closing|inr }}</td>{% endfor %}</tr>{% endfor %}
</tbody></table></div></section>
{% endblock %}