{% extends "base.html" %}
{% block title %}Report templates — RWA Calculator{% endblock %}
{% block container_mod %}container--wide{% endblock %}

{% block content %}
{% macro template_picker() %}
<form class="grid-toolbar" method="get" action="/results/{{ page.run_id }}/templates">
  <div class="field">
    <label for="template">Template</label>
    <select id="template" name="template" onchange="this.form.sheet.value=''; this.form.submit()">
      {% for family, label in [("corep", "COREP"), ("pillar3", "Pillar III")] %}
      <optgroup label="{{ label }}">
        {% for info in page.templates if info.family == family %}
        <option value="{{ info.id }}"{% if page.selected and info.id == page.selected.id %} selected{% endif %}>{{ info.title }}</option>
        {% endfor %}
      </optgroup>
      {% endfor %}
    </select>
  </div>
  {% if page.selected and page.selected.sheets %}
  <div class="field">
    <label for="sheet">{{ page.selected.sheet_label or "Sheet" }}</label>
    <select id="sheet" name="sheet" onchange="this.form.submit()">
      {% for key in page.selected.sheets %}
      <option value="{{ key }}"{% if key == page.sheet %} selected{% endif %}>{{ key }}</option>
      {% endfor %}
    </select>
  </div>
  {% else %}
  <input type="hidden" name="sheet" value="">
  {% endif %}
  <button class="btn btn-ghost" type="submit">Show</button>
</form>
{% endmacro %}

<div class="page-intro">
  <p class="muted"><a href="/results/{{ page.run_id }}">← Back to results</a></p>
  <h1>Report templates <span class="muted mono">· {{ page.framework }}</span></h1>
  {% if page.templates %}
  <p class="muted">The COREP and Pillar III templates generated from this run, exactly as they export.
  A blank cell (<span class="mono">—</span>) is an empty or not-reported cell, which is <em>not</em>
  the same as a reported <span class="mono">0</span>.{% if page.selected and page.has_lineage %}
  Click any cell to see which exposures and rules produced it.{% endif %}</p>
  {% endif %}
</div>

{% if not page.templates %}
<div class="callout info">This run produced no report templates.</div>
{% elif page.selected %}
<div class="panel panel--grid">
  <div class="grid-head">
    <h3>{{ page.selected.title }}{% if page.sheet %} <span class="muted mono">· {{ page.sheet }}</span>{% endif %}
      <span class="muted">· {{ page.columns | length }} columns</span></h3>
    {{ template_picker() }}
  </div>
  <div class="grid-wrap">
    <table class="data grid" data-template="{{ page.selected.id }}" data-sheet="{{ page.sheet or '' }}">
      <thead>
        {% if page.groups %}
        <tr class="band">
          <th class="rowhead-ref"></th>
          <th class="rowhead-name"></th>
          {% for group in page.groups %}<th colspan="{{ group.span }}">{{ group.name }}</th>{% endfor %}
        </tr>
        {% endif %}
        <tr class="refs{% if not page.groups %} refs--only{% endif %}">
          <th class="rowhead-ref">Row</th>
          <th class="rowhead-name">Name</th>
          {% for col in page.columns %}<th title="{{ col.name }}">{{ col.ref }}</th>{% endfor %}
        </tr>
      </thead>
      <tbody>
        {% for row in page.rows %}
        <tr>
          <td class="mono rowhead-ref">{{ row.row_ref }}</td>
          <td class="rowhead-name" title="{{ row.row_name }}">{{ row.row_name }}</td>
          {% for cell in row.cells %}
          <td class="num{% if cell.is_null %} is-null{% endif %}"
              data-template="{{ page.selected.id }}"
              data-sheet="{{ page.sheet or '' }}"
              data-row="{{ row.row_ref }}"
              data-col="{{ cell.ref }}">{% if page.has_lineage %}<a class="cell-link"
              href="/results/{{ page.run_id }}/lineage?template={{ page.selected.id }}&amp;sheet={{ page.sheet or '' }}&amp;row={{ row.row_ref }}&amp;col={{ cell.ref }}"
              title="Explain this cell">{{ cell.display }}</a>{% else %}{{ cell.display }}{% endif %}</td>
          {% endfor %}
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</div>
{% else %}
<div class="panel">
  {{ template_picker() }}
</div>
<div class="callout info">That template is not available for this run.</div>
{% endif %}
{% endblock %}

{% block scripts %}
<script defer src="/static/report-grid.js"></script>
{% endblock %}