{% extends "base.html" %}
{% block title %}Calls {{ day.isoformat() }}{% endblock %}
{% block body %}
<p><a href="{{ url_for('instructor.home') }}">&larr; back</a> ·
  <a href="{{ url_for('instructor.day_print', date_str=day.isoformat()) }}">printable list</a></p>
<h1>Calls for {{ day.isoformat() }}</h1>

{% if day_calls %}
<form method="post" action="{{ url_for('instructor.day_save', date_str=day.isoformat()) }}">
  <table>
    <tr>
      <th>#</th><th>Student</th><th>Status</th><th>Assessment</th>
      <th>Note</th><th>Delete</th>
    </tr>
    {% for c in day_calls %}
    <tr>
      <td>{{ loop.index }}</td>
      <td>{{ c.student.name }}</td>
      <td>
        <select name="status-{{ c.id }}">
          {% for s in statuses %}
          <option value="{{ s }}" {{ "selected" if c.status == s }}>{{ s }}</option>
          {% endfor %}
        </select>
      </td>
      <td>
        <select name="assessment-{{ c.id }}">
          <option value=""></option>
          {% for lvl in levels %}
          <option value="{{ lvl.id }}" {{ "selected" if c.assessment_id == lvl.id }}>{{ lvl.label }}</option>
          {% endfor %}
        </select>
      </td>
      <td><input type="text" name="note-{{ c.id }}" value="{{ c.note or '' }}"></td>
      <td><input type="checkbox" name="delete-{{ c.id }}"></td>
    </tr>
    {% endfor %}
  </table>
  <p><button type="submit">Save all</button></p>
</form>
{% else %}
<p>No calls recorded for this day.</p>
{% endif %}

<h2>Add a call</h2>
<p class="muted">For recording a call after the fact — e.g. someone
  you called on who wasn't on the list.</p>
<form method="post"
      action="{{ url_for('instructor.day_add_call', date_str=day.isoformat()) }}">
  <select name="student_id" required>
    <option value="">Student…</option>
    {% for s in roster %}
    <option value="{{ s.id }}">{{ s.sortable_name or s.name }}</option>
    {% endfor %}
  </select>
  <select name="status">
    {% for st in statuses %}
    <option value="{{ st }}" {{ "selected" if st == "answered" }}>{{ st }}</option>
    {% endfor %}
  </select>
  <select name="assessment">
    <option value="">assessment…</option>
    {% for lvl in levels %}
    <option value="{{ lvl.id }}">{{ lvl.label }}</option>
    {% endfor %}
  </select>
  <input type="text" name="note" placeholder="note (optional)">
  <button type="submit">Add call</button>
</form>
{% endblock %}