{% extends "exams/base.html" %}
{% block content %}

<div class="container mt-4">

  <div class="d-flex justify-content-between align-items-center mb-3">
    <h4>
      <i class="fas fa-list"></i> Exam Types
    </h4>

    <a href="{% url 'exams:examtype_add' %}" class="btn btn-primary btn-sm">
      <i class="fas fa-plus"></i> Add Exam Type
    </a>
  </div>

    {% if messages %}
        {% for message in messages %}
            <div class="alert alert-{{ message.tags }} alert-dismissible fade show">
                {{ message }}
                <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
            </div>
        {% endfor %}
    {% endif %}
    
     
  <table class="table table-bordered table-striped">
    <thead class="table-dark">
      <tr>
        <th>Code</th>
        <th>Name</th>
        <th>Status</th>
        <th width="150">Actions</th>
      </tr>
    </thead>

    <tbody>
      {% for e in examtypes %}
      <tr>
        <td>{{ e.code }}</td>
        <td>{{ e.name }}</td>
        <td>
          {% if e.is_active %}
            <span class="badge bg-success">Active</span>
          {% else %}
            <span class="badge bg-secondary">Inactive</span>
          {% endif %}
        </td>
        <td>
          <a href="{% url 'exams:examtype_edit' e.id %}"
             class="btn btn-sm btn-info">
            <i class="fas fa-edit"></i>
          </a>

          <a href="{% url 'exams:examtype_delete' e.id %}"
             class="btn btn-sm btn-danger"
             onclick="return confirm('Delete this exam type?');">
            <i class="fas fa-trash"></i>
          </a>
        </td>
      </tr>
      {% empty %}
      <tr>
        <td colspan="4" class="text-center text-muted">
          No exam types found
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>

</div>

{% endblock %}