{% extends 'generic/_base.html' %}
{% load helpers %}
{% load i18n %}

{% block title %}{% trans "Connection Backends" %}{% endblock %}

{% block subtitle %}
  <div class="text-secondary fs-5">{% trans "Globally installed drivers" %}</div>
{% endblock %}

{% block content %}
<div class="d-flex justify-content-end mb-3">
  <a href="{% url 'plugins:netbox_orchestrator:settings' %}" class="btn btn-outline-secondary btn-sm">
    <i class="mdi mdi-arrow-left me-1"></i>{% trans "Back to Settings" %}
  </a>
</div>

<div class="card">
  <h2 class="card-header">{% trans "Connection Backends" %}</h2>
  <table class="table table-hover mb-0">
    <thead>
      <tr>
        <th>{% trans "Driver" %}</th>
        <th>{% trans "Status" %}</th>
        <th>{% trans "Version" %}</th>
      </tr>
    </thead>
    <tbody>
      {% for item in driver_info %}
      <tr>
        <td><code>{{ item.driver }}</code></td>
        <td>
          {% if item.ok %}
            <span class="badge text-bg-success">{% trans "Installed" %}</span>
          {% else %}
            <span class="badge text-bg-secondary">{% trans "Not installed" %}</span>
          {% endif %}
        </td>
        <td>
          {% if item.version %}
            <code class="text-muted small">{{ item.version }}</code>
          {% else %}
            <span class="text-muted small">—</span>
          {% endif %}
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>

<p class="text-muted small mt-3">
  {% trans "Missing drivers are installed automatically on the worker when a workflow that needs them runs for the first time." %}
</p>
{% endblock content %}