{% extends layout %}
{% import "macros.html" as m %}
{% block content %}

<p class="muted">
  Sources are declared in configuration, where the whole set is reviewable in one place. There
  is no page that creates one: a connector holds credentials and reaches into a remote system,
  and declaring one from a browser would make this surface a way to point the installation
  somewhere new.
</p>

{% if panels.connectors.ok %}
{% if panels.connectors.data.connectors %}
<table>
  <thead><tr><th>Name</th><th>Type</th><th>Full inventory</th><th>Enabled</th><th>Installed</th><th>Last sync</th><th>Outcome</th><th>Retry</th><th>Status</th><th>Documents</th><th></th></tr></thead>
  <tbody>
    {% for item in panels.connectors.data.connectors %}
    <tr>
      <td>{{ item.name }}</td>
      <td>{{ item.type }}</td>
      <td>{{ item.full_inventory_authority or '—' }}</td>
      <td>{{ 'yes' if item.enabled else 'no' }}</td>
      <td>{{ 'yes' if item.installed else 'no — the plugin is not installed' }}</td>
      <td>{{ item.last_synced_at or 'never' }}</td>
      <td>{{ item.last_outcome or '—' }}</td>
      <td>{{ 'yes' if item.retry_required else 'no' }}</td>
      <td>{{ item.status or '—' }}</td>
      <td>{{ item.documents if item.documents is not none else '—' }}</td>
      <td class="actions">
        <button type="button" class="ghost" data-sync="{{ item.name }}">Sync</button>
      </td>
    </tr>
    {% endfor %}
  </tbody>
</table>
<p class="muted" data-sync-status role="status" aria-live="polite"></p>
{% else %}{{ m.empty('No connectors are configured.') }}{% endif %}
{% else %}{{ m.failed(panels.connectors) }}{% endif %}
{% endblock %}