{% extends 'base.html' %}
{% block content %}
<div class="row justify-content-center">
  <div class="col-lg-10">
    <div class="card shadow-sm mb-3">
      <div class="card-header bg-white fw-semibold">Bulk Upload Soal (CSV)</div>
      <div class="card-body">
        <p class="mb-2">Upload soal dalam jumlah besar tanpa batas melalui file CSV.</p>
        <ul>
          <li>Jika pilih <strong>Mapel Default</strong>, semua baris masuk ke mapel itu.</li>
          <li>Jika mapel default dikosongkan, isi kolom <strong>subject_name</strong> pada CSV.</li>
          <li>Kolom wajib: <code>question_text, option_a, option_b, option_c, option_d, correct_option</code>.</li>
          <li><code>correct_option</code> harus: A / B / C / D.</li>
        </ul>
        <a class="btn btn-outline-primary" href="{{ url_for('admin_question_template') }}">Download Contoh Format CSV</a>
      </div>
    </div>

    <div class="card shadow-sm">
      <div class="card-body">
        <form method="post" enctype="multipart/form-data">
          <div class="mb-3">
            <label class="form-label">Mapel Default (opsional)</label>
            <select name="subject_id" class="form-select">
              <option value="">-- Gunakan subject_name dari CSV --</option>
              {% for s in subjects %}
                <option value="{{ s.id }}">{{ s.name }}</option>
              {% endfor %}
            </select>
          </div>

          <div class="mb-4">
            <label class="form-label">File CSV</label>
            <input type="file" name="questions_file" class="form-control" accept=".csv" required>
          </div>

          <div class="d-flex justify-content-between">
            <a href="{{ url_for('admin_dashboard') }}" class="btn btn-outline-secondary">Kembali</a>
            <button class="btn btn-primary">Upload Soal</button>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>
{% endblock %}