{% extends "base.html" %}
{% block title %}Create Class — Admin{% endblock %}
{% block content %}
<div class="admin-page">
  <div class="breadcrumb">
    <a href="{{ url_for('admin_classes') }}">Classes</a>
    <span>›</span><span>New Class</span>
  </div>
  <div class="form-page">
    <h1 class="page-title" style="margin-bottom:1.5rem">Create New Class</h1>
    <form method="POST" class="auth-form">
      <div class="form-group">
        <label class="form-label">Class Name</label>
        <input type="text" name="name" class="form-input" required placeholder="e.g. Batch A — June 2026">
      </div>
      <div class="form-group">
        <label class="form-label">Description (optional)</label>
        <input type="text" name="description" class="form-input" placeholder="e.g. Morning batch, 20 students">
      </div>
      <div class="form-group">
        <label class="form-label">Assign Teacher (optional)</label>
        <select name="teacher_id" class="form-input">
          <option value="">— assign later —</option>
          {% for t in teachers %}
          <option value="{{ t['id'] }}">{{ t['username'] }} ({{ t['email'] }})</option>
          {% endfor %}
        </select>
      </div>
      <div class="form-actions">
        <button type="submit" class="btn btn-primary">Create Class</button>
        <a href="{{ url_for('admin_classes') }}" class="btn btn-ghost">Cancel</a>
      </div>
    </form>
  </div>
</div>
{% endblock %}