{% extends "core/base.html" %}{% load fmt %}
{% block title %}{{ scenario.name }}{% endblock %}
{% block content %}
<div class="head"><h1>{{ scenario.name }}</h1>
<div class="actions"><a class="btn ghost" href="{% url 'dashboard' %}?scenario={{ scenario.pk }}">Dashboard</a>
<a class="btn ghost" href="{% url 'grid' %}?scenario={{ scenario.pk }}">Grid</a>
<form method="post" action="{% url 'scenario_delete' scenario.pk %}" onsubmit="return confirm('Delete this scenario?')">{% csrf_token %}<button class="btn danger">Delete</button></form></div></div>
<p class="sub">{{ scenario.description }}</p>
<div class="cols">
<section class="card"><h2>Adjustments</h2>
<ul class="plain adj">{% for a in scenario.adjustments.all %}<li><span>{{ a.describe }}</span>
<form method="post" action="{% url 'adjustment_delete' a.pk %}">{% csrf_token %}<button class="link">remove</button></form></li>{% empty %}<li class="muted">None yet. Add one below.</li>{% endfor %}</ul>
<h3>Impact vs base</h3>
<table class="t"><tbody>
<tr><td>Lowest closing cash</td><td class="r">{{ base.min_closing|inr }}</td><td class="r"><strong class="{% if fc.min_closing < fc.min_cash %}neg{% endif %}">{{ fc.min_closing|inr }}</strong></td></tr>
<tr><td>First breach</td><td class="r">{% if base.first_breach %}week {{ base.first_breach.index|add:1 }}{% else %}none{% endif %}</td><td class="r">{% if fc.first_breach %}<strong class="neg">week {{ fc.first_breach.index|add:1 }}</strong>{% else %}none{% endif %}</td></tr>
<tr><td>Week 13 closing</td><td class="r">{{ base.weeks.12.closing|inr }}</td><td class="r">{{ fc.weeks.12.closing|inr }}</td></tr>
</tbody><thead><tr><th></th><th class="r">Base</th><th class="r">Scenario</th></tr></thead></table>
</section>
<section class="card"><h2>Add adjustment</h2>
<form method="post" class="form" id="adj-form">{% csrf_token %}{{ form.as_p }}<button class="btn">Add adjustment</button></form>
<p class="hint">Shift: customer blank = all customers. Factor: advance and fee are fractions of face value (0.8 = 80%). One-off: positive inflow, negative outflow.</p></section>
</div>
<section class="card"><h2>Closing cash: base vs scenario</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>
{% endblock %}