{% extends "base.html" %}
{% block title %}Report — {{ course.title or "Cold Call" }}{% endblock %}
{% block body %}
<p class="no-print"><a href="{{ url_for('instructor.home') }}">&larr; back</a></p>
<h1>Participation report</h1>

<p>
  {{ total_questions }} questions asked over {{ by_day|length }}
  class day{{ "s" if by_day|length != 1 }}.
  {% for k in outcome_order if outcome_totals.get(k) %}
    {{ outcome_totals[k] }} {{ k }}{{ "," if not loop.last else "." }}
  {% endfor %}
</p>

<h2>Questions answered per student</h2>
<div class="hist">
  {% for bin in calls_hist.bins %}
  <div class="bin">
    <div class="bar-n muted">{{ bin.students or "" }}</div>
    <div class="bar" style="height: {{ (bin.students / calls_hist.max_students * 100) | round }}%"></div>
    <div class="bar-x">{{ bin.value }}</div>
  </div>
  {% endfor %}
</div>
<p class="muted">Students by number of questions answered.</p>

<h2>Opt-outs per student</h2>
<div class="hist">
  {% for bin in optouts_hist.bins %}
  <div class="bin">
    <div class="bar-n muted">{{ bin.students or "" }}</div>
    <div class="bar" style="height: {{ (bin.students / optouts_hist.max_students * 100) | round }}%"></div>
    <div class="bar-x">{{ bin.value }}</div>
  </div>
  {% endfor %}
</div>
<p class="muted">Students by number of opt-outs.</p>

{% if by_day %}
<h2>Outcomes by class day</h2>
<table class="daybars">
  {% for d in by_day %}
  <tr>
    <td class="muted">{{ d.day.isoformat() }}</td>
    <td class="muted">{{ d.total }}</td>
    <td>
      <div class="stack">
        {% for k in outcome_order if d.counts.get(k) %}
        <div class="seg seg-{{ loop.index0 }} o-{{ k | lower | replace(' ', '-') | replace('(', '') | replace(')', '') }}"
             style="width: {{ (d.counts[k] / d.total * 100) | round(1) }}%"
             title="{{ k }}: {{ d.counts[k] }}"></div>
        {% endfor %}
      </div>
    </td>
  </tr>
  {% endfor %}
</table>
<p class="muted">
  {% for k in outcome_order if outcome_totals.get(k) %}
    <span class="key o-{{ k | lower | replace(' ', '-') | replace('(', '') | replace(')', '') }}"></span> {{ k }}&nbsp;&nbsp;
  {% endfor %}
</p>
{% endif %}

<h2>Students</h2>
<p class="no-print muted">
  Sort by:
  <a href="{{ url_for('.report', sort='name') }}">name</a> ·
  <a href="{{ url_for('.report', sort='answered') }}">answered</a> ·
  <a href="{{ url_for('.report', sort='missing') }}">missing</a> ·
  <a href="{{ url_for('.report', sort='optouts') }}">opt-outs</a> ·
  <a href="{{ url_for('.report', sort='prop') }}">share asked</a>
</p>
<table>
  <tr>
    <th>Student</th><th>Answered</th><th>Missing</th>
    <th>Opt-outs</th><th>Share asked</th><th></th>
  </tr>
  {% for r in rows %}
  <tr>
    <td>{{ r.student.name }}</td>
    <td>{{ r.answered }}</td>
    <td>{{ r.missing or "" }}</td>
    <td>{{ r.optouts or "" }}</td>
    <td>
      {% if r.prop_asked is not none %}
        {{ "%.1f" | format(r.prop_asked * 100) }}%
        <span class="muted">of {{ r.questions_present }}</span>
      {% endif %}
    </td>
    <td class="muted">
      {% if r.answered == 0 and r.missing == 0 %}never called{% endif %}
    </td>
  </tr>
  {% endfor %}
</table>

<p class="no-print">
  Export:
  <a href="{{ url_for('.export_students') }}">students.csv</a> ·
  <a href="{{ url_for('.export_calls') }}">calls.csv</a> ·
  <a href="{{ url_for('.export_optouts') }}">optouts.csv</a>
</p>
{% endblock %}