{% extends "admin/_layout.html" %}
{% from "_macros.html" import icon %}
{% set section = "models" %}

{% block title %}Models - LLeMbas{% endblock %}
{% block heading %}Models{% endblock %}

{% block admin_content %}
<p class="admin-lede">
  Every model discovered on each connection. Disable the ones you do not want
  cluttering the chat picker — nothing is deleted, and re-running
  “Test &amp; refresh” will not bring a disabled model back on.
</p>

{% for connection in connections %}
<section class="card">
  <h2 class="card__title">
    {{ connection.name }}
    <span class="badge">{{ connection.models|length }}</span>
    {% if not connection.enabled %}<span class="badge">connection disabled</span>{% endif %}
  </h2>

  {% if not connection.models %}
  <p class="muted text-sm">
    No models loaded. Run “Test &amp; refresh” on
    <a href="/admin/connections">the connections page</a>.
  </p>
  {% else %}
  <ul class="model-list">
    {% for model in connection.models %}
    <li class="model-list__item">
      <code class="model-list__id">{{ model.model_id }}</code>
      <form method="post" action="/admin/models/{{ model.id }}/toggle">
        <button class="btn btn--sm {{ 'btn--primary' if model.enabled }}" type="submit">
          {% if model.enabled %}{{ icon("check", "icon--sm") }} Enabled{% else %}Disabled{% endif %}
        </button>
      </form>
    </li>
    {% endfor %}
  </ul>
  {% endif %}
</section>
{% else %}
<div class="empty" style="padding: var(--sp-10) 0">
  {{ icon("server", "empty__mark") }}
  <p class="empty__text">
    No connections yet. <a href="/admin/connections">Add one</a> to load models.
  </p>
</div>
{% endfor %}
{% endblock %}