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

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

{% block subtitle %}
  <div class="text-secondary fs-5">{% trans "Registered provider adapters" %}</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 "Provider Backends" %}</h2>
  <table class="table table-hover mb-0" id="provider-backends">
    <thead>
      <tr>
        <th>{% trans "Provider" %}</th>
        <th>{% trans "Package" %}</th>
        <th>{% trans "Status" %}</th>
        <th>{% trans "Version" %}</th>
        <th>{% trans "Connected providers" %}</th>
      </tr>
    </thead>
    <tbody>
      {% for backend in backends %}
      <tr data-provider-type="{{ backend.slug }}">
        <td>
          {{ backend.name }}
          <code class="small ms-1">{{ backend.slug }}</code>
        </td>
        <td>
          {% if backend.package %}
            <code>{{ backend.package }}</code>
          {% else %}
            {{ ''|placeholder }}
          {% endif %}
        </td>
        <td>
          {% if backend.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 backend.version %}
            <code class="text-muted small">{{ backend.version }}</code>
          {% else %}
            {{ ''|placeholder }}
          {% endif %}
        </td>
        <td>
          {% if backend.providers %}
            <ul class="list-unstyled mb-0">
              {% for entry in backend.providers %}
                <li>
                  <a href="{{ entry.provider.get_absolute_url }}">{{ entry.provider.name }}</a>
                  {% badge entry.provider.get_access_display bg_color=entry.access_color %}
                  <span class="text-muted small ms-1">{{ entry.provider.last_synced|isodatetime|placeholder }}</span>
                  <span class="text-muted small ms-1 provisioning-limit">
                    {% if entry.provider.provisioning_limit %}
                      {% blocktrans with limit=entry.provider.provisioning_limit %}At most {{ limit }} provisioning at once{% endblocktrans %}
                    {% else %}
                      {% trans "No provisioning limit" %}
                    {% endif %}
                  </span>
                </li>
              {% endfor %}
            </ul>
          {% else %}
            <span class="text-muted">{% trans "None" %}</span>
          {% endif %}
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>

<p class="text-muted small mt-3">
  {% trans "Providers need their package installed in both the NetBox and the worker environment, for example:" %}
  <code>pip install "netbox-orchestrator[hcloud]"</code>
</p>
{% endblock content %}