{% extends 'base.html' %}
{% load crispy_forms_tags %}
{% block content %}
<div class="container py-5">
  <div class="row justify-content-center">
    <div class="col-lg-8">
      <div class="card shadow-sm">
        <div class="card-body">
          <h1 class="h3 mb-3">Upload Questions for Assessment subject {{ subject.subject_type }}</h1>
          <p class="text-muted">Upload a CSV or Excel file to create or update questions and answer options.</p>

          <form method="post" enctype="multipart/form-data" class="mt-4">
            {% csrf_token %}
            {{ form|crispy }}
            <div class="d-flex flex-wrap gap-2 mt-4">
              <button type="submit" class="btn btn-primary">Upload</button>
              
            </div>
          </form>
        </div>
      </div>
    </div>
    <div class="col-md-4">
      <div class="card shadow-sm">
        <div class="card-body">
          <h2 class="h5 mb-3">Instructions</h2>
          <p class="text-muted">Please ensure that your CSV or Excel file follows the correct format. You can download the templates above for reference.</p>
          <ul class="list-unstyled">
            <li><strong>Users:</strong> Include columns for username, email, and password.</li>
            <li><strong>Questions:</strong> Include columns for question text, subject, and answer options.</li>
          </ul>
        </div>
      </div>
      <div class="table-responsive">
        <table class="table table-bordered mt-4 table-hover table-striped">
          <thead>
            <tr>
              <th>File Type</th>
              <th>Template</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>CSV</td>
              <td><a href="{% url 'cbt:admin_download_template' 'users' 'csv' %}">Download Users CSV Template</a></td>
            </tr>
            <tr>
              <td>CSV</td>
              <td><a href="{% url 'cbt:admin_download_template' 'questions' 'csv' %}">Download Questions CSV Template</a></td>
            </tr>
            <tr>
              <td>Excel</td>
              <td><a href="{% url 'cbt:admin_download_template' 'questions' 'xlsx' %}">Download Questions Excel Template</a></td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>
{% endblock %}