{% extends 'base.html' %}
{% block content %}
<section class="card form-card evidence-board">
  <div class="case-legend chain-of-custody"><span class="section-label">Audio evidence</span><span class="pill">intake-docket</span></div>
  <h2>Recording Upload</h2>
  <p class="muted">Treat lectures and review audio like evidence bags: clearly dated, tied to the right class, and ready for later transcription and filing.</p>
  <form class="stack intake-docket" 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 %}