{% extends "planner/base.html" %}
{% load planner_extras %}
{% block title %}Compare scenarios{% endblock %}
{% block content %}
<div class="page-head"><h1>{{ plan.name }}: scenarios</h1>
  <div class="toolbar"><a class="btn" href="{% url 'plan_detail' plan.pk %}">Back to results</a><a class="btn primary" href="{% url 'scenario_new' plan.pk %}">New scenario</a></div></div>
<section class="card">
  <h2>Median portfolio by age</h2>
  {{ chart|safe }}
  <p class="legend">{% for i, name in legend %}<span class="sw s{{ i }}"></span>{{ name }} {% endfor %}</p>
</section>
<section class="card">
  <h2>Side by side</h2>
  <div class="scroll">
  <table class="data compare">
    <thead><tr><th>Scenario</th><th>Changes</th><th>Success</th><th>Safe withdrawal</th><th>Earliest age</th><th>Median at retirement</th><th>Median at end</th><th></th></tr></thead>
    <tbody>
    {% for name, scenario, r in entries %}
      <tr>
        <th><span class="sw s{{ forloop.counter0 }}"></span>{{ name }}</th>
        <td class="small">{% if scenario %}{% for k, v in scenario.overrides.items %}{{ k }}={{ v }}{% if not forloop.last %}, {% endif %}{% empty %}none{% endfor %}{% else %}as saved{% endif %}</td>
        <td class="{{ r.success_probability|heat }}">{{ r.success_probability|pct:1 }}</td>
        <td>{{ r.safe_withdrawal.initial_withdrawal|money:currency }} ({{ r.safe_withdrawal.rate|pct:1 }})</td>
        <td>{% if r.earliest_retirement_age is None %}n/a{% else %}{{ r.earliest_retirement_age }}{% endif %}</td>
        <td>{{ r.median_retirement_balance|money:currency }}</td>
        <td>{{ r.median_terminal_balance|money:currency }}</td>
        <td class="nowrap">
          {% if scenario %}
          <a href="{% url 'plan_detail' plan.pk %}?scenario={{ scenario.pk }}">Open</a> ·
          <a href="{% url 'scenario_edit' plan.pk scenario.pk %}">Edit</a>
          <form method="post" action="{% url 'scenario_delete' plan.pk scenario.pk %}" class="inline">{% csrf_token %}<button class="link">Delete</button></form>
          {% endif %}
        </td>
      </tr>
    {% endfor %}
    </tbody>
  </table>
  </div>
</section>
{% endblock %}