{% extends "base.html" %}
{% block title %}{{ area.name }} modules{% endblock %}
{% block content %}
<div class="card">
  <h1>{{ area.name }} — modules</h1>
  {% if area.description %}<p>{{ area.description }}</p>{% endif %}
  <p>
    <strong>Area status:</strong>
    {% if area.is_active %}
      <span class="badge completed">Active</span>
    {% else %}
      <span class="badge inactive">Obsolete</span>
    {% endif %}
    <a class="btn btn-sm" href="{{ url_for('admin_edit_area', area_id=area.id) }}" style="margin-left:8px">Edit area</a>
  </p>
  <div class="table-wrap">
  <table>
    <tr>
      <th data-sort="number">Order</th>
      <th data-sort="number">#</th>
      <th>Name</th>
      <th>Status</th>
      <th class="actions-col">Actions</th>
    </tr>
    {% for m in modules %}
    <tr>
      <td>{{ m.sort_order }}</td>
      <td>M{{ m.module_number }}</td>
      <td>{{ m.name }}</td>
      <td>
        {% if m.is_active %}
          <span class="badge completed">Active</span>
        {% else %}
          <span class="badge inactive">Obsolete</span>
        {% endif %}
      </td>
      <td class="actions-cell">
        <div class="actions-group">
          <a class="btn btn-sm" href="{{ url_for('admin_edit_module', area_id=area.id, module_id=m.id) }}">Edit</a>
          {% if m.is_active %}
          <form method="post"
                action="{{ url_for('admin_set_module_status', area_id=area.id, module_id=m.id) }}"
                onsubmit="return confirm('Mark M{{ m.module_number }} as obsolete? Existing records will be kept.');">
            <input type="hidden" name="active" value="0">
            <button class="btn btn-sm btn-warn" type="submit">Mark obsolete</button>
          </form>
          {% else %}
          <form method="post"
                action="{{ url_for('admin_set_module_status', area_id=area.id, module_id=m.id) }}">
            <input type="hidden" name="active" value="1">
            <button class="btn btn-sm btn-green" type="submit">Reactivate</button>
          </form>
          {% endif %}
          {% if is_super_admin %}
          <form method="post"
                action="{{ url_for('admin_delete_module', area_id=area.id, module_id=m.id) }}"
                class="delete-confirm-form"
                data-confirm-name="{{ m.name }}"
                onsubmit="return lcafConfirmDelete(this, 'module');">
            <input type="hidden" name="confirm_name" value="">
            <button class="btn btn-sm btn-danger" type="submit">Delete permanently</button>
          </form>
          {% endif %}
        </div>
      </td>
    </tr>
    {% endfor %}
  </table>
  </div>
</div>
<div class="card">
  <h2>Add module</h2>
  <p><span style="color:var(--red)">*</span> Required field</p>
  <form method="post">
    <label>Module number <span style="color:var(--red)">*</span></label>
    <input name="module_number" type="number" min="1" required value="{{ next_module_number }}">
    <p style="font-size:13px;color:#555;margin-top:4px;">
      Suggested next number: <strong>M{{ next_module_number }}</strong>.
      Must be unique within this area.
    </p>

    <label>Module name <span style="color:var(--red)">*</span></label>
    <input name="name" required placeholder="e.g. Introduction to Personal Finance">

    <label>Description <em>(optional)</em></label>
    <textarea name="description" rows="2" placeholder="Brief module summary"></textarea>

    <label>Sort order <span style="color:var(--red)">*</span></label>
    <input name="sort_order" type="number" min="1" required value="{{ next_sort_order }}">
    <p style="font-size:13px;color:#555;margin-top:4px;">
      Suggested next order: <strong>{{ next_sort_order }}</strong>.
      Must be unique within this area.
    </p>

    <p style="margin-top:16px"><button class="btn btn-green" type="submit">Add module</button></p>
  </form>
</div>
<p>
  <a class="btn" href="{{ url_for('admin_areas') }}">Back to thematic areas</a>
  <a class="btn" href="{{ url_for('admin_home') }}">Admin home</a>
</p>
{% endblock %}