{% extends 'base.html' %}
{% block content %}
<section class="card form-card">
  <h2>Recording Upload</h2>
  <form class="stack" method="post" enctype="multipart/form-data" action="/api/recordings/intake">
    <label>Class
      <select name="class_id" id="recording-class-select" required>
        <option value="">Loading classes…</option>
      </select>
      <input type="hidden" name="class_name" id="recording-class-name-input">
    </label>
    <label>Session date <input type="date" name="session_date" required></label>
    <label>Related assignment ID (optional) <input type="text" name="assignment_id"></label>
    <label>Notes <textarea name="notes" rows="4" placeholder="Lecture, lab, exam review, etc."></textarea></label>
    <label>WAV file <input type="file" name="file" accept="audio/wav,.wav" required></label>
    <button type="submit">Upload and queue conversion</button>
  </form>
</section>
{% endblock %}