{% extends "base.html" %}
{% block title %}{{ title }} · neuralgentics-web{% endblock %}
{% block content %}
<section class="mb-8">
  <h1 class="text-2xl font-bold">Modules</h1>
  <p class="text-slate-600 mt-1">
    {{ modules|length }} module{{ '' if modules|length == 1 else 's' }} discovered ·
    <a href="/api/v1/modules" class="text-blue-600 underline">/api/v1/modules</a>
  </p>
</section>

<section class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
  {% for m in modules %}
  <a href="/modules/{{ m.name }}"
     class="block bg-white border border-slate-200 rounded-lg p-5 hover:shadow-md transition-shadow">
    <div class="flex items-start justify-between">
      <div>
        <h2 class="text-lg font-semibold">{{ m.display_name }}</h2>
        <p class="text-xs text-slate-500 mt-0.5">{{ m.name }} · v{{ m.version }}</p>
      </div>
      <span class="text-xs px-2 py-0.5 rounded bg-amber-100 text-amber-800">stub</span>
    </div>
    <p class="text-sm text-slate-700 mt-3">{{ m.description }}</p>
    <p class="text-xs text-slate-500 mt-4">Coming in {{ m.to_summary().coming_in }}</p>
  </a>
  {% endfor %}
</section>
{% endblock %}