{% 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-layer-group"></i> Add Academic Level
    </h4>

    <a href="{% url 'exams:academic_level_list' %}" class="btn btn-secondary btn-sm">
      <i class="fas fa-arrow-left"></i> Back to List
    </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 %}

  <div class="card shadow-sm">
    <div class="card-body">

      <form method="post">
        {% csrf_token %}

        <div class="mb-3">
          <label class="form-label">Code</label>
          {{ form.code }}
        </div>

        <div class="mb-3">
          <label class="form-label">Name</label>
          {{ form.name }}
        </div>

        <div class="mb-3">
          <label class="form-label">Description</label>
          {{ form.description }}
        </div>

        <div class="form-check mb-3">
          {{ form.is_active }}
          <label class="form-check-label">Active</label>
        </div>

        <button type="submit" class="btn btn-primary">
          <i class="fas fa-save"></i> Save Level
        </button>

      </form>

    </div>
  </div>

</div>

{% endblock %}