{% extends 'base.html' %}

{% block title %}Subjects{% endblock %}

{% block content %}
<div class="container">
  <div class="card">
    <div class="card-header">
      <h1 class="h3">Subjects</h1>
    </div>
    <div class="card-body">
      <div class="mb-3">
        <a href="{% url 'cbt:admin_subject_create' %}" class="btn btn-primary">Add New Subject</a>
      </div>
      <table class="table table-striped">
        <thead>
          <tr>
            <th scope="col">#</th>
            <th scope="col">Assessment</th>
            <th scope="col">Type</th>
            <th scope="col">Description</th>
            <th scope="col">Active</th>
            <th scope="col">Actions</th>
          </tr>
        </thead>
        <tbody>
          {% for subject in subjects %}
          <tr>
            <th scope="row">{{ forloop.counter }}</th>
            <td>{{ subject.assessment.name }}</td>
            <td>{{ subject.subject_type.name }}</td>
            <td>{{ subject.description }}</td>
            <td>{{ subject.is_active|yesno:"Yes,No" }}</td>
            <td>
              <a href="{% url 'cbt:admin_subject_edit' subject.pk %}"
                class="btn btn-sm btn-primary">Edit</a>
              <a href="{% url 'cbt:admin_subject_delete' subject.pk %}"
                class="btn btn-sm btn-danger">Delete</a>
            </td>
          </tr>
          {% empty %}
          <tr>
            <td colspan="7" class="text-center">No subjects found.</td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div>
</div>


{% endblock %}